npm - @utrecht/web-component-library-stencil - Versions diffs - 3.5.1 → 3.6.1 - Mend

@utrecht/web-component-library-stencil 3.5.1 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3028) hide show

package/dist/cjs/utrecht-button-group.cjs.entry.js ADDED Viewed

@@ -0,0 +1,28 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-cdb0df7a.js');
+const clsx = require('./clsx-708f7fb1.js');
+const buttonGroupCss = ".utrecht-button-group{align-items:baseline;background-color:var(--utrecht-button-group-background-color);break-inside:avoid;display:flex;flex-wrap:wrap;gap:var(--utrecht-button-group-inline-gap, 1em);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--distanced{--utrecht-space-around:1}.utrecht-button-group__link-button--row,.utrecht-button-group--row .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--column{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}:host{display:block}:host([hidden]){display:none !important}";
+const UtrechtButtonGroupStyle0 = buttonGroupCss;
+const ButtonGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.direction = undefined;
+    }
+    render() {
+        const { direction } = this;
+        return (index.h("div", { key: '258c21fc35ddbf114a92037b6fd7cc9c4c9f2945', class: clsx.clsx('utrecht-button-group', {
+                'utrecht-button-group--column': direction === 'column',
+                'utrecht-button-group--row': direction === 'row',
+            }) }, index.h("slot", { key: '9a0570f8b24822702be5d0b74ab8cc5b315d41bc' })));
+    }
+};
+ButtonGroup.style = UtrechtButtonGroupStyle0;
+exports.utrecht_button_group = ButtonGroup;
+//# sourceMappingURL=utrecht-button-group.cjs.entry.js.map

package/dist/cjs/utrecht-button-group.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"utrecht-button-group.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,cAAc,GAAG,+hCAA+hC,CAAC;AACvjC,iCAAe,cAAc;;MCahB,WAAW;;;;;IAEtB,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC3B,QACEA,kEACE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE;gBAClC,8BAA8B,EAAE,SAAS,KAAK,QAAQ;gBACtD,2BAA2B,EAAE,SAAS,KAAK,KAAK;aACjD,CAAC,IAEFD,oEAAa,CACT,EACN;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/button-group.scss?tag=utrecht-button-group&encapsulation=shadow","src/components/button-group.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/button-group-css/src\" as *;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-button-group',\n styleUrl: 'button-group.scss',\n shadow: true,\n})\nexport class ButtonGroup {\n @Prop() direction: string | 'column' | 'row';\n render() {\n const { direction } = this;\n return (\n <div\n class={clsx('utrecht-button-group', {\n 'utrecht-button-group--column': direction === 'column',\n 'utrecht-button-group--row': direction === 'row',\n })}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-checkbox.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const Checkbox = class {
     }
     render() {
         const { checked, disabled, value } = this;
-        return (index.h("input", { key: '237941bf96815e3a5f4934d79c081c0771f63348', class: clsx.clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (index.h("input", { key: 'd58f170d3755f4d8839e7ce3272cdf5ed6b4f757', class: clsx.clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
             } }));

package/dist/cjs/utrecht-checkbox.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-checkbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,k1CAAk1C,CAAC;AACv2C,8BAAe,WAAW;;MCab,QAAQ;;;;;;;wBAC0B,KAAK;wBACkB,KAAK;uBAC9C,KAAK;qBACR,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE1C,QACEA,oEACE,KAAK,EAAEC,SAAI,CAAC,kBAAkB,CAAC,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/checkbox.scss?tag=utrecht-checkbox&encapsulation=shadow","src/components/checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/checkbox-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n})\nexport class Checkbox {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop() checked: boolean = false;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled, value } = this;\n\n return (\n <input\n class={clsx('utrecht-checkbox')}\n type=\"checkbox\"\n checked={checked}\n disabled={disabled}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.checked = (evt.target as HTMLInputElement).checked;\n this.utrechtInput.emit(evt);\n }}\n />\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-checkbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,k1CAAk1C,CAAC;AACv2C,8BAAe,WAAW;;MCab,QAAQ;;;;;;;wBAC0B,KAAK;wBACkB,KAAK;uBAC9C,KAAK;qBACR,EAAE;;IAM1B,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE1C,QACEA,oEACE,KAAK,EAAEC,SAAI,CAAC,kBAAkB,CAAC,EAC/B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,QAAQ,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,OAAO,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,CAAC,GAAG;gBACX,IAAI,CAAC,OAAO,GAAI,GAAG,CAAC,MAA2B,CAAC,OAAO,CAAC;gBACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC7B,GACD,EACF;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/checkbox.scss?tag=utrecht-checkbox&encapsulation=shadow","src/components/checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/checkbox-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n})\nexport class Checkbox {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop() checked: boolean = false;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled, value } = this;\n\n return (\n <input\n class={clsx('utrecht-checkbox')}\n type=\"checkbox\"\n checked={checked}\n disabled={disabled}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.checked = (evt.target as HTMLInputElement).checked;\n this.utrechtInput.emit(evt);\n }}\n />\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-column-layout.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const ColumnLayout = class {
         this.rule = false;
     }
     render() {
-        return index.h("slot", { key: '563688d8babe895046cc3acbdc1876814af54d2c' });
+        return index.h("slot", { key: 'da5c58cbafaacd01784941569311aa328e236fa4' });
     }
 };
 ColumnLayout.style = UtrechtColumnLayoutStyle0;

