@utrecht/web-component-library-stencil 1.1.1-alpha.0 → 1.1.1-alpha.2

package/dist/collection/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-pagination',\n  styleUrl: 'pagination.scss',\n  shadow: true,\n})\nexport class Pagination {\n  @Prop() links: string;\n  @Prop() next: string;\n  @Prop() prev: string;\n  @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n  render() {\n    const { currentIndex } = this;\n    const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n    const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n    const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n    const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n      disabled ? (\n        <span\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          aria-label={title || null}\n        >\n          {textContent}\n        </span>\n      ) : (\n        <a\n          href={href}\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          rel={rel}\n          aria-label={title || null}\n        >\n          {textContent}\n        </a>\n      );\n\n    const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n      <a\n        class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n        href={href}\n        aria-current={current ? 'true' : null}\n        rel={rel}\n      >\n        {textContent}\n      </a>\n    );\n\n    return (\n      <nav class=\"utrecht-pagination\">\n        <span class=\"utrecht-pagination__before\">\n          {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n        </span>\n        <span role=\"group\" class=\"utrecht-pagination__pages\">\n          {links\n            .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n            .map((link, arrayIndex) => {\n              const index = typeof link.index === 'number' ? link.index : arrayIndex;\n              return {\n                index,\n                current: typeof currentIndex === 'number' && index === currentIndex,\n                rel:\n                  typeof currentIndex === 'number'\n                    ? index === currentIndex + 1\n                      ? 'next'\n                      : index === currentIndex - 1\n                      ? 'prev'\n                      : null\n                    : null,\n                textContent: link.index || index,\n                ...link,\n              };\n            })\n            .map((link) => PageLink(link))}\n        </span>\n        <span class=\"utrecht-pagination__before\">\n          {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n        </span>\n      </nav>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-pagination',\n  styleUrl: 'pagination.scss',\n  shadow: true,\n})\nexport class Pagination {\n  @Prop() links: string;\n  @Prop() next: string;\n  @Prop() prev: string;\n  @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n  render() {\n    const { currentIndex } = this;\n    const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n    const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n    const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n    const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n      disabled ? (\n        <span\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          aria-label={title || null}\n        >\n          {textContent}\n        </span>\n      ) : (\n        <a\n          href={href}\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          rel={rel}\n          aria-label={title || null}\n        >\n          {textContent}\n        </a>\n      );\n\n    const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n      <a\n        class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n        href={href}\n        aria-current={current ? 'true' : null}\n        rel={rel}\n      >\n        {textContent}\n      </a>\n    );\n\n    return (\n      <nav class=\"utrecht-pagination\">\n        <span class=\"utrecht-pagination__before\">\n          {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n        </span>\n        <span role=\"group\" class=\"utrecht-pagination__pages\">\n          {links\n            .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n            .map((link, arrayIndex) => {\n              const index = typeof link.index === 'number' ? link.index : arrayIndex;\n              return {\n                index,\n                current: typeof currentIndex === 'number' && index === currentIndex,\n                rel:\n                  typeof currentIndex === 'number'\n                    ? index === currentIndex + 1\n                      ? 'next'\n                      : index === currentIndex - 1\n                      ? 'prev'\n                      : null\n                    : null,\n                textContent: link.index || index,\n                ...link,\n              };\n            })\n            .map((link) => PageLink(link))}\n        </span>\n        <span class=\"utrecht-pagination__before\">\n          {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n        </span>\n      </nav>\n    );\n  }\n}\n"]}

package/dist/collection/components/paragraph.js

