npm - @dso-toolkit/core - Versions diffs - 62.27.0 → 62.28.0 - Mend

@dso-toolkit/core 62.27.0 → 62.28.0

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 (466) hide show

package/dist/cjs/dso-annotation-output_2.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dso-annotation-output.dso-document-component.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/annotation-output/annotation-output.scss?tag=dso-annotation-output","src/components/annotation-output/annotation-output.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n\r\ndso-annotation-output {\r\n display: block;\r\n}\r\n\r\n.dso-annotation-header {\r\n align-items: center;\r\n background-color: colors.$grijs-5;\r\n clear: both;\r\n display: flex;\r\n margin-block-end: 2px;\r\n margin-block-start: units.$u1;\r\n padding-inline-start: units.$u2;\r\n padding-inline-end: units.$u1;\r\n padding-block-start: units.$u1;\r\n padding-block-end: units.$u1;\r\n\r\n > [slot=\"title\"] {\r\n color: colors.$zwart;\r\n font-size: 1.25rem;\r\n margin-block-end: 0;\r\n margin-block-start: 0;\r\n }\r\n\r\n > :nth-child(2) {\r\n margin-inline-start: auto;\r\n }\r\n}\r\n\r\ndso-responsive-element[small],\r\ndso-responsive-element[medium] {\r\n .dso-annotation-header {\r\n display: grid;\r\n row-gap: units.$u1;\r\n\r\n [slot=\"title\"] {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n [slot=\"addons\"] {\r\n grid-row: 2;\r\n grid-column: 1;\r\n margin-inline-start: initial;\r\n }\r\n\r\n .dso-annotation-close-button {\r\n grid-row: 1;\r\n grid-column: 2;\r\n margin-inline-start: units.$u1;\r\n text-align: end;\r\n }\r\n }\r\n}\r\n\r\n.dso-annotation-content {\r\n @include set-colors.apply(colors.$grijs-5);\r\n\r\n padding-inline-start: units.$u2;\r\n padding-inline-end: units.$u1;\r\n padding-block-start: units.$u1;\r\n padding-block-end: units.$u1;\r\n}\r\n\r\n.dso-annotation-close-button {\r\n margin-inline-start: units.$u4;\r\n}\r\n\r\n.dso-annotation-prefix {\r\n font-style: italic;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\nexport interface AnnotationOutputCloseEvent {\r\n originalEvent: Event;\r\n}\r\n\r\n@Component({\r\n tag: \"dso-annotation-output\",\r\n styleUrl: \"annotation-output.scss\",\r\n // No shadowdom for a11y reasons (aria-controls being set inside another component)\r\n})\r\nexport class AnnotationOutput implements ComponentInterface {\r\n /*\r\n The annotation-button that toggles this component should have the same identifier.\r\n /\r\n @Prop({ reflect: true })\r\n identifier!: string;\r\n\r\n /\r\n This text will be displayed above the annotation-output when opened\r\n /\r\n @Prop({ reflect: true })\r\n annotationPrefix?: string;\r\n\r\n /\r\n Set to `true` to show content.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n This event is emitted when the user activates the Annotation Button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoClose!: EventEmitter<AnnotationOutputCloseEvent>;\r\n\r\n private toggleHandler = (e: MouseEvent) => {\r\n this.dsoClose.emit({ originalEvent: e });\r\n };\r\n\r\n render() {\r\n return (\r\n <dso-responsive-element>\r\n <dso-expandable id={this.identifier} open={this.open}>\r\n {this.annotationPrefix && <span class=\"dso-annotation-prefix\">{this.annotationPrefix}</span>}\r\n <div class=\"dso-annotation-header\">\r\n <slot name=\"title\" />\r\n <slot name=\"addons\" />\r\n <button type=\"button\" class=\"dso-tertiary dso-annotation-close-button\" onClick={this.toggleHandler}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Toelichting sluiten</span>\r\n </button>\r\n </div>\r\n <div class=\"dso-annotation-content\">\r\n <slot />\r\n </div>\r\n </dso-expandable>\r\n </dso-responsive-element>\r\n );\r\n }\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\";\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, ...props }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return <h2 {...props}>{children}</h2>;\r\n case \"h3\":\r\n return <h3 {...props}>{children}</h3>;\r\n case \"h4\":\r\n return <h4 {...props}>{children}</h4>;\r\n case \"h5\":\r\n return <h5 {...props}>{children}</h5>;\r\n case \"h6\":\r\n return <h6 {...props}>{children}</h6>;\r\n }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n display: block;\r\n\r\n --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n padding-inline-start: units.$u1;\r\n margin-inline-end: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n padding-block-start: units.$u1 0.5;\r\n padding-block-end: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n @include delete.root();\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n inset-inline-start: -3px;\r\n position: absolute;\r\n display: block;\r\n inline-size: 3px;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]) {\r\n .heading-container {\r\n margin-block-end: units.$u1;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-element {\r\n align-items: start;\r\n display: flex;\r\n font-size: 1rem;\r\n color: colors.$bosgroen;\r\n margin: 0;\r\n\r\n > * {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-block-end: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n\r\n .heading-element {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host(:not([not-collapsible])) {\r\n .heading-element {\r\n cursor: pointer;\r\n\r\n @include anchor.pseudo();\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: document-component.$indent;\r\n }\r\n}\r\n\r\n.addons {\r\n margin-inline-start: auto;\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n display: flex;\r\n align-items: start;\r\n gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n .heading-element,\r\n .toggle-button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-inline-start: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-inline-end: units.$u1;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\nimport {\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentOzonContentAnchorClickEvent,\r\n DocumentComponentWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigActieLabels: { [wijzigActie in DocumentComponentWijzigactie]: string } = {\r\n nieuweContainer: \"Toegevoegd\",\r\n verwijder: \"Verwijderd\",\r\n verwijderContainer: \"Verwijderd\",\r\n voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/*\r\n @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n /\r\n@Component({\r\n tag: \"dso-document-component\",\r\n styleUrl: \"document-component.scss\",\r\n shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n /\r\n The heading element to use.\r\n /\r\n @Prop()\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n\r\n /\r\n The Label XML.\r\n /\r\n @Prop()\r\n label?: DocumentComponentInputType;\r\n\r\n /\r\n The Nummer XML.\r\n /\r\n @Prop()\r\n nummer?: DocumentComponentInputType;\r\n\r\n /\r\n The Opschrift XML.\r\n /\r\n @Prop()\r\n opschrift?: DocumentComponentInputType;\r\n\r\n /\r\n The Inhoud XML.\r\n /\r\n @Prop()\r\n inhoud?: DocumentComponentInputType;\r\n\r\n /\r\n This boolean attribute indicates whether the children are visible.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n Marks this Document Component as belonging to an active filter.\r\n /\r\n @Prop({ reflect: true })\r\n filtered = false;\r\n\r\n /\r\n Marks this Document Component as not-applicable.\r\n /\r\n @Prop({ reflect: true })\r\n notApplicable = false;\r\n\r\n /\r\n When a child Document Component has a status \"Draft\".\r\n /\r\n @Prop({ reflect: true })\r\n genesteOntwerpInformatie = false;\r\n\r\n /\r\n Marks as draft.\r\n /\r\n @Prop({ reflect: true })\r\n bevatOntwerpInformatie = false;\r\n\r\n /\r\n Enables annotations.\r\n /\r\n @Prop({ reflect: true })\r\n annotated = false;\r\n\r\n /\r\n Marks Document Component as reserved.\r\n /\r\n @Prop()\r\n gereserveerd = false;\r\n\r\n /\r\n Marks the Document Component as expired.\r\n /\r\n @Prop()\r\n vervallen = false;\r\n\r\n /\r\n When the Annotation Output is opened, set this to true.\r\n /\r\n @Prop()\r\n openAnnotation = false;\r\n\r\n /\r\n An alternative title to show when there is nothing to create a title.\r\n /\r\n @Prop()\r\n alternativeTitle?: string;\r\n\r\n /\r\n Type of Document Component.\r\n /\r\n @Prop({ reflect: true })\r\n type?: string;\r\n\r\n /\r\n The wijzigactie as in STOP.\r\n /\r\n @Prop({ reflect: true })\r\n wijzigactie?: DocumentComponentWijzigactie;\r\n\r\n /\r\n To mark text.\r\n /\r\n @Prop()\r\n mark?: DocumentComponentMarkFunction;\r\n\r\n /\r\n Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.\r\n /\r\n @Prop()\r\n recursiveToggle: DocumentComponentRecursiveToggleState;\r\n\r\n /\r\n Emitted when the user activates the recursive toggle.\r\n /\r\n @Event({ bubbles: false })\r\n dsoRecursiveToggle!: EventEmitter<DocumentComponentRecursiveToggleEvent>;\r\n\r\n /\r\n Emitted when the user activates the toggle.\r\n /\r\n @Event({ bubbles: false })\r\n dsoOpenToggle!: EventEmitter<DocumentComponentOpenToggleEvent>;\r\n\r\n /\r\n Emitted when the user actives intRef or intIoRef anchors in Ozon Content\r\n /\r\n @Event({ bubbles: false })\r\n dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n /\r\n Emitted when the user activates the annotation button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n /\r\n Emitted each time a marked item gets highlighted.\r\n */\r\n @Event({ bubbles: false })\r\n dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n private get wijzigactieLabel(): string \| undefined {\r\n return this.wijzigactie && wijzigActieLabels[this.wijzigactie];\r\n }\r\n\r\n private handleHeadingClick = (e: MouseEvent) => {\r\n if (this.type !== \"LID\") {\r\n this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n }\r\n };\r\n\r\n private suffix(): string \| undefined {\r\n if (this.vervallen) {\r\n return \"vervallen\";\r\n }\r\n\r\n if (this.gereserveerd) {\r\n return \"gereserveerd\";\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n };\r\n\r\n private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n this.dsoRecursiveToggle.emit({\r\n originalEvent: e,\r\n current: this.recursiveToggle,\r\n next: this.recursiveToggle !== true,\r\n });\r\n };\r\n\r\n render() {\r\n const suffix = this.suffix();\r\n const collapsible = !!(\r\n (this.label \|\| this.nummer \|\| this.opschrift \|\| this.alternativeTitle) &&\r\n this.type !== \"LID\"\r\n );\r\n const showHeading = !!(\r\n this.wijzigactie \|\|\r\n collapsible \|\|\r\n this.label \|\|\r\n this.nummer \|\|\r\n this.opschrift \|\|\r\n this.alternativeTitle \|\|\r\n this.bevatOntwerpInformatie \|\|\r\n this.annotated\r\n );\r\n\r\n return (\r\n <Host not-collapsible={!collapsible}>\r\n {showHeading && (\r\n <div class=\"heading-container\" part=\"_heading-container\">\r\n {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n <div class=\"heading\">\r\n <Heading heading={this.heading} class=\"heading-element\" onClick={this.handleHeadingClick}>\r\n {collapsible && (\r\n <button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n aria-describedby=\"heading-title\"\r\n aria-expanded={this.open.toString()}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n </button>\r\n )}\r\n <div id=\"heading-title\">\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this.label \|\| this.nummer \|\| this.opschrift ? (\r\n <>\r\n {this.label && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.label}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.nummer && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.nummer}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.opschrift && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.opschrift}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n this.alternativeTitle\r\n )}\r\n {suffix && <span> - [{suffix}]</span>}\r\n </div>\r\n </Heading>\r\n {this.recursiveToggle !== undefined && this.open && (\r\n <button\r\n type=\"button\"\r\n class=\"recursive-toggle\"\r\n title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n onClick={this.handleRecursiveToggleClick}\r\n >\r\n <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n </button>\r\n )}\r\n {this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (\r\n <>\r\n <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n !\r\n </dso-badge>\r\n <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n </>\r\n )}\r\n {(this.bevatOntwerpInformatie \|\| this.annotated) && (\r\n <div class=\"addons\">\r\n {this.bevatOntwerpInformatie && (\r\n <dso-label status=\"warning\" compact>\r\n Ontwerp\r\n </dso-label>\r\n )}\r\n {this.annotated && (\r\n <dso-annotation-button\r\n identifier=\"expandable\"\r\n open={this.openAnnotation}\r\n onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n ></dso-annotation-button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"annotation-container\" part=\"_annotation-container\">\r\n <slot name=\"annotation\" />\r\n </div>\r\n {this.open && (this.inhoud \|\| this.gereserveerd \|\| this.vervallen) && (\r\n <div class=\"content\" part=\"_content\">\r\n {this.gereserveerd && (\r\n <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n )}\r\n {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n {this.inhoud && (\r\n <dso-ozon-content\r\n content={this.inhoud}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n }\r\n />\r\n )}\r\n </div>\r\n )}\r\n <div class=\"children-container\" part=\"_children-container\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dso-annotation-output.dso-document-component.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/annotation-output/annotation-output.scss?tag=dso-annotation-output","src/components/annotation-output/annotation-output.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n\r\ndso-annotation-output {\r\n display: block;\r\n}\r\n\r\n.dso-annotation-header {\r\n align-items: center;\r\n background-color: colors.$grijs-5;\r\n clear: both;\r\n display: flex;\r\n margin-block-end: 2px;\r\n margin-block-start: units.$u1;\r\n padding-inline-start: units.$u2;\r\n padding-inline-end: units.$u1;\r\n padding-block-start: units.$u1;\r\n padding-block-end: units.$u1;\r\n\r\n > [slot=\"title\"] {\r\n color: colors.$zwart;\r\n font-size: 1.25rem;\r\n margin-block-end: 0;\r\n margin-block-start: 0;\r\n }\r\n\r\n > :nth-child(2) {\r\n margin-inline-start: auto;\r\n }\r\n}\r\n\r\ndso-responsive-element[small],\r\ndso-responsive-element[medium] {\r\n .dso-annotation-header {\r\n display: grid;\r\n row-gap: units.$u1;\r\n\r\n [slot=\"title\"] {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n [slot=\"addons\"] {\r\n grid-row: 2;\r\n grid-column: 1;\r\n margin-inline-start: initial;\r\n }\r\n\r\n .dso-annotation-close-button {\r\n grid-row: 1;\r\n grid-column: 2;\r\n margin-inline-start: units.$u1;\r\n text-align: end;\r\n }\r\n }\r\n}\r\n\r\n.dso-annotation-content {\r\n @include set-colors.apply(colors.$grijs-5);\r\n\r\n padding-inline-start: units.$u2;\r\n padding-inline-end: units.$u1;\r\n padding-block-start: units.$u1;\r\n padding-block-end: units.$u1;\r\n}\r\n\r\n.dso-annotation-close-button {\r\n margin-inline-start: units.$u4;\r\n}\r\n\r\n.dso-annotation-prefix {\r\n font-style: italic;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\nexport interface AnnotationOutputCloseEvent {\r\n originalEvent: Event;\r\n}\r\n\r\n@Component({\r\n tag: \"dso-annotation-output\",\r\n styleUrl: \"annotation-output.scss\",\r\n // No shadowdom for a11y reasons (aria-controls being set inside another component)\r\n})\r\nexport class AnnotationOutput implements ComponentInterface {\r\n /*\r\n The annotation-button that toggles this component should have the same identifier.\r\n /\r\n @Prop({ reflect: true })\r\n identifier!: string;\r\n\r\n /\r\n This text will be displayed above the annotation-output when opened\r\n /\r\n @Prop({ reflect: true })\r\n annotationPrefix?: string;\r\n\r\n /\r\n Set to `true` to show content.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n This event is emitted when the user activates the Annotation Button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoClose!: EventEmitter<AnnotationOutputCloseEvent>;\r\n\r\n private toggleHandler = (e: MouseEvent) => {\r\n this.dsoClose.emit({ originalEvent: e });\r\n };\r\n\r\n render() {\r\n return (\r\n <dso-responsive-element>\r\n <dso-expandable id={this.identifier} open={this.open}>\r\n {this.annotationPrefix && <span class=\"dso-annotation-prefix\">{this.annotationPrefix}</span>}\r\n <div class=\"dso-annotation-header\">\r\n <slot name=\"title\" />\r\n <slot name=\"addons\" />\r\n <button type=\"button\" class=\"dso-tertiary dso-annotation-close-button\" onClick={this.toggleHandler}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Toelichting sluiten</span>\r\n </button>\r\n </div>\r\n <div class=\"dso-annotation-content\">\r\n <slot />\r\n </div>\r\n </dso-expandable>\r\n </dso-responsive-element>\r\n );\r\n }\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\";\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, ...props }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return <h2 {...props}>{children}</h2>;\r\n case \"h3\":\r\n return <h3 {...props}>{children}</h3>;\r\n case \"h4\":\r\n return <h4 {...props}>{children}</h4>;\r\n case \"h5\":\r\n return <h5 {...props}>{children}</h5>;\r\n case \"h6\":\r\n return <h6 {...props}>{children}</h6>;\r\n }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n display: block;\r\n\r\n --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n padding-inline-start: units.$u1;\r\n margin-inline-end: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n padding-block-start: units.$u1 0.5;\r\n padding-block-end: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n @include delete.root();\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n inset-inline-start: -3px;\r\n position: absolute;\r\n display: block;\r\n inline-size: 3px;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]) {\r\n .heading-container {\r\n margin-block-end: units.$u1;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-element {\r\n align-items: start;\r\n display: flex;\r\n font-size: 1rem;\r\n color: colors.$bosgroen;\r\n margin: 0;\r\n\r\n > * {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-block-end: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n\r\n .heading-element {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host(:not([not-collapsible])) {\r\n .heading-element {\r\n cursor: pointer;\r\n\r\n @include anchor.pseudo();\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: document-component.$indent;\r\n }\r\n}\r\n\r\n.addons {\r\n margin-inline-start: auto;\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n display: flex;\r\n align-items: start;\r\n gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n .heading-element,\r\n .toggle-button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-inline-start: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-inline-end: units.$u1;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\nimport {\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentOzonContentAnchorClickEvent,\r\n DocumentComponentWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigactieLabels: { [wijzigactie in DocumentComponentWijzigactie]: string } = {\r\n nieuweContainer: \"Toegevoegd\",\r\n verwijder: \"Verwijderd\",\r\n verwijderContainer: \"Verwijderd\",\r\n voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/*\r\n @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n /\r\n@Component({\r\n tag: \"dso-document-component\",\r\n styleUrl: \"document-component.scss\",\r\n shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n /\r\n The heading element to use.\r\n /\r\n @Prop()\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n\r\n /\r\n The Label XML.\r\n /\r\n @Prop()\r\n label?: DocumentComponentInputType;\r\n\r\n /\r\n The Nummer XML.\r\n /\r\n @Prop()\r\n nummer?: DocumentComponentInputType;\r\n\r\n /\r\n The Opschrift XML.\r\n /\r\n @Prop()\r\n opschrift?: DocumentComponentInputType;\r\n\r\n /\r\n The Inhoud XML.\r\n /\r\n @Prop()\r\n inhoud?: DocumentComponentInputType;\r\n\r\n /\r\n This boolean attribute indicates whether the children are visible.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n Marks this Document Component as belonging to an active filter.\r\n /\r\n @Prop({ reflect: true })\r\n filtered = false;\r\n\r\n /\r\n Marks this Document Component as not-applicable.\r\n /\r\n @Prop({ reflect: true })\r\n notApplicable = false;\r\n\r\n /\r\n When a child Document Component has a status \"Draft\".\r\n /\r\n @Prop({ reflect: true })\r\n genesteOntwerpInformatie = false;\r\n\r\n /\r\n Marks as draft.\r\n /\r\n @Prop({ reflect: true })\r\n bevatOntwerpInformatie = false;\r\n\r\n /\r\n Enables annotations.\r\n /\r\n @Prop({ reflect: true })\r\n annotated = false;\r\n\r\n /\r\n Marks Document Component as reserved.\r\n /\r\n @Prop()\r\n gereserveerd = false;\r\n\r\n /\r\n Marks the Document Component as expired.\r\n /\r\n @Prop()\r\n vervallen = false;\r\n\r\n /\r\n When the Annotation Output is opened, set this to true.\r\n /\r\n @Prop()\r\n openAnnotation = false;\r\n\r\n /\r\n An alternative title to show when there is nothing to create a title.\r\n /\r\n @Prop()\r\n alternativeTitle?: string;\r\n\r\n /\r\n Type of Document Component.\r\n /\r\n @Prop({ reflect: true })\r\n type?: string;\r\n\r\n /\r\n The wijzigactie as in STOP.\r\n /\r\n @Prop({ reflect: true })\r\n wijzigactie?: DocumentComponentWijzigactie;\r\n\r\n /\r\n To mark text.\r\n /\r\n @Prop()\r\n mark?: DocumentComponentMarkFunction;\r\n\r\n /\r\n Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.\r\n /\r\n @Prop()\r\n recursiveToggle: DocumentComponentRecursiveToggleState;\r\n\r\n /\r\n Emitted when the user activates the recursive toggle.\r\n /\r\n @Event({ bubbles: false })\r\n dsoRecursiveToggle!: EventEmitter<DocumentComponentRecursiveToggleEvent>;\r\n\r\n /\r\n Emitted when the user activates the toggle.\r\n /\r\n @Event({ bubbles: false })\r\n dsoOpenToggle!: EventEmitter<DocumentComponentOpenToggleEvent>;\r\n\r\n /\r\n Emitted when the user actives intRef or intIoRef anchors in Ozon Content\r\n /\r\n @Event({ bubbles: false })\r\n dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n /\r\n Emitted when the user activates the annotation button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n /\r\n Emitted each time a marked item gets highlighted.\r\n */\r\n @Event({ bubbles: false })\r\n dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n private get wijzigactieLabel(): string \| undefined {\r\n return this.wijzigactie && wijzigactieLabels[this.wijzigactie];\r\n }\r\n\r\n private handleHeadingClick = (e: MouseEvent) => {\r\n if (this.type !== \"LID\") {\r\n this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n }\r\n };\r\n\r\n private suffix(): string \| undefined {\r\n if (this.vervallen) {\r\n return \"vervallen\";\r\n }\r\n\r\n if (this.gereserveerd) {\r\n return \"gereserveerd\";\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n };\r\n\r\n private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n this.dsoRecursiveToggle.emit({\r\n originalEvent: e,\r\n current: this.recursiveToggle,\r\n next: this.recursiveToggle !== true,\r\n });\r\n };\r\n\r\n render() {\r\n const suffix = this.suffix();\r\n const collapsible = !!(\r\n (this.label \|\| this.nummer \|\| this.opschrift \|\| this.alternativeTitle) &&\r\n this.type !== \"LID\"\r\n );\r\n const showHeading = !!(\r\n this.wijzigactie \|\|\r\n collapsible \|\|\r\n this.label \|\|\r\n this.nummer \|\|\r\n this.opschrift \|\|\r\n this.alternativeTitle \|\|\r\n this.bevatOntwerpInformatie \|\|\r\n this.annotated\r\n );\r\n\r\n return (\r\n <Host not-collapsible={!collapsible}>\r\n {showHeading && (\r\n <div class=\"heading-container\" part=\"_heading-container\">\r\n {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n <div class=\"heading\">\r\n <Heading heading={this.heading} class=\"heading-element\" onClick={this.handleHeadingClick}>\r\n {collapsible && (\r\n <button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n aria-describedby=\"heading-title\"\r\n aria-expanded={this.open.toString()}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n </button>\r\n )}\r\n <div id=\"heading-title\">\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this.label \|\| this.nummer \|\| this.opschrift ? (\r\n <>\r\n {this.label && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.label}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.nummer && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.nummer}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.opschrift && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.opschrift}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n this.alternativeTitle\r\n )}\r\n {suffix && <span> - [{suffix}]</span>}\r\n </div>\r\n </Heading>\r\n {this.recursiveToggle !== undefined && this.open && (\r\n <button\r\n type=\"button\"\r\n class=\"recursive-toggle\"\r\n title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n onClick={this.handleRecursiveToggleClick}\r\n >\r\n <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n </button>\r\n )}\r\n {this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (\r\n <>\r\n <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n !\r\n </dso-badge>\r\n <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n </>\r\n )}\r\n {(this.bevatOntwerpInformatie \|\| this.annotated) && (\r\n <div class=\"addons\">\r\n {this.bevatOntwerpInformatie && (\r\n <dso-label status=\"warning\" compact>\r\n Ontwerp\r\n </dso-label>\r\n )}\r\n {this.annotated && (\r\n <dso-annotation-button\r\n identifier=\"expandable\"\r\n open={this.openAnnotation}\r\n onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n ></dso-annotation-button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"annotation-container\" part=\"_annotation-container\">\r\n <slot name=\"annotation\" />\r\n </div>\r\n {this.open && (this.inhoud \|\| this.gereserveerd \|\| this.vervallen) && (\r\n <div class=\"content\" part=\"_content\">\r\n {this.gereserveerd && (\r\n <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n )}\r\n {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n {this.inhoud && (\r\n <dso-ozon-content\r\n content={this.inhoud}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n }\r\n />\r\n )}\r\n </div>\r\n )}\r\n <div class=\"children-container\" part=\"_children-container\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/cjs/dso-attachments-counter.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const attachmentsCounterCss = ":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";
 const DsoAttachmentsCounterStyle0 = attachmentsCounterCss;
@@ -13,7 +13,7 @@ const AttachmentsCounter = class {
         this.count = undefined;
     }
     render() {
-        return (index.h("span", { key: '6c0172efe12b76d30a79941c0de5354e6fba5d13', class: "dso-attachments" }, this.count, " ", index.h("span", { key: '098cc1c6e75dbce12fe21911001f245230520ad5', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: 'aafb92bb71efa0b7ee151c7f2b330586cc31bcda', icon: "paperclip" })));
+        return (index.h("span", { key: '6c3e26ea68c2dc819ea9322ee98238ca159fca6e', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'e9df7eff3fc69047df9d4a132774022ca731afa4', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '0bbad9b1793a77960800759d9409c472b3b51596', icon: "paperclip" })));
     }
 };
 AttachmentsCounter.style = DsoAttachmentsCounterStyle0;

