@dso-toolkit/core 45.1.0 → 46.0.0

package/dist/collection/components/info/info.js

@@ -1,74 +1,82 @@
-import { h, Component, Event, Prop, Fragment } from '@stencil/core';
+import { h, Fragment } from "@stencil/core";
 export class Info {
+  constructor() {
+    this.fixed = undefined;
+    this.active = undefined;
+  }
   render() {
-    return (h(Fragment, null,
-      h("slot", null),
-      !this.fixed && (h("button", { type: "button", onClick: e => this.dsoClose.emit(e) },
-        h("dso-icon", { icon: "times" }),
-        h("span", { class: "sr-only" }, "Sluiten")))));
+    return (h(Fragment, null, h("slot", null), !this.fixed && (h("button", { type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten")))));
   }
   static get is() { return "dso-info"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["./info.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["info.css"]
-  }; }
-  static get properties() { return {
-    "fixed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fixed",
-      "reflect": true
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": true
-    }
-  }; }
-  static get events() { return [{
-      "method": "dsoClose",
-      "name": "dsoClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["./info.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["info.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "fixed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "fixed",
+        "reflect": true
       },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": true
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dsoClose",
+        "name": "dsoClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
 }

package/dist/collection/components/info-button/info-button.js

@@ -1,9 +1,11 @@
-import { h, Component, Event, Prop, Method, Host, State } from '@stencil/core';
-import clsx from 'clsx';
+import { h, Host } from "@stencil/core";
+import clsx from "clsx";
 export class InfoButton {
   constructor() {
+    this.active = undefined;
     this.hover = false;
-    this.label = 'Toelichting bij optie';
+    this.secondary = undefined;
+    this.label = "Toelichting bij optie";
   }
   async setFocus() {
     var _a;
@@ -14,112 +16,121 @@ export class InfoButton {
     this.dsoToggle.emit({ originalEvent: e, active: this.active });
   }
   render() {
-    return (h(Host, { onMouseenter: () => this.hover = true, onMouseleave: () => this.hover = false },
-      h("button", { type: "button", class: clsx('btn', { 'dso-open': !!this.active, 'dso-info-secondary': !!this.secondary }), "aria-expanded": typeof this.active === 'boolean' ? this.active.toString() : undefined, onClick: e => this.handleToggle(e), ref: element => (this.button = element) },
-        h("dso-icon", { icon: this.active || this.hover ? 'info-active' : 'info' }),
-        h("span", { class: "sr-only" }, this.label))));
+    return (h(Host, { onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { type: "button", class: clsx("btn", { "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { icon: this.active || this.hover ? "info-active" : "info" }), h("span", { class: "sr-only" }, this.label))));
   }
   static get is() { return "dso-info-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["info-button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["info-button.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": true
-    },
-    "secondary": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "secondary",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["info-button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["info-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": true
       },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "'Toelichting bij optie'"
-    }
-  }; }
-  static get states() { return {
-    "hover": {}
-  }; }
-  static get events() { return [{
-      "method": "dsoToggle",
-      "name": "dsoToggle",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "secondary": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "secondary",
+        "reflect": false
       },
-      "complexType": {
-        "original": "InfoButtonToggleEvent",
-        "resolved": "InfoButtonToggleEvent",
-        "references": {
-          "InfoButtonToggleEvent": {
-            "location": "local"
-          }
-        }
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "\"Toelichting bij optie\""
       }
-    }]; }
-  static get methods() { return {
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "hover": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dsoToggle",
+        "name": "dsoToggle",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "InfoButtonToggleEvent",
+          "resolved": "InfoButtonToggleEvent",
+          "references": {
+            "InfoButtonToggleEvent": {
+              "location": "local"
+            }
           }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
 }