@dso-toolkit/core 62.18.0 → 62.20.0

package/dist/collection/components/highlight-box/highlight-box.js

@@ -1,118 +1,118 @@
 import { h, Host } from "@stencil/core";
 export class HighlightBox {
-  constructor() {
-    this.yellow = undefined;
-    this.border = undefined;
-    this.white = undefined;
-    this.dropShadow = undefined;
-    this.step = undefined;
-  }
-  render() {
-    var _a;
-    const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-    return (h(Host, { "has-counter": hasCounter }, hasCounter && h("div", { class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { name: "icon" })), h("slot", null)));
-  }
-  static get is() { return "dso-highlight-box"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["highlight-box.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["highlight-box.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "yellow": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "For yellow Highlight Box."
-        },
-        "attribute": "yellow",
-        "reflect": true
-      },
-      "border": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "For a bordered Highlight Box."
-        },
-        "attribute": "border",
-        "reflect": true
-      },
-      "white": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "For a while Highlight Box."
-        },
-        "attribute": "white",
-        "reflect": true
-      },
-      "dropShadow": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "For an Highlight Box with a drop shadow."
-        },
-        "attribute": "drop-shadow",
-        "reflect": true
-      },
-      "step": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "To create a step indicator."
-        },
-        "attribute": "step",
-        "reflect": true
-      }
-    };
-  }
-  static get elementRef() { return "element"; }
+    constructor() {
+        this.yellow = undefined;
+        this.border = undefined;
+        this.white = undefined;
+        this.dropShadow = undefined;
+        this.step = undefined;
+    }
+    render() {
+        var _a;
+        const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
+        return (h(Host, { key: '4334f13da16a3005e01e815a0998fdcbc87f31e8', "has-counter": hasCounter }, hasCounter && h("div", { key: '553cb9e7150fb6c603c9bbbc0d2307170416ee3b', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: 'faf8811c78d6c918c2624f43c75d6241209be209', name: "icon" })), h("slot", { key: '2bfd070a41a5f969d5cb1d24ce1a6846e68c5ceb' })));
+    }
+    static get is() { return "dso-highlight-box"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["highlight-box.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["highlight-box.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "yellow": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "For yellow Highlight Box."
+                },
+                "attribute": "yellow",
+                "reflect": true
+            },
+            "border": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "For a bordered Highlight Box."
+                },
+                "attribute": "border",
+                "reflect": true
+            },
+            "white": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "For a while Highlight Box."
+                },
+                "attribute": "white",
+                "reflect": true
+            },
+            "dropShadow": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "For an Highlight Box with a drop shadow."
+                },
+                "attribute": "drop-shadow",
+                "reflect": true
+            },
+            "step": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "To create a step indicator."
+                },
+                "attribute": "step",
+                "reflect": true
+            }
+        };
+    }
+    static get elementRef() { return "element"; }
 }
 //# sourceMappingURL=highlight-box.js.map