package/dist/cjs/utrecht-column-layout.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-column-layout.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,uVAAuV,CAAC;AAChX,kCAAe,eAAe;;MCYjB,YAAY;;;oBACkB,KAAK;;IAC9C,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/column-layout.scss?tag=utrecht-column-layout&encapsulation=shadow","src/components/column-layout.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/column-layout-css/src/mixin\";\n\n:host {\n @include utrecht-column-layout;\n}\n\n:host([rule]) {\n @include utrecht-column-layout--rule;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-column-layout',\n styleUrl: 'column-layout.scss',\n shadow: true,\n})\nexport class ColumnLayout {\n @Prop({ reflect: true }) rule: boolean = false;\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-column-layout.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,uVAAuV,CAAC;AAChX,kCAAe,eAAe;;MCYjB,YAAY;;;oBACkB,KAAK;;IAC9C,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/column-layout.scss?tag=utrecht-column-layout&encapsulation=shadow","src/components/column-layout.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/column-layout-css/src/mixin\" as ;\n\n:host {\n @include utrecht-column-layout;\n}\n\n:host([rule]) {\n @include utrecht-column-layout--rule;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-column-layout',\n styleUrl: 'column-layout.scss',\n shadow: true,\n})\nexport class ColumnLayout {\n @Prop({ reflect: true }) rule: boolean = false;\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-contact-card-template.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const ContactCardTemplate = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'ddba69b87f6e4b1c1f09d07d127d2a9be21d1093', class: "utrecht-contact-card" }, index.h("utrecht-heading-2", { key: '88174a2d59052ceb1de4a3f5e3fd35ffa1f8bcfd' }, "Hulp en contact"), index.h("div", { key: '003884e6c5ae69eb527eb4ea22c32d455528793f', class: "utrecht-contact-card__content" }, index.h("div", { key: 'f03e083317fd5868bc4ce2185ef4b5ac5c5e3dfa', class: "utrecht-contact-card__section" }, index.h("utrecht-heading-3", { key: 'c953b684d30b00ef4539ce2ceef4d03e1855c789' }, "Telefoon"), index.h("utrecht-paragraph", { key: '5d26aa2f124cf30d9fc3ea2b416eb80e8a94ceb3', class: "utrecht-contact-card__telephone" }, index.h("a", { key: '58b021c1064f5648a5a385e7af13bd1debdfacc1', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), index.h("utrecht-paragraph", { key: '02ab1e5f5ca2c2e16e3f2c4c4aa5f2527f9e1821' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), index.h("div", { key: '3512df567a94b6a7e2f3fcf99d35faa79fb3adb7', class: "utrecht-contact-card__section" }, index.h("utrecht-heading-3", { key: 'f1e2a2cb6a6d492cbb4d0122c24b14253ab00b99' }, "E-mail"), index.h("utrecht-paragraph", { key: '89c825f5b80531a8d1405d54f9b680f6b3a393c3' }, index.h("a", { key: '880c9f5136506317ec575975eb1573c433497dc9', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
+        return (index.h("div", { key: '43bf685a55f58c0817d8bfcf9f82d8253d1eba2b', class: "utrecht-contact-card" }, index.h("utrecht-heading-2", { key: 'bd9071c5742da91400d4085629f227d33fc8220f' }, "Hulp en contact"), index.h("div", { key: 'e3378fa777f9d29a9c8023840bc00506feff0b10', class: "utrecht-contact-card__content" }, index.h("div", { key: '17a3a8d5ad51cdc2a45c13c8602ff2f0d1d954c9', class: "utrecht-contact-card__section" }, index.h("utrecht-heading-3", { key: '214eddf61b9b74fdc36a570fc6bfd5c7e4689866' }, "Telefoon"), index.h("utrecht-paragraph", { key: 'e62d633093d37dc0441628177bbf19193b4a50df', class: "utrecht-contact-card__telephone" }, index.h("a", { key: '31fdd12c40db0e2a367f5c31958a5925581c7319', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), index.h("utrecht-paragraph", { key: '45a1bde0e64802a0133db47d2bb7c59a9542ef5c' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), index.h("div", { key: '1e97502b30234bbc6f334f0af23163df9a89a2ba', class: "utrecht-contact-card__section" }, index.h("utrecht-heading-3", { key: '7702b2be761af951e9f8e6b305346e939988937d' }, "E-mail"), index.h("utrecht-paragraph", { key: 'cbb25518abcf11c8e3a0b1059a72197f3bf3dffa' }, index.h("a", { key: '8e8f7d67be626337fb1f9b52a2d6d4966bf0e05a', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
     }
 };
 ContactCardTemplate.style = UtrechtContactCardTemplateStyle0;

package/dist/cjs/utrecht-contact-card-template.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-contact-card-template.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,4yLAA4yL,CAAC;AAC50L,yCAAe,sBAAsB;;MCMxB,mBAAmB;;;;IAC9B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,oGAAsD,EACtDA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,6FAA+C,EAC/CA,gFAAmB,KAAK,EAAC,iCAAiC,IACxDA,gEACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2DAA2D,EACjE,KAAK,EAAC,qCAAqC,aAGzC,CACc,EACpBA,8HAA2E,CACvE,EACNA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,2FAA6C,EAC7CA,kFACEA,gEACE,KAAK,EAAC,wDAAwD,EAC9D,IAAI,EAAC,yCAAyC,EAC9C,KAAK,EAAC,mDAAmD,uBAGvD,CACc,CAChB,CACF,CACF,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/contact-card-template.scss?tag=utrecht-contact-card-template&encapsulation=shadow","src/components/contact-card-template.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@~~import~~ \"~@utrecht/link-css/src/index\";\n@~~import~~ \"../../../../components/templates/contact-card-template/css\";\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-contact-card-template',\n styleUrl: 'contact-card-template.scss',\n shadow: true,\n})\nexport class ContactCardTemplate {\n render() {\n return (\n <div class=\"utrecht-contact-card\">\n <utrecht-heading-2>Hulp en contact</utrecht-heading-2>\n <div class=\"utrecht-contact-card__content\">\n <div class=\"utrecht-contact-card__section\">\n <utrecht-heading-3>Telefoon</utrecht-heading-3>\n <utrecht-paragraph class=\"utrecht-contact-card__telephone\">\n <a\n href=\"tel:14-030\"\n class=\"utrecht-link utrecht-link--html-a utrecht-link--telephone\"\n title=\"Telefoonnummer van gemeente Utrecht\"\n >\n 14 030\n </a>\n </utrecht-paragraph>\n <utrecht-paragraph>Maandag t/m vrijdag 8.30 – 17.30 uur</utrecht-paragraph>\n </div>\n <div class=\"utrecht-contact-card__section\">\n <utrecht-heading-3>E-mail</utrecht-heading-3>\n <utrecht-paragraph>\n <a\n class=\"utrecht-link utrecht-link--html-a utrecht-link--html-a\"\n href=\"https://www.utrecht.nl/reactieformulier\"\n title=\"Algemeen reactieformulier van de gemeente Utrecht\"\n >\n reactieformulier\n </a>\n </utrecht-paragraph>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-contact-card-template.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,4yLAA4yL,CAAC;AAC50L,yCAAe,sBAAsB;;MCMxB,mBAAmB;;;;IAC9B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,oGAAsD,EACtDA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,6FAA+C,EAC/CA,gFAAmB,KAAK,EAAC,iCAAiC,IACxDA,gEACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2DAA2D,EACjE,KAAK,EAAC,qCAAqC,aAGzC,CACc,EACpBA,8HAA2E,CACvE,EACNA,kEAAK,KAAK,EAAC,+BAA+B,IACxCA,2FAA6C,EAC7CA,kFACEA,gEACE,KAAK,EAAC,wDAAwD,EAC9D,IAAI,EAAC,yCAAyC,EAC9C,KAAK,EAAC,mDAAmD,uBAGvD,CACc,CAChB,CACF,CACF,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/contact-card-template.scss?tag=utrecht-contact-card-template&encapsulation=shadow","src/components/contact-card-template.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/link-css/src/index\";\n@use \"../../../../components/templates/contact-card-template/css\";\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-contact-card-template',\n styleUrl: 'contact-card-template.scss',\n shadow: true,\n})\nexport class ContactCardTemplate {\n render() {\n return (\n <div class=\"utrecht-contact-card\">\n <utrecht-heading-2>Hulp en contact</utrecht-heading-2>\n <div class=\"utrecht-contact-card__content\">\n <div class=\"utrecht-contact-card__section\">\n <utrecht-heading-3>Telefoon</utrecht-heading-3>\n <utrecht-paragraph class=\"utrecht-contact-card__telephone\">\n <a\n href=\"tel:14-030\"\n class=\"utrecht-link utrecht-link--html-a utrecht-link--telephone\"\n title=\"Telefoonnummer van gemeente Utrecht\"\n >\n 14 030\n </a>\n </utrecht-paragraph>\n <utrecht-paragraph>Maandag t/m vrijdag 8.30 – 17.30 uur</utrecht-paragraph>\n </div>\n <div class=\"utrecht-contact-card__section\">\n <utrecht-heading-3>E-mail</utrecht-heading-3>\n <utrecht-paragraph>\n <a\n class=\"utrecht-link utrecht-link--html-a utrecht-link--html-a\"\n href=\"https://www.utrecht.nl/reactieformulier\"\n title=\"Algemeen reactieformulier van de gemeente Utrecht\"\n >\n reactieformulier\n </a>\n </utrecht-paragraph>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-custom-checkbox.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const CustomCheckbox = class {
     }
     render() {
         const { checked, required, disabled, indeterminate, invalid } = this;
-        return (index.h("input", { key: '6c3ec0d96df57817493a66f6a93b19727af86206', "aria-invalid": invalid ? 'true' : null, class: clsx.clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
+        return (index.h("input", { key: 'd6f63117bab9a32fa9abb9352f6096aa2b0fbdb4', "aria-invalid": invalid ? 'true' : null, class: clsx.clsx('utrecht-custom-checkbox', 'utrecht-custom-checkbox--html-input', invalid && 'utrecht-custom-checkbox__box--invalid'), type: "checkbox", checked: checked, required: required, indeterminate: indeterminate, disabled: disabled }));
     }
 };
 CustomCheckbox.style = UtrechtCustomCheckboxStyle0;

package/dist/cjs/utrecht-custom-checkbox.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-custom-checkbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,y8SAAy8S,CAAC;AACp+S,oCAAe,iBAAiB;;MCanB,cAAc;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACEA,oFACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAEC,SAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/custom-checkbox-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-custom-checkbox',\n styleUrl: 'custom-checkbox.scss',\n shadow: true,\n})\nexport class CustomCheckbox {\n @Prop() disabled?: boolean;\n @Prop() checked?: boolean;\n @Prop() indeterminate?: boolean;\n @Prop() invalid?: boolean;\n @Prop() required?: boolean;\n render() {\n const { checked, required, disabled, indeterminate, invalid } = this;\n return (\n <input\n aria-invalid={invalid ? 'true' : null}\n class={clsx(\n 'utrecht-custom-checkbox',\n 'utrecht-custom-checkbox--html-input',\n invalid && 'utrecht-custom-checkbox__box--invalid',\n )}\n type=\"checkbox\"\n checked={checked}\n required={required}\n indeterminate={indeterminate}\n disabled={disabled}\n />\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-custom-checkbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,y8SAAy8S,CAAC;AACp+S,oCAAe,iBAAiB;;MCanB,cAAc;;;;;;;;;IAMzB,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACrE,QACEA,oFACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAEC,SAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/custom-checkbox.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","src/components/custom-checkbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/custom-checkbox-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-custom-checkbox',\n styleUrl: 'custom-checkbox.scss',\n shadow: true,\n})\nexport class CustomCheckbox {\n @Prop() disabled?: boolean;\n @Prop() checked?: boolean;\n @Prop() indeterminate?: boolean;\n @Prop() invalid?: boolean;\n @Prop() required?: boolean;\n render() {\n const { checked, required, disabled, indeterminate, invalid } = this;\n return (\n <input\n aria-invalid={invalid ? 'true' : null}\n class={clsx(\n 'utrecht-custom-checkbox',\n 'utrecht-custom-checkbox--html-input',\n invalid && 'utrecht-custom-checkbox__box--invalid',\n )}\n type=\"checkbox\"\n checked={checked}\n required={required}\n indeterminate={indeterminate}\n disabled={disabled}\n />\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-data-list-actions.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DataListActions = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("dd", { key: 'd01659ba29e577320cb664113a91d3bd046a44cf' }, index.h("slot", { key: 'cea8ab97d11ae9c14c74f81407974a4ab479da0b' })));
+        return (index.h("dd", { key: 'be7b668735332264dba45f0cf9f509a8dd12bfe1' }, index.h("slot", { key: '73823741af730766ec92294a4181e99a01c0d141' })));
     }
 };
 DataListActions.style = UtrechtDataListActionsStyle0;

package/dist/cjs/utrecht-data-list-actions.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-actions.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,eAAe;;;;IAC1B,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__actions;\n @include utrecht-data-list__actions--html-dd;\n @include utrecht-data-list__actions--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-actions',\n styleUrl: 'data-list-actions.scss',\n shadow: true,\n})\nexport class DataListActions {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-actions.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,+KAA+K,CAAC;AAC3M,qCAAe,kBAAkB;;MCYpB,eAAe;;;;IAC1B,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-actions.scss?tag=utrecht-data-list-actions&encapsulation=shadow","src/components/data-list-actions.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__actions;\n @include utrecht-data-list__actions--html-dd;\n @include utrecht-data-list__actions--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-actions',\n styleUrl: 'data-list-actions.scss',\n shadow: true,\n})\nexport class DataListActions {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-data-list-item.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DataListItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '5b01eea70ee32dbc8b7647e09e151b6e08358a47' }, index.h("slot", { key: '52b10b374dc85fbcb3fea571a28923d730978a44' })));
+        return (index.h("div", { key: 'd3cd811f543d23699e039454c1696b1563a3444e' }, index.h("slot", { key: 'abfc29e93177c20f241852a0cefb00c3817998af' })));
     }
 };
 DataListItem.style = UtrechtDataListItemStyle0;

package/dist/cjs/utrecht-data-list-item.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,02BAA02B,CAAC;AACn4B,kCAAe,eAAe;;MCYjB,YAAY;;;;IACvB,MAAM;QACJ,QACEA,oEACEA,oEAAQ,CACJ,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-item.scss?tag=utrecht-data-list-item&encapsulation=shadow","src/components/data-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndiv {\n @include utrecht-data-list__item;\n @include utrecht-data-list__item--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-item',\n styleUrl: 'data-list-item.scss',\n shadow: true,\n})\nexport class DataListItem {\n render() {\n return (\n <div>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,02BAA02B,CAAC;AACn4B,kCAAe,eAAe;;MCYjB,YAAY;;;;IACvB,MAAM;QACJ,QACEA,oEACEA,oEAAQ,CACJ,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-item.scss?tag=utrecht-data-list-item&encapsulation=shadow","src/components/data-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndiv {\n @include utrecht-data-list__item;\n @include utrecht-data-list__item--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-item',\n styleUrl: 'data-list-item.scss',\n shadow: true,\n})\nexport class DataListItem {\n render() {\n return (\n <div>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-data-list-key.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DataListKey = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("dt", { key: '493aabfb8a11ce574797fa0463d5b41b6dbbd122' }, index.h("slot", { key: '9d1ed04864df3c2ff6fe8fbed29f83cc9dbedcef' })));
+        return (index.h("dt", { key: '96ae99262fb61a9edcb5446480e933ac74ab4d8b' }, index.h("slot", { key: '0809fb5b27f2b8d18783ea3e701559ba332f2a01' })));
     }
 };
 DataListKey.style = UtrechtDataListKeyStyle0;

package/dist/cjs/utrecht-data-list-key.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-key.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndt {\n @include utrecht-data-list__item-key;\n @include utrecht-data-list__item-key--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-key',\n styleUrl: 'data-list-key.scss',\n shadow: true,\n})\nexport class DataListKey {\n render() {\n return (\n <dt>\n <slot></slot>\n </dt>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-key.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,4RAA4R,CAAC;AACpT,iCAAe,cAAc;;MCYhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-key.scss?tag=utrecht-data-list-key&encapsulation=shadow","src/components/data-list-key.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndt {\n @include utrecht-data-list__item-key;\n @include utrecht-data-list__item-key--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-key',\n styleUrl: 'data-list-key.scss',\n shadow: true,\n})\nexport class DataListKey {\n render() {\n return (\n <dt>\n <slot></slot>\n </dt>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-data-list-value.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DataListValue = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("dd", { key: '5755547f0e607afed2b044c377086c6e96d68f53' }, index.h("slot", { key: 'e22f9d6ace1b30e1fdb8f2d137b9358fc878ee41' })));
+        return (index.h("dd", { key: '1ef5882aa510bef369b06a4d1ade2a130b36fc51' }, index.h("slot", { key: '912b4beee7c270683b433b2bfdf165c4f69f8665' })));
     }
 };
 DataListValue.style = UtrechtDataListValueStyle0;

package/dist/cjs/utrecht-data-list-value.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list-value.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,qdAAqd,CAAC;AAC/e,mCAAe,gBAAgB;;MCYlB,aAAa;;;;IACxB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-value.scss?tag=utrecht-data-list-value&encapsulation=shadow","src/components/data-list-value.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__item-value;\n @include utrecht-data-list__item-value--html-dd;\n @include utrecht-data-list__item-value--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-value',\n styleUrl: 'data-list-value.scss',\n shadow: true,\n})\nexport class DataListValue {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list-value.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,qdAAqd,CAAC;AAC/e,mCAAe,gBAAgB;;MCYlB,aAAa;;;;IACxB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list-value.scss?tag=utrecht-data-list-value&encapsulation=shadow","src/components/data-list-value.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndd {\n @include utrecht-data-list__item-value;\n @include utrecht-data-list__item-value--html-dd;\n @include utrecht-data-list__item-value--rows;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list-value',\n styleUrl: 'data-list-value.scss',\n shadow: true,\n})\nexport class DataListValue {\n render() {\n return (\n <dd>\n <slot></slot>\n </dd>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-data-list.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DataList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("dl", { key: '513d3b6edadcddd86bb7cb0571c8eed33ea1b61a' }, index.h("slot", { key: 'b5d8164f5d5a8288e1162dd38c76a59c8bf868b5' })));
+        return (index.h("dl", { key: '4c29ee7ebdd6b36d4bc80a8a2cff306283cb8e3e' }, index.h("slot", { key: 'cb8365c1d961e6d831ba673248941109ddb132ac' })));
     }
 };
 DataList.style = UtrechtDataListStyle0;