package/dist/cjs/dso-autosuggest.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const index$1 = require('./index-10c6b031.js');
-const v4 = require('./v4-c23234d2.js');
+const v4 = require('./v4-7014b8b0.js');
 function escapeStringRegexp(string) {
 	if (typeof string !== 'string') {
@@ -306,7 +306,7 @@ const Autosuggest = class {
         }, []);
     }
     render() {
-        return (index.h(index.Fragment, null, index.h("slot", { key: '25902d545f68c0bc90c42e9fb768e080c1c8a891' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (index.h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
+        return (index.h(index.Fragment, null, index.h("slot", { key: 'ef4290b35d4c82e2ab0aa297cd58098562484bbb' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (index.h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (index.h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, index.h("div", { class: "suggestion-row" }, index.h("span", { class: "value" }, this.handleMark(suggestion, suggestion.value, "value")), suggestion.type ? (index.h("span", { class: "type" }, this.handleMark(suggestion, suggestion.type, "type"))) : undefined), suggestion.extras &&
                 this.getChunkedExtras(suggestion.extras).map((chunk, index$1) => (index.h("div", { class: "suggestion-row" }, chunk.map((c, i) => (index.h("span", { class: "extra" }, this.handleMark(suggestion, c, "extra", index$1 * 2 + i))))))))))) ||

package/dist/cjs/dso-badge.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const badgeCss = ":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-badge{border:1px solid;border-radius:1em;display:inline-block;font-size:0.875em;line-height:1;min-inline-size:1.5rem;padding-block:4px;padding-inline:8px;text-align:center}.dso-badge{background-color:#666;border-color:#666;color:#fff}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}.dso-badge.badge-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}";
@@ -14,7 +14,7 @@ const Badge = class {
         this.status = undefined;
     }
     render() {
-        return (index.h("span", { key: '915074c0cc5bbbc08128dfd4a421c6bcde03b28c', class: clsx.clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, index.h("slot", { key: '9c2de7dabf46af1b6619dc36e8022322c1e59803' })));
+        return (index.h("span", { key: '2bb9ba75d3f55a887f805727189592504c5e17bd', class: clsx.clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, index.h("slot", { key: '6242b1b45ca07ef5789fb5f9fde005448235ea4a' })));
     }
 };
 Badge.style = DsoBadgeStyle0;

package/dist/cjs/dso-banner.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const bannerCss = ":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}";
@@ -16,9 +16,9 @@ const Banner = class {
         this.noIcon = true;
     }
     render() {
-        return (index.h("section", { key: '7b598c5ca499588cfeb894d65864f28adc552c71', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
+        return (index.h("section", { key: '4c3db4e3d1cb2b0de13dc2d7fd562b591102a1d4', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, index.h("slot", { key: '4ecf1e6d785c3b006a7042245c3f6ae8511a47ad' })));
+            }), role: "alert" }, index.h("slot", { key: '7a6dc8d1e60f63a28fbd5762b37e1e6744ee0ea6' })));
     }
 };
 Banner.style = DsoBannerStyle0;

package/dist/cjs/dso-card-container.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const cardContainerCss = ":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";
 const DsoCardContainerStyle0 = cardContainerCss;
@@ -13,7 +13,7 @@ const CardContainer = class {
         this.mode = "list";
     }
     render() {
-        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '2cd997846ae44ff29f3ec19b8e1c859d87e0db9b', class: "dso-card-list" }, index.h("slot", { key: 'b822f07618e1e98fb85825116eebb36901a5566c' }))), this.mode === "grid" && (index.h("div", { key: '892bd332b724317043b0c550831e624290c0b00b', class: "dso-card-grid" }, index.h("slot", { key: '92d11bac52fab9500d5ee7ce737568305cab7a61' })))));
+        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '6dc72f5395a0cdcb8fd11a2882ae94d946d14f06', class: "dso-card-list" }, index.h("slot", { key: 'e2c5ab66a35ae0db798bec1e62e382c5be4c8ff7' }))), this.mode === "grid" && (index.h("div", { key: '4a6d756341eaf9f3d79f1ee07bf09831669bfaa8', class: "dso-card-grid" }, index.h("slot", { key: '676e0db13a13bfaad87a0d5894038539c43e09c8' })))));
     }
 };
 CardContainer.style = DsoCardContainerStyle0;