package/dist/collection/components/highlight-box/highlight-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlight-box.js","sourceRoot":"","sources":["../../../../src/components/highlight-box/highlight-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,YAAY;;;;;;;;EAkCvB,MAAM;;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE5E,OAAO,CACL,EAAC,IAAI,mBAAc,UAAU;MAC1B,UAAU,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,YAAM,IAAI,EAAC,MAAM,GAAQ,CAAO;MAC3F,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element, Host } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-highlight-box\",\r\n  styleUrl: \"highlight-box.scss\",\r\n  shadow: true,\r\n})\r\nexport class HighlightBox {\r\n  /**\r\n   * For yellow Highlight Box.\r\n   */\r\n  @Prop({ reflect: true })\r\n  yellow?: boolean;\r\n\r\n  /**\r\n   * For a bordered Highlight Box.\r\n   */\r\n  @Prop({ reflect: true })\r\n  border?: boolean;\r\n\r\n  /**\r\n   * For a while Highlight Box.\r\n   */\r\n  @Prop({ reflect: true })\r\n  white?: boolean;\r\n\r\n  /**\r\n   * For an Highlight Box with a drop shadow.\r\n   */\r\n  @Prop({ reflect: true })\r\n  dropShadow?: boolean;\r\n\r\n  /**\r\n   * To create a step indicator.\r\n   */\r\n  @Prop({ reflect: true })\r\n  step?: number;\r\n\r\n  @Element()\r\n  private element!: HTMLDsoHighlightBoxElement;\r\n\r\n  render() {\r\n    const hasCounter = this.step || !!this.element.querySelector(\"[slot=icon]\");\r\n\r\n    return (\r\n      <Host has-counter={hasCounter}>\r\n        {hasCounter && <div class=\"dso-step-counter\">{this.step ?? <slot name=\"icon\"></slot>}</div>}\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"highlight-box.js","sourceRoot":"","sources":["../../../../src/components/highlight-box/highlight-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,YAAY;;;;;;;;IAkCvB,MAAM;;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAE5E,OAAO,CACL,EAAC,IAAI,oEAAc,UAAU;YAC1B,UAAU,IAAI,4DAAK,KAAK,EAAC,kBAAkB,IAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,6DAAM,IAAI,EAAC,MAAM,GAAQ,CAAO;YAC3F,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element, Host } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-highlight-box\",\r\n  styleUrl: \"highlight-box.scss\",\r\n  shadow: true,\r\n})\r\nexport class HighlightBox {\r\n  /**\r\n   * For yellow Highlight Box.\r\n   */\r\n  @Prop({ reflect: true })\r\n  yellow?: boolean;\r\n\r\n  /**\r\n   * For a bordered Highlight Box.\r\n   */\r\n  @Prop({ reflect: true })\r\n  border?: boolean;\r\n\r\n  /**\r\n   * For a while Highlight Box.\r\n   */\r\n  @Prop({ reflect: true })\r\n  white?: boolean;\r\n\r\n  /**\r\n   * For an Highlight Box with a drop shadow.\r\n   */\r\n  @Prop({ reflect: true })\r\n  dropShadow?: boolean;\r\n\r\n  /**\r\n   * To create a step indicator.\r\n   */\r\n  @Prop({ reflect: true })\r\n  step?: number;\r\n\r\n  @Element()\r\n  private element!: HTMLDsoHighlightBoxElement;\r\n\r\n  render() {\r\n    const hasCounter = this.step || !!this.element.querySelector(\"[slot=icon]\");\r\n\r\n    return (\r\n      <Host has-counter={hasCounter}>\r\n        {hasCounter && <div class=\"dso-step-counter\">{this.step ?? <slot name=\"icon\"></slot>}</div>}\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/icon/icon.js