@@ -1,44 +1,44 @@
 import { h } from "@stencil/core";
 import clsx from "clsx";
 export class Paragraph {
-  constructor() {
-    this.lead = undefined;
-  }
-  render() {
-    return (h("div", { class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", null)));
-  }
-  static get is() { return "utrecht-paragraph"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["paragraph.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["paragraph.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "lead": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Lead paragraph"
-        },
-        "attribute": "lead",
-        "reflect": false
-      }
-    };
-  }
+    constructor() {
+        this.lead = undefined;
+    }
+    render() {
+        return (h("div", { class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", null)));
+    }
+    static get is() { return "utrecht-paragraph"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["paragraph.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["paragraph.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "lead": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lead paragraph"
+                },
+                "attribute": "lead",
+                "reflect": false
+            }
+        };
+    }
 }
 //# sourceMappingURL=paragraph.js.map

package/dist/collection/components/paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../src/components/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,SAAS;;;;EAMpB,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC;MAC3E,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-paragraph',\n  styleUrl: 'paragraph.scss',\n  shadow: true,\n})\nexport class Paragraph {\n  /**\n   * Lead paragraph\n   */\n  @Prop() lead: boolean;\n\n  render() {\n    return (\n      <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../src/components/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,SAAS;;;;IAMpB,MAAM;QACJ,OAAO,CACL,WAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC;YAC3E,eAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-paragraph',\n  styleUrl: 'paragraph.scss',\n  shadow: true,\n})\nexport class Paragraph {\n  /**\n   * Lead paragraph\n   */\n  @Prop() lead: boolean;\n\n  render() {\n    return (\n      <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/pre-heading.js

@@ -5,20 +5,20 @@
  */
 import { h } from "@stencil/core";
 export class PreHeading {
-  render() {
-    return (h("p", null, h("slot", null)));
-  }
-  static get is() { return "utrecht-pre-heading"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pre-heading.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pre-heading.css"]
-    };
-  }
+    render() {
+        return (h("p", null, h("slot", null)));
+    }
+    static get is() { return "utrecht-pre-heading"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pre-heading.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pre-heading.css"]
+        };
+    }
 }
 //# sourceMappingURL=pre-heading.js.map

package/dist/collection/components/pre-heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"pre-heading.js","sourceRoot":"","sources":["../../../src/components/pre-heading.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;EACrB,MAAM;IACJ,OAAO,CACL;MACE,eAAa,CACX,CACL,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-pre-heading',\n  styleUrl: 'pre-heading.scss',\n  shadow: true,\n})\nexport class PreHeading {\n  render() {\n    return (\n      <p>\n        <slot></slot>\n      </p>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pre-heading.js","sourceRoot":"","sources":["../../../src/components/pre-heading.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL;YACE,eAAa,CACX,CACL,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-pre-heading',\n  styleUrl: 'pre-heading.scss',\n  shadow: true,\n})\nexport class PreHeading {\n  render() {\n    return (\n      <p>\n        <slot></slot>\n      </p>\n    );\n  }\n}\n"]}

package/dist/collection/components/progress-list-item.js

@@ -6,135 +6,135 @@
 import { h } from "@stencil/core";
 import clsx from "clsx";
 export class StepProgressListItem {
-  constructor() {
-    this.checked = false;
-    this.from = undefined;
-    this.to = undefined;
-    this.appearance = undefined;
-    this.details = false;
-    this._open = false;
-  }
-  render() {
-    const { appearance, checked, details, from, _open, to } = this;
-    return (h("li", { class: clsx('denhaag-process-steps__step', {
-        'denhaag-process-steps__step--checked': checked,
-        'denhaag-process-steps__step--not-checked': !checked,
-      }) }, h("div", { class: "denhaag-process-steps__step-header" }, h("div", { class: clsx('denhaag-step-marker', {
-        'denhaag-step-marker--checked': checked,
-        'denhaag-step-marker--not-checked': !checked,
-      }) }, h("slot", { name: "marker" }), checked && (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
-        'denhaag-process-steps__step-heading--checked': checked,
-      }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
-        'denhaag-process-steps__step-heading--checked': checked,
-      }) }, h("slot", null)))), h("div", { class: clsx('denhaag-process-steps__step-body') }, h("div", { class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { class: "denhaag-process-steps__step-meta" }, h("slot", { name: "body" }))), h("div", { id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { name: "details" }))));
-  }
-  static get is() { return "utrecht-progress-list-item"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["progress-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["progress-list.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "checked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "checked",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "from": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "from",
-        "reflect": false
-      },
-      "to": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "to",
-        "reflect": false
-      },
-      "appearance": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "appearance",
-        "reflect": false
-      },
-      "details": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "details",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_open": {}
-    };
-  }
+    constructor() {
+        this.checked = false;
+        this.from = undefined;
+        this.to = undefined;
+        this.appearance = undefined;
+        this.details = false;
+        this._open = false;
+    }
+    render() {
+        const { appearance, checked, details, from, _open, to } = this;
+        return (h("li", { class: clsx('denhaag-process-steps__step', {
+                'denhaag-process-steps__step--checked': checked,
+                'denhaag-process-steps__step--not-checked': !checked,
+            }) }, h("div", { class: "denhaag-process-steps__step-header" }, h("div", { class: clsx('denhaag-step-marker', {
+                'denhaag-step-marker--checked': checked,
+                'denhaag-step-marker--not-checked': !checked,
+            }) }, h("slot", { name: "marker" }), checked && (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), details ? (h("utrecht-button", { onClick: () => (this._open = !this._open), appearance: "subtle-button", class: "denhaag-process-steps__step-header-toggle", "aria-controls": "details", "aria-expanded": _open ? 'true' : 'false' }, h("p", { class: clsx('denhaag-process-steps__step-heading', {
+                'denhaag-process-steps__step-heading--checked': checked,
+            }) }, h("slot", null)))) : (h("p", { class: clsx('denhaag-process-steps__step-heading', {
+                'denhaag-process-steps__step-heading--checked': checked,
+            }) }, h("slot", null)))), h("div", { class: clsx('denhaag-process-steps__step-body') }, h("div", { class: clsx('denhaag-step-marker__connector', `denhaag-step-marker__connector--${appearance}`, `denhaag-step-marker__connector--${from}-to-${to}`) }), h("div", { class: "denhaag-process-steps__step-meta" }, h("slot", { name: "body" }))), h("div", { id: "details", class: clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden') }, h("slot", { name: "details" }))));
+    }
+    static get is() { return "utrecht-progress-list-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["progress-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["progress-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "checked": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "checked",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "from": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "from",
+                "reflect": false
+            },
+            "to": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "to",
+                "reflect": false
+            },
+            "appearance": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "appearance",
+                "reflect": false
+            },
+            "details": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "details",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_open": {}
+        };
+    }
 }
 //# sourceMappingURL=progress-list-item.js.map

package/dist/collection/components/progress-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-list-item.js","sourceRoot":"","sources":["../../../src/components/progress-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,oBAAoB;;mBACJ,KAAK;;;;mBAIJ,KAAK;iBACN,KAAK;;EAChC,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IAC/D,OAAO,CACL,UACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;QACzC,sCAAsC,EAAE,OAAO;QAC/C,0CAA0C,EAAE,CAAC,OAAO;OACrD,CAAC;MAEF,WAAK,KAAK,EAAC,oCAAoC;QAC7C,WACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;YACjC,8BAA8B,EAAE,OAAO;YACvC,kCAAkC,EAAE,CAAC,OAAO;WAC7C,CAAC;UAEF,YAAM,IAAI,EAAC,QAAQ,GAAG;UACrB,OAAO,IAAI,CACV,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;YAEtB,YACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;QACL,OAAO,CAAC,CAAC,CAAC,CACT,sBACE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;UAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;cACjD,8CAA8C,EAAE,OAAO;aACxD,CAAC;YAEF,eAAQ,CACN,CACW,CAClB,CAAC,CAAC,CAAC,CACF,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;YACjD,8CAA8C,EAAE,OAAO;WACxD,CAAC;UAEF,eAAQ,CACN,CACL,CACG;MACN,WAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC;QAClD,WACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI;QACP,WAAK,KAAK,EAAC,kCAAkC;UAC3C,YAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;MACN,WACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC;QAE3G,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-progress-list-item',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressListItem {\n  @Prop() checked: boolean = false;\n  @Prop() from?: string;\n  @Prop() to?: string;\n  @Prop() appearance?: string;\n  @Prop() details?: boolean = false;\n  @State() _open?: boolean = false;\n  render() {\n    const { appearance, checked, details, from, _open, to } = this;\n    return (\n      <li\n        class={clsx('denhaag-process-steps__step', {\n          'denhaag-process-steps__step--checked': checked,\n          'denhaag-process-steps__step--not-checked': !checked,\n        })}\n      >\n        <div class=\"denhaag-process-steps__step-header\">\n          <div\n            class={clsx('denhaag-step-marker', {\n              'denhaag-step-marker--checked': checked,\n              'denhaag-step-marker--not-checked': !checked,\n            })}\n          >\n            <slot name=\"marker\" />\n            {checked && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"1em\"\n                height=\"1em\"\n                viewBox=\"0 0 24 24\"\n                class=\"denhaag-icon\"\n                focusable=\"false\"\n                aria-hidden=\"true\"\n                shape-rendering=\"auto\"\n              >\n                <path\n                  d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.75\"\n                ></path>\n              </svg>\n            )}\n          </div>\n          {details ? (\n            <utrecht-button\n              onClick={() => (this._open = !this._open)}\n              appearance=\"subtle-button\"\n              class=\"denhaag-process-steps__step-header-toggle\"\n              aria-controls=\"details\"\n              aria-expanded={_open ? 'true' : 'false'}\n            >\n              <p\n                class={clsx('denhaag-process-steps__step-heading', {\n                  'denhaag-process-steps__step-heading--checked': checked,\n                })}\n              >\n                <slot />\n              </p>\n            </utrecht-button>\n          ) : (\n            <p\n              class={clsx('denhaag-process-steps__step-heading', {\n                'denhaag-process-steps__step-heading--checked': checked,\n              })}\n            >\n              <slot />\n            </p>\n          )}\n        </div>\n        <div class={clsx('denhaag-process-steps__step-body')}>\n          <div\n            class={clsx(\n              'denhaag-step-marker__connector',\n              `denhaag-step-marker__connector--${appearance}`,\n              `denhaag-step-marker__connector--${from}-to-${to}`,\n            )}\n          ></div>\n          <div class=\"denhaag-process-steps__step-meta\">\n            <slot name=\"body\" />\n          </div>\n        </div>\n        <div\n          id=\"details\"\n          class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n        >\n          <slot name=\"details\" />\n        </div>\n      </li>\n    );\n  }\n}\n"]}
+{"version":3,"file":"progress-list-item.js","sourceRoot":"","sources":["../../../src/components/progress-list-item.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,oBAAoB;;uBACJ,KAAK;;;;uBAIJ,KAAK;qBACN,KAAK;;IAChC,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAC/D,OAAO,CACL,UACE,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE;gBACzC,sCAAsC,EAAE,OAAO;gBAC/C,0CAA0C,EAAE,CAAC,OAAO;aACrD,CAAC;YAEF,WAAK,KAAK,EAAC,oCAAoC;gBAC7C,WACE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE;wBACjC,8BAA8B,EAAE,OAAO;wBACvC,kCAAkC,EAAE,CAAC,OAAO;qBAC7C,CAAC;oBAEF,YAAM,IAAI,EAAC,QAAQ,GAAG;oBACrB,OAAO,IAAI,CACV,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,OAAO,iBACL,MAAM,qBACF,MAAM;wBAEtB,YACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,kBACR,MAAM,GACb,CACJ,CACP,CACG;gBACL,OAAO,CAAC,CAAC,CAAC,CACT,sBACE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,UAAU,EAAC,eAAe,EAC1B,KAAK,EAAC,2CAA2C,mBACnC,SAAS,mBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAEvC,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;4BACjD,8CAA8C,EAAE,OAAO;yBACxD,CAAC;wBAEF,eAAQ,CACN,CACW,CAClB,CAAC,CAAC,CAAC,CACF,SACE,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;wBACjD,8CAA8C,EAAE,OAAO;qBACxD,CAAC;oBAEF,eAAQ,CACN,CACL,CACG;YACN,WAAK,KAAK,EAAE,IAAI,CAAC,kCAAkC,CAAC;gBAClD,WACE,KAAK,EAAE,IAAI,CACT,gCAAgC,EAChC,mCAAmC,UAAU,EAAE,EAC/C,mCAAmC,IAAI,OAAO,EAAE,EAAE,CACnD,GACI;gBACP,WAAK,KAAK,EAAC,kCAAkC;oBAC3C,YAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;YACN,WACE,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE,CAAC,KAAK,IAAI,6CAA6C,CAAC;gBAE3G,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-progress-list-item',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressListItem {\n  @Prop() checked: boolean = false;\n  @Prop() from?: string;\n  @Prop() to?: string;\n  @Prop() appearance?: string;\n  @Prop() details?: boolean = false;\n  @State() _open?: boolean = false;\n  render() {\n    const { appearance, checked, details, from, _open, to } = this;\n    return (\n      <li\n        class={clsx('denhaag-process-steps__step', {\n          'denhaag-process-steps__step--checked': checked,\n          'denhaag-process-steps__step--not-checked': !checked,\n        })}\n      >\n        <div class=\"denhaag-process-steps__step-header\">\n          <div\n            class={clsx('denhaag-step-marker', {\n              'denhaag-step-marker--checked': checked,\n              'denhaag-step-marker--not-checked': !checked,\n            })}\n          >\n            <slot name=\"marker\" />\n            {checked && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"1em\"\n                height=\"1em\"\n                viewBox=\"0 0 24 24\"\n                class=\"denhaag-icon\"\n                focusable=\"false\"\n                aria-hidden=\"true\"\n                shape-rendering=\"auto\"\n              >\n                <path\n                  d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.75\"\n                ></path>\n              </svg>\n            )}\n          </div>\n          {details ? (\n            <utrecht-button\n              onClick={() => (this._open = !this._open)}\n              appearance=\"subtle-button\"\n              class=\"denhaag-process-steps__step-header-toggle\"\n              aria-controls=\"details\"\n              aria-expanded={_open ? 'true' : 'false'}\n            >\n              <p\n                class={clsx('denhaag-process-steps__step-heading', {\n                  'denhaag-process-steps__step-heading--checked': checked,\n                })}\n              >\n                <slot />\n              </p>\n            </utrecht-button>\n          ) : (\n            <p\n              class={clsx('denhaag-process-steps__step-heading', {\n                'denhaag-process-steps__step-heading--checked': checked,\n              })}\n            >\n              <slot />\n            </p>\n          )}\n        </div>\n        <div class={clsx('denhaag-process-steps__step-body')}>\n          <div\n            class={clsx(\n              'denhaag-step-marker__connector',\n              `denhaag-step-marker__connector--${appearance}`,\n              `denhaag-step-marker__connector--${from}-to-${to}`,\n            )}\n          ></div>\n          <div class=\"denhaag-process-steps__step-meta\">\n            <slot name=\"body\" />\n          </div>\n        </div>\n        <div\n          id=\"details\"\n          class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n        >\n          <slot name=\"details\" />\n        </div>\n      </li>\n    );\n  }\n}\n"]}

package/dist/collection/components/progress-list.js

@@ -5,20 +5,20 @@
  */
 import { h } from "@stencil/core";
 export class StepProgressList {
-  render() {
-    return (h("ol", { class: "denhaag-process-steps" }, h("slot", null)));
-  }
-  static get is() { return "utrecht-progress-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["progress-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["progress-list.css"]
-    };
-  }
+    render() {
+        return (h("ol", { class: "denhaag-process-steps" }, h("slot", null)));
+    }
+    static get is() { return "utrecht-progress-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["progress-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["progress-list.css"]
+        };
+    }
 }
 //# sourceMappingURL=progress-list.js.map

package/dist/collection/components/progress-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-list.js","sourceRoot":"","sources":["../../../src/components/progress-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;EAC3B,MAAM;IACJ,OAAO,CACL,UAAI,KAAK,EAAC,uBAAuB;MAC/B,eAAa,CACV,CACN,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-progress-list',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressList {\n  render() {\n    return (\n      <ol class=\"denhaag-process-steps\">\n        <slot></slot>\n      </ol>\n    );\n  }\n}\n"]}
+{"version":3,"file":"progress-list.js","sourceRoot":"","sources":["../../../src/components/progress-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,UAAI,KAAK,EAAC,uBAAuB;YAC/B,eAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-progress-list',\n  styleUrl: 'progress-list.scss',\n  shadow: true,\n})\nexport class StepProgressList {\n  render() {\n    return (\n      <ol class=\"denhaag-process-steps\">\n        <slot></slot>\n      </ol>\n    );\n  }\n}\n"]}