package/dist/cjs/dso-card.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const isModifiedEvent = require('./is-modified-event-f643edb2.js');
 const isInteractiveElement = (element) => {
@@ -66,9 +66,9 @@ const Card = class {
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
         const hasImage = this.imageSlottedElement !== null;
-        return (index.h(index.Host, { key: '8bd90130bed0df984bcf89aab7b807eef97794c5', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, index.h("div", { key: '50109582e85cc45cf805c1166075f42344912b36', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: '340edc1a1868cbac5583e2b7b9e323881c5d1148', name: "selectable" })), index.h("div", { key: 'debbca0ce003139f992f12249baf3eb58fdee6ca', class: "dso-card-image", hidden: !hasImage }, index.h("slot", { key: '1cc32cc8e1a52519534de22348d7321ffd6866ba', name: "image" })), index.h("div", { key: 'ebe0ac5c0343b4f3b8c06b563048ea624303e353', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (index.h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "chevron-right" })))) ||
+        return (index.h(index.Host, { key: '16df08d7deb23d44de3919a212da749eb24b2aa3', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, index.h("div", { key: '06f68ba992964e076cc91b1008b3d90654660eb8', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: 'fdf924e13b4be544bd96999592a2d9c1fca43b93', name: "selectable" })), index.h("div", { key: '4e788d7258092d3c8b648502fa215a0286454cef', class: "dso-card-image", hidden: !hasImage }, index.h("slot", { key: '48f5c3ccfcc61d72a33a4f3b596cea0f766a328d', name: "image" })), index.h("div", { key: 'c2baf8f68141776219211d78c610312b4979b5f6', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (index.h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "chevron-right" })))) ||
             (this.mode === "extern" && (index.h("a", { href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && index.h("slot", { key: 'd373f9d92186fbc3932fe51cd0d087632fb43304', name: "interactions" })), index.h("div", { key: '8878c53b0ccc984b68252c3eae22dc103cc58d84', class: "dso-card-content" }, index.h("slot", { key: 'eb8213fad4e11c237a57258f9802694df1075a6e', name: "content" }))));
+            (this.mode === "download" && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && index.h("slot", { key: 'd6885f759a3ac7e44dd44aa5e3a0107dde02a640', name: "interactions" })), index.h("div", { key: '61dc016e0ac2a82da7555e3c3df8f61104e37c49', class: "dso-card-content" }, index.h("slot", { key: 'abe3a8a00a3744f456b65fb4d8c6f7be026a68be', name: "content" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-date-picker-legacy.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const createIdentifier = require('./create-identifier-4a76663b.js');
 // eslint-disable-next-line @stencil-community/ban-exported-const-enums -- This enum is not part of public API
@@ -687,14 +687,14 @@ const DsoDatePickerLegacy = class {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (index.h(index.Host, { key: 'd14bbb1fa4a6fa9496b9790b5c8e7fe3b3e1e995' }, index.h("div", { key: '7799d1d402293ea89713f93a7e306793ebafa41f', class: { "dso-date": true, "dso-visible": this.visible } }, index.h("div", { key: 'f1183710c97e80d989755adf4ba775ec5a2b2b85', class: "dso-date__input-wrapper" }, index.h("input", { key: '67b4f456f2a653169660eb0e0294a86170a61851', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), index.h("button", { key: '8a193722292c56fe7abf08ae93f17fa40ca9d40f', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, index.h("span", { key: '1fa5d897acc0081cf347dfa60268788772ba5a62', class: "dso-date__toggle-icon" }, index.h("dso-icon", { key: 'a1dd69e476e6ed633d8329be90d2fb4fea2f8926', icon: "calendar" })), index.h("span", { key: 'cb3e00a758bd93b709e93e2b5eeff6616c59114d', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (index.h("span", { key: '26753798debaabcd060afdfe9c8572761ea9d02e' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), index.h("div", { key: '18aba1ca1ec0a28a17e7ef67a26561082d2ee7c5', class: {
+        return (index.h(index.Host, { key: 'b3d2e7c01f27e48d26ca81c369d05a45e094c832' }, index.h("div", { key: 'adcc83d03b59da99459daad8d196100519ae8598', class: { "dso-date": true, "dso-visible": this.visible } }, index.h("div", { key: '3c8e690cd886af5c9c45f93696b9ebeb376c7035', class: "dso-date__input-wrapper" }, index.h("input", { key: '7035facb84ae39d5539d05e055f7a5faee73c012', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), index.h("button", { key: 'b2edba4d4c5743db852290e753b52d77ef123950', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, index.h("span", { key: '8670a2db8ed7523ac5eb3d1a58235e5a0cc8289f', class: "dso-date__toggle-icon" }, index.h("dso-icon", { key: 'f7212888038a682fe74e8f8e6e84221a49f4cb28', icon: "calendar" })), index.h("span", { key: 'bd9b68a6957d97c0c16159a2a08a348463ca12b5', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (index.h("span", { key: '1f77a53aad38689238da7195247f0c3bbfc2b0d6' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), index.h("div", { key: 'a52db3244f796435c39553e7b94fd3dfa48e1935', class: {
                 "dso-date__dialog": true,
                 "is-left": this.direction === "left",
                 "is-active": this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, index.h("div", { key: 'a2cb4eac5ebe13f6ac32b3226b74300b5100afad', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, index.h("div", { key: '767c3234e62982a414c221a8c2c1f5fee04d5ce5', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), index.h("div", { key: '72a45a35e721bec9b4117f09df5e1047bf6ec717', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, index.h("label", { key: 'fe9ef5e66bb819c2f4610dbd7eb8f6332f1aa446', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), index.h("button", { key: '22bb3ab6cd85c71fd5ca22311fde0f061260ad3d', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, index.h("dso-icon", { key: '7cd44065f4eceb4be7955ed991b2affe79b8f20d', icon: "times" }), index.h("span", { key: '70304b3e5cf5391e3a3b549bc7c66ff1589849a9', class: "dso-date__vhidden" }, this.localization.closeLabel))), index.h("div", { key: 'f50e6ae68c829ef6c67b61e08f261ca13ffbb384', class: "dso-date__header", onFocusin: this.disableActiveFocus }, index.h("div", { key: 'dbf18c6f73053877a3788cc580ff13c8e2dcb000' }, index.h("h2", { key: '18540ccb64bfd82e8d9a9c58e8c0f39809d52ba4', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), index.h("label", { key: 'cc79dd0065f3e4010e5344b40c57bd3f7390d9e5', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), index.h("div", { key: '97578788ea819c9e6fb23e10e39fa638dd6bf51d', class: "dso-date__select" }, index.h("select", { key: 'dbbfaf38efae5a17742ecd8a859a1d835da1d193', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, index.h("div", { key: '078d2aa2ac865a1d49a2c22c19da137969a3650b', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, index.h("div", { key: '48f76b95bb6a37ea742bcf6bed4c6005eba839a4', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), index.h("div", { key: 'af746900f6e52f32de832b87a176593e2746cd64', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, index.h("label", { key: '6cdc84ecf6372ac9097b8bf5dd643f499691cf61', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), index.h("button", { key: '05d3293761177ba271c6724b7226ab573962f2d1', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, index.h("dso-icon", { key: '7e5df245b7724e4db5806d5f08638cad0adfb0ef', icon: "times" }), index.h("span", { key: 'd21e9fb1eff589d88d16ad47e08f220c3d5530dd', class: "dso-date__vhidden" }, this.localization.closeLabel))), index.h("div", { key: '3d5cb8f2fb76df5de03ffe060a312b79128867a0', class: "dso-date__header", onFocusin: this.disableActiveFocus }, index.h("div", { key: '559c1774017da99d78f6d11404fa441cbda497d8' }, index.h("h2", { key: '9e015f5178718c3707c6e28ee9edb51671dacbc4', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), index.h("label", { key: '2699da4bbdd56a8508fdc1192318ceb2a2b61600', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), index.h("div", { key: '8d85382cb79adc212769b43dce0c63e844ac1288', class: "dso-date__select" }, index.h("select", { key: '7e8f7367d3eea300587b0e6d113a482691fd08fe', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
             const index$1 = this.localization.monthNames.indexOf(month);
             return (index.h("option", { key: month, value: index$1, selected: index$1 === focusedMonth }, month));
-        })), index.h("div", { key: '3199841b30d6e8735446f3d67c48300898cb2512', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: 'aca70d70bfaad605d9b399b58757b795cc6486ad' }, this.localization.monthNamesShort[focusedMonth]), index.h("dso-icon", { key: 'd1e2bdb898278c6f6ba6fc3fce3c54bacc4300e6', icon: "chevron-down" }))), index.h("label", { key: 'e85a464a083d160ebe2da35435d4d6b8e70594e6', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), index.h("div", { key: 'c9bb89e82bdce8242c5b88a8c0422bb713f4649f', class: "dso-date__select" }, index.h("select", { key: '8db7da290dddc3c31519e8b62d8593f3c3ae25c9', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (index.h("option", { key: year, selected: year === focusedYear }, year)))), index.h("div", { key: '1d6a4dd37a71e6a25167552e54033f8caba5c926', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: '53c46f3503fbe521b3363130cef2c0e77c5a76d1' }, this.focusedDay.getFullYear()), index.h("dso-icon", { key: '646d1d9262090f0d31244f87d9d1e7a992712445', icon: "chevron-down" })))), index.h("div", { key: '177c07ee02756bf8d2d562d891b85f525fdf0459', class: "dso-date__nav" }, index.h("button", { key: '1496337177df07d457f0ee15e70c6cfcc95d54f0', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, index.h("dso-icon", { key: 'af2ffd8b999268c0bf001822e5951060054332b0', icon: "chevron-left" }), index.h("span", { key: 'e3592b7a770f78223cd02a466375fb86b7c34670', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), index.h("button", { key: '695b50d73c7ed486cef08b010d77166baaf51545', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, index.h("dso-icon", { key: '007286ed973be218e37c6161bf2ad686726a632e', icon: "chevron-right" }), index.h("span", { key: 'c67ebbd7023e2ff3fbae2e06e1f534c8c5507c83', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), index.h(DatePickerLegacyMonth, { key: '9a7f19704f9774f0e915f9180ccfdbdbfe69ff56', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
+        })), index.h("div", { key: '3aec4bfa9aed416549469c774ca7990334986abb', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: '654fbd89bd61af259af4a4f798f55f450efd8c91' }, this.localization.monthNamesShort[focusedMonth]), index.h("dso-icon", { key: '8d11e6d7391bed1065c9b2c0ee44f1f6dc0bed73', icon: "chevron-down" }))), index.h("label", { key: 'c78b8385eda7cfcc2695f0282382ac5aad249f77', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), index.h("div", { key: '63b47ea8b8ca5a74ed874f4f9ed733174bb48370', class: "dso-date__select" }, index.h("select", { key: '591e66e848ec4fae139fdccacc8528dec6170de1', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (index.h("option", { key: year, selected: year === focusedYear }, year)))), index.h("div", { key: 'f977ee13bda31f9ac716f43fa5eb8ec06296d2e9', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: 'e3ecb3b26f76beffb16bf90a2c261e50511ba396' }, this.focusedDay.getFullYear()), index.h("dso-icon", { key: 'd58cbe75109f9590e037bd215f549b85c32d0c80', icon: "chevron-down" })))), index.h("div", { key: '5480551f8f0f4a61ea6e74bde86063eb581272d1', class: "dso-date__nav" }, index.h("button", { key: '8283614fe659f5ac42aaaaaf519aeeaa8285779b', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, index.h("dso-icon", { key: '4f34550c65c77e1b51ba1c6a8ae8761641f07df5', icon: "chevron-left" }), index.h("span", { key: 'd7a6cb5244d940146bcc9dd805f98ad5f3f598d8', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), index.h("button", { key: '087cc800c8f71573085cb286573a577170ff6fda', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, index.h("dso-icon", { key: '1d475a20f501a7b6584441df913b331aa511ce1e', icon: "chevron-right" }), index.h("span", { key: 'f30e4ee5c60cd16202295988021181ddaa61dd99', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), index.h(DatePickerLegacyMonth, { key: '83bdd8b89200fd9efccf36cd84830d24341eb525', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-date-picker.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 /**
  * dd-mm-yyyy to yyyy-mm-dd
@@ -141,7 +141,7 @@ const DsoDatePicker = class {
     }
     render() {
         var _a;
-        return (index.h("input", { key: '72dccab73e365afc3991773db7a4a96d2e38d8b4', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (index.h("input", { key: '362ca534eec500da8a2a736a93e96fc7437e72bf', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-dropdown-menu.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const index_esm = require('./index.esm-970bc106.js');
 const hasOverflow = require('./has-overflow-2fb1d618.js');
 const getActiveElement = require('./get-active-element-05f06ef1.js');
-const v4 = require('./v4-c23234d2.js');
+const v4 = require('./v4-7014b8b0.js');
 const dropdownMenuCss = ":host(:focus){outline:none}:host{display:inline-block}";
 const DsoDropdownMenuStyle0 = dropdownMenuCss;
@@ -216,7 +216,7 @@ const DropdownMenu = class {
         (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '780e049d0f7971387dd4980413cdff233dac637c', onFocusout: this.focusOutListener }, index.h("slot", { key: '453e8e683a525196ddf717ff8a9f6706c6819975', name: "toggle" }), index.h("div", { key: '3a891b4d5a05ff25a7c6826f96455d9ffcb2eb01', hidden: !this.open }, index.h("slot", { key: 'b584d5dbf8776ebcdb4ca23dc572ef367728d0be' }))));
+        return (index.h(index.Host, { key: '051e0e49f0787115d3c0d32d64afd9925bbf7015', onFocusout: this.focusOutListener }, index.h("slot", { key: '19ef2a3cd39f922e97e6bdb2700fafa64f3c34ee', name: "toggle" }), index.h("div", { key: '07476f4d79b5eadab813d522381a4e918bb12e5e', hidden: !this.open }, index.h("slot", { key: 'fb6106ab14abaf2bc32cb9938519b97a14127c37' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-expandable.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const expandableCss = ":host([enable-animation]){display:grid;grid-template-rows:0fr;transition:grid-template-rows 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host([enable-animation]) .slot-container{overflow:hidden}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";

package/dist/cjs/dso-header.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const index$1 = require('./index-10c6b031.js');
 const isModifiedEvent = require('./is-modified-event-f643edb2.js');

package/dist/cjs/dso-helpcenter-panel.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const focusTrap_esm = require('./focus-trap.esm-6cff35a7.js');
 require('./index.esm-970bc106.js');
@@ -87,10 +87,10 @@ const HelpcenterPanel = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, null, index.h("button", { key: '4feefc0a55d6cca8c7eacb63a6a05cceaab2c945', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, index.h("dso-icon", { key: '5f65143e673f8c81a7caf57c4a1df65f5739d7da', icon: "help" }), index.h("span", { key: 'a2e52d76c3dd57bf3c2af14cd212c713b625fc14' }, this.label)), index.h("div", { key: 'cffc86409de62caa06d4923885190390780e492d', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, index.h("div", { key: '65c0f760c97ab3e14daa20d088f4a7c7d041e0ef', class: "dimscreen", onClick: this.closeClick }), index.h("div", { key: '4f8e345279535fc2c8f00d42c7529fb37142a7f9', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (index.h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
+        return (index.h(index.Fragment, null, index.h("button", { key: '4eb48fdad3b3ad4e196c057be9e4ca2be9acad95', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, index.h("dso-icon", { key: '4ed80fd64c25eec34883b8254f065f880b7d41a6', icon: "help" }), index.h("span", { key: '1e43605ab14511b8e8d4b7628b4f2bcb19a0f57a' }, this.label)), index.h("div", { key: 'db5d93917c9b7c64f8b41ad63edde93df4fbc44d', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, index.h("div", { key: '5024649ae6920e583242554b215ea5dd43790eb4', class: "dimscreen", onClick: this.closeClick }), index.h("div", { key: '83b15da9a1647e578394ea594cf6a74089e3b416', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (index.h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
                 this.createTrap();
                 this.iframeLoaded = true;
-            } })) : (index.h("div", null))), index.h("button", { key: '17f29f66e7a11910f7cbe611d5e7587cb4becbda', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, index.h("dso-icon", { key: '6857ebf299bda79c7783847af915baeee53fc3c2', icon: "times" }), index.h("span", { key: '2d186f391469a05e1f2a0fece42720cf0ff55f99', class: "sr-only" }, "sluiten")))));
+            } })) : (index.h("div", null))), index.h("button", { key: 'a20fabcb6e42397b514d0b15dd6dcaa4f5c04495', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, index.h("dso-icon", { key: '4e06edd5f7d870db47a41b8b9ae95e7e0dcd2bf6', icon: "times" }), index.h("span", { key: 'd8092cfddace1390453ca1122980a524cc79993e', class: "sr-only" }, "sluiten")))));
     }
     static get watchers() { return {
         "url": ["watchUrl"],

package/dist/cjs/dso-highlight-box.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const highlightBoxCss = "*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{margin-block-start:16px;padding:16px;margin-block-end:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset);display:block;container-type:inline-size;position:relative;z-index:1}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}";
 const DsoHighlightBoxStyle0 = highlightBoxCss;
@@ -19,7 +19,7 @@ const HighlightBox = class {
     render() {
         var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (index.h(index.Host, { key: '8d51ec0165aaaea5a1ebf8582c79be9a4a8ef67f', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '21deb0ff1e55dd3cdc283921b5bf496625bbd989', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: 'e3a6ac0f446ab0fe94bc2c9f833b00b936a83f34', name: "icon" })), index.h("slot", { key: '1f424d6b7c5285e366f2db64383133bcfa3cc8f6' })));
+        return (index.h(index.Host, { key: '197d41b2fe49363ee590921008c935f43a5b1fee', "has-counter": hasCounter }, hasCounter && index.h("div", { key: 'f166216f13a0f703896c2c44aa89ae43d73051aa', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: 'd31ea4d9b291e4619ec15eb1d71142a4e8077450', name: "icon" })), index.h("slot", { key: '0f2a7876ea72118d06ffecd753c4c9f24c22dd7e' })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-icon.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const air = `<svg id="air" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path fill="currentColor" d="M24,8h0a.6.6,0,0,1-.38.56l-.1,0h0A8.18,8.18,0,0,0,21,10c-.21.55.33,2.11.77,3a.61.61,0,0,1-.12.71.63.63,0,0,1-.39.17,4.8,4.8,0,0,0-4-2.15H17a4.58,4.58,0,0,0-.37-.69A3.07,3.07,0,0,0,19,8.62h0a2.24,2.24,0,0,0,.06-.52s0-.07,0-.1,0-.07,0-.1A2.24,2.24,0,0,0,19,7.38h0a3.07,3.07,0,0,0-6,0h0a2.24,2.24,0,0,0-.06.52s0,.07,0,.1,0,.06,0,.1a.77.77,0,0,0,0,.15,6.49,6.49,0,0,0-4.51.35l-.06,0A.61.61,0,0,1,8,8.09V8H8V7.91a.61.61,0,0,1,.37-.48l.11,0h0A13.68,13.68,0,0,0,11.08,6a9.37,9.37,0,0,0-.86-3,.62.62,0,0,1,.83-.81,9.12,9.12,0,0,0,2.8.89H14A6.79,6.79,0,0,0,15.42.42a.61.61,0,0,1,1.15,0,8.43,8.43,0,0,0,1.65,2.76h.13a7.76,7.76,0,0,0,2.58-.91.61.61,0,0,1,.84.81c-.44.89-1,2.45-.77,3a8.18,8.18,0,0,0,2.48,1.33h0l.1,0A.6.6,0,0,1,24,8ZM10.68,22.34a5.15,5.15,0,0,1-3.12,1,4.72,4.72,0,0,1-4.81-3.76l-.14-.45h-.5A2,2,0,0,1,0,17.24a2,2,0,0,1,2.11-1.92,2.17,2.17,0,0,1,1.32.43l.4.29.37-.32a5,5,0,0,1,2.18-1.09l.44-.24V14a4.17,4.17,0,0,1,4.35-4,4.24,4.24,0,0,1,4.3,3.43l.1.67.69-.25a3,3,0,0,1,1-.17A2.64,2.64,0,0,1,20,16.19a2.32,2.32,0,0,1,0,.46l-.08.38.38.18A2.93,2.93,0,0,1,22,19.83a3.12,3.12,0,0,1-3.24,3,3.52,3.52,0,0,1-1.71-.45L16.47,22l-.26.58a2.58,2.58,0,0,1-4.62,0l-.3-.68Z"/>
@@ -662,7 +662,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return index.h("span", { key: '8d9a58ec32a61e261ce372bda5d252dac335730b', class: "icon-container", innerHTML: icon.svg });
+            return index.h("span", { key: 'ad568e901aca0e1bb7bfb6c5cf35579fd78e97f9', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };

package/dist/cjs/dso-info-button.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const infoButtonCss = ":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:8px;padding:0;cursor:pointer;vertical-align:top}button.dso-info-secondary{color:#666}dso-icon{display:block}";
@@ -29,7 +29,7 @@ const InfoButton = class {
         this.dsoToggle.emit({ originalEvent: e, active: this.active });
     }
     render() {
-        return (index.h(index.Host, { key: 'a9afc4b8538284ccbbfb0ef26de4309380faa673', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h("button", { key: '08911957ed2c44f2576cc541aae4c4fe2e2afb60', type: "button", class: clsx.clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, index.h("dso-icon", { key: '1cff75564204ba2ba31600e9c721fbfcb7b2dbb8', icon: this.active || this.hover ? "info-active" : "info" }), index.h("span", { key: '4d615ba1e61ddec946c39cb44eac90bbb3691045', class: "sr-only" }, this.label))));
+        return (index.h(index.Host, { key: 'a6e2aa03eb9724228f309392cfb9b2a8da123a15', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h("button", { key: '419f8090a67ec29c910b1d925177451d4e98609c', type: "button", class: clsx.clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, index.h("dso-icon", { key: '2f5b81f8142336f42e51c800fc8486b98095a40c', icon: this.active || this.hover ? "info-active" : "info" }), index.h("span", { key: '310fa68092bbee52d8c3935e48d6e5befd16c4ea', class: "sr-only" }, this.label))));
     }
 };
 InfoButton.style = DsoInfoButtonStyle0;

package/dist/cjs/dso-info_2.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const createIdentifier = require('./create-identifier-4a76663b.js');
@@ -17,7 +17,7 @@ const Info = class {
         this.active = undefined;
     }
     render() {
-        return (index.h(index.Fragment, { key: '3dcb0b7964995734a527775251fac2c0dac5a62f' }, index.h("slot", { key: 'b6217bab04d44d36de11b0876a07825253303100' }), !this.fixed && (index.h("button", { key: '41c1f3facca9066b6c760e5a7b9b71aeaecb1590', type: "button", onClick: (e) => this.dsoClose.emit(e) }, index.h("dso-icon", { key: '615e0cf09f692c0cb2a9efdf96e35035db6baf20', icon: "times" }), index.h("span", { key: 'f69da4351264fe6283e71e6fd2af584c09ef6815', class: "sr-only" }, "Sluiten")))));
+        return (index.h(index.Fragment, { key: '902f98c97248e2ddd76978921405904b843de499' }, index.h("slot", { key: 'fe9eed78ba371fc455ccaa6d9d3cc5eb5d042184' }), !this.fixed && (index.h("button", { key: 'c915ed3281316046b27b60e32d5f8a2d3399839d', type: "button", onClick: (e) => this.dsoClose.emit(e) }, index.h("dso-icon", { key: '7f342560dc0cd59123e8a1f3a37fcf0d88da9efa', icon: "times" }), index.h("span", { key: '966b0fdafa67cd988cb5c2c7efbcc90288810ca5', class: "sr-only" }, "Sluiten")))));
     }
 };
 Info.style = DsoInfoStyle0;
@@ -84,7 +84,7 @@ const Selectable = class {
     render() {
         var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: '0061629edfc95238fad0a7ce59ef33d784715f48' }, index.h("div", { key: '21eead2fe7c96e0019baf0249c6d901276dde3a6', class: "dso-selectable-container" }, index.h("div", { key: 'c0ef4e985f2cbc828579556957c52631e6fbb418', class: clsx.clsx("dso-selectable-input-wrapper", { "dso-keyboard-focus": this.keyboardFocus }) }, index.h("input", { key: '50e495ec15d8319cb29c0de9931d8e35400228c0', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, onBlur: () => (this.keyboardFocus = false), onKeyUp: () => (this.keyboardFocus = true), ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'eaedc13f6945d9eb2b45d2db3d6d8f203d67b0b7', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: 'd33b87765ac73156cc2c6b8a18054e708a5963ec', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '228a0f425250e29a10c30a5b678ea7fb4a24fc14' }, index.h("slot", { key: '597d0b42196974aa8686e98570b543de11cd8f93', name: "info" })))), index.h("slot", { key: '1a97013dc9f4d5c534cf765453c7e8ecbe879e81', name: "options" })));
+        return (index.h(index.Fragment, { key: 'dd7208bc6160768997ff4b00a1611316d0d3b170' }, index.h("div", { key: '3a56145fbd723e97dfd1047144699295e64cd83c', class: "dso-selectable-container" }, index.h("div", { key: '960d6051962d016eb4d10cd42e0378e348176e00', class: clsx.clsx("dso-selectable-input-wrapper", { "dso-keyboard-focus": this.keyboardFocus }) }, index.h("input", { key: '62515e7eb4d4752e9cd884ebb55e25600c796569', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, onBlur: () => (this.keyboardFocus = false), onKeyUp: () => (this.keyboardFocus = true), ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '88c7368c7cf2679a5b553423d6241e6edf1e171c', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '574762e0f3643edb8b2fe2e728c7bdaff02fbb2e', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '4d7366f99efa8e9dd04787630a86f2d8f4720f8b' }, index.h("slot", { key: '7294a8c9318544819d392552c529ac04a6af2322', name: "info" })))), index.h("slot", { key: 'fe3293f3aef16561ab13519887293181af6b2347', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/cjs/dso-input-range.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const inputRangeCss = ":host{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:5ch}.counter.min{text-align:end}.counter.max{text-align:start}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-color:transparent;border-radius:50%}.input::-moz-range-thumb:hover{background-color:#275937}";
 const DsoInputRangeStyle0 = inputRangeCss;
@@ -23,13 +23,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: 'da13ae51dbb89593f553c2cecac9c5f889e65376', id: "description", hidden: true }, this.description)), index.h("span", { key: '7a244701a0e9a7ccc54c4565644f0a04bd7ea7cc', class: "counter min", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: 'adf4e0ef4b5339f4744a105be76af9bb12087859', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: 'd5ecf14f7a8950cde120066a8f8fe9770451cd84', id: "description", hidden: true }, this.description)), index.h("span", { key: '877239f0082c1e2b2254e9bd6e1e01ce1ae10933', class: "counter min", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: 'c5df969a844d7773cebd6f8f97c72fb09aad7f05', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), index.h("span", { key: '85bef9f227fd222860c83f600f0266447bb9a647', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
+            }) }), index.h("span", { key: '29900f5d80966b2ad6be15b81d3895ebe46c287e', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return index.getElement(this); }
 };