package/dist/cjs/utrecht-data-list.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-data-list.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,gSAAgS,CAAC;AACrT,8BAAe,WAAW;;MCYb,QAAQ;;;;IACnB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list.scss?tag=utrecht-data-list&encapsulation=shadow","src/components/data-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/data-list-css/src/mixin\";\n\n:host {\n display: contents;\n}\n\ndl {\n @include utrecht-data-list;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list',\n styleUrl: 'data-list.scss',\n shadow: true,\n})\nexport class DataList {\n render() {\n return (\n <dl>\n <slot></slot>\n </dl>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-data-list.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,gSAAgS,CAAC;AACrT,8BAAe,WAAW;;MCYb,QAAQ;;;;IACnB,MAAM;QACJ,QACEA,mEACEA,oEAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/data-list.scss?tag=utrecht-data-list&encapsulation=shadow","src/components/data-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/data-list-css/src/mixin\" as ;\n\n:host {\n display: contents;\n}\n\ndl {\n @include utrecht-data-list;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-data-list',\n styleUrl: 'data-list.scss',\n shadow: true,\n})\nexport class DataList {\n render() {\n return (\n <dl>\n <slot></slot>\n </dl>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-digid-button.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DigidButton = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: 'f1212d9f2e58b416ad10adbf9be0f7f13c5ab691', class: "utrecht-digid-button" }, index.h("utrecht-digid-logo", { key: '422595d281253ee157ea2acd7e5ae014e1ffcf9d', class: "utrecht-digid-button__logo" }), index.h("slot", { key: '665ad8db0714b47d0565d21f586ad1e8d78d1d72' })));
+        return (index.h("div", { key: '442b5726839d512e1680666704c019d0af00ac2f', class: "utrecht-digid-button" }, index.h("utrecht-digid-logo", { key: '65ae43b4cf1d7767e5a27d899e2e32b67cf490af', class: "utrecht-digid-button__logo" }), index.h("slot", { key: '2541cbfe7a949d209f6f938c32c3465c1d111d91' })));
     }
 };
 DigidButton.style = UtrechtDigidButtonStyle0;