@@ -99,151 +99,151 @@ import users from "dso-toolkit/src/icons/users.svg";
 import water from "dso-toolkit/src/icons/water.svg";
 import wipWip from "dso-toolkit/src/icons/wip-wip.svg";
 const icons = [
-  { alias: "air", svg: air },
-  { alias: "angle-down", svg: angleDown },
-  { alias: "angle-left", svg: angleLeft },
-  { alias: "angle-right", svg: angleRight },
-  { alias: "angle-up", svg: angleUp },
-  { alias: "asterisk", svg: asterisk },
-  { alias: "balloon", svg: balloon },
-  { alias: "bars", svg: bars },
-  { alias: "buildings", svg: buildings },
-  { alias: "calendar", svg: calendar },
-  { alias: "call", svg: call },
-  { alias: "caret-down", svg: caretDown },
-  { alias: "check", svg: check },
-  { alias: "check-circle", svg: checkCircle },
-  { alias: "chevron-down", svg: chevronDown },
-  { alias: "chevron-left", svg: chevronLeft },
-  { alias: "chevron-right", svg: chevronRight },
-  { alias: "chevron-up", svg: chevronUp },
-  { alias: "circle-notch", svg: circleNotch },
-  { alias: "clock", svg: clock },
-  { alias: "copy", svg: copy },
-  { alias: "crown", svg: crown },
-  { alias: "cultural", svg: cultural },
-  { alias: "document", svg: document },
-  { alias: "download", svg: download },
-  { alias: "email", svg: email },
-  { alias: "energy", svg: energy },
-  { alias: "environment", svg: environment },
-  { alias: "exclamation", svg: exclamation },
-  { alias: "external-link", svg: externalLink },
-  { alias: "eye-slash", svg: eyeSlash },
-  { alias: "eye", svg: eye },
-  { alias: "filter", svg: filter },
-  { alias: "forbidden", svg: forbidden },
-  { alias: "health", svg: health },
-  { alias: "help-active", svg: helpActive },
-  { alias: "help", svg: help },
-  { alias: "house", svg: house },
-  { alias: "info-active", svg: infoActive },
-  { alias: "info-i", svg: infoI },
-  { alias: "info", svg: info },
-  { alias: "infrastructure", svg: infrastructure },
-  { alias: "label", svg: label },
-  { alias: "land", svg: land },
-  { alias: "landscape", svg: landscape },
-  { alias: "layers", svg: layers },
-  { alias: "location", svg: location },
-  { alias: "location-outline", svg: locationOutline },
-  { alias: "location-search", svg: locationSearch },
-  { alias: "lock", svg: lock },
-  { alias: "magnet", svg: magnet },
-  { alias: "map-layers", svg: mapLayers },
-  { alias: "map-location", svg: mapLocation },
-  { alias: "marker", svg: marker },
-  { alias: "measurement", svg: measurement },
-  { alias: "minus-circle", svg: minusCircle },
-  { alias: "minus-square", svg: minusSquare },
-  { alias: "minus", svg: minus },
-  { alias: "more", svg: more },
-  { alias: "municipality", svg: municipality },
-  { alias: "nature", svg: nature },
-  { alias: "new-window", svg: newWindow },
-  { alias: "paperclip", svg: paperclip },
-  { alias: "parking", svg: parking },
-  { alias: "pencil", svg: pencil },
-  { alias: "pin", svg: pin },
-  { alias: "pin-outline", svg: pinOutline },
-  { alias: "plus-circle", svg: plusCircle },
-  { alias: "plus-square", svg: plusSquare },
-  { alias: "plus", svg: plus },
-  { alias: "print", svg: print },
-  { alias: "procedures", svg: procedures },
-  { alias: "spinner", svg: spinner },
-  { alias: "redo", svg: redo },
-  { alias: "safety", svg: safety },
-  { alias: "scale", svg: scale },
-  { alias: "search", svg: search },
-  { alias: "sitemap", svg: sitemap },
-  { alias: "soil", svg: soil },
-  { alias: "sort-ascending", svg: sortAscending },
-  { alias: "sort-descending", svg: sortDescending },
-  { alias: "sort", svg: sort },
-  { alias: "sound", svg: sound },
-  { alias: "status-danger", svg: statusDanger },
-  { alias: "status-error", svg: statusError },
-  { alias: "status-info", svg: statusInfo },
-  { alias: "status-success", svg: statusSuccess },
-  { alias: "status-warning", svg: statusWarning },
-  { alias: "status-warning-inline", svg: statusWarningInline },
-  { alias: "status-warning-inline-negative", svg: statusWarningInlineNegative },
-  { alias: "table", svg: table },
-  { alias: "times", svg: times },
-  { alias: "trash", svg: trash },
-  { alias: "undo", svg: undo },
-  { alias: "user-line", svg: userLine },
-  { alias: "user", svg: user },
-  { alias: "users", svg: users },
-  { alias: "water", svg: water },
-  { alias: "wip-wip", svg: wipWip },
+    { alias: "air", svg: air },
+    { alias: "angle-down", svg: angleDown },
+    { alias: "angle-left", svg: angleLeft },
+    { alias: "angle-right", svg: angleRight },
+    { alias: "angle-up", svg: angleUp },
+    { alias: "asterisk", svg: asterisk },
+    { alias: "balloon", svg: balloon },
+    { alias: "bars", svg: bars },
+    { alias: "buildings", svg: buildings },
+    { alias: "calendar", svg: calendar },
+    { alias: "call", svg: call },
+    { alias: "caret-down", svg: caretDown },
+    { alias: "check", svg: check },
+    { alias: "check-circle", svg: checkCircle },
+    { alias: "chevron-down", svg: chevronDown },
+    { alias: "chevron-left", svg: chevronLeft },
+    { alias: "chevron-right", svg: chevronRight },
+    { alias: "chevron-up", svg: chevronUp },
+    { alias: "circle-notch", svg: circleNotch },
+    { alias: "clock", svg: clock },
+    { alias: "copy", svg: copy },
+    { alias: "crown", svg: crown },
+    { alias: "cultural", svg: cultural },
+    { alias: "document", svg: document },
+    { alias: "download", svg: download },
+    { alias: "email", svg: email },
+    { alias: "energy", svg: energy },
+    { alias: "environment", svg: environment },
+    { alias: "exclamation", svg: exclamation },
+    { alias: "external-link", svg: externalLink },
+    { alias: "eye-slash", svg: eyeSlash },
+    { alias: "eye", svg: eye },
+    { alias: "filter", svg: filter },
+    { alias: "forbidden", svg: forbidden },
+    { alias: "health", svg: health },
+    { alias: "help-active", svg: helpActive },
+    { alias: "help", svg: help },
+    { alias: "house", svg: house },
+    { alias: "info-active", svg: infoActive },
+    { alias: "info-i", svg: infoI },
+    { alias: "info", svg: info },
+    { alias: "infrastructure", svg: infrastructure },
+    { alias: "label", svg: label },
+    { alias: "land", svg: land },
+    { alias: "landscape", svg: landscape },
+    { alias: "layers", svg: layers },
+    { alias: "location", svg: location },
+    { alias: "location-outline", svg: locationOutline },
+    { alias: "location-search", svg: locationSearch },
+    { alias: "lock", svg: lock },
+    { alias: "magnet", svg: magnet },
+    { alias: "map-layers", svg: mapLayers },
+    { alias: "map-location", svg: mapLocation },
+    { alias: "marker", svg: marker },
+    { alias: "measurement", svg: measurement },
+    { alias: "minus-circle", svg: minusCircle },
+    { alias: "minus-square", svg: minusSquare },
+    { alias: "minus", svg: minus },
+    { alias: "more", svg: more },
+    { alias: "municipality", svg: municipality },
+    { alias: "nature", svg: nature },
+    { alias: "new-window", svg: newWindow },
+    { alias: "paperclip", svg: paperclip },
+    { alias: "parking", svg: parking },
+    { alias: "pencil", svg: pencil },
+    { alias: "pin", svg: pin },
+    { alias: "pin-outline", svg: pinOutline },
+    { alias: "plus-circle", svg: plusCircle },
+    { alias: "plus-square", svg: plusSquare },
+    { alias: "plus", svg: plus },
+    { alias: "print", svg: print },
+    { alias: "procedures", svg: procedures },
+    { alias: "spinner", svg: spinner },
+    { alias: "redo", svg: redo },
+    { alias: "safety", svg: safety },
+    { alias: "scale", svg: scale },
+    { alias: "search", svg: search },
+    { alias: "sitemap", svg: sitemap },
+    { alias: "soil", svg: soil },
+    { alias: "sort-ascending", svg: sortAscending },
+    { alias: "sort-descending", svg: sortDescending },
+    { alias: "sort", svg: sort },
+    { alias: "sound", svg: sound },
+    { alias: "status-danger", svg: statusDanger },
+    { alias: "status-error", svg: statusError },
+    { alias: "status-info", svg: statusInfo },
+    { alias: "status-success", svg: statusSuccess },
+    { alias: "status-warning", svg: statusWarning },
+    { alias: "status-warning-inline", svg: statusWarningInline },
+    { alias: "status-warning-inline-negative", svg: statusWarningInlineNegative },
+    { alias: "table", svg: table },
+    { alias: "times", svg: times },
+    { alias: "trash", svg: trash },
+    { alias: "undo", svg: undo },
+    { alias: "user-line", svg: userLine },
+    { alias: "user", svg: user },
+    { alias: "users", svg: users },
+    { alias: "water", svg: water },
+    { alias: "wip-wip", svg: wipWip },
 ];
 export class Icon {
-  constructor() {
-    this.icon = undefined;
-  }
-  render() {
-    if (this.icon) {
-      const icon = icons.find((i) => i.alias === this.icon);
-      if (!icon) {
-        throw new TypeError(`Unknown svg: ${this.icon}`);
-      }
-      return h("span", { class: "icon-container", innerHTML: icon.svg });
+    constructor() {
+        this.icon = undefined;
+    }
+    render() {
+        if (this.icon) {
+            const icon = icons.find((i) => i.alias === this.icon);
+            if (!icon) {
+                throw new TypeError(`Unknown svg: ${this.icon}`);
+            }
+            return h("span", { key: 'ce873c525c717b5effd7d4fe9691057911e3e0c3', class: "icon-container", innerHTML: icon.svg });
+        }
+    }
+    static get is() { return "dso-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./icon.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The alias of the icon."
+                },
+                "attribute": "icon",
+                "reflect": false
+            }
+        };
     }
-  }
-  static get is() { return "dso-icon"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["./icon.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["icon.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The alias of the icon."
-        },
-        "attribute": "icon",
-        "reflect": false
-      }
-    };
-  }
 }
 //# sourceMappingURL=icon.js.map