Add border attribute

Author: psrpinto

block/attributes.ts

@@ -2,13 +2,25 @@ interface Attributes {
  defaultHomeserver?: string,
  roomId?: string,
  height: Height,
+ border: {
+ width: BorderWidth,
+ radius: BorderRadius,
+ style: string,
+ color: string,
+ }
 }
 
 export function parseAttributes(attributes): Attributes {
  return {
  defaultHomeserver: attributes.defaultHomeserver ?? '',
  roomId: attributes.roomId ?? '',
  height: new Height(attributes.height.value, attributes.height.unit),
+ border: {
+ width: new BorderWidth(attributes.border.width.value, attributes.border.width.unit),
+ radius: new BorderRadius(attributes.border.radius.value, attributes.border.radius.unit),
+ style: attributes.border.style,
+ color: attributes.border.color,
+ }
  };
 }
 
@@ -48,3 +60,15 @@ export class Height extends ValueWithUnit {
  super(value, unit);
  }
 }
+
+export class BorderWidth extends ValueWithUnit {
+ constructor(value: number, unit: Unit | string) {
+ super(value, unit);
+ }
+}
+
+export class BorderRadius extends ValueWithUnit {
+ constructor(value: number, unit: Unit | string) {
+ super(value, unit);
+ }
+}

block/block.json

@@ -22,6 +22,21 @@
  "value": 600,
  "unit": "px"
  }
+ },
+ "border": {
+ "type": "object",
+ "default": {
+ "width": {
+ "value": 1,
+ "unit": "px"
+ },
+ "radius": {
+ "value": 10,
+ "unit": "px"
+ },
+ "style": "solid",
+ "color": "black"
+ }
  }
  },
  "supports": {