package/dist/cjs/utrecht-digid-button.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-digid-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,uaAAua,CAAC;AAC/b,iCAAe,cAAc;;MCahB,WAAW;;;;;IAEtB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,iFAAoB,KAAK,EAAC,4BAA4B,GAAG,EACzDA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/digid-button.scss?tag=utrecht-digid-button&encapsulation=shadow","src/components/digid-button.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/digid-button-css/src\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-digid-button',\n styleUrl: 'digid-button.scss',\n shadow: true,\n})\nexport class DigidButton {\n @Prop() type: string;\n render() {\n return (\n <div class=\"utrecht-digid-button\">\n <utrecht-digid-logo class=\"utrecht-digid-button__logo\" />\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-digid-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,uaAAua,CAAC;AAC/b,iCAAe,cAAc;;MCahB,WAAW;;;;;IAEtB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,iFAAoB,KAAK,EAAC,4BAA4B,GAAG,EACzDA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/digid-button.scss?tag=utrecht-digid-button&encapsulation=shadow","src/components/digid-button.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/digid-button-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-digid-button',\n styleUrl: 'digid-button.scss',\n shadow: true,\n})\nexport class DigidButton {\n @Prop() type: string;\n render() {\n return (\n <div class=\"utrecht-digid-button\">\n <utrecht-digid-logo class=\"utrecht-digid-button__logo\" />\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-digid-logo.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const DigidLogo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: 'b869fd14fa811d994d0bd120643282e73b22984d', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, index.h("path", { key: '75b9c629d0df794acb401d6399adc852b3182169', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), index.h("path", { key: '755995e76fad682ce94abe101a0d81546f0ce53b', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), index.h("path", { key: 'bcc88f7a456bd0adfa0a1f9bba48bb4be47887dc', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
+        return (index.h("svg", { key: '4e3f665cedee6fdfba501bab9b69c37da33eeca5', class: "utrecht-icon", width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, index.h("path", { key: 'a158a65b5b1d9d549289af71d1ee22c716151194', d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), index.h("path", { key: '49f3ce6f96fd6be3115d80cece2c382d98ffd7f1', d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), index.h("path", { key: '473801c572a30ea5087067084902b4edb15abb75', d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
     }
 };
 DigidLogo.style = UtrechtDigidLogoStyle0;

package/dist/cjs/utrecht-digid-logo.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-digid-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,kiBAAkiB,CAAC;AACxjB,+BAAe,YAAY;;MCad,SAAS;;;;IACpB,MAAM;QACJ,QACEA,kEACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErBA,mEAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/FA,mEACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/digid-logo.scss?tag=utrecht-digid-logo&encapsulation=shadow","src/components/digid-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n@~~import~~ \"~@utrecht/icon-css/src\";\n\n@mixin utrecht-black-icon--media-query-forced-colors {\n / A black icon can become invisible on a forced black background.\n * Add a contrasting border color /\n @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {\n border-color: currentColor;\n border-radius: 5px;\n border-style: solid;\n\n / Warning: there layout difference because of the added 1px border /\n border-width: 1px;\n }\n}\n\n:host {\n display: inline;\n\n @include utrecht-black-icon--media-query-forced-colors;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-digid-logo',\n styleUrl: 'digid-logo.scss',\n shadow: true,\n})\nexport class DigidLogo {\n render() {\n return (\n <svg\n class=\"utrecht-icon\"\n width=\"100%\"\n height=\"100%\"\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n viewBox=\"0 0 150 150\"\n >\n <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n <path\n d=\"M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z\"\n fill=\"#FFFFFF\"\n />\n <path\n d=\"M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z\"\n fill=\"#E17000\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-digid-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,kiBAAkiB,CAAC;AACxjB,+BAAe,YAAY;;MCad,SAAS;;;;IACpB,MAAM;QACJ,QACEA,kEACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,aAAa,IAErBA,mEAAM,CAAC,EAAC,oFAAoF,GAAG,EAC/FA,mEACE,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/digid-logo.scss?tag=utrecht-digid-logo&encapsulation=shadow","src/components/digid-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n@use \"~@utrecht/icon-css/src\" as ;\n\n@mixin utrecht-black-icon--media-query-forced-colors {\n /* A black icon can become invisible on a forced black background.\n * Add a contrasting border color /\n @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {\n border-color: currentColor;\n border-radius: 5px;\n border-style: solid;\n\n / Warning: there layout difference because of the added 1px border /\n border-width: 1px;\n }\n}\n\n:host {\n display: inline;\n\n @include utrecht-black-icon--media-query-forced-colors;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-digid-logo',\n styleUrl: 'digid-logo.scss',\n shadow: true,\n})\nexport class DigidLogo {\n render() {\n return (\n <svg\n class=\"utrecht-icon\"\n width=\"100%\"\n height=\"100%\"\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n viewBox=\"0 0 150 150\"\n >\n <path d=\"M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z\" />\n <path\n d=\"M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z\"\n fill=\"#FFFFFF\"\n />\n <path\n d=\"M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z\"\n fill=\"#E17000\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-eherkenning-logo.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const EherkenningLogo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '8d691c5cf13111a34bb7e7a399c55dd704e73c16', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, index.h("rect", { key: '8d92a311fc6240d3ebbc6bf7737755f5e0c113d8', fill: "#E0E0E0", width: "80", height: "80" }), index.h("path", { key: '58e9c80d4ecd7916f546ad2d54c6aa271f25e6c1', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), index.h("path", { key: '9674cbcb299f2c8e8f48ab84c3aa5e8eeb8646e0', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), index.h("path", { key: 'eafda654a6f9f376b741f01be955a554affeef82', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), index.h("path", { key: '5cc14259666374bf81d26f035dbbcc0663285b9f', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), index.h("path", { key: 'ff4bdb9f2c62b9ff1d52392bb542305634b7983b', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
+        return (index.h("svg", { key: '18fef284c9fd0764a852d6b0ca04cf14ab89ab94', class: "utrecht-icon", xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, index.h("rect", { key: '2edbab8e0fbe3eeebfe8ae9bdd0298d05da6cf96', fill: "#E0E0E0", width: "80", height: "80" }), index.h("path", { key: 'beb44da1c401b109fc153018aef268b0f4d0606e', "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0  c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475  c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064  c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833  c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0  C31.145,23.178,34.26,23.178,37.363,23.178z" }), index.h("path", { key: '7babfc6b59cd2b2eaa1520490c8f90608ee1f24c', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592  c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), index.h("path", { key: 'e194e8d05a2631f77e2c22b28a4853309c89ca45', "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393  c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76  c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), index.h("path", { key: '267b2cfaf0b59b1581856647d206ddb99a5a77e2', "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824  c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), index.h("path", { key: '79475cef8470cfe7e9aa641ce1fb1344c413d578', "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977  c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
     }
 };
 EherkenningLogo.style = UtrechtEherkenningLogoStyle0;

package/dist/cjs/utrecht-eherkenning-logo.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-eherkenning-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,wXAAwX,CAAC;AACpZ,qCAAe,kBAAkB;;MCapB,eAAe;;;;IAC1B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,IAC7FA,mEAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EAC9CA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,ykBAAykB,GAC3kB,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8JAA8J,GAChK,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,4RAA4R,GAC9R,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wKAAwK,GAC1K,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,0JAA0J,GAC5J,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/eherkenning-logo.scss?tag=utrecht-eherkenning-logo&encapsulation=shadow","src/components/eherkenning-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/icon-css/src\";\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eherkenning-logo',\n styleUrl: 'eherkenning-logo.scss',\n shadow: true,\n})\nexport class EherkenningLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"-1 0 81 80\">\n <rect fill=\"#E0E0E0\" width=\"80\" height=\"80\" />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0 c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475 c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064 c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833 c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0 C31.145,23.178,34.26,23.178,37.363,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592 c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393 c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76 c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824 c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977 c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-eherkenning-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,wXAAwX,CAAC;AACpZ,qCAAe,kBAAkB;;MCapB,eAAe;;;;IAC1B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,IAC7FA,mEAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EAC9CA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,ykBAAykB,GAC3kB,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8JAA8J,GAChK,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,4RAA4R,GAC9R,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wKAAwK,GAC1K,EACFA,gFACY,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,0JAA0J,GAC5J,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/eherkenning-logo.scss?tag=utrecht-eherkenning-logo&encapsulation=shadow","src/components/eherkenning-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/icon-css/src\" as ;\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eherkenning-logo',\n styleUrl: 'eherkenning-logo.scss',\n shadow: true,\n})\nexport class EherkenningLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"-1 0 81 80\">\n <rect fill=\"#E0E0E0\" width=\"80\" height=\"80\" />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0 c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475 c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064 c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833 c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0 C31.145,23.178,34.26,23.178,37.363,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592 c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393 c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76 c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#00328C\"\n d=\"M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824 c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z\"\n />\n <path\n fill-rule=\"evenodd\"\n fill=\"#FF0079\"\n d=\"M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977 c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-eidas-logo.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const EidasLogo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("svg", { key: '67e8d7430415a2aae8fe2ebe9654eec5e25dc8c1', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '747af75fc88be759f117ee9ce49737781abec7c0', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), index.h("path", { key: 'ac3b2ecc305bb53778339f425a2f9a3a098d1d40', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), index.h("path", { key: 'cc8ec7746402b7837a65cce8a14871c01e7db7d1', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), index.h("path", { key: '6a52812343b47cf547a6c0617814f23078e2dd99', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), index.h("path", { key: 'e245eddf54cb347da61b89edf6cd101bc2f91580', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), index.h("path", { key: '767ed560235cae384ff3ad61b4641b05ccb240e5', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), index.h("path", { key: 'f70b59c20fb038ad6fc9c83e87e8d3abffd8058f', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), index.h("path", { key: 'e78df8515d8dacac5c41adceb54b48486ba965ac', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), index.h("path", { key: '0efe8f4fca329ead9663e221d07f0b641f1db86a', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
+        return (index.h("svg", { key: '032d4829370d36a9d61831d83b4f3fd6b1cea8b9', class: "utrecht-icon", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '235f2e2aa16d74a0d39253ca030c87fd981cc3b2', d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), index.h("path", { key: 'de9cec32780a8ae8245acb4024c62ef8cfee9b80', d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), index.h("path", { key: '9ce90bf64f669dc4e62f5d625514e9afb822b333', d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), index.h("path", { key: '1258d530abc7c869d89e22db646067c7885b690a', d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), index.h("path", { key: '3e2ea4c0b7c35e09bd4fd8d4d268b7276527511e', d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), index.h("path", { key: '537f3d87dc40bc0d0cd6cd5dc5065c1befb295ef', d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), index.h("path", { key: '51f31f19075a8eb1be192acc16bc8f1fb0540200', d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), index.h("path", { key: '1f3af090677bd810e195a63be7c11961b19380b3', d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), index.h("path", { key: '305b2f63d29fbbb2873371eb4b78795fca9f1c96', d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
     }
 };
 EidasLogo.style = UtrechtEidasLogoStyle0;

package/dist/cjs/utrecht-eidas-logo.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-eidas-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,wXAAwX,CAAC;AAC9Y,+BAAe,YAAY;;MCad,SAAS;;;;IACpB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1FA,mEACE,CAAC,EAAC,6LAA6L,EAC/L,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,OAAO,GACZ,EACFA,mEACE,CAAC,EAAC,0hCAA0hC,EAC5hC,IAAI,EAAC,OAAO,GACZ,EACFA,mEACE,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/eidas-logo.scss?tag=utrecht-eidas-logo&encapsulation=shadow","src/components/eidas-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/icon-css/src\";\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eidas-logo',\n styleUrl: 'eidas-logo.scss',\n shadow: true,\n})\nexport class EidasLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z\"\n fill=\"#2C4375\"\n />\n <path\n d=\"M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984\"\n fill=\"white\"\n />\n <path\n d=\"M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z\"\n fill=\"white\"\n />\n <path\n d=\"M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z\"\n fill=\"#F2CD23\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-eidas-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,wXAAwX,CAAC;AAC9Y,+BAAe,YAAY;;MCad,SAAS;;;;IACpB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1FA,mEACE,CAAC,EAAC,6LAA6L,EAC/L,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,OAAO,GACZ,EACFA,mEACE,CAAC,EAAC,0hCAA0hC,EAC5hC,IAAI,EAAC,OAAO,GACZ,EACFA,mEACE,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACFA,mEACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/eidas-logo.scss?tag=utrecht-eidas-logo&encapsulation=shadow","src/components/eidas-logo.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/icon-css/src\" as ;\n\n:host {\n display: inline;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n * Copyright (c) 2021 Rijksoverheid\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-eidas-logo',\n styleUrl: 'eidas-logo.scss',\n shadow: true,\n})\nexport class EidasLogo {\n render() {\n return (\n <svg class=\"utrecht-icon\" viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z\"\n fill=\"#2C4375\"\n />\n <path\n d=\"M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984\"\n fill=\"white\"\n />\n <path\n d=\"M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z\"\n fill=\"white\"\n />\n <path\n d=\"M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z\"\n fill=\"#F2CD23\"\n />\n <path\n d=\"M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z\"\n fill=\"#F2CD23\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-form-field-error-message.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
-const formFieldErrorMessageCss = ".utrecht-form-field-error-message{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}.utrecht-form-field-error-message>*{--utrecht-space-around:1}:host{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}:host>*{--utrecht-space-around:1}:host([hidden]){display:none !important}";
+const formFieldErrorMessageCss = ":host{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}:host>*{--utrecht-space-around:1}:host([hidden]){display:none !important}";
 const UtrechtFormFieldErrorMessageStyle0 = formFieldErrorMessageCss;
 const FormFieldErrorMessage = class {
@@ -12,7 +12,7 @@ const FormFieldErrorMessage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '7642cbacd380b3e3a0c10cc9164cd421d607118a' });
+        return index.h("slot", { key: '931cdc46e1006e689b3cf0bab4764d7da323c427' });
     }
 };
 FormFieldErrorMessage.style = UtrechtFormFieldErrorMessageStyle0;

package/dist/cjs/utrecht-form-field-error-message.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-form-field-error-message.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,~~4wEAA4wE,~~CAAC;~~AAC9yE~~,2CAAe,wBAAwB;;MCY1B,qBAAqB;;;;IAChC,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/form-field-error-message.scss?tag=utrecht-form-field-error-message&encapsulation=shadow","src/components/form-field-error-message.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/form-field-error-message-css/src\";\n\n:host {\n @include utrecht-form-field-error-message;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-form-field-error-message',\n styleUrl: 'form-field-error-message.scss',\n shadow: true,\n})\nexport class FormFieldErrorMessage {\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-form-field-error-message.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,+nCAA+nC,CAAC;AACjqC,2CAAe,wBAAwB;;MCY1B,qBAAqB;;;;IAChC,MAAM;QACJ,OAAOA,oEAAa,CAAC;KACtB;;;;;;","names":["h"],"sources":["src/components/form-field-error-message.scss?tag=utrecht-form-field-error-message&encapsulation=shadow","src/components/form-field-error-message.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-field-error-message-css/src/mixin\" as ;\n\n:host {\n @include utrecht-form-field-error-message;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-form-field-error-message',\n styleUrl: 'form-field-error-message.scss',\n shadow: true,\n})\nexport class FormFieldErrorMessage {\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}

package/dist/cjs/utrecht-form-toggle.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cdb0df7a.js');
 const clsx = require('./clsx-708f7fb1.js');
-const formToggleCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor, revert);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--html-label{cursor:inherit}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}:host{display:inline-block}:host([hidden]){display:none !important}";
+const formToggleCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor, revert);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--html-label{cursor:inherit}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}:host{display:inline-block}:host([hidden]){display:none !important}";
 const UtrechtFormToggleStyle0 = formToggleCss;
 const FormToggle = class {
@@ -41,7 +41,7 @@ const FormToggle = class {
                 toggleInteraction();
             }
         };
-        return (index.h("div", { key: 'be20682f616eb7b0d14a213f46612a8a09292e2e', class: clsx.clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, index.h("div", { key: 'a39f6ea33b38051b0cc321a85d830839d8f526db', class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), index.h("div", { key: '2a817a7018427997e3ec410076aa58ac27f1b93e', class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), index.h("div", { key: '9db9333631a9392b5af650bd40febc6d559e80a9', class: clsx.clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, index.h("div", { key: 'd468c947a90b4aec924c658b8d36f84f8eb27bc7', class: clsx.clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
+        return (index.h("div", { key: '68f6714cc9e818aaec8c28fbd6ad582e8eaa6f33', class: clsx.clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, index.h("div", { key: '082fed006a759c9c25e954ef6e217add47f7cd77', class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), index.h("div", { key: '68e2770332b982aa279a11c2d6c9ecf3083bd2eb', class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), index.h("div", { key: 'f873dd15cf01359f2029b2e1a28f084de5393b4f', class: clsx.clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, index.h("div", { key: '649cfd6f0fea118b429101ad8b95fbba89b5650b', class: clsx.clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
     }
 };
 FormToggle.style = UtrechtFormToggleStyle0;

package/dist/cjs/utrecht-form-toggle.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utrecht-form-toggle.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,~~ioMAAioM~~,CAAC;~~AACxpM~~,gCAAe,aAAa;;MCaf,UAAU;;;;;;;wBACwB,KAAK;uBACN,KAAK;;IAMjD,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAEnC,MAAM,iBAAiB,GAAG;YACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;gBAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC/B;SACF,CAAC;QAEF,MAAM,WAAW,GAAG;YAClB,iBAAiB,EAAE,CAAC;SACrB,CAAC;QAEF,MAAM,cAAc,GAAG,CAAC,GAAG;YACzB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;;gBAE3C,GAAG,CAAC,cAAc,EAAE,CAAC;aACtB;SACF,CAAC;QAEF,MAAM,WAAW,GAAG,CAAC,GAAG;YACtB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC3C,iBAAiB,EAAE,CAAC;aACrB;SACF,CAAC;QAEF,QACEA,kEACE,KAAK,EAAEC,SAAI,CACT,qBAAqB,EACrB,OAAO,IAAI,8BAA8B,EACzC,CAAC,OAAO,IAAI,kCAAkC,EAC9C,QAAQ,IAAI,+BAA+B,CAC5C,EACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,CAAC,EAC7B,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,IAAI,EACvC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,WAAW,IAEpBD,kEAAK,KAAK,EAAC,4DAA4D,GAAO,EAC9EA,kEAAK,KAAK,EAAC,2DAA2D,GAAO,EAC7EA,kEACE,KAAK,EAAEC,SAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,IAEDD,kEACE,KAAK,EAAEC,SAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,GACI,CACH,CACF,EACN;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/form-toggle.scss?tag=utrecht-form-toggle&encapsulation=shadow","src/components/form-toggle.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@~~import~~ \"~@utrecht/form-toggle-css/src\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'form-toggle.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' \|\| evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' \|\| evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"utrecht-form-toggle.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,olMAAolM,CAAC;AAC3mM,gCAAe,aAAa;;MCaf,UAAU;;;;;;;wBACwB,KAAK;uBACN,KAAK;;IAMjD,MAAM;QACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAEnC,MAAM,iBAAiB,GAAG;YACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;gBAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC/B;SACF,CAAC;QAEF,MAAM,WAAW,GAAG;YAClB,iBAAiB,EAAE,CAAC;SACrB,CAAC;QAEF,MAAM,cAAc,GAAG,CAAC,GAAG;YACzB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;;gBAE3C,GAAG,CAAC,cAAc,EAAE,CAAC;aACtB;SACF,CAAC;QAEF,MAAM,WAAW,GAAG,CAAC,GAAG;YACtB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC3C,iBAAiB,EAAE,CAAC;aACrB;SACF,CAAC;QAEF,QACEA,kEACE,KAAK,EAAEC,SAAI,CACT,qBAAqB,EACrB,OAAO,IAAI,8BAA8B,EACzC,CAAC,OAAO,IAAI,kCAAkC,EAC9C,QAAQ,IAAI,+BAA+B,CAC5C,EACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,CAAC,EAC7B,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,IAAI,EACvC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,WAAW,IAEpBD,kEAAK,KAAK,EAAC,4DAA4D,GAAO,EAC9EA,kEAAK,KAAK,EAAC,2DAA2D,GAAO,EAC7EA,kEACE,KAAK,EAAEC,SAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,IAEDD,kEACE,KAAK,EAAEC,SAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,GACI,CACH,CACF,EACN;KACH;;;;;;","names":["h","clsx"],"sources":["src/components/form-toggle.scss?tag=utrecht-form-toggle&encapsulation=shadow","src/components/form-toggle.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-toggle-css/src\" as ;\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'form-toggle.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' \|\| evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' \|\| evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}