npm - @dso-toolkit/core - Versions diffs - 59.0.1 → 60.0.0 - Mend

@dso-toolkit/core 59.0.1 → 60.0.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 (116) hide show

package/dist/components/selectable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"selectable.js","mappings":"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","names":[],"sources":["src/components/selectable/selectable.scss?tag=dso-selectable&encapsulation=scoped","src/components/selectable/selectable.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/selectable\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n display: block;\r\n\r\n @include selectable.root(\"dso-info\", false);\r\n\r\n &[invalid]:not([invalid=\"false\"]) {\r\n @include selectable.invalid();\r\n }\r\n}\r\n\r\n:host(:not(:last-child)) {\r\n @include selectable.notLastChild();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-selectable-container {\r\n display: inline-block;\r\n position: relative;\r\n padding-inline-start: units.$u4;\r\n\r\n &.has-info-button {\r\n padding-inline-end: units.$u4;\r\n }\r\n\r\n .dso-selectable-input-wrapper {\r\n display: inline-block;\r\n margin-inline: -#{units.$u4};\r\n min-height: units.$u3;\r\n padding-inline: units.$u4;\r\n\r\n &:focus-within.dso-keyboard-focus {\r\n @include utilities.focus-outline();\r\n }\r\n\r\n input[type=\"radio\"],\r\n input[type=\"checkbox\"] {\r\n &:focus + label::before {\r\n @include selectable.selectableBoxShadow(\r\n selectable.$border-width,\r\n var(--dso-selectable-color, selectable.$valid-color)\r\n );\r\n }\r\n }\r\n }\r\n}\r\n\r\ndso-info-button {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n","import {\r\n h,\r\n Component,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n Element,\r\n State,\r\n forceUpdate,\r\n Watch,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport { SelectableChangeEvent } from \"./selectable.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-selectable\",\r\n styleUrl: \"selectable.scss\",\r\n scoped: true,\r\n})\r\nexport class Selectable {\r\n /*\r\n Type of Selectable.\r\n \r\n `checkbox`: Multiple options\r\n * `radio`: Single option.\r\n /\r\n @Prop()\r\n type!: \"checkbox\" \| \"radio\";\r\n\r\n /\r\n To set `<input id>` attribute for external references.\r\n /\r\n @Prop()\r\n identifier?: string;\r\n\r\n /\r\n Name of the Selectable. Can be used to group Selectables.\r\n /\r\n @Prop()\r\n name?: string;\r\n\r\n /\r\n The value of the Selectable.\r\n /\r\n @Prop()\r\n value!: string;\r\n\r\n /\r\n Set to true of the current value is not valid.\r\n /\r\n @Prop()\r\n invalid?: boolean;\r\n\r\n /\r\n To link this control to an element that describes it.\r\n /\r\n @Prop()\r\n describedById?: string;\r\n\r\n /\r\n To link this control to an element that labels it.\r\n /\r\n @Prop()\r\n labelledById?: string;\r\n\r\n /\r\n To disable the Selectable.\r\n /\r\n @Prop()\r\n disabled?: boolean;\r\n\r\n /\r\n To mark the Selectable as required.\r\n /\r\n @Prop()\r\n required?: boolean;\r\n\r\n /\r\n Mark the Selectable as checked\r\n /\r\n @Prop()\r\n checked?: boolean;\r\n\r\n /\r\n An indeterminate state is neither true or false. It means the answer is somewhere in between.\r\n \r\n Can be used to indicate child Selectables that are a mix of checked and unchecked.\r\n /\r\n @Prop()\r\n indeterminate?: boolean;\r\n\r\n /\r\n Set to true if the Info should not be toggled and always visible.\r\n /\r\n @Prop()\r\n infoFixed?: boolean;\r\n\r\n /\r\n Emitted when the user checks or unchecks the Selectable.\r\n /\r\n @Event()\r\n dsoChange!: EventEmitter<SelectableChangeEvent>;\r\n\r\n @Element()\r\n host!: HTMLDsoSelectableElement;\r\n\r\n @State()\r\n infoActive = false;\r\n\r\n @State()\r\n keyboardFocus = false;\r\n\r\n /\r\n Method to toggle the Info. Is set to `active` when passed.\r\n \r\n If `active` is not passed, Info is toggled to opposite value.\r\n * @param active\r\n */\r\n @Method()\r\n async toggleInfo(active?: boolean) {\r\n this.infoActive = active ?? !this.infoActive;\r\n }\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n private fallbackIdentifier = createIdentifier(\"DsoSelectable\");\r\n\r\n private input: HTMLInputElement \| undefined;\r\n\r\n componentDidLoad() {\r\n this.mutationObserver?.disconnect();\r\n\r\n this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n this.mutationObserver.observe(this.host, {\r\n childList: true,\r\n });\r\n\r\n this.setIndeterminate();\r\n }\r\n\r\n disconnectedCallback() {\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n @Watch(\"indeterminate\")\r\n setIndeterminate() {\r\n if (!(this.input instanceof HTMLInputElement) \|\| this.type !== \"checkbox\") {\r\n return;\r\n }\r\n\r\n this.input.indeterminate = !!this.indeterminate;\r\n }\r\n\r\n render() {\r\n const hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n\r\n return (\r\n <Fragment>\r\n <div class={clsx(\"dso-selectable-container\", { \"has-info-button\": hasInfo })}>\r\n <div class={clsx(\"dso-selectable-input-wrapper\", { \"dso-keyboard-focus\": this.keyboardFocus })}>\r\n <input\r\n type={this.type}\r\n id={this.getIdentifier()}\r\n value={this.value}\r\n name={this.name}\r\n aria-invalid={this.invalid?.toString()}\r\n aria-describedby={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n aria-labelledBy={this.labelledById}\r\n disabled={this.disabled}\r\n required={this.required}\r\n checked={this.checked}\r\n onChange={(e) => this.dsoChange.emit(e)}\r\n onBlur={() => (this.keyboardFocus = false)}\r\n onKeyUp={() => (this.keyboardFocus = true)}\r\n ref={(el) => (this.input = el)}\r\n />\r\n {!this.labelledById ? (\r\n <label htmlFor={this.getIdentifier()}>\r\n <slot></slot>\r\n </label>\r\n ) : (\r\n <label></label>\r\n )}\r\n </div>\r\n {hasInfo && (\r\n <Fragment>\r\n {!this.infoFixed && (\r\n <dso-info-button\r\n active={this.infoActive}\r\n onDsoToggle={(e) => (this.infoActive = e.detail.active)}\r\n ></dso-info-button>\r\n )}\r\n </Fragment>\r\n )}\r\n </div>\r\n {hasInfo && (\r\n <dso-info\r\n id={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n fixed={this.infoFixed}\r\n active={this.infoActive}\r\n onDsoClose={() => (this.infoActive = false)}\r\n >\r\n <div>\r\n <slot name=\"info\"></slot>\r\n </div>\r\n </dso-info>\r\n )}\r\n </Fragment>\r\n );\r\n }\r\n\r\n private getIdentifier(): string {\r\n return this.identifier ?? this.fallbackIdentifier;\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"selectable.js","mappings":"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","names":[],"sources":["src/utils/create-identifier.ts","src/components/selectable/selectable.scss?tag=dso-selectable&encapsulation=scoped","src/components/selectable/selectable.tsx"],"sourcesContent":["/*\r\n Form random hash\r\n /\r\nexport function chr4() {\r\n return Math.random().toString(16).slice(-4);\r\n}\r\n\r\n/\r\n Create random identifier with a prefix\r\n * @param prefix\r\n /\r\nexport function createIdentifier(prefix: string): string {\r\n return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/selectable\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n display: block;\r\n\r\n @include selectable.root(\"dso-info\", false);\r\n\r\n &[invalid]:not([invalid=\"false\"]) {\r\n @include selectable.invalid();\r\n }\r\n}\r\n\r\n:host(:not(:last-child)) {\r\n @include selectable.notLastChild();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-selectable-container {\r\n display: inline-block;\r\n position: relative;\r\n padding-inline-start: units.$u4;\r\n\r\n &.has-info-button {\r\n padding-inline-end: units.$u4;\r\n }\r\n\r\n .dso-selectable-input-wrapper {\r\n display: inline-block;\r\n margin-inline: -#{units.$u4};\r\n min-height: units.$u3;\r\n padding-inline: units.$u4;\r\n\r\n &:focus-within.dso-keyboard-focus {\r\n @include utilities.focus-outline();\r\n }\r\n\r\n input[type=\"radio\"],\r\n input[type=\"checkbox\"] {\r\n &:focus + label::before {\r\n @include selectable.selectableBoxShadow(\r\n selectable.$border-width,\r\n var(--dso-selectable-color, selectable.$valid-color)\r\n );\r\n }\r\n }\r\n }\r\n}\r\n\r\ndso-info-button {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n","import {\r\n h,\r\n Component,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n Element,\r\n State,\r\n forceUpdate,\r\n Watch,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport { SelectableChangeEvent } from \"./selectable.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-selectable\",\r\n styleUrl: \"selectable.scss\",\r\n scoped: true,\r\n})\r\nexport class Selectable {\r\n /\r\n Type of Selectable.\r\n \r\n `checkbox`: Multiple options\r\n * `radio`: Single option.\r\n /\r\n @Prop()\r\n type!: \"checkbox\" \| \"radio\";\r\n\r\n /\r\n To set `<input id>` attribute for external references.\r\n /\r\n @Prop()\r\n identifier?: string;\r\n\r\n /\r\n Name of the Selectable. Can be used to group Selectables.\r\n /\r\n @Prop()\r\n name?: string;\r\n\r\n /\r\n The value of the Selectable.\r\n /\r\n @Prop()\r\n value!: string;\r\n\r\n /\r\n Set to true of the current value is not valid.\r\n /\r\n @Prop()\r\n invalid?: boolean;\r\n\r\n /\r\n To link this control to an element that describes it.\r\n /\r\n @Prop()\r\n describedById?: string;\r\n\r\n /\r\n To link this control to an element that labels it.\r\n /\r\n @Prop()\r\n labelledById?: string;\r\n\r\n /\r\n To disable the Selectable.\r\n /\r\n @Prop()\r\n disabled?: boolean;\r\n\r\n /\r\n To mark the Selectable as required.\r\n /\r\n @Prop()\r\n required?: boolean;\r\n\r\n /\r\n Mark the Selectable as checked\r\n /\r\n @Prop()\r\n checked?: boolean;\r\n\r\n /\r\n An indeterminate state is neither true or false. It means the answer is somewhere in between.\r\n \r\n Can be used to indicate child Selectables that are a mix of checked and unchecked.\r\n /\r\n @Prop()\r\n indeterminate?: boolean;\r\n\r\n /\r\n Set to true if the Info should not be toggled and always visible.\r\n /\r\n @Prop()\r\n infoFixed?: boolean;\r\n\r\n /\r\n Emitted when the user checks or unchecks the Selectable.\r\n /\r\n @Event()\r\n dsoChange!: EventEmitter<SelectableChangeEvent>;\r\n\r\n @Element()\r\n host!: HTMLDsoSelectableElement;\r\n\r\n @State()\r\n infoActive = false;\r\n\r\n @State()\r\n keyboardFocus = false;\r\n\r\n /\r\n Method to toggle the Info. Is set to `active` when passed.\r\n \r\n If `active` is not passed, Info is toggled to opposite value.\r\n * @param active\r\n */\r\n @Method()\r\n async toggleInfo(active?: boolean) {\r\n this.infoActive = active ?? !this.infoActive;\r\n }\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n private fallbackIdentifier = createIdentifier(\"DsoSelectable\");\r\n\r\n private input: HTMLInputElement \| undefined;\r\n\r\n componentDidLoad() {\r\n this.mutationObserver?.disconnect();\r\n\r\n this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n this.mutationObserver.observe(this.host, {\r\n childList: true,\r\n });\r\n\r\n this.setIndeterminate();\r\n }\r\n\r\n disconnectedCallback() {\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n @Watch(\"indeterminate\")\r\n setIndeterminate() {\r\n if (!(this.input instanceof HTMLInputElement) \|\| this.type !== \"checkbox\") {\r\n return;\r\n }\r\n\r\n this.input.indeterminate = !!this.indeterminate;\r\n }\r\n\r\n render() {\r\n const hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n\r\n return (\r\n <Fragment>\r\n <div class={clsx(\"dso-selectable-container\", { \"has-info-button\": hasInfo })}>\r\n <div class={clsx(\"dso-selectable-input-wrapper\", { \"dso-keyboard-focus\": this.keyboardFocus })}>\r\n <input\r\n type={this.type}\r\n id={this.getIdentifier()}\r\n value={this.value}\r\n name={this.name}\r\n aria-invalid={this.invalid?.toString()}\r\n aria-describedby={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n aria-labelledBy={this.labelledById}\r\n disabled={this.disabled}\r\n required={this.required}\r\n checked={this.checked}\r\n onChange={(e) => this.dsoChange.emit(e)}\r\n onBlur={() => (this.keyboardFocus = false)}\r\n onKeyUp={() => (this.keyboardFocus = true)}\r\n ref={(el) => (this.input = el)}\r\n />\r\n {!this.labelledById ? (\r\n <label htmlFor={this.getIdentifier()}>\r\n <slot></slot>\r\n </label>\r\n ) : (\r\n <label></label>\r\n )}\r\n </div>\r\n {hasInfo && (\r\n <Fragment>\r\n {!this.infoFixed && (\r\n <dso-info-button\r\n active={this.infoActive}\r\n onDsoToggle={(e) => (this.infoActive = e.detail.active)}\r\n ></dso-info-button>\r\n )}\r\n </Fragment>\r\n )}\r\n </div>\r\n {hasInfo && (\r\n <dso-info\r\n id={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n fixed={this.infoFixed}\r\n active={this.infoActive}\r\n onDsoClose={() => (this.infoActive = false)}\r\n >\r\n <div>\r\n <slot name=\"info\"></slot>\r\n </div>\r\n </dso-info>\r\n )}\r\n </Fragment>\r\n );\r\n }\r\n\r\n private getIdentifier(): string {\r\n return this.identifier ?? this.fallbackIdentifier;\r\n }\r\n}\r\n"],"version":3}

package/dist/components/tooltip.js CHANGED Viewed

@@ -37,7 +37,7 @@ var maxSize = {
   }
 };
-const tooltipCss = ":host(.hidden){visibility:hidden}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0;margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0;margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0;margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0;margin-top:-3px}";
+const tooltipCss = ":host(.hidden){visibility:hidden}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-inline-start:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-block-start:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-inline-start:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-inline-end:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-block-start:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding-block:8px;padding-inline:16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{bottom:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:-3px}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{left:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:-3px}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{top:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:-3px}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{right:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:-3px}";
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f)

package/dist/components/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"tooltip.js","mappings":";;;;;AAEA,IAAI,OAAO,GAAG;AACd,EAAE,IAAI,EAAE,SAAS;AACjB,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC;AACzD,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE;AACxB,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AAC1B,QAAQ,IAAI,GAAG,IAAI,CAAC,IAAI;AACxB,QAAQ,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC/B,IAAI,IAAI,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClD;AACA,IAAI,IAAI,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,IAAI;AACvD,MAAM,CAAC,EAAE,CAAC;AACV,MAAM,CAAC,EAAE,CAAC;AACV,KAAK;AACL,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC;AACnB,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACpB;AACA,IAAI,IAAI,mBAAmB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM;AAChD,QAAQ,KAAK,GAAG,mBAAmB,CAAC,KAAK;AACzC,QAAQ,MAAM,GAAG,mBAAmB,CAAC,MAAM,CAAC;AAC5C;AACA,IAAI,IAAI,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;AAC1D,QAAQ,aAAa,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AACjD;AACA,IAAI,IAAI,SAAS,GAAG,aAAa,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAChE,IAAI,IAAI,UAAU,GAAG,aAAa,KAAK,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAChE,IAAI,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;AAChC,MAAM,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;AAC5C,MAAM,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC;AAC/C,KAAK,CAAC;AACN,GAAG;AACH,CAAC;;AClCD,MAAM,UAAU,GAAG,4hEAA4hE;;;;;;;;;;;;;;;;;;;ACO/iE;AACA,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,YAAY,GAAG;EACnB,IAAI,EAAE,cAAc;EACpB,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,WAAW;EAClB,QAAQ,EAAE,CAAC,SAAS,CAAC;EACrB,EAAE,CAAC,EAAE,KAAK,EAA0B;IAClC,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;IAC5C,IAAI,KAAK,GAAG,GAAG,EAAE;MACf,KAAK,GAAG,GAAG,CAAC;KACb;IAED,KAAK,CAAC,MAAM,CAAC,MAAM,mCACd,KAAK,CAAC,MAAM,CAAC,MAAM,KACtB,QAAQ,EAAE,GAAG,KAAK,IAAI,GACvB,CAAC;GACH;CACF,CAAC;MAOW,OAAO;;;;;IAmIV,cAAS,GAAqB;MACpC,QAAQ,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;MACpC,UAAU,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACxC,CAAC;IAEM,iBAAY,GAAG;;MACrB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAC,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,QAAQ,CAAC,CAAA,EAAE;QACtE,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;OAC7B;KACF,CAAC;IA0CM,oBAAe,GAAG,CAAC,KAAoB;MAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;OACnB;KACF,CAAC;IAeM,qBAAgB,GAAGA,UAAQ,CAAC;;MAClC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;MACnB,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;MACvB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;KACzB,EAAE,kBAAkB,CAAC,CAAC;IA6BvB,kCAAsB;uBAnOR,KAAK;oBAM6B,KAAK;oBAMX,MAAM;mBAMtC,KAAK;;;kBAkBN,KAAK;kBAoGG,IAAI;;;;;EA9FrB,MAAM,QAAQ;IACZ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;GACpB;;;;EAMD,MAAM,UAAU;IACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;GACrB;EAGD,aAAa;IACX,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,OAAO;KACR;IAED,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;MACrB,SAAS,EAAE,IAAI,CAAC,QAAQ;KACzB,CAAC,CAAC;GACJ;EAGD,aAAa;IACX,IAAI,CAAC,WAAW,EAAE,CAAC;GACpB;EAEO,WAAW;IACjB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,OAAO;KACR;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;MAC7D,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;QACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,CAAC,CAAC;MAEH,OAAO;KACR;IAED,IAAI,OAAO,GAAmB,IAAI,CAAC,OAAO,CAAC;IAC3C,OAAO,OAAO,IAAI,OAAO,CAAC,UAAU,KAAK,QAAQ,EAAE;MACjD,OAAO,GAAG,OAAO,CAAC,UAAU,YAAY,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC;MACrG,IAAI,OAAO,KAAK,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;QAC5C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;UACrB,QAAQ,EAAE,OAAO;SAClB,CAAC,CAAC;QAEH,OAAO;OACR;KACF;IAED,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;MACrB,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAC;GACJ;EAGD,WAAW;IACT,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,cAAc,EAAE,CAAC;MAEtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;QACnB,UAAU,CAAC;;UACT,MAAA,IAAI,CAAC,MAAM,0CAAE,UAAU,CAAC;YACtB,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;WACvD,CAAC,CAAC;UACH,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;SAC5D,CAAC,CAAC;OACJ;KACF;SAAM;MACL,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;MAC9D,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;GACF;EAqBO,WAAW,CAAC,CAAa;IAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;GACrB;EAED,gBAAgB;;IACd,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACnE,IAAI,EAAE,OAAO,YAAY,WAAW,CAAC,EAAE;MACrC,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;KAClE;IAED,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MAClC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;MACpE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;MAC5G,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;MAC/D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;KACjE;GACF;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;IAEvB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MAClC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;MACvE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;MAC/G,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;MAClE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;KACpE;IAED,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;GACzB;EAED,kBAAkB;;IAChB,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;KACvB;GACF;EAQD,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,IAC5E,WAAK,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAC7C,CAAC,IAAI,CAAC,OAAO,IAAI,sCAAuB,KAAK,EAAC,eAAe,GAAO,EACrE,0BAAkB,CAAC,IAAI,CAAC,WAAW,IAAI,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IACzG,eAAa,CACT,CACF,CACD,EACP;GACH;EAQO,cAAc;;IACpB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IAEpB,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,OAAO;KACR;IAED,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAEnE,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO,YAAY,WAAW,EAAE;MACjD,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE;QAC/C,SAAS,EAAE,IAAI,CAAC,QAAQ;QACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;OAC/E,CAAC,CAAC;MAEH,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;GACF;EAED,IAAY,MAAM;;IAChB,OAAO,MAAA,uBAAA,IAAI,uBAAQ,mCAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAChD;EAED,IAAY,MAAM,CAAC,OAAgC;IACjD,uBAAA,IAAI,mBAAW,OAAO,MAAA,CAAC;GACxB;EAIO,gBAAgB;IACtB,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;IAE3B,IAAI,CAAC,EAAE,EAAE;MACP,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;MAExE,OAAO;KACR;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC5C,IAAI,EAAE,QAAQ,YAAY,QAAQ,IAAI,QAAQ,YAAY,UAAU,CAAC,EAAE;MACrE,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;MAEnE,OAAO;KACR;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAc,sBAAsB,EAAE,EAAE,CAAC,CAAC;IAClF,IAAI,CAAC,SAAS,EAAE;MACd,OAAO,CAAC,IAAI,CAAC,kDAAkD,EAAE,EAAE,CAAC,CAAC;MAErE,OAAO;KACR;IAED,uBAAA,IAAI,mBAAW,SAAS,MAAA,CAAC;IACzB,OAAO,SAAS,CAAC;GAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["debounce"],"sources":["../../node_modules/popper-max-size-modifier/dist/popper-max-size-modifier.esm.js","src/components/tooltip/tooltip.scss?tag=dso-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { detectOverflow } from '@popperjs/core';\n\nvar maxSize = {\n name: 'maxSize',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n fn: function fn(_ref) {\n var state = _ref.state,\n name = _ref.name,\n options = _ref.options;\n var overflow = detectOverflow(state, options);\n\n var _ref2 = state.modifiersData.preventOverflow \|\| {\n x: 0,\n y: 0\n },\n x = _ref2.x,\n y = _ref2.y;\n\n var _state$rects$popper = state.rects.popper,\n width = _state$rects$popper.width,\n height = _state$rects$popper.height;\n\n var _state$placement$spli = state.placement.split('-'),\n basePlacement = _state$placement$spli[0];\n\n var widthProp = basePlacement === 'left' ? 'left' : 'right';\n var heightProp = basePlacement === 'top' ? 'top' : 'bottom';\n state.modifiersData[name] = {\n width: width - overflow[widthProp] - x,\n height: height - overflow[heightProp] - y\n };\n }\n};\n\nexport default maxSize;\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"tooltip.variables\" as tooltip-variables;\r\n\r\n:host(.hidden) {\r\n visibility: hidden;\r\n}\r\n\r\n:host-context(dso-toggletip) {\r\n [data-popper-placement=\"top\"] {\r\n .tooltip-arrow {\r\n margin-left: 3px;\r\n }\r\n }\r\n\r\n [data-popper-placement=\"right\"] {\r\n .tooltip-arrow {\r\n margin-top: 0;\r\n }\r\n }\r\n\r\n [data-popper-placement=\"bottom\"] {\r\n .tooltip-arrow {\r\n margin-left: 3px;\r\n }\r\n }\r\n\r\n [data-popper-placement=\"left\"] {\r\n margin-right: units.$u1 * -1 !important;\r\n\r\n .tooltip-arrow {\r\n margin-top: 0;\r\n }\r\n }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.tooltip {\r\n font-family: typography.$font-family-base;\r\n // We deliberately do NOT reset font-size.\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: typography.$line-height-base;\r\n line-break: auto;\r\n text-align: left; // Fallback for where `start` is not supported\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n white-space: normal;\r\n\r\n --link-color: #{colors.$grasgroen};\r\n\r\n display: block;\r\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));\r\n font-size: typography.$font-size-small;\r\n opacity: 0;\r\n position: absolute;\r\n transition: opacity tooltip-variables.$transition-duration linear;\r\n z-index: zindex.$tooltip;\r\n\r\n &.in {\r\n opacity: tooltip-variables.$opacity;\r\n }\r\n\r\n .tooltip-inner {\r\n background-color: colors.$wit;\r\n border-radius: tooltip-variables.$border-radius;\r\n color: colors.$grijs-90;\r\n display: inline-block;\r\n font-size: typography.$root-font-size-base;\r\n max-width: tooltip-variables.$max-width;\r\n padding: tooltip-variables.$padding-horizontal tooltip-variables.$padding-vertical;\r\n position: relative;\r\n\r\n &.dso-small {\r\n max-width: tooltip-variables.$max-width-small;\r\n }\r\n }\r\n\r\n .tooltip-arrow {\r\n border-color: transparent;\r\n border-style: solid;\r\n height: 0;\r\n width: 0;\r\n }\r\n\r\n &[data-popper-placement=\"top\"] {\r\n margin-top: -3px;\r\n padding: tooltip-variables.$arrow-width 0;\r\n\r\n .tooltip-arrow {\r\n border-top-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width tooltip-variables.$arrow-width 0;\r\n bottom: 0;\r\n\r\n margin-left: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n\r\n &[data-popper-placement=\"right\"] {\r\n margin-left: 3px;\r\n padding: 0 tooltip-variables.$arrow-width;\r\n\r\n .tooltip-arrow {\r\n border-right-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width tooltip-variables.$arrow-width tooltip-variables.$arrow-width 0;\r\n left: 0;\r\n\r\n margin-top: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n\r\n &[data-popper-placement=\"bottom\"] {\r\n margin-top: 3px;\r\n padding: tooltip-variables.$arrow-width 0;\r\n\r\n .tooltip-arrow {\r\n border-bottom-color: tooltip-variables.$arrow-color;\r\n border-width: 0 tooltip-variables.$arrow-width tooltip-variables.$arrow-width;\r\n top: 0;\r\n\r\n margin-left: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n\r\n &[data-popper-placement=\"left\"] {\r\n margin-left: -3px;\r\n padding: 0 tooltip-variables.$arrow-width;\r\n\r\n .tooltip-arrow {\r\n border-left-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width 0 tooltip-variables.$arrow-width tooltip-variables.$arrow-width;\r\n right: 0;\r\n\r\n margin-top: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n}\r\n","import { beforeWrite, createPopper, Instance as PopperInstance, State as PopperState } from \"@popperjs/core\";\r\nimport maxSize from \"popper-max-size-modifier\";\r\nimport { h, Component, Element, Host, Method, Prop, State, Watch } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { hasOverflow } from \"../../utils/has-overflow\";\r\nimport debounce from \"debounce\";\r\n\r\n// Keep const in sync with $tooltip-transition-duration in dso-toolkit/src/components/tooltip/tooltip.scss tooltip_root() mixin\r\nconst transitionDuration = 150;\r\n\r\nconst applyMaxSize = {\r\n name: \"applyMaxSize\",\r\n enabled: true,\r\n phase: beforeWrite,\r\n requires: [\"maxSize\"],\r\n fn({ state }: { state: PopperState }) {\r\n let { width } = state.modifiersData.maxSize;\r\n if (width < 160) {\r\n width = 160;\r\n }\r\n\r\n state.styles.popper = {\r\n ...state.styles.popper,\r\n maxWidth: `${width}px`,\r\n };\r\n },\r\n};\r\n\r\n@Component({\r\n tag: \"dso-tooltip\",\r\n styleUrl: \"tooltip.scss\",\r\n shadow: true,\r\n})\r\nexport class Tooltip {\r\n /*\r\n Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`.\r\n /\r\n @Prop({\r\n reflect: true,\r\n })\r\n descriptive = false;\r\n\r\n /\r\n Set position of tooltip relative to target\r\n /\r\n @Prop()\r\n position: \"top\" \| \"right\" \| \"bottom\" \| \"left\" = \"top\";\r\n\r\n /\r\n Set position strategy of tooltip\r\n /\r\n @Prop()\r\n strategy: \"auto\" \| \"absolute\" \| \"fixed\" = \"auto\";\r\n\r\n /\r\n Set attribute `no-arrow` to hide the arrow\r\n /\r\n @Prop()\r\n noArrow = false;\r\n\r\n /\r\n Deactivates mouseover behaviour\r\n /\r\n @Prop()\r\n stateless?: boolean;\r\n\r\n /\r\n Defines if the tooltip has a smaller max-width\r\n /\r\n @Prop()\r\n small?: boolean;\r\n\r\n /\r\n Whether or not to show the tooltip. To control the tooltip add the `active` attribute or use the `activate()` and `deactivate()` instance methods.\r\n /\r\n @Prop({ reflect: true, mutable: true })\r\n active = false;\r\n\r\n /\r\n Activate the tooltip (Sets the `active` attribute)\r\n /\r\n @Method()\r\n async activate(): Promise<void> {\r\n this.active = true;\r\n }\r\n\r\n /\r\n Deactivate the tooltip (Removes the `active` attribute)\r\n */\r\n @Method()\r\n async deactivate(): Promise<void> {\r\n this.active = false;\r\n }\r\n\r\n @Watch(\"position\")\r\n watchPosition() {\r\n if (!this.popper) {\r\n return;\r\n }\r\n\r\n this.popper.setOptions({\r\n placement: this.position,\r\n });\r\n }\r\n\r\n @Watch(\"strategy\")\r\n watchStrategy() {\r\n this.setStrategy();\r\n }\r\n\r\n private setStrategy() {\r\n if (!this.popper) {\r\n return;\r\n }\r\n\r\n if (this.strategy === \"absolute\" \|\| this.strategy === \"fixed\") {\r\n this.popper.setOptions({\r\n strategy: this.strategy,\r\n });\r\n\r\n return;\r\n }\r\n\r\n let element: Element \| null = this.element;\r\n while (element && element.parentNode !== document) {\r\n element = element.parentNode instanceof ShadowRoot ? element.parentNode.host : element.parentElement;\r\n if (element !== null && hasOverflow(element)) {\r\n this.popper.setOptions({\r\n strategy: \"fixed\",\r\n });\r\n\r\n return;\r\n }\r\n }\r\n\r\n this.popper.setOptions({\r\n strategy: \"absolute\",\r\n });\r\n }\r\n\r\n @Watch(\"active\")\r\n watchActive() {\r\n if (this.active) {\r\n this.activatePopper();\r\n\r\n if (!this.stateless) {\r\n setTimeout(() => {\r\n this.popper?.setOptions({\r\n modifiers: [{ name: \"eventListeners\", enabled: true }],\r\n });\r\n document.addEventListener(\"keydown\", this.keyDownListener);\r\n });\r\n }\r\n } else {\r\n document.removeEventListener(\"keydown\", this.keyDownListener);\r\n this.deactivatePopper();\r\n }\r\n }\r\n\r\n @Element()\r\n private element!: HTMLDsoTooltipElement;\r\n\r\n private popper: PopperInstance \| undefined;\r\n\r\n private callbacks: TooltipCallbacks = {\r\n activate: () => (this.active = true),\r\n deactivate: () => (this.active = false),\r\n };\r\n\r\n private onMouseLeave = () => {\r\n if (!this.element.matches(\":hover\") && !this.target?.matches(\":hover\")) {\r\n this.callbacks.deactivate();\r\n }\r\n };\r\n\r\n @State()\r\n private hidden = true;\r\n\r\n private listenClick(e: MouseEvent) {\r\n e.stopPropagation();\r\n }\r\n\r\n componentDidLoad(): void {\r\n const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n if (!(tooltip instanceof HTMLElement)) {\r\n throw new Error(\"tooltip element is not instanceof HTMLElement\");\r\n }\r\n\r\n if (!this.stateless && this.target) {\r\n this.target.addEventListener(\"mouseenter\", this.callbacks.activate);\r\n [this.element, this.target].forEach((element) => element.addEventListener(\"mouseleave\", this.onMouseLeave));\r\n this.target.addEventListener(\"focus\", this.callbacks.activate);\r\n this.target.addEventListener(\"blur\", this.callbacks.deactivate);\r\n }\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.popper?.destroy();\r\n\r\n if (!this.stateless && this.target) {\r\n this.target.removeEventListener(\"mouseenter\", this.callbacks.activate);\r\n [this.element, this.target].forEach((element) => element.removeEventListener(\"mouseleave\", this.onMouseLeave));\r\n this.target.removeEventListener(\"focus\", this.callbacks.activate);\r\n this.target.removeEventListener(\"blur\", this.callbacks.deactivate);\r\n }\r\n\r\n this.target = undefined;\r\n }\r\n\r\n componentDidRender() {\r\n if (this.active) {\r\n this.popper?.update();\r\n }\r\n }\r\n\r\n private keyDownListener = (event: KeyboardEvent) => {\r\n if (event.key === \"Escape\") {\r\n this.deactivate();\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host class={{ hidden: this.hidden }} role=\"tooltip\" onClick={this.listenClick}>\r\n <div class={clsx(\"tooltip\", { in: this.active })}>\r\n {!this.noArrow && <div data-popper-arrow class=\"tooltip-arrow\"></div>}\r\n <div aria-hidden={!this.descriptive \|\| undefined} class={clsx(\"tooltip-inner\", { \"dso-small\": this.small })}>\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private deactivatePopper = debounce(() => {\r\n this.hidden = true;\r\n this.popper?.destroy();\r\n this.popper = undefined;\r\n }, transitionDuration);\r\n\r\n private activatePopper(): void {\r\n this.hidden = false;\r\n\r\n if (this.popper) {\r\n return;\r\n }\r\n\r\n const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n\r\n if (this.target && tooltip instanceof HTMLElement) {\r\n this.popper = createPopper(this.target, tooltip, {\r\n placement: this.position,\r\n modifiers: [maxSize, applyMaxSize, { name: \"eventListeners\", enabled: false }],\r\n });\r\n\r\n this.setStrategy();\r\n }\r\n }\r\n\r\n private get target(): HTMLElement \| undefined {\r\n return this.#target ?? this.initializeTarget();\r\n }\r\n\r\n private set target(element: HTMLElement \| undefined) {\r\n this.#target = element;\r\n }\r\n\r\n #target?: HTMLElement;\r\n\r\n private initializeTarget(): HTMLElement \| undefined {\r\n const id = this.element.id;\r\n\r\n if (!id) {\r\n console.warn(\"Unable to find reference tooltip has no [id] attribute.\");\r\n\r\n return;\r\n }\r\n\r\n const rootNode = this.element.getRootNode();\r\n if (!(rootNode instanceof Document \|\| rootNode instanceof ShadowRoot)) {\r\n console.warn(`rootNode is not instance of Document or ShadowRoot`);\r\n\r\n return;\r\n }\r\n\r\n const reference = rootNode.querySelector<HTMLElement>(`[aria-describedBy=\"${id}`);\r\n if (!reference) {\r\n console.warn(`Unable to find reference with aria-describedby ${id}`);\r\n\r\n return;\r\n }\r\n\r\n this.#target = reference;\r\n return reference;\r\n }\r\n}\r\n\r\ninterface TooltipCallbacks {\r\n activate: () => void;\r\n deactivate: () => void;\r\n}\r\n"],"version":3}
1	+ {"file":"tooltip.js","mappings":"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","names":["debounce"],"sources":["../../node_modules/popper-max-size-modifier/dist/popper-max-size-modifier.esm.js","src/components/tooltip/tooltip.scss?tag=dso-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { detectOverflow } from '@popperjs/core';\n\nvar maxSize = {\n name: 'maxSize',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n fn: function fn(_ref) {\n var state = _ref.state,\n name = _ref.name,\n options = _ref.options;\n var overflow = detectOverflow(state, options);\n\n var _ref2 = state.modifiersData.preventOverflow \|\| {\n x: 0,\n y: 0\n },\n x = _ref2.x,\n y = _ref2.y;\n\n var _state$rects$popper = state.rects.popper,\n width = _state$rects$popper.width,\n height = _state$rects$popper.height;\n\n var _state$placement$spli = state.placement.split('-'),\n basePlacement = _state$placement$spli[0];\n\n var widthProp = basePlacement === 'left' ? 'left' : 'right';\n var heightProp = basePlacement === 'top' ? 'top' : 'bottom';\n state.modifiersData[name] = {\n width: width - overflow[widthProp] - x,\n height: height - overflow[heightProp] - y\n };\n }\n};\n\nexport default maxSize;\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"tooltip.variables\" as tooltip-variables;\r\n\r\n:host(.hidden) {\r\n visibility: hidden;\r\n}\r\n\r\n:host-context(dso-toggletip) {\r\n [data-popper-placement=\"top\"] {\r\n .tooltip-arrow {\r\n margin-inline-start: 3px;\r\n }\r\n }\r\n\r\n [data-popper-placement=\"right\"] {\r\n .tooltip-arrow {\r\n margin-block-start: 0;\r\n }\r\n }\r\n\r\n [data-popper-placement=\"bottom\"] {\r\n .tooltip-arrow {\r\n margin-inline-start: 3px;\r\n }\r\n }\r\n\r\n [data-popper-placement=\"left\"] {\r\n margin-inline-end: units.$u1 * -1 !important;\r\n\r\n .tooltip-arrow {\r\n margin-block-start: 0;\r\n }\r\n }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.tooltip {\r\n font-family: typography.$font-family-base;\r\n // We deliberately do NOT reset font-size.\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: typography.$line-height-base;\r\n line-break: auto;\r\n text-align: left; // Fallback for where `start` is not supported\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n white-space: normal;\r\n\r\n --link-color: #{colors.$grasgroen};\r\n\r\n display: block;\r\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));\r\n font-size: typography.$font-size-small;\r\n opacity: 0;\r\n position: absolute;\r\n transition: opacity tooltip-variables.$transition-duration linear;\r\n z-index: zindex.$tooltip;\r\n\r\n &.in {\r\n opacity: tooltip-variables.$opacity;\r\n }\r\n\r\n .tooltip-inner {\r\n background-color: colors.$wit;\r\n border-radius: tooltip-variables.$border-radius;\r\n color: colors.$grijs-90;\r\n display: inline-block;\r\n font-size: typography.$root-font-size-base;\r\n max-width: tooltip-variables.$max-width;\r\n padding-block: tooltip-variables.$padding-vertical;\r\n padding-inline: tooltip-variables.$padding-horizontal;\r\n position: relative;\r\n\r\n &.dso-small {\r\n max-width: tooltip-variables.$max-width-small;\r\n }\r\n }\r\n\r\n .tooltip-arrow {\r\n border-color: transparent;\r\n border-style: solid;\r\n height: 0;\r\n width: 0;\r\n }\r\n\r\n &[data-popper-placement=\"top\"] {\r\n margin-block-start: -3px;\r\n padding-block: tooltip-variables.$arrow-width;\r\n padding-inline: 0;\r\n\r\n .tooltip-arrow {\r\n bottom: 0;\r\n border-block-start-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width;\r\n border-block-end-width: 0;\r\n margin-inline-start: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n\r\n &[data-popper-placement=\"right\"] {\r\n margin-inline-start: 3px;\r\n padding-block: 0;\r\n padding-inline: tooltip-variables.$arrow-width;\r\n\r\n .tooltip-arrow {\r\n left: 0;\r\n border-inline-end-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width;\r\n border-inline-start-width: 0;\r\n margin-block-start: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n\r\n &[data-popper-placement=\"bottom\"] {\r\n margin-block-start: 3px;\r\n padding-block: tooltip-variables.$arrow-width;\r\n padding-inline: 0;\r\n\r\n .tooltip-arrow {\r\n top: 0;\r\n border-block-end-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width;\r\n border-block-start-width: 0;\r\n margin-inline-start: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n\r\n &[data-popper-placement=\"left\"] {\r\n margin-inline-start: -3px;\r\n padding-block: 0;\r\n padding-inline: tooltip-variables.$arrow-width;\r\n\r\n .tooltip-arrow {\r\n right: 0;\r\n border-inline-start-color: tooltip-variables.$arrow-color;\r\n border-width: tooltip-variables.$arrow-width;\r\n border-inline-end-width: 0;\r\n margin-block-start: tooltip-variables.$arrow-margin * -1;\r\n }\r\n }\r\n}\r\n","import { beforeWrite, createPopper, Instance as PopperInstance, State as PopperState } from \"@popperjs/core\";\r\nimport maxSize from \"popper-max-size-modifier\";\r\nimport { h, Component, Element, Host, Method, Prop, State, Watch } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { hasOverflow } from \"../../utils/has-overflow\";\r\nimport debounce from \"debounce\";\r\n\r\n// Keep const in sync with $tooltip-transition-duration in dso-toolkit/src/components/tooltip/tooltip.scss tooltip_root() mixin\r\nconst transitionDuration = 150;\r\n\r\nconst applyMaxSize = {\r\n name: \"applyMaxSize\",\r\n enabled: true,\r\n phase: beforeWrite,\r\n requires: [\"maxSize\"],\r\n fn({ state }: { state: PopperState }) {\r\n let { width } = state.modifiersData.maxSize;\r\n if (width < 160) {\r\n width = 160;\r\n }\r\n\r\n state.styles.popper = {\r\n ...state.styles.popper,\r\n maxWidth: `${width}px`,\r\n };\r\n },\r\n};\r\n\r\n@Component({\r\n tag: \"dso-tooltip\",\r\n styleUrl: \"tooltip.scss\",\r\n shadow: true,\r\n})\r\nexport class Tooltip {\r\n /*\r\n Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`.\r\n /\r\n @Prop({\r\n reflect: true,\r\n })\r\n descriptive = false;\r\n\r\n /\r\n Set position of tooltip relative to target\r\n /\r\n @Prop()\r\n position: \"top\" \| \"right\" \| \"bottom\" \| \"left\" = \"top\";\r\n\r\n /\r\n Set position strategy of tooltip\r\n /\r\n @Prop()\r\n strategy: \"auto\" \| \"absolute\" \| \"fixed\" = \"auto\";\r\n\r\n /\r\n Set attribute `no-arrow` to hide the arrow\r\n /\r\n @Prop()\r\n noArrow = false;\r\n\r\n /\r\n Deactivates mouseover behaviour\r\n /\r\n @Prop()\r\n stateless?: boolean;\r\n\r\n /\r\n Defines if the tooltip has a smaller max-width\r\n /\r\n @Prop()\r\n small?: boolean;\r\n\r\n /\r\n Whether or not to show the tooltip. To control the tooltip add the `active` attribute or use the `activate()` and `deactivate()` instance methods.\r\n /\r\n @Prop({ reflect: true, mutable: true })\r\n active = false;\r\n\r\n /\r\n Activate the tooltip (Sets the `active` attribute)\r\n /\r\n @Method()\r\n async activate(): Promise<void> {\r\n this.active = true;\r\n }\r\n\r\n /\r\n Deactivate the tooltip (Removes the `active` attribute)\r\n */\r\n @Method()\r\n async deactivate(): Promise<void> {\r\n this.active = false;\r\n }\r\n\r\n @Watch(\"position\")\r\n watchPosition() {\r\n if (!this.popper) {\r\n return;\r\n }\r\n\r\n this.popper.setOptions({\r\n placement: this.position,\r\n });\r\n }\r\n\r\n @Watch(\"strategy\")\r\n watchStrategy() {\r\n this.setStrategy();\r\n }\r\n\r\n private setStrategy() {\r\n if (!this.popper) {\r\n return;\r\n }\r\n\r\n if (this.strategy === \"absolute\" \|\| this.strategy === \"fixed\") {\r\n this.popper.setOptions({\r\n strategy: this.strategy,\r\n });\r\n\r\n return;\r\n }\r\n\r\n let element: Element \| null = this.element;\r\n while (element && element.parentNode !== document) {\r\n element = element.parentNode instanceof ShadowRoot ? element.parentNode.host : element.parentElement;\r\n if (element !== null && hasOverflow(element)) {\r\n this.popper.setOptions({\r\n strategy: \"fixed\",\r\n });\r\n\r\n return;\r\n }\r\n }\r\n\r\n this.popper.setOptions({\r\n strategy: \"absolute\",\r\n });\r\n }\r\n\r\n @Watch(\"active\")\r\n watchActive() {\r\n if (this.active) {\r\n this.activatePopper();\r\n\r\n if (!this.stateless) {\r\n setTimeout(() => {\r\n this.popper?.setOptions({\r\n modifiers: [{ name: \"eventListeners\", enabled: true }],\r\n });\r\n document.addEventListener(\"keydown\", this.keyDownListener);\r\n });\r\n }\r\n } else {\r\n document.removeEventListener(\"keydown\", this.keyDownListener);\r\n this.deactivatePopper();\r\n }\r\n }\r\n\r\n @Element()\r\n private element!: HTMLDsoTooltipElement;\r\n\r\n private popper: PopperInstance \| undefined;\r\n\r\n private callbacks: TooltipCallbacks = {\r\n activate: () => (this.active = true),\r\n deactivate: () => (this.active = false),\r\n };\r\n\r\n private onMouseLeave = () => {\r\n if (!this.element.matches(\":hover\") && !this.target?.matches(\":hover\")) {\r\n this.callbacks.deactivate();\r\n }\r\n };\r\n\r\n @State()\r\n private hidden = true;\r\n\r\n private listenClick(e: MouseEvent) {\r\n e.stopPropagation();\r\n }\r\n\r\n componentDidLoad(): void {\r\n const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n if (!(tooltip instanceof HTMLElement)) {\r\n throw new Error(\"tooltip element is not instanceof HTMLElement\");\r\n }\r\n\r\n if (!this.stateless && this.target) {\r\n this.target.addEventListener(\"mouseenter\", this.callbacks.activate);\r\n [this.element, this.target].forEach((element) => element.addEventListener(\"mouseleave\", this.onMouseLeave));\r\n this.target.addEventListener(\"focus\", this.callbacks.activate);\r\n this.target.addEventListener(\"blur\", this.callbacks.deactivate);\r\n }\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.popper?.destroy();\r\n\r\n if (!this.stateless && this.target) {\r\n this.target.removeEventListener(\"mouseenter\", this.callbacks.activate);\r\n [this.element, this.target].forEach((element) => element.removeEventListener(\"mouseleave\", this.onMouseLeave));\r\n this.target.removeEventListener(\"focus\", this.callbacks.activate);\r\n this.target.removeEventListener(\"blur\", this.callbacks.deactivate);\r\n }\r\n\r\n this.target = undefined;\r\n }\r\n\r\n componentDidRender() {\r\n if (this.active) {\r\n this.popper?.update();\r\n }\r\n }\r\n\r\n private keyDownListener = (event: KeyboardEvent) => {\r\n if (event.key === \"Escape\") {\r\n this.deactivate();\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host class={{ hidden: this.hidden }} role=\"tooltip\" onClick={this.listenClick}>\r\n <div class={clsx(\"tooltip\", { in: this.active })}>\r\n {!this.noArrow && <div data-popper-arrow class=\"tooltip-arrow\"></div>}\r\n <div aria-hidden={!this.descriptive \|\| undefined} class={clsx(\"tooltip-inner\", { \"dso-small\": this.small })}>\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private deactivatePopper = debounce(() => {\r\n this.hidden = true;\r\n this.popper?.destroy();\r\n this.popper = undefined;\r\n }, transitionDuration);\r\n\r\n private activatePopper(): void {\r\n this.hidden = false;\r\n\r\n if (this.popper) {\r\n return;\r\n }\r\n\r\n const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n\r\n if (this.target && tooltip instanceof HTMLElement) {\r\n this.popper = createPopper(this.target, tooltip, {\r\n placement: this.position,\r\n modifiers: [maxSize, applyMaxSize, { name: \"eventListeners\", enabled: false }],\r\n });\r\n\r\n this.setStrategy();\r\n }\r\n }\r\n\r\n private get target(): HTMLElement \| undefined {\r\n return this.#target ?? this.initializeTarget();\r\n }\r\n\r\n private set target(element: HTMLElement \| undefined) {\r\n this.#target = element;\r\n }\r\n\r\n #target?: HTMLElement;\r\n\r\n private initializeTarget(): HTMLElement \| undefined {\r\n const id = this.element.id;\r\n\r\n if (!id) {\r\n console.warn(\"Unable to find reference tooltip has no [id] attribute.\");\r\n\r\n return;\r\n }\r\n\r\n const rootNode = this.element.getRootNode();\r\n if (!(rootNode instanceof Document \|\| rootNode instanceof ShadowRoot)) {\r\n console.warn(`rootNode is not instance of Document or ShadowRoot`);\r\n\r\n return;\r\n }\r\n\r\n const reference = rootNode.querySelector<HTMLElement>(`[aria-describedBy=\"${id}`);\r\n if (!reference) {\r\n console.warn(`Unable to find reference with aria-describedby ${id}`);\r\n\r\n return;\r\n }\r\n\r\n this.#target = reference;\r\n return reference;\r\n }\r\n}\r\n\r\ninterface TooltipCallbacks {\r\n activate: () => void;\r\n deactivate: () => void;\r\n}\r\n"],"version":3}

package/dist/dso-toolkit/dso-toolkit.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,b as o}from"./p-3ca5b6f4.js";export{s as setNonce}from"./p-3ca5b6f4.js";const a=()=>{const o=import.meta.url;const a={};if(o!==""){a.resourcesUrl=new URL(".",o).href}return e(a)};a().then((e=>o([["p-2401e7f9",[[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],response:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]}]]],["p-169e3931",[[1,"dso-map-base-layers",{group:[1],baseLayers:[16]}]]],["p-aadd6311",[[1,"dso-map-overlays",{group:[1],overlays:[16]}]]],["p-95b70498",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-a3dc08f4",[[1,"dso-accordion-section",{handleTitle:[1,"handle-title"],heading:[1],handleUrl:[1,"handle-url"],status:[1],attachmentCount:[2,"attachment-count"],icon:[1],statusDescription:[1,"status-description"],open:[516],hasNestedAccordion:[32],hover:[32]}]]],["p-51cfeed4",[[6,"dso-header",{mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],userHomeActive:[4,"user-home-active"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32],dropdownOptionsOffset:[32]}]]],["p-0e095af8",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32],toggleVisibility:[64]}]]],["p-2ab99812",[[1,"dso-modal",{fullscreen:[516],modalTitle:[1,"modal-title"],role:[1],showCloseButton:[4,"show-close-button"],ariaId:[32],hasFooter:[32]}]]],["p-b68ac725",[[1,"dso-pagination",{totalPages:[2,"total-pages"],currentPage:[2,"current-page"],formatHref:[16],availablePositions:[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-59fe2479",[[1,"dso-tree-view",{collection:[16],focusItem:[64]}]]],["p-d728a136",[[1,"dso-action-list-item",{step:[2],itemTitle:[1,"item-title"],flowLine:[4,"flow-line"],warning:[4],divider:[4]}]]],["p-6f533d1a",[[1,"dso-attachments-counter",{count:[2]}]]],["p-8bee65a1",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]]]]],["p-9dbe2931",[[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],role:[1],direction:[1],required:[4],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[1537],min:[1],max:[1],activeFocus:[32],focusedDay:[32],open:[32],visible:[32],setFocus:[64],show:[64],hide:[64]},[[6,"click","handleDocumentClick"]]]]],["p-cce85c45",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]},[[8,"keydown","keyDownListener"]]]]],["p-cbeb00cc",[[1,"dso-image-overlay",{active:[32],zoomable:[32]},[[2,"load","loadListener"]]]]],["p-d37a6c95",[[1,"dso-list-button",{label:[1],sublabel:[1],count:[2],min:[8],max:[8],checked:[516],disabled:[516],manual:[4],manualInputWrapperElement:[32],manualCount:[32]}]]],["p-ab1f0511",[[1,"dso-table",{noModal:[516,"no-modal"],isResponsive:[516,"is-responsive"],modalActive:[32],placeholderHeight:[32]}]]],["p-60301d53",[[1,"dso-accordion",{variant:[513],reverseAlign:[516,"reverse-align"],_getState:[64]}]]],["p-7ef42606",[[1,"dso-action-list",{listTitle:[1,"list-title"]}]]],["p-0bac5eea",[[1,"dso-banner",{status:[513],compact:[4],noIcon:[4,"no-icon"]}]]],["p-fbb63820",[[1,"dso-card",{isSelectable:[516,"is-selectable"],hasImage:[516,"has-image"],clickable:[4],imageShape:[513,"image-shape"]}]]],["p-f0bc4a9d",[[1,"dso-card-container",{mode:[513]}]]],["p-a7186c03",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-6af09f64",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-f08a5a06",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],initialMainSize:[1,"initial-main-size"],mainSize:[32],tabView:[32],activeTab:[32]}]]],["p-4e2407bf",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],dropdownOptionsOffset:[2,"dropdown-options-offset"],checkable:[4],boundary:[1],placement:[1],strategy:[1]}]]],["p-a2a82d7c",[[1,"dso-progress-indicator",{label:[1],size:[513],block:[4]}]]],["p-dae7d6f2",[[1,"dso-scrollable",{scrollPosition:[32],_setScrollState:[64]}]]],["p-298453a9",[[1,"dso-expandable",{open:[516],enableAnimation:[4,"enable-animation"],minimumHeight:[2,"minimum-height"],animationReady:[32]}]]],["p-5c976ac9",[[1,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]]],["p-755e55cf",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1],hover:[32],setFocus:[64]}]]],["p-ad44136d",[[1,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]}]]],["p-4ace5655",[[1,"dso-icon",{icon:[1]}]]],["p-3631ce14",[[6,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],labelledById:[1,"labelled-by-id"],disabled:[4],required:[4],checked:[4],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],keyboardFocus:[32],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]],["p-432df09a",[[1,"dso-label",{compact:[4],removable:[4],status:[1],truncate:[4],removeHover:[32],removeFocus:[32],textHover:[32],textFocus:[32],isTruncated:[32],labelText:[32],_truncateLabel:[64]},[[4,"keydown","keyDownListener"]]],[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}],[0,"dso-annotation-button",{identifier:[1],open:[4]}],[1,"dso-badge",{status:[1]}],[1,"dso-ozon-content",{content:[1],inline:[516],state:[32]}]]],["p-47e77e24",[[1,"dso-document-component",{heading:[1],label:[1],nummer:[1],opschrift:[1],inhoud:[1],open:[516],filtered:[516],notApplicable:[516,"not-applicable"],genesteOntwerpInformatie:[516,"geneste-ontwerp-informatie"],bevatOntwerpInformatie:[516,"bevat-ontwerp-informatie"],annotated:[516],gereserveerd:[4],vervallen:[4],openAnnotation:[4,"open-annotation"],alternativeTitle:[1,"alternative-title"],type:[513],wijzigactie:[513]}],[4,"dso-annotation-output",{identifier:[513],annotationPrefix:[513,"annotation-prefix"],open:[516]}],[4,"dso-slide-toggle",{checked:[4],disabled:[4],accessibleLabel:[1,"accessible-label"],labelledbyId:[1,"labelledby-id"],identifier:[1],hasVisibleLabel:[32]}]]]],e)));
+import{p as e,b as o}from"./p-3ca5b6f4.js";export{s as setNonce}from"./p-3ca5b6f4.js";const a=()=>{const o=import.meta.url;const a={};if(o!==""){a.resourcesUrl=new URL(".",o).href}return e(a)};a().then((e=>o([["p-2401e7f9",[[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],response:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]}]]],["p-169e3931",[[1,"dso-map-base-layers",{group:[1],baseLayers:[16]}]]],["p-aadd6311",[[1,"dso-map-overlays",{group:[1],overlays:[16]}]]],["p-0c14a2e5",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-a3dc08f4",[[1,"dso-accordion-section",{handleTitle:[1,"handle-title"],heading:[1],handleUrl:[1,"handle-url"],status:[1],attachmentCount:[2,"attachment-count"],icon:[1],statusDescription:[1,"status-description"],open:[516],hasNestedAccordion:[32],hover:[32]}]]],["p-51cfeed4",[[6,"dso-header",{mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],userHomeActive:[4,"user-home-active"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32],dropdownOptionsOffset:[32]}]]],["p-0e095af8",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32],toggleVisibility:[64]}]]],["p-2ab99812",[[1,"dso-modal",{fullscreen:[516],modalTitle:[1,"modal-title"],role:[1],showCloseButton:[4,"show-close-button"],ariaId:[32],hasFooter:[32]}]]],["p-b68ac725",[[1,"dso-pagination",{totalPages:[2,"total-pages"],currentPage:[2,"current-page"],formatHref:[16],availablePositions:[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-59fe2479",[[1,"dso-tree-view",{collection:[16],focusItem:[64]}]]],["p-d728a136",[[1,"dso-action-list-item",{step:[2],itemTitle:[1,"item-title"],flowLine:[4,"flow-line"],warning:[4],divider:[4]}]]],["p-6f533d1a",[[1,"dso-attachments-counter",{count:[2]}]]],["p-8bee65a1",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]]]]],["p-cce85c45",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]},[[8,"keydown","keyDownListener"]]]]],["p-cbeb00cc",[[1,"dso-image-overlay",{active:[32],zoomable:[32]},[[2,"load","loadListener"]]]]],["p-d37a6c95",[[1,"dso-list-button",{label:[1],sublabel:[1],count:[2],min:[8],max:[8],checked:[516],disabled:[516],manual:[4],manualInputWrapperElement:[32],manualCount:[32]}]]],["p-ab1f0511",[[1,"dso-table",{noModal:[516,"no-modal"],isResponsive:[516,"is-responsive"],modalActive:[32],placeholderHeight:[32]}]]],["p-60301d53",[[1,"dso-accordion",{variant:[513],reverseAlign:[516,"reverse-align"],_getState:[64]}]]],["p-7ef42606",[[1,"dso-action-list",{listTitle:[1,"list-title"]}]]],["p-0bac5eea",[[1,"dso-banner",{status:[513],compact:[4],noIcon:[4,"no-icon"]}]]],["p-fbb63820",[[1,"dso-card",{isSelectable:[516,"is-selectable"],hasImage:[516,"has-image"],clickable:[4],imageShape:[513,"image-shape"]}]]],["p-f0bc4a9d",[[1,"dso-card-container",{mode:[513]}]]],["p-8b24f933",[[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],required:[516],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[1],min:[1],max:[1]}]]],["p-a7186c03",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-6af09f64",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-dbea5bbd",[[1,"dso-viewer-grid",{mode:[1],filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],mainSize:[1,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[1,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]}]]],["p-4e2407bf",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],dropdownOptionsOffset:[2,"dropdown-options-offset"],checkable:[4],boundary:[1],placement:[1],strategy:[1]}]]],["p-a2a82d7c",[[1,"dso-progress-indicator",{label:[1],size:[513],block:[4]}]]],["p-dae7d6f2",[[1,"dso-scrollable",{scrollPosition:[32],_setScrollState:[64]}]]],["p-7d90b3b2",[[1,"dso-expandable",{open:[516],enableAnimation:[4,"enable-animation"],minimumHeight:[2,"minimum-height"],animationReady:[32]}]]],["p-5c976ac9",[[1,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]]],["p-755e55cf",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1],hover:[32],setFocus:[64]}]]],["p-ebda3d53",[[1,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]}]]],["p-4ace5655",[[1,"dso-icon",{icon:[1]}]]],["p-f55b3647",[[6,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],labelledById:[1,"labelled-by-id"],disabled:[4],required:[4],checked:[4],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],keyboardFocus:[32],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]],["p-432df09a",[[1,"dso-label",{compact:[4],removable:[4],status:[1],truncate:[4],removeHover:[32],removeFocus:[32],textHover:[32],textFocus:[32],isTruncated:[32],labelText:[32],_truncateLabel:[64]},[[4,"keydown","keyDownListener"]]],[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}],[0,"dso-annotation-button",{identifier:[1],open:[4]}],[1,"dso-badge",{status:[1]}],[1,"dso-ozon-content",{content:[1],inline:[516],state:[32]}]]],["p-47e77e24",[[1,"dso-document-component",{heading:[1],label:[1],nummer:[1],opschrift:[1],inhoud:[1],open:[516],filtered:[516],notApplicable:[516,"not-applicable"],genesteOntwerpInformatie:[516,"geneste-ontwerp-informatie"],bevatOntwerpInformatie:[516,"bevat-ontwerp-informatie"],annotated:[516],gereserveerd:[4],vervallen:[4],openAnnotation:[4,"open-annotation"],alternativeTitle:[1,"alternative-title"],type:[513],wijzigactie:[513]}],[4,"dso-annotation-output",{identifier:[513],annotationPrefix:[513,"annotation-prefix"],open:[516]}],[4,"dso-slide-toggle",{checked:[4],disabled:[4],accessibleLabel:[1,"accessible-label"],labelledbyId:[1,"labelledby-id"],identifier:[1],hasVisibleLabel:[32]}]]]],e)));
 //# sourceMappingURL=dso-toolkit.esm.js.map

package/dist/dso-toolkit/dso-toolkit.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","showCanvas","jsonFile","openDefault","response","openOrClosed","openedAnnotation","filtered","notApplicable","activeAnnotationSelectables","group","baseLayers","overlays","label","position","small","secondary","active","handleTitle","heading","handleUrl","status","attachmentCount","icon","statusDescription","open","hasNestedAccordion","hover","mainMenu","useDropDownMenu","authStatus","loginUrl","logoutUrl","userProfileName","userProfileUrl","userHomeUrl","userHomeActive","showDropDown","hasSubLogo","overflowMenuItems","dropdownOptionsOffset","disableZoom","hideContent","toggleVisibility","fullscreen","modalTitle","role","showCloseButton","ariaId","hasFooter","totalPages","currentPage","formatHref","availablePositions","collection","focusItem","step","itemTitle","flowLine","warning","divider","count","suggestions","loading","loadingLabel","loadingDelayed","notFoundLabel","suggestOnFocus","showSuggestions","selectedSuggestion","notFound","showLoading","~~name~~","~~identifier~~","~~disabled~~","~~direction~~","~~required~~","~~invalid~~","~~describedBy","dsoAutofocus","value","~~min","max","~~activeFocus~~","~~focusedDay~~","~~visible~~","~~setFocus~~","~~show~~","~~hide~~","~~visibility~~","~~isOpen~~","~~slideState~~","~~loadIframe~~","~~zoomable~~","~~sublabel~~","~~checked~~","~~manual~~","~~manualInputWrapperElement~~","~~manualCount~~","~~noModal~~","~~isResponsive~~","~~modalActive~~","~~placeholderHeight~~","~~variant~~","~~reverseAlign~~","~~_getState~~","~~listTitle~~","~~compact~~","~~noIcon~~","~~isSelectable~~","~~hasImage~~","~~clickable~~","~~imageShape~~","~~mode~~","~~yellow~~","~~border~~","~~white~~","~~dropShadow~~","~~progress~~","~~filterpanelOpen~~","~~overlayOpen~~","~~initialMainSize~~","~~mainSize~~","tabView","~~activeTab~~","dropdownAlign","checkable","boundary","placement","strategy","size","block","scrollPosition","_setScrollState","enableAnimation","minimumHeight","animationReady","sizeAlias","sizeWidth","getSize","descriptive","noArrow","stateless","hidden","activate","deactivate","type","describedById","labelledById","indeterminate","infoFixed","infoActive","keyboardFocus","toggleInfo","fixed","removable","truncate","removeHover","removeFocus","textHover","textFocus","isTruncated","labelText","_truncateLabel","roleAlert","content","inline","state","nummer","opschrift","inhoud","genesteOntwerpInformatie","bevatOntwerpInformatie","annotated","gereserveerd","vervallen","openAnnotation","alternativeTitle","wijzigactie","annotationPrefix","accessibleLabel","labelledbyId","hasVisibleLabel"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.1.0 \| MIT Licensed \| https://stenciljs.com\n /\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /noop/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\|\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})['data-opts'] \|\| {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,GAEXC,EAAc,kDAAuC,CAAAC,WAAA,oBAAAC,SAAA,gBAAAC,YAAA,mBAAAC,SAAA,KAAAC,aAAA,KAAAC,iBAAA,KAAAC,SAAA,KAAAC,cAAA,KAAAC,4BAAA,kDAAAC,MAAA,IAAAC,WAAA,+CAAAD,MAAA,IAAAE,SAAA,4CAAAC,MAAA,IAAAC,SAAA,IAAAC,MAAA,IAAAC,UAAA,IAAAC,OAAA,oDAAAC,YAAA,mBAAAC,QAAA,IAAAC,UAAA,iBAAAC,OAAA,IAAAC,gBAAA,uBAAAC,KAAA,IAAAC,kBAAA,yBAAAC,KAAA,MAAAC,mBAAA,KAAAC,MAAA,yCAAAC,SAAA,KAAAC,gBAAA,yBAAAC,WAAA,kBAAAC,SAAA,gBAAAC,UAAA,iBAAAC,gBAAA,wBAAAC,eAAA,uBAAAC,YAAA,oBAAAC,eAAA,uBAAAC,aAAA,KAAAC,WAAA,KAAAC,kBAAA,KAAAC,sBAAA,+CAAAf,KAAA,OAAAgB,YAAA,mBAAAC,YAAA,KAAAC,iBAAA,wCAAAC,WAAA,MAAAC,WAAA,kBAAAC,KAAA,IAAAC,gBAAA,wBAAAC,OAAA,KAAAC,UAAA,6CAAAC,WAAA,kBAAAC,YAAA,mBAAAC,WAAA,KAAAC,mBAAA,sFAAAC,WAAA,KAAAC,UAAA,mDAAAC,KAAA,IAAAC,UAAA,iBAAAC,SAAA,gBAAAC,QAAA,IAAAC,QAAA,qDAAAC,MAAA,6CAAAC,YAAA,KAAAC,QAAA,IAAAC,aAAA,oBAAAC,eAAA,sBAAAC,cAAA,sBAAAC,eAAA,uBAAAC,gBAAA,KAAAC,mBAAA,KAAAC,SAAA,KAAAC,YAAA,~~8EAAAC~~,~~KAAA,IAAAC,WAAA,IAAAC,SAAA,MAAA5B,KAAA,IAAA6B,UAAA,IAAAC,SAAA,IAAAC,QAAA,MAAAC,YAAA,mBAAAC,aAAA,oBAAAC,~~MAAA,~~OAAAC,IAAA,IAAAC,IAAA,IAAAC,YAAA,KAAAC,WAAA,KAAA3D,KAAA,KAAA4D,QAAA,KAAAC,SAAA,KAAAC,KAAA,KAAAC,KAAA,uFAAA3E,MAAA,~~IAAArB,IAAA,~~IAAAiG~~,WAAA,KAAAC,OAAA,KAAAC,WAAA,KAAAC,WAAA,~~kFAAA3E~~,OAAA,~~KAAA4E~~,SAAA,~~0EAAAhF~~,MAAA,~~IAAAiF~~,SAAA,~~IAAAjC~~,MAAA,~~IAAAoB~~,IAAA,IAAAC,IAAA,~~IAAAa~~,QAAA,~~MAAArB~~,SAAA,~~MAAAsB~~,OAAA,IAAAC,0BAAA,KAAAC,YAAA,wCAAAC,QAAA,iBAAAC,aAAA,sBAAAC,YAAA,KAAAC,kBAAA,4CAAAC,QAAA,MAAAC,aAAA,sBAAAC,UAAA,8CAAAC,UAAA,~~qDAAArF~~,OAAA,~~MAAAsF~~,QAAA,IAAAC,OAAA,gDAAAC,aAAA,sBAAAC,SAAA,kBAAAC,UAAA,IAAAC,WAAA,gEAAAC,KAAA,~~iDAAAC~~,OAAA,IAAAC,OAAA,IAAAC,MAAA,IAAAC,WAAA,~~kBAAA7D~~,KAAA,~~8CAAA8D~~,SAAA,~~IAAArC~~,IAAA,IAAAC,IAAA,~~6CAAAqC~~,gBAAA,yBAAAC,YAAA,qBAAAC,~~gBAAA~~,~~wBAAAC~~,SAAA,~~KAAAC~~,QAAA,KAAAC,~~UAAA~~,~~gDAAAnG~~,KAAA,~~OAAAoG~~,cAAA,~~qBAAArF~~,sBAAA,~~8BAAAsF~~,UAAA,IAAAC,SAAA,IAAAC,UAAA,IAAAC,SAAA,~~oDAAApH~~,MAAA,~~IAAAqH~~,KAAA,MAAAC,MAAA,4CAAAC,eAAA,KAAAC,gBAAA,~~6CAAA5G~~,KAAA,~~MAAA6G~~,gBAAA,uBAAAC,cAAA,qBAAAC,eAAA,qDAAAC,UAAA,KAAAC,UAAA,KAAAC,QAAA,~~8CAAA1H~~,OAAA,OAAAD,UAAA,IAAAH,MAAA,IAAAc,MAAA,~~KAAA2D~~,SAAA,~~0CAAAsD~~,YAAA,~~MAAA9H~~,SAAA,~~IAAAmH~~,SAAA,~~IAAAY~~,QAAA,eAAAC,UAAA,~~IAAA/H~~,MAAA,IAAAE,OAAA,~~OAAA8H~~,OAAA,KAAAC,SAAA,KAAAC,WAAA,~~uCAAA1H~~,KAAA,~~4CAAA2H~~,KAAA,~~IAAAzE~~,WAAA,IAAAD,KAAA,~~IAAAQ~~,MAAA,IAAAH,QAAA,~~IAAAsE~~,cAAA,sBAAAC,aAAA,~~qBAAA1E~~,SAAA,~~IAAAE~~,SAAA,~~IAAAmB~~,QAAA,~~IAAAsD~~,cAAA,IAAAC,UAAA,iBAAAC,WAAA,KAAAC,cAAA,KAAAC,WAAA,sBAAAC,MAAA,~~MAAAzI~~,OAAA,~~yCAAA0F~~,QAAA,~~IAAAgD~~,UAAA,~~IAAAtI~~,OAAA,~~IAAAuI~~,SAAA,IAAAC,YAAA,KAAAC,YAAA,KAAAC,UAAA,KAAAC,UAAA,KAAAC,YAAA,KAAAC,UAAA,KAAAC,eAAA,~~yDAAA9I~~,OAAA,~~IAAA+I~~,UAAA,+~~CAAA3F~~,WAAA,~~IAAAhD~~,KAAA,sBAAAJ,OAAA,~~6BAAAgJ~~,QAAA,IAAAC,OAAA,MAAAC,MAAA,~~qDAAApJ~~,QAAA,IAAAN,MAAA,~~IAAA2J~~,OAAA,IAAAC,UAAA,IAAAC,OAAA,~~IAAAjJ~~,KAAA,MAAAlB,SAAA,MAAAC,cAAA,~~uBAAAmK~~,yBAAA,mCAAAC,uBAAA,iCAAAC,UAAA,MAAAC,aAAA,IAAAC,UAAA,IAAAC,eAAA,sBAAAC,iBAAA,wBAAA/B,KAAA,MAAAgC,YAAA,~~oCAAAzG~~,WAAA,~~MAAA0G~~,iBAAA,~~0BAAA1J~~,KAAA,+~~BAAAsE~~,QAAA,~~IAAArB~~,SAAA,~~IAAA0G~~,gBAAA,uBAAAC,aAAA,~~oBAAA5G~~,WAAA,~~IAAA6G~~,gBAAA,~~UAAAvL~~"}
1	+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","showCanvas","jsonFile","openDefault","response","openOrClosed","openedAnnotation","filtered","notApplicable","activeAnnotationSelectables","group","baseLayers","overlays","label","position","small","secondary","active","handleTitle","heading","handleUrl","status","attachmentCount","icon","statusDescription","open","hasNestedAccordion","hover","mainMenu","useDropDownMenu","authStatus","loginUrl","logoutUrl","userProfileName","userProfileUrl","userHomeUrl","userHomeActive","showDropDown","hasSubLogo","overflowMenuItems","dropdownOptionsOffset","disableZoom","hideContent","toggleVisibility","fullscreen","modalTitle","role","showCloseButton","ariaId","hasFooter","totalPages","currentPage","formatHref","availablePositions","collection","focusItem","step","itemTitle","flowLine","warning","divider","count","suggestions","loading","loadingLabel","loadingDelayed","notFoundLabel","suggestOnFocus","showSuggestions","selectedSuggestion","notFound","showLoading","visibility","isOpen","slideState","loadIframe","zoomable","sublabel","min","max","checked","disabled","manual","manualInputWrapperElement","manualCount","noModal","isResponsive","modalActive","placeholderHeight","variant","reverseAlign","_getState","listTitle","compact","noIcon","isSelectable","hasImage","clickable","imageShape","mode","name","identifier","required","invalid","describedBy","dsoAutofocus","value","yellow","border","white","dropShadow","progress","filterpanelOpen","overlayOpen","documentPanelOpen","mainSize","activeTab","documentPanelSize","mainPanelExpanded","mainPanelHidden","tabView","_checkMainPanelVisibility","dropdownAlign","checkable","boundary","placement","strategy","size","block","scrollPosition","_setScrollState","enableAnimation","minimumHeight","animationReady","sizeAlias","sizeWidth","getSize","setFocus","descriptive","noArrow","stateless","hidden","activate","deactivate","type","describedById","labelledById","indeterminate","infoFixed","infoActive","keyboardFocus","toggleInfo","fixed","removable","truncate","removeHover","removeFocus","textHover","textFocus","isTruncated","labelText","_truncateLabel","roleAlert","content","inline","state","nummer","opschrift","inhoud","genesteOntwerpInformatie","bevatOntwerpInformatie","annotated","gereserveerd","vervallen","openAnnotation","alternativeTitle","wijzigactie","annotationPrefix","accessibleLabel","labelledbyId","hasVisibleLabel"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.1.0 \| MIT Licensed \| https://stenciljs.com\n /\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /noop/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\|\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})['data-opts'] \|\| {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"mappings":"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"}

package/dist/dso-toolkit/p-0c14a2e5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as s,F as i,a as e}from"./p-3ca5b6f4.js";const o=",::after,*::before{box-sizing:border-box}:host{display:inline-block}:host(:focus){outline:none;z-index:410}";const h=class{constructor(s){t(this,s);this.click=()=>{this.active?this.close():this.open()};this.open=()=>{this.active=true;this.host.addEventListener("keydown",this.keyDownListener);this.host.addEventListener("focusout",this.focusOutListener)};this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener);this.host.removeEventListener("keydown",this.keyDownListener);this.active=false};this.focusOutListener=t=>{if(!this.host.contains(t.relatedTarget)){this.close()}};this.keyDownListener=t=>{var s;if(!t.defaultPrevented&&t.key==="Escape"){this.close();(s=this.infoButton)===null\|\|s===void 0?void 0:s.setFocus();t.preventDefault()}return};this.active=false;this.label="Toelichting";this.position="right";this.small=undefined;this.secondary=undefined}render(){return s(i,null,s("dso-info-button",{"aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),s("dso-tooltip",{stateless:true,descriptive:true,id:"toggle",strategy:"absolute",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return e(this)}};h.style=o;export{h as dso_toggletip};
2	+ //# sourceMappingURL=p-0c14a2e5.entry.js.map

package/dist/dso-toolkit/p-0c14a2e5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["toggletipCss","Toggletip","this","click","active","close","open","host","addEventListener","keyDownListener","focusOutListener","removeEventListener","event","contains","relatedTarget","defaultPrevented","key","_a","infoButton","setFocus","preventDefault","render","h","Fragment","onClick","label","secondary","ref","element","stateless","descriptive","id","strategy","position","small"],"sources":["src/components/toggletip/toggletip.scss?tag=dso-toggletip&encapsulation=shadow","src/components/toggletip/toggletip.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n display: inline-block;\r\n}\r\n\r\n:host(:focus) {\r\n outline: none;\r\n z-index: zindex.$tooltip;\r\n}\r\n","import { h, Component, Fragment, Element, Prop, State } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: \"dso-toggletip\",\r\n styleUrl: \"toggletip.scss\",\r\n shadow: true,\r\n})\r\nexport class Toggletip {\r\n @Element()\r\n host!: HTMLDsoToggletipElement;\r\n\r\n @State()\r\n active = false;\r\n\r\n /**\r\n * Toggletip label.\r\n */\r\n @Prop()\r\n label = \"Toelichting\";\r\n\r\n /**\r\n * Toggletip position.\r\n */\r\n @Prop()\r\n position: \"top\" | \"right\" | \"bottom\" | \"left\" = \"right\";\r\n\r\n /**\r\n * Set to true for small Toggletip.\r\n */\r\n @Prop()\r\n small?: boolean;\r\n\r\n /**\r\n * Set to true for secondary Toggletip.\r\n */\r\n @Prop()\r\n secondary?: boolean;\r\n\r\n private infoButton?: HTMLDsoInfoButtonElement;\r\n\r\n private click = () => {\r\n this.active ? this.close() : this.open();\r\n };\r\n\r\n private open = () => {\r\n this.active = true;\r\n this.host.addEventListener(\"keydown\", this.keyDownListener);\r\n this.host.addEventListener(\"focusout\", this.focusOutListener);\r\n };\r\n\r\n private close = () => {\r\n this.host.removeEventListener(\"focusout\", this.focusOutListener);\r\n this.host.removeEventListener(\"keydown\", this.keyDownListener);\r\n this.active = false;\r\n };\r\n\r\n private focusOutListener = (event: FocusEvent) => {\r\n if (!this.host.contains(event.relatedTarget as Node)) {\r\n this.close();\r\n }\r\n };\r\n\r\n private keyDownListener = (event: KeyboardEvent) => {\r\n if (!event.defaultPrevented && event.key === \"Escape\") {\r\n this.close();\r\n this.infoButton?.setFocus();\r\n event.preventDefault();\r\n }\r\n\r\n return;\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n <dso-info-button\r\n aria-describedby=\"toggle\"\r\n onClick={this.click}\r\n label={this.label}\r\n active={this.active}\r\n secondary={this.secondary}\r\n ref={(element) => (this.infoButton = element)}\r\n />\r\n <dso-tooltip\r\n stateless\r\n descriptive\r\n id=\"toggle\"\r\n strategy=\"absolute\"\r\n active={this.active}\r\n position={this.position}\r\n small={this.small}\r\n >\r\n <slot />\r\n </dso-tooltip>\r\n </>\r\n );\r\n }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAe,gH,MCORC,EAAS,M,yBAiCZC,KAAAC,MAAQ,KACdD,KAAKE,OAASF,KAAKG,QAAUH,KAAKI,MAAM,EAGlCJ,KAAAI,KAAO,KACbJ,KAAKE,OAAS,KACdF,KAAKK,KAAKC,iBAAiB,UAAWN,KAAKO,iBAC3CP,KAAKK,KAAKC,iBAAiB,WAAYN,KAAKQ,iBAAiB,EAGvDR,KAAAG,MAAQ,KACdH,KAAKK,KAAKI,oBAAoB,WAAYT,KAAKQ,kBAC/CR,KAAKK,KAAKI,oBAAoB,UAAWT,KAAKO,iBAC9CP,KAAKE,OAAS,KAAK,EAGbF,KAAAQ,iBAAoBE,IAC1B,IAAKV,KAAKK,KAAKM,SAASD,EAAME,eAAwB,CACpDZ,KAAKG,O,GAIDH,KAAAO,gBAAmBG,I,MACzB,IAAKA,EAAMG,kBAAoBH,EAAMI,MAAQ,SAAU,CACrDd,KAAKG,SACLY,EAAAf,KAAKgB,cAAU,MAAAD,SAAA,SAAAA,EAAEE,WACjBP,EAAMQ,gB,CAGR,Q,YAzDO,M,WAMD,c,cAMwC,Q,8CAgDhD,MAAAC,GACE,OACEC,EAAAC,EAAA,KACED,EAAA,sCACmB,SACjBE,QAAStB,KAAKC,MACdsB,MAAOvB,KAAKuB,MACZrB,OAAQF,KAAKE,OACbsB,UAAWxB,KAAKwB,UAChBC,IAAMC,GAAa1B,KAAKgB,WAAaU,IAEvCN,EAAA,eACEO,UAAS,KACTC,YAAW,KACXC,GAAG,SACHC,SAAS,WACT5B,OAAQF,KAAKE,OACb6B,SAAU/B,KAAK+B,SACfC,MAAOhC,KAAKgC,OAEZZ,EAAA,c"}

package/dist/dso-toolkit/{p-298453a9.entry.js → p-7d90b3b2.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,c as n,h as t,H as e,a as i}from"./p-3ca5b6f4.js";import{c as a}from"./p-c87b4d11.js";import{d as u}from"./p-1805f5b0.js";var f={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:true,timelineOffset:0};var o={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0};var v=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var c={CSS:{},springs:{}};function s(r,n,t){return Math.min(Math.max(r,n),t)}function l(r,n){return r.indexOf(n)>-1}function h(r,n){return r.apply(null,n)}var d={arr:function(r){return Array.isArray(r)},obj:function(r){return l(Object.prototype.toString.call(r),"Object")},pth:function(r){return d.obj(r)&&r.hasOwnProperty("totalLength")},svg:function(r){return r instanceof SVGElement},inp:function(r){return r instanceof HTMLInputElement},dom:function(r){return r.nodeType||d.svg(r)},str:function(r){return typeof r==="string"},fnc:function(r){return typeof r==="function"},und:function(r){return typeof r==="undefined"},nil:function(r){return d.und(r)||r===null},hex:function(r){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r)},rgb:function(r){return/^rgb/.test(r)},hsl:function(r){return/^hsl/.test(r)},col:function(r){return d.hex(r)||d.rgb(r)||d.hsl(r)},key:function(r){return!f.hasOwnProperty(r)&&!o.hasOwnProperty(r)&&r!=="targets"&&r!=="keyframes"}};function p(r){var n=/\(([^)]+)\)/.exec(r);return n?n[1].split(",").map((function(r){return parseFloat(r)})):[]}function m(r,n){var t=p(r);var e=s(d.und(t[0])?1:t[0],.1,100);var i=s(d.und(t[1])?100:t[1],.1,100);var a=s(d.und(t[2])?10:t[2],.1,100);var u=s(d.und(t[3])?0:t[3],.1,100);var f=Math.sqrt(i/e);var o=a/(2*Math.sqrt(i*e));var v=o<1?f*Math.sqrt(1-o*o):0;var l=1;var h=o<1?(o*f+-u)/v:-u+f;function m(r){var t=n?n*r/1e3:r;if(o<1){t=Math.exp(-t*o*f)*(l*Math.cos(v*t)+h*Math.sin(v*t))}else{t=(l+h*t)*Math.exp(-t*f)}if(r===0||r===1){return r}return 1-t}function g(){var n=c.springs[r];if(n){return n}var t=1/6;var e=0;var i=0;while(true){e+=t;if(m(e)===1){i++;if(i>=16){break}}else{i=0}}var a=e*t*1e3;c.springs[r]=a;return a}return n?m:g}function g(r){if(r===void 0)r=10;return function(n){return Math.ceil(s(n,1e-6,1)*r)*(1/r)}}var b=function(){var r=11;var n=1/(r-1);function t(r,n){return 1-3*n+3*r}function e(r,n){return 3*n-6*r}function i(r){return 3*r}function a(r,n,a){return((t(n,a)*r+e(n,a))*r+i(n))*r}function u(r,n,a){return 3*t(n,a)*r*r+2*e(n,a)*r+i(n)}function f(r,n,t,e,i){var u,f,o=0;do{f=n+(t-n)/2;u=a(f,e,i)-r;if(u>0){t=f}else{n=f}}while(Math.abs(u)>1e-7&&++o<10);return f}function o(r,n,t,e){for(var i=0;i<4;++i){var f=u(n,t,e);if(f===0){return n}var o=a(n,t,e)-r;n-=o/f}return n}function v(t,e,i,v){if(!(0<=t&&t<=1&&0<=i&&i<=1)){return}var c=new Float32Array(r);if(t!==e||i!==v){for(var s=0;s<r;++s){c[s]=a(s*n,t,i)}}function l(e){var a=0;var v=1;var s=r-1;for(;v!==s&&c[v]<=e;++v){a+=n}--v;var l=(e-c[v])/(c[v+1]-c[v]);var h=a+l*n;var d=u(h,t,i);if(d>=.001){return o(e,h,t,i)}else if(d===0){return h}else{return f(e,a,a+n,t,i)}}return function(r){if(t===e&&i===v){return r}if(r===0||r===1){return r}return a(l(r),e,v)}}return v}();var M=function(){var r={linear:function(){return function(r){return r}}};var n={Sine:function(){return function(r){return 1-Math.cos(r*Math.PI/2)}},Circ:function(){return function(r){return 1-Math.sqrt(1-r*r)}},Back:function(){return function(r){return r*r*(3*r-2)}},Bounce:function(){return function(r){var n,t=4;while(r<((n=Math.pow(2,--t))-1)/11){}return 1/Math.pow(4,3-t)-7.5625*Math.pow((n*3-2)/22-r,2)}},Elastic:function(r,n){if(r===void 0)r=1;if(n===void 0)n=.5;var t=s(r,1,10);var e=s(n,.1,2);return function(r){return r===0||r===1?r:-t*Math.pow(2,10*(r-1))*Math.sin((r-1-e/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/e)}}};var t=["Quad","Cubic","Quart","Quint","Expo"];t.forEach((function(r,t){n[r]=function(){return function(r){return Math.pow(r,t+2)}}}));Object.keys(n).forEach((function(t){var e=n[t];r["easeIn"+t]=e;r["easeOut"+t]=function(r,n){return function(t){return 1-e(r,n)(1-t)}};r["easeInOut"+t]=function(r,n){return function(t){return t<.5?e(r,n)(t*2)/2:1-e(r,n)(t*-2+2)/2}};r["easeOutIn"+t]=function(r,n){return function(t){return t<.5?(1-e(r,n)(1-t*2))/2:(e(r,n)(t*2-1)+1)/2}}}));return r}();function y(r,n){if(d.fnc(r)){return r}var t=r.split("(")[0];var e=M[t];var i=p(r);switch(t){case"spring":return m(r,n);case"cubicBezier":return h(b,i);case"steps":return h(g,i);default:return h(e,i)}}function w(r){try{var n=document.querySelectorAll(r);return n}catch(r){return}}function x(r,n){var t=r.length;var e=arguments.length>=2?arguments[1]:void 0;var i=[];for(var a=0;a<t;a++){if(a in r){var u=r[a];if(n.call(e,u,a,r)){i.push(u)}}}return i}function A(r){return r.reduce((function(r,n){return r.concat(d.arr(n)?A(n):n)}),[])}function F(r){if(d.arr(r)){return r}if(d.str(r)){r=w(r)||r}if(r instanceof NodeList||r instanceof HTMLCollection){return[].slice.call(r)}return[r]}function O(r,n){return r.some((function(r){return r===n}))}function k(r){var n={};for(var t in r){n[t]=r[t]}return n}function C(r,n){var t=k(r);for(var e in r){t[e]=n.hasOwnProperty(e)?n[e]:r[e]}return t}function E(r,n){var t=k(r);for(var e in n){t[e]=d.und(r[e])?n[e]:r[e]}return t}function j(r){var n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(r);return n?"rgba("+n[1]+",1)":r}function B(r){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;var t=r.replace(n,(function(r,n,t,e){return n+n+t+t+e+e}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);var i=parseInt(e[1],16);var a=parseInt(e[2],16);var u=parseInt(e[3],16);return"rgba("+i+","+a+","+u+",1)"}function I(r){var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(r)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(r);var t=parseInt(n[1],10)/360;var e=parseInt(n[2],10)/100;var i=parseInt(n[3],10)/100;var a=n[4]||1;function u(r,n,t){if(t<0){t+=1}if(t>1){t-=1}if(t<1/6){return r+(n-r)*6*t}if(t<1/2){return n}if(t<2/3){return r+(n-r)*(2/3-t)*6}return r}var f,o,v;if(e==0){f=o=v=i}else{var c=i<.5?i*(1+e):i+e-i*e;var s=2*i-c;f=u(s,c,t+1/3);o=u(s,c,t);v=u(s,c,t-1/3)}return"rgba("+f*255+","+o*255+","+v*255+","+a+")"}function N(r){if(d.rgb(r)){return j(r)}if(d.hex(r)){return B(r)}if(d.hsl(r)){return I(r)}}function $(r){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(r);if(n){return n[1]}}function z(r){if(l(r,"translate")||r==="perspective"){return"px"}if(l(r,"rotate")||l(r,"skew")){return"deg"}}function L(r,n){if(!d.fnc(r)){return r}return r(n.target,n.id,n.total)}function H(r,n){return r.getAttribute(n)}function S(r,n,t){var e=$(n);if(O([t,"deg","rad","turn"],e)){return n}var i=c.CSS[n+t];if(!d.und(i)){return i}var a=100;var u=document.createElement(r.tagName);var f=r.parentNode&&r.parentNode!==document?r.parentNode:document.body;f.appendChild(u);u.style.position="absolute";u.style.width=a+t;var o=a/u.offsetWidth;f.removeChild(u);var v=o*parseFloat(n);c.CSS[n+t]=v;return v}function D(r,n,t){if(n in r.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var i=r.style[n]||getComputedStyle(r).getPropertyValue(e)||"0";return t?S(r,i,t):i}}function X(r,n){if(d.dom(r)&&!d.inp(r)&&(!d.nil(H(r,n))||d.svg(r)&&r[n])){return"attribute"}if(d.dom(r)&&O(v,n)){return"transform"}if(d.dom(r)&&(n!=="transform"&&D(r,n))){return"css"}if(r[n]!=null){return"object"}}function Y(r){if(!d.dom(r)){return}var n=r.style.transform||"";var t=/(\w+)\(([^)]*)\)/g;var e=new Map;var i;while(i=t.exec(n)){e.set(i[1],i[2])}return e}function Z(r,n,t,e){var i=l(n,"scale")?1:0+z(n);var a=Y(r).get(n)||i;if(t){t.transforms.list.set(n,a);t.transforms["last"]=n}return e?S(r,a,e):a}function Q(r,n,t,e){switch(X(r,n)){case"transform":return Z(r,n,e,t);case"css":return D(r,n,t);case"attribute":return H(r,n);default:return r[n]||0}}function q(r,n){var t=/^(\*=|\+=|-=)/.exec(r);if(!t){return r}var e=$(r)||0;var i=parseFloat(n);var a=parseFloat(r.replace(t[0],""));switch(t[0][0]){case"+":return i+a+e;case"-":return i-a+e;case"*":return i*a+e}}function P(r,n){if(d.col(r)){return N(r)}if(/\s/g.test(r)){return r}var t=$(r);var e=t?r.substr(0,r.length-t.length):r;if(n){return e+n}return e}function R(r,n){return Math.sqrt(Math.pow(n.x-r.x,2)+Math.pow(n.y-r.y,2))}function T(r){return Math.PI*2*H(r,"r")}function G(r){return H(r,"width")*2+H(r,"height")*2}function V(r){return R({x:H(r,"x1"),y:H(r,"y1")},{x:H(r,"x2"),y:H(r,"y2")})}function W(r){var n=r.points;var t=0;var e;for(var i=0;i<n.numberOfItems;i++){var a=n.getItem(i);if(i>0){t+=R(e,a)}e=a}return t}function _(r){var n=r.points;return W(r)+R(n.getItem(n.numberOfItems-1),n.getItem(0))}function J(r){if(r.getTotalLength){return r.getTotalLength()}switch(r.tagName.toLowerCase()){case"circle":return T(r);case"rect":return G(r);case"line":return V(r);case"polyline":return W(r);case"polygon":return _(r)}}function K(r){var n=J(r);r.setAttribute("stroke-dasharray",n);return n}function U(r){var n=r.parentNode;while(d.svg(n)){if(!d.svg(n.parentNode)){break}n=n.parentNode}return n}function rr(r,n){var t=n||{};var e=t.el||U(r);var i=e.getBoundingClientRect();var a=H(e,"viewBox");var u=i.width;var f=i.height;var o=t.viewBox||(a?a.split(" "):[0,0,u,f]);return{el:e,viewBox:o,x:o[0]/1,y:o[1]/1,w:u,h:f,vW:o[2],vH:o[3]}}function nr(r,n){var t=d.str(r)?w(r)[0]:r;var e=n||100;return function(r){return{property:r,el:t,svg:rr(t),totalLength:J(t)*(e/100)}}}function tr(r,n,t){function e(t){if(t===void 0)t=0;var e=n+t>=1?n+t:0;return r.el.getPointAtLength(e)}var i=rr(r.el,r.svg);var a=e();var u=e(-1);var f=e(+1);var o=t?1:i.w/i.vW;var v=t?1:i.h/i.vH;switch(r.property){case"x":return(a.x-i.x)*o;case"y":return(a.y-i.y)*v;case"angle":return Math.atan2(f.y-u.y,f.x-u.x)*180/Math.PI}}function er(r,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;var e=P(d.pth(r)?r.totalLength:r,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:d.str(r)||n?e.split(t):[]}}function ir(r){var n=r?A(d.arr(r)?r.map(F):F(r)):[];return x(n,(function(r,n,t){return t.indexOf(r)===n}))}function ar(r){var n=ir(r);return n.map((function(r,t){return{target:r,id:t,total:n.length,transforms:{list:Y(r)}}}))}function ur(r,n){var t=k(n);if(/^spring/.test(t.easing)){t.duration=m(t.easing)}if(d.arr(r)){var e=r.length;var i=e===2&&!d.obj(r[0]);if(!i){if(!d.fnc(n.duration)){t.duration=n.duration/e}}else{r={value:r}}}var a=d.arr(r)?r:[r];return a.map((function(r,t){var e=d.obj(r)&&!d.pth(r)?r:{value:r};if(d.und(e.delay)){e.delay=!t?n.delay:0}if(d.und(e.endDelay)){e.endDelay=t===a.length-1?n.endDelay:0}return e})).map((function(r){return E(r,t)}))}function fr(r){var n=x(A(r.map((function(r){return Object.keys(r)}))),(function(r){return d.key(r)})).reduce((function(r,n){if(r.indexOf(n)<0){r.push(n)}return r}),[]);var t={};var e=function(e){var i=n[e];t[i]=r.map((function(r){var n={};for(var t in r){if(d.key(t)){if(t==i){n.value=r[t]}}else{n[t]=r[t]}}return n}))};for(var i=0;i<n.length;i++)e(i);return t}function or(r,n){var t=[];var e=n.keyframes;if(e){n=E(fr(e),n)}for(var i in n){if(d.key(i)){t.push({name:i,tweens:ur(n[i],r)})}}return t}function vr(r,n){var t={};for(var e in r){var i=L(r[e],n);if(d.arr(i)){i=i.map((function(r){return L(r,n)}));if(i.length===1){i=i[0]}}t[e]=i}t.duration=parseFloat(t.duration);t.delay=parseFloat(t.delay);return t}function cr(r,n){var t;return r.tweens.map((function(e){var i=vr(e,n);var a=i.value;var u=d.arr(a)?a[1]:a;var f=$(u);var o=Q(n.target,r.name,f,n);var v=t?t.to.original:o;var c=d.arr(a)?a[0]:v;var s=$(c)||$(o);var l=f||s;if(d.und(u)){u=v}i.from=er(c,l);i.to=er(q(u,c),l);i.start=t?t.end:0;i.end=i.start+i.delay+i.duration+i.endDelay;i.easing=y(i.easing,i.duration);i.isPath=d.pth(a);i.isPathTargetInsideSVG=i.isPath&&d.svg(n.target);i.isColor=d.col(i.from.original);if(i.isColor){i.round=1}t=i;return i}))}var sr={css:function(r,n,t){return r.style[n]=t},attribute:function(r,n,t){return r.setAttribute(n,t)},object:function(r,n,t){return r[n]=t},transform:function(r,n,t,e,i){e.list.set(n,t);if(n===e.last||i){var a="";e.list.forEach((function(r,n){a+=n+"("+r+") "}));r.style.transform=a}}};function lr(r,n){var t=ar(r);t.forEach((function(r){for(var t in n){var e=L(n[t],r);var i=r.target;var a=$(e);var u=Q(i,t,a,r);var f=a||$(u);var o=q(P(e,f),u);var v=X(i,t);sr[v](i,t,o,r.transforms,true)}}))}function hr(r,n){var t=X(r.target,n.name);if(t){var e=cr(n,r);var i=e[e.length-1];return{type:t,property:n.name,animatable:r,tweens:e,duration:i.end,delay:e[0].delay,endDelay:i.endDelay}}}function dr(r,n){return x(A(r.map((function(r){return n.map((function(n){return hr(r,n)}))}))),(function(r){return!d.und(r)}))}function pr(r,n){var t=r.length;var e=function(r){return r.timelineOffset?r.timelineOffset:0};var i={};i.duration=t?Math.max.apply(Math,r.map((function(r){return e(r)+r.duration}))):n.duration;i.delay=t?Math.min.apply(Math,r.map((function(r){return e(r)+r.delay}))):n.delay;i.endDelay=t?i.duration-Math.max.apply(Math,r.map((function(r){return e(r)+r.duration-r.endDelay}))):n.endDelay;return i}var mr=0;function gr(r){var n=C(f,r);var t=C(o,r);var e=or(t,r);var i=ar(r.targets);var a=dr(i,e);var u=pr(a,t);var v=mr;mr++;return E(n,{id:v,children:[],animatables:i,animations:a,duration:u.duration,delay:u.delay,endDelay:u.endDelay})}var br=[];var Mr=function(){var r;function n(){if(!r&&(!yr()||!wr.suspendWhenDocumentHidden)&&br.length>0){r=requestAnimationFrame(t)}}function t(n){var e=br.length;var i=0;while(i<e){var a=br[i];if(!a.paused){a.tick(n);i++}else{br.splice(i,1);e--}}r=i>0?requestAnimationFrame(t):undefined}function e(){if(!wr.suspendWhenDocumentHidden){return}if(yr()){r=cancelAnimationFrame(r)}else{br.forEach((function(r){return r._onDocumentVisibility()}));Mr()}}if(typeof document!=="undefined"){document.addEventListener("visibilitychange",e)}return n}();function yr(){return!!document&&document.hidden}function wr(r){if(r===void 0)r={};var n=0,t=0,e=0;var i,a=0;var u=null;function f(r){var n=window.Promise&&new Promise((function(r){return u=r}));r.finished=n;return n}var o=gr(r);f(o);function v(){var r=o.direction;if(r!=="alternate"){o.direction=r!=="normal"?"normal":"reverse"}o.reversed=!o.reversed;i.forEach((function(r){return r.reversed=o.reversed}))}function c(r){return o.reversed?o.duration-r:r}function l(){n=0;t=c(o.currentTime)*(1/wr.speed)}function h(r,n){if(n){n.seek(r-n.timelineOffset)}}function d(r){if(!o.reversePlayback){for(var n=0;n<a;n++){h(r,i[n])}}else{for(var t=a;t--;){h(r,i[t])}}}function p(r){var n=0;var t=o.animations;var e=t.length;while(n<e){var i=t[n];var a=i.animatable;var u=i.tweens;var f=u.length-1;var v=u[f];if(f){v=x(u,(function(n){return r<n.end}))[0]||v}var c=s(r-v.start-v.delay,0,v.duration)/v.duration;var l=isNaN(c)?1:v.easing(c);var h=v.to.strings;var d=v.round;var p=[];var m=v.to.numbers.length;var g=void 0;for(var b=0;b<m;b++){var M=void 0;var y=v.to.numbers[b];var w=v.from.numbers[b]||0;if(!v.isPath){M=w+l*(y-w)}else{M=tr(v.value,l*y,v.isPathTargetInsideSVG)}if(d){if(!(v.isColor&&b>2)){M=Math.round(M*d)/d}}p.push(M)}var A=h.length;if(!A){g=p[0]}else{g=h[0];for(var F=0;F<A;F++){var O=h[F+1];var k=p[F];if(!isNaN(k)){if(!O){g+=k+" "}else{g+=k+O}}}}sr[i.type](a.target,i.property,g,a.transforms);i.currentValue=g;n++}}function m(r){if(o[r]&&!o.passThrough){o[r](o)}}function g(){if(o.remaining&&o.remaining!==true){o.remaining--}}function b(r){var a=o.duration;var l=o.delay;var h=a-o.endDelay;var b=c(r);o.progress=s(b/a*100,0,100);o.reversePlayback=b<o.currentTime;if(i){d(b)}if(!o.began&&o.currentTime>0){o.began=true;m("begin")}if(!o.loopBegan&&o.currentTime>0){o.loopBegan=true;m("loopBegin")}if(b<=l&&o.currentTime!==0){p(0)}if(b>=h&&o.currentTime!==a||!a){p(a)}if(b>l&&b<h){if(!o.changeBegan){o.changeBegan=true;o.changeCompleted=false;m("changeBegin")}m("change");p(b)}else{if(o.changeBegan){o.changeCompleted=true;o.changeBegan=false;m("changeComplete")}}o.currentTime=s(b,0,a);if(o.began){m("update")}if(r>=a){t=0;g();if(!o.remaining){o.paused=true;if(!o.completed){o.completed=true;m("loopComplete");m("complete");if(!o.passThrough&&"Promise"in window){u();f(o)}}}else{n=e;m("loopComplete");o.loopBegan=false;if(o.direction==="alternate"){v()}}}}o.reset=function(){var r=o.direction;o.passThrough=false;o.currentTime=0;o.progress=0;o.paused=true;o.began=false;o.loopBegan=false;o.changeBegan=false;o.completed=false;o.changeCompleted=false;o.reversePlayback=false;o.reversed=r==="reverse";o.remaining=o.loop;i=o.children;a=i.length;for(var n=a;n--;){o.children[n].reset()}if(o.reversed&&o.loop!==true||r==="alternate"&&o.loop===1){o.remaining++}p(o.reversed?o.duration:0)};o._onDocumentVisibility=l;o.set=function(r,n){lr(r,n);return o};o.tick=function(r){e=r;if(!n){n=e}b((e+(t-n))*wr.speed)};o.seek=function(r){b(c(r))};o.pause=function(){o.paused=true;l()};o.play=function(){if(!o.paused){return}if(o.completed){o.reset()}o.paused=false;br.push(o);l();Mr()};o.reverse=function(){v();o.completed=o.reversed?false:true;l()};o.restart=function(){o.reset();o.play()};o.remove=function(r){var n=ir(r);Ar(n,o)};o.reset();if(o.autoplay){o.play()}return o}function xr(r,n){for(var t=n.length;t--;){if(O(r,n[t].animatable.target)){n.splice(t,1)}}}function Ar(r,n){var t=n.animations;var e=n.children;xr(r,t);for(var i=e.length;i--;){var a=e[i];var u=a.animations;xr(r,u);if(!u.length&&!a.children.length){e.splice(i,1)}}if(!t.length&&!e.length){n.pause()}}function Fr(r){var n=ir(r);for(var t=br.length;t--;){var e=br[t];Ar(n,e)}}function Or(r,n){if(n===void 0)n={};var t=n.direction||"normal";var e=n.easing?y(n.easing):null;var i=n.grid;var a=n.axis;var u=n.from||0;var f=u==="first";var o=u==="center";var v=u==="last";var c=d.arr(r);var s=c?parseFloat(r[0]):parseFloat(r);var l=c?parseFloat(r[1]):0;var h=$(c?r[1]:r)||0;var p=n.start||0+(c?s:0);var m=[];var g=0;return function(r,n,d){if(f){u=0}if(o){u=(d-1)/2}if(v){u=d-1}if(!m.length){for(var b=0;b<d;b++){if(!i){m.push(Math.abs(u-b))}else{var M=!o?u%i[0]:(i[0]-1)/2;var y=!o?Math.floor(u/i[0]):(i[1]-1)/2;var w=b%i[0];var x=Math.floor(b/i[0]);var A=M-w;var F=y-x;var O=Math.sqrt(A*A+F*F);if(a==="x"){O=-A}if(a==="y"){O=-F}m.push(O)}g=Math.max.apply(Math,m)}if(e){m=m.map((function(r){return e(r/g)*g}))}if(t==="reverse"){m=m.map((function(r){return a?r<0?r*-1:-r:Math.abs(g-r)}))}}var k=c?(l-s)/g:s;return p+k*(Math.round(m[n]*100)/100)+h}}function kr(r){if(r===void 0)r={};var n=wr(r);n.duration=0;n.add=function(t,e){var i=br.indexOf(n);var a=n.children;if(i>-1){br.splice(i,1)}function u(r){r.passThrough=true}for(var f=0;f<a.length;f++){u(a[f])}var v=E(t,C(o,r));v.targets=v.targets||r.targets;var c=n.duration;v.autoplay=false;v.direction=n.direction;v.timelineOffset=d.und(e)?c:q(e,c);u(n);n.seek(v.timelineOffset);var s=wr(v);u(s);a.push(s);var l=pr(a,r);n.delay=l.delay;n.endDelay=l.endDelay;n.duration=l.duration;n.seek(0);n.reset();if(n.autoplay){n.play()}return n};return n}wr.version="3.2.1";wr.speed=1;wr.suspendWhenDocumentHidden=true;wr.running=br;wr.remove=Fr;wr.get=Q;wr.set=lr;wr.convertPx=S;wr.path=nr;wr.setDashoffset=K;wr.stagger=Or;wr.timeline=kr;wr.easing=y;wr.penner=M;wr.random=function(r,n){return Math.floor(Math.random()*(n-r+1))+r};const Cr=":host{display:block;overflow-y:hidden}:host(.dso-hide){display:none}:host(:not(.dso-animate-ready)){position:absolute;visibility:hidden}:host([open]){position:inherit;visibility:inherit}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const Er=class{constructor(t){r(this,t);this.dsoExpandableAnimationEnd=n(this,"dsoExpandableAnimationEnd",3);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.animationReady=false}toggleOpen(){if(this.enableAnimation){this.activateAnimation()}}toggleEnableAnimation(r){var n;if(r){this.prepareAnimationResizeObserver();this.activateObserver()}else{(n=this.resizeObserver)===null||n===void 0?void 0:n.disconnect();delete this.animeInstance;this.host.removeAttribute("style")}}componentDidLoad(){if(this.enableAnimation){this.prepareAnimationResizeObserver()}this.activateObserver()}activateObserver(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.observe(this.host)}disconnectedCallback(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect()}render(){return t(e,{"aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation&&this.animationReady,"dso-hide":!this.enableAnimation&&!this.open})},t("slot",null))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(u((([r])=>{if(!r){throw new Error("No entry found")}const n=r.target.getBoundingClientRect().height;if(this.bodyHeight!==n){this.bodyHeight=n}this.instantiateAnimation()}),150))}instantiateAnimation(){var r;this.animeInstance=wr({targets:this.host,height:(r=this.minimumHeight)!==null&&r!==void 0?r:0,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:false,direction:"normal",begin:()=>{if(this.open){this.host.style.visibility="";this.host.style.position="";this.host.style.bottom=""}},complete:()=>{this.host.style.height="";if(!this.open){this.host.style.visibility="hidden";this.host.style.position="absolute";this.host.style.bottom="100%"}},changeComplete:()=>{this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight})}});if(!this.open){this.animeInstance.reverse();this.animeInstance.play()}if(this.host){this.host.style.height=""}this.animationReady=!!this.animeInstance}activateAnimation(){if(this.animeInstance){if(this.animeInstance.progress>0&&this.animeInstance.progress<100){this.animeInstance.reverse()}else{if(this.open){this.animeInstance.direction="reverse";this.animeInstance.play()}else{this.animeInstance.direction="normal";this.animeInstance.play()}}}}get host(){return i(this)}static get watchers(){return{open:["toggleOpen"],enableAnimation:["toggleEnableAnimation"]}}};Er.style=Cr;export{Er as dso_expandable};
-//# sourceMappingURL=p-298453a9.entry.js.map
+import{r,c as n,h as t,H as e,a as i}from"./p-3ca5b6f4.js";import{c as a}from"./p-c87b4d11.js";import{d as u}from"./p-1805f5b0.js";var f={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:true,timelineOffset:0};var o={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0};var v=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var c={CSS:{},springs:{}};function s(r,n,t){return Math.min(Math.max(r,n),t)}function l(r,n){return r.indexOf(n)>-1}function h(r,n){return r.apply(null,n)}var d={arr:function(r){return Array.isArray(r)},obj:function(r){return l(Object.prototype.toString.call(r),"Object")},pth:function(r){return d.obj(r)&&r.hasOwnProperty("totalLength")},svg:function(r){return r instanceof SVGElement},inp:function(r){return r instanceof HTMLInputElement},dom:function(r){return r.nodeType||d.svg(r)},str:function(r){return typeof r==="string"},fnc:function(r){return typeof r==="function"},und:function(r){return typeof r==="undefined"},nil:function(r){return d.und(r)||r===null},hex:function(r){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r)},rgb:function(r){return/^rgb/.test(r)},hsl:function(r){return/^hsl/.test(r)},col:function(r){return d.hex(r)||d.rgb(r)||d.hsl(r)},key:function(r){return!f.hasOwnProperty(r)&&!o.hasOwnProperty(r)&&r!=="targets"&&r!=="keyframes"}};function p(r){var n=/\(([^)]+)\)/.exec(r);return n?n[1].split(",").map((function(r){return parseFloat(r)})):[]}function m(r,n){var t=p(r);var e=s(d.und(t[0])?1:t[0],.1,100);var i=s(d.und(t[1])?100:t[1],.1,100);var a=s(d.und(t[2])?10:t[2],.1,100);var u=s(d.und(t[3])?0:t[3],.1,100);var f=Math.sqrt(i/e);var o=a/(2*Math.sqrt(i*e));var v=o<1?f*Math.sqrt(1-o*o):0;var l=1;var h=o<1?(o*f+-u)/v:-u+f;function m(r){var t=n?n*r/1e3:r;if(o<1){t=Math.exp(-t*o*f)*(l*Math.cos(v*t)+h*Math.sin(v*t))}else{t=(l+h*t)*Math.exp(-t*f)}if(r===0||r===1){return r}return 1-t}function g(){var n=c.springs[r];if(n){return n}var t=1/6;var e=0;var i=0;while(true){e+=t;if(m(e)===1){i++;if(i>=16){break}}else{i=0}}var a=e*t*1e3;c.springs[r]=a;return a}return n?m:g}function g(r){if(r===void 0)r=10;return function(n){return Math.ceil(s(n,1e-6,1)*r)*(1/r)}}var b=function(){var r=11;var n=1/(r-1);function t(r,n){return 1-3*n+3*r}function e(r,n){return 3*n-6*r}function i(r){return 3*r}function a(r,n,a){return((t(n,a)*r+e(n,a))*r+i(n))*r}function u(r,n,a){return 3*t(n,a)*r*r+2*e(n,a)*r+i(n)}function f(r,n,t,e,i){var u,f,o=0;do{f=n+(t-n)/2;u=a(f,e,i)-r;if(u>0){t=f}else{n=f}}while(Math.abs(u)>1e-7&&++o<10);return f}function o(r,n,t,e){for(var i=0;i<4;++i){var f=u(n,t,e);if(f===0){return n}var o=a(n,t,e)-r;n-=o/f}return n}function v(t,e,i,v){if(!(0<=t&&t<=1&&0<=i&&i<=1)){return}var c=new Float32Array(r);if(t!==e||i!==v){for(var s=0;s<r;++s){c[s]=a(s*n,t,i)}}function l(e){var a=0;var v=1;var s=r-1;for(;v!==s&&c[v]<=e;++v){a+=n}--v;var l=(e-c[v])/(c[v+1]-c[v]);var h=a+l*n;var d=u(h,t,i);if(d>=.001){return o(e,h,t,i)}else if(d===0){return h}else{return f(e,a,a+n,t,i)}}return function(r){if(t===e&&i===v){return r}if(r===0||r===1){return r}return a(l(r),e,v)}}return v}();var M=function(){var r={linear:function(){return function(r){return r}}};var n={Sine:function(){return function(r){return 1-Math.cos(r*Math.PI/2)}},Circ:function(){return function(r){return 1-Math.sqrt(1-r*r)}},Back:function(){return function(r){return r*r*(3*r-2)}},Bounce:function(){return function(r){var n,t=4;while(r<((n=Math.pow(2,--t))-1)/11){}return 1/Math.pow(4,3-t)-7.5625*Math.pow((n*3-2)/22-r,2)}},Elastic:function(r,n){if(r===void 0)r=1;if(n===void 0)n=.5;var t=s(r,1,10);var e=s(n,.1,2);return function(r){return r===0||r===1?r:-t*Math.pow(2,10*(r-1))*Math.sin((r-1-e/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/e)}}};var t=["Quad","Cubic","Quart","Quint","Expo"];t.forEach((function(r,t){n[r]=function(){return function(r){return Math.pow(r,t+2)}}}));Object.keys(n).forEach((function(t){var e=n[t];r["easeIn"+t]=e;r["easeOut"+t]=function(r,n){return function(t){return 1-e(r,n)(1-t)}};r["easeInOut"+t]=function(r,n){return function(t){return t<.5?e(r,n)(t*2)/2:1-e(r,n)(t*-2+2)/2}};r["easeOutIn"+t]=function(r,n){return function(t){return t<.5?(1-e(r,n)(1-t*2))/2:(e(r,n)(t*2-1)+1)/2}}}));return r}();function y(r,n){if(d.fnc(r)){return r}var t=r.split("(")[0];var e=M[t];var i=p(r);switch(t){case"spring":return m(r,n);case"cubicBezier":return h(b,i);case"steps":return h(g,i);default:return h(e,i)}}function w(r){try{var n=document.querySelectorAll(r);return n}catch(r){return}}function x(r,n){var t=r.length;var e=arguments.length>=2?arguments[1]:void 0;var i=[];for(var a=0;a<t;a++){if(a in r){var u=r[a];if(n.call(e,u,a,r)){i.push(u)}}}return i}function A(r){return r.reduce((function(r,n){return r.concat(d.arr(n)?A(n):n)}),[])}function F(r){if(d.arr(r)){return r}if(d.str(r)){r=w(r)||r}if(r instanceof NodeList||r instanceof HTMLCollection){return[].slice.call(r)}return[r]}function O(r,n){return r.some((function(r){return r===n}))}function k(r){var n={};for(var t in r){n[t]=r[t]}return n}function C(r,n){var t=k(r);for(var e in r){t[e]=n.hasOwnProperty(e)?n[e]:r[e]}return t}function E(r,n){var t=k(r);for(var e in n){t[e]=d.und(r[e])?n[e]:r[e]}return t}function j(r){var n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(r);return n?"rgba("+n[1]+",1)":r}function B(r){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;var t=r.replace(n,(function(r,n,t,e){return n+n+t+t+e+e}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);var i=parseInt(e[1],16);var a=parseInt(e[2],16);var u=parseInt(e[3],16);return"rgba("+i+","+a+","+u+",1)"}function I(r){var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(r)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(r);var t=parseInt(n[1],10)/360;var e=parseInt(n[2],10)/100;var i=parseInt(n[3],10)/100;var a=n[4]||1;function u(r,n,t){if(t<0){t+=1}if(t>1){t-=1}if(t<1/6){return r+(n-r)*6*t}if(t<1/2){return n}if(t<2/3){return r+(n-r)*(2/3-t)*6}return r}var f,o,v;if(e==0){f=o=v=i}else{var c=i<.5?i*(1+e):i+e-i*e;var s=2*i-c;f=u(s,c,t+1/3);o=u(s,c,t);v=u(s,c,t-1/3)}return"rgba("+f*255+","+o*255+","+v*255+","+a+")"}function N(r){if(d.rgb(r)){return j(r)}if(d.hex(r)){return B(r)}if(d.hsl(r)){return I(r)}}function $(r){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(r);if(n){return n[1]}}function z(r){if(l(r,"translate")||r==="perspective"){return"px"}if(l(r,"rotate")||l(r,"skew")){return"deg"}}function L(r,n){if(!d.fnc(r)){return r}return r(n.target,n.id,n.total)}function H(r,n){return r.getAttribute(n)}function S(r,n,t){var e=$(n);if(O([t,"deg","rad","turn"],e)){return n}var i=c.CSS[n+t];if(!d.und(i)){return i}var a=100;var u=document.createElement(r.tagName);var f=r.parentNode&&r.parentNode!==document?r.parentNode:document.body;f.appendChild(u);u.style.position="absolute";u.style.width=a+t;var o=a/u.offsetWidth;f.removeChild(u);var v=o*parseFloat(n);c.CSS[n+t]=v;return v}function D(r,n,t){if(n in r.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var i=r.style[n]||getComputedStyle(r).getPropertyValue(e)||"0";return t?S(r,i,t):i}}function X(r,n){if(d.dom(r)&&!d.inp(r)&&(!d.nil(H(r,n))||d.svg(r)&&r[n])){return"attribute"}if(d.dom(r)&&O(v,n)){return"transform"}if(d.dom(r)&&(n!=="transform"&&D(r,n))){return"css"}if(r[n]!=null){return"object"}}function Y(r){if(!d.dom(r)){return}var n=r.style.transform||"";var t=/(\w+)\(([^)]*)\)/g;var e=new Map;var i;while(i=t.exec(n)){e.set(i[1],i[2])}return e}function Z(r,n,t,e){var i=l(n,"scale")?1:0+z(n);var a=Y(r).get(n)||i;if(t){t.transforms.list.set(n,a);t.transforms["last"]=n}return e?S(r,a,e):a}function Q(r,n,t,e){switch(X(r,n)){case"transform":return Z(r,n,e,t);case"css":return D(r,n,t);case"attribute":return H(r,n);default:return r[n]||0}}function q(r,n){var t=/^(\*=|\+=|-=)/.exec(r);if(!t){return r}var e=$(r)||0;var i=parseFloat(n);var a=parseFloat(r.replace(t[0],""));switch(t[0][0]){case"+":return i+a+e;case"-":return i-a+e;case"*":return i*a+e}}function P(r,n){if(d.col(r)){return N(r)}if(/\s/g.test(r)){return r}var t=$(r);var e=t?r.substr(0,r.length-t.length):r;if(n){return e+n}return e}function R(r,n){return Math.sqrt(Math.pow(n.x-r.x,2)+Math.pow(n.y-r.y,2))}function T(r){return Math.PI*2*H(r,"r")}function G(r){return H(r,"width")*2+H(r,"height")*2}function V(r){return R({x:H(r,"x1"),y:H(r,"y1")},{x:H(r,"x2"),y:H(r,"y2")})}function W(r){var n=r.points;var t=0;var e;for(var i=0;i<n.numberOfItems;i++){var a=n.getItem(i);if(i>0){t+=R(e,a)}e=a}return t}function _(r){var n=r.points;return W(r)+R(n.getItem(n.numberOfItems-1),n.getItem(0))}function J(r){if(r.getTotalLength){return r.getTotalLength()}switch(r.tagName.toLowerCase()){case"circle":return T(r);case"rect":return G(r);case"line":return V(r);case"polyline":return W(r);case"polygon":return _(r)}}function K(r){var n=J(r);r.setAttribute("stroke-dasharray",n);return n}function U(r){var n=r.parentNode;while(d.svg(n)){if(!d.svg(n.parentNode)){break}n=n.parentNode}return n}function rr(r,n){var t=n||{};var e=t.el||U(r);var i=e.getBoundingClientRect();var a=H(e,"viewBox");var u=i.width;var f=i.height;var o=t.viewBox||(a?a.split(" "):[0,0,u,f]);return{el:e,viewBox:o,x:o[0]/1,y:o[1]/1,w:u,h:f,vW:o[2],vH:o[3]}}function nr(r,n){var t=d.str(r)?w(r)[0]:r;var e=n||100;return function(r){return{property:r,el:t,svg:rr(t),totalLength:J(t)*(e/100)}}}function tr(r,n,t){function e(t){if(t===void 0)t=0;var e=n+t>=1?n+t:0;return r.el.getPointAtLength(e)}var i=rr(r.el,r.svg);var a=e();var u=e(-1);var f=e(+1);var o=t?1:i.w/i.vW;var v=t?1:i.h/i.vH;switch(r.property){case"x":return(a.x-i.x)*o;case"y":return(a.y-i.y)*v;case"angle":return Math.atan2(f.y-u.y,f.x-u.x)*180/Math.PI}}function er(r,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;var e=P(d.pth(r)?r.totalLength:r,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:d.str(r)||n?e.split(t):[]}}function ir(r){var n=r?A(d.arr(r)?r.map(F):F(r)):[];return x(n,(function(r,n,t){return t.indexOf(r)===n}))}function ar(r){var n=ir(r);return n.map((function(r,t){return{target:r,id:t,total:n.length,transforms:{list:Y(r)}}}))}function ur(r,n){var t=k(n);if(/^spring/.test(t.easing)){t.duration=m(t.easing)}if(d.arr(r)){var e=r.length;var i=e===2&&!d.obj(r[0]);if(!i){if(!d.fnc(n.duration)){t.duration=n.duration/e}}else{r={value:r}}}var a=d.arr(r)?r:[r];return a.map((function(r,t){var e=d.obj(r)&&!d.pth(r)?r:{value:r};if(d.und(e.delay)){e.delay=!t?n.delay:0}if(d.und(e.endDelay)){e.endDelay=t===a.length-1?n.endDelay:0}return e})).map((function(r){return E(r,t)}))}function fr(r){var n=x(A(r.map((function(r){return Object.keys(r)}))),(function(r){return d.key(r)})).reduce((function(r,n){if(r.indexOf(n)<0){r.push(n)}return r}),[]);var t={};var e=function(e){var i=n[e];t[i]=r.map((function(r){var n={};for(var t in r){if(d.key(t)){if(t==i){n.value=r[t]}}else{n[t]=r[t]}}return n}))};for(var i=0;i<n.length;i++)e(i);return t}function or(r,n){var t=[];var e=n.keyframes;if(e){n=E(fr(e),n)}for(var i in n){if(d.key(i)){t.push({name:i,tweens:ur(n[i],r)})}}return t}function vr(r,n){var t={};for(var e in r){var i=L(r[e],n);if(d.arr(i)){i=i.map((function(r){return L(r,n)}));if(i.length===1){i=i[0]}}t[e]=i}t.duration=parseFloat(t.duration);t.delay=parseFloat(t.delay);return t}function cr(r,n){var t;return r.tweens.map((function(e){var i=vr(e,n);var a=i.value;var u=d.arr(a)?a[1]:a;var f=$(u);var o=Q(n.target,r.name,f,n);var v=t?t.to.original:o;var c=d.arr(a)?a[0]:v;var s=$(c)||$(o);var l=f||s;if(d.und(u)){u=v}i.from=er(c,l);i.to=er(q(u,c),l);i.start=t?t.end:0;i.end=i.start+i.delay+i.duration+i.endDelay;i.easing=y(i.easing,i.duration);i.isPath=d.pth(a);i.isPathTargetInsideSVG=i.isPath&&d.svg(n.target);i.isColor=d.col(i.from.original);if(i.isColor){i.round=1}t=i;return i}))}var sr={css:function(r,n,t){return r.style[n]=t},attribute:function(r,n,t){return r.setAttribute(n,t)},object:function(r,n,t){return r[n]=t},transform:function(r,n,t,e,i){e.list.set(n,t);if(n===e.last||i){var a="";e.list.forEach((function(r,n){a+=n+"("+r+") "}));r.style.transform=a}}};function lr(r,n){var t=ar(r);t.forEach((function(r){for(var t in n){var e=L(n[t],r);var i=r.target;var a=$(e);var u=Q(i,t,a,r);var f=a||$(u);var o=q(P(e,f),u);var v=X(i,t);sr[v](i,t,o,r.transforms,true)}}))}function hr(r,n){var t=X(r.target,n.name);if(t){var e=cr(n,r);var i=e[e.length-1];return{type:t,property:n.name,animatable:r,tweens:e,duration:i.end,delay:e[0].delay,endDelay:i.endDelay}}}function dr(r,n){return x(A(r.map((function(r){return n.map((function(n){return hr(r,n)}))}))),(function(r){return!d.und(r)}))}function pr(r,n){var t=r.length;var e=function(r){return r.timelineOffset?r.timelineOffset:0};var i={};i.duration=t?Math.max.apply(Math,r.map((function(r){return e(r)+r.duration}))):n.duration;i.delay=t?Math.min.apply(Math,r.map((function(r){return e(r)+r.delay}))):n.delay;i.endDelay=t?i.duration-Math.max.apply(Math,r.map((function(r){return e(r)+r.duration-r.endDelay}))):n.endDelay;return i}var mr=0;function gr(r){var n=C(f,r);var t=C(o,r);var e=or(t,r);var i=ar(r.targets);var a=dr(i,e);var u=pr(a,t);var v=mr;mr++;return E(n,{id:v,children:[],animatables:i,animations:a,duration:u.duration,delay:u.delay,endDelay:u.endDelay})}var br=[];var Mr=function(){var r;function n(){if(!r&&(!yr()||!wr.suspendWhenDocumentHidden)&&br.length>0){r=requestAnimationFrame(t)}}function t(n){var e=br.length;var i=0;while(i<e){var a=br[i];if(!a.paused){a.tick(n);i++}else{br.splice(i,1);e--}}r=i>0?requestAnimationFrame(t):undefined}function e(){if(!wr.suspendWhenDocumentHidden){return}if(yr()){r=cancelAnimationFrame(r)}else{br.forEach((function(r){return r._onDocumentVisibility()}));Mr()}}if(typeof document!=="undefined"){document.addEventListener("visibilitychange",e)}return n}();function yr(){return!!document&&document.hidden}function wr(r){if(r===void 0)r={};var n=0,t=0,e=0;var i,a=0;var u=null;function f(r){var n=window.Promise&&new Promise((function(r){return u=r}));r.finished=n;return n}var o=gr(r);f(o);function v(){var r=o.direction;if(r!=="alternate"){o.direction=r!=="normal"?"normal":"reverse"}o.reversed=!o.reversed;i.forEach((function(r){return r.reversed=o.reversed}))}function c(r){return o.reversed?o.duration-r:r}function l(){n=0;t=c(o.currentTime)*(1/wr.speed)}function h(r,n){if(n){n.seek(r-n.timelineOffset)}}function d(r){if(!o.reversePlayback){for(var n=0;n<a;n++){h(r,i[n])}}else{for(var t=a;t--;){h(r,i[t])}}}function p(r){var n=0;var t=o.animations;var e=t.length;while(n<e){var i=t[n];var a=i.animatable;var u=i.tweens;var f=u.length-1;var v=u[f];if(f){v=x(u,(function(n){return r<n.end}))[0]||v}var c=s(r-v.start-v.delay,0,v.duration)/v.duration;var l=isNaN(c)?1:v.easing(c);var h=v.to.strings;var d=v.round;var p=[];var m=v.to.numbers.length;var g=void 0;for(var b=0;b<m;b++){var M=void 0;var y=v.to.numbers[b];var w=v.from.numbers[b]||0;if(!v.isPath){M=w+l*(y-w)}else{M=tr(v.value,l*y,v.isPathTargetInsideSVG)}if(d){if(!(v.isColor&&b>2)){M=Math.round(M*d)/d}}p.push(M)}var A=h.length;if(!A){g=p[0]}else{g=h[0];for(var F=0;F<A;F++){var O=h[F+1];var k=p[F];if(!isNaN(k)){if(!O){g+=k+" "}else{g+=k+O}}}}sr[i.type](a.target,i.property,g,a.transforms);i.currentValue=g;n++}}function m(r){if(o[r]&&!o.passThrough){o[r](o)}}function g(){if(o.remaining&&o.remaining!==true){o.remaining--}}function b(r){var a=o.duration;var l=o.delay;var h=a-o.endDelay;var b=c(r);o.progress=s(b/a*100,0,100);o.reversePlayback=b<o.currentTime;if(i){d(b)}if(!o.began&&o.currentTime>0){o.began=true;m("begin")}if(!o.loopBegan&&o.currentTime>0){o.loopBegan=true;m("loopBegin")}if(b<=l&&o.currentTime!==0){p(0)}if(b>=h&&o.currentTime!==a||!a){p(a)}if(b>l&&b<h){if(!o.changeBegan){o.changeBegan=true;o.changeCompleted=false;m("changeBegin")}m("change");p(b)}else{if(o.changeBegan){o.changeCompleted=true;o.changeBegan=false;m("changeComplete")}}o.currentTime=s(b,0,a);if(o.began){m("update")}if(r>=a){t=0;g();if(!o.remaining){o.paused=true;if(!o.completed){o.completed=true;m("loopComplete");m("complete");if(!o.passThrough&&"Promise"in window){u();f(o)}}}else{n=e;m("loopComplete");o.loopBegan=false;if(o.direction==="alternate"){v()}}}}o.reset=function(){var r=o.direction;o.passThrough=false;o.currentTime=0;o.progress=0;o.paused=true;o.began=false;o.loopBegan=false;o.changeBegan=false;o.completed=false;o.changeCompleted=false;o.reversePlayback=false;o.reversed=r==="reverse";o.remaining=o.loop;i=o.children;a=i.length;for(var n=a;n--;){o.children[n].reset()}if(o.reversed&&o.loop!==true||r==="alternate"&&o.loop===1){o.remaining++}p(o.reversed?o.duration:0)};o._onDocumentVisibility=l;o.set=function(r,n){lr(r,n);return o};o.tick=function(r){e=r;if(!n){n=e}b((e+(t-n))*wr.speed)};o.seek=function(r){b(c(r))};o.pause=function(){o.paused=true;l()};o.play=function(){if(!o.paused){return}if(o.completed){o.reset()}o.paused=false;br.push(o);l();Mr()};o.reverse=function(){v();o.completed=o.reversed?false:true;l()};o.restart=function(){o.reset();o.play()};o.remove=function(r){var n=ir(r);Ar(n,o)};o.reset();if(o.autoplay){o.play()}return o}function xr(r,n){for(var t=n.length;t--;){if(O(r,n[t].animatable.target)){n.splice(t,1)}}}function Ar(r,n){var t=n.animations;var e=n.children;xr(r,t);for(var i=e.length;i--;){var a=e[i];var u=a.animations;xr(r,u);if(!u.length&&!a.children.length){e.splice(i,1)}}if(!t.length&&!e.length){n.pause()}}function Fr(r){var n=ir(r);for(var t=br.length;t--;){var e=br[t];Ar(n,e)}}function Or(r,n){if(n===void 0)n={};var t=n.direction||"normal";var e=n.easing?y(n.easing):null;var i=n.grid;var a=n.axis;var u=n.from||0;var f=u==="first";var o=u==="center";var v=u==="last";var c=d.arr(r);var s=c?parseFloat(r[0]):parseFloat(r);var l=c?parseFloat(r[1]):0;var h=$(c?r[1]:r)||0;var p=n.start||0+(c?s:0);var m=[];var g=0;return function(r,n,d){if(f){u=0}if(o){u=(d-1)/2}if(v){u=d-1}if(!m.length){for(var b=0;b<d;b++){if(!i){m.push(Math.abs(u-b))}else{var M=!o?u%i[0]:(i[0]-1)/2;var y=!o?Math.floor(u/i[0]):(i[1]-1)/2;var w=b%i[0];var x=Math.floor(b/i[0]);var A=M-w;var F=y-x;var O=Math.sqrt(A*A+F*F);if(a==="x"){O=-A}if(a==="y"){O=-F}m.push(O)}g=Math.max.apply(Math,m)}if(e){m=m.map((function(r){return e(r/g)*g}))}if(t==="reverse"){m=m.map((function(r){return a?r<0?r*-1:-r:Math.abs(g-r)}))}}var k=c?(l-s)/g:s;return p+k*(Math.round(m[n]*100)/100)+h}}function kr(r){if(r===void 0)r={};var n=wr(r);n.duration=0;n.add=function(t,e){var i=br.indexOf(n);var a=n.children;if(i>-1){br.splice(i,1)}function u(r){r.passThrough=true}for(var f=0;f<a.length;f++){u(a[f])}var v=E(t,C(o,r));v.targets=v.targets||r.targets;var c=n.duration;v.autoplay=false;v.direction=n.direction;v.timelineOffset=d.und(e)?c:q(e,c);u(n);n.seek(v.timelineOffset);var s=wr(v);u(s);a.push(s);var l=pr(a,r);n.delay=l.delay;n.endDelay=l.endDelay;n.duration=l.duration;n.seek(0);n.reset();if(n.autoplay){n.play()}return n};return n}wr.version="3.2.1";wr.speed=1;wr.suspendWhenDocumentHidden=true;wr.running=br;wr.remove=Fr;wr.get=Q;wr.set=lr;wr.convertPx=S;wr.path=nr;wr.setDashoffset=K;wr.stagger=Or;wr.timeline=kr;wr.easing=y;wr.penner=M;wr.random=function(r,n){return Math.floor(Math.random()*(n-r+1))+r};const Cr=":host{display:block;overflow-y:hidden}:host(.dso-hide){display:none}:host(:not(.dso-animate-ready)){position:absolute;visibility:hidden}:host([open]){position:inherit;visibility:inherit;overflow-y:visible}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const Er=class{constructor(t){r(this,t);this.dsoExpandableAnimationEnd=n(this,"dsoExpandableAnimationEnd",3);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.animationReady=false}toggleOpen(){if(this.enableAnimation){this.activateAnimation()}}toggleEnableAnimation(r){var n;if(r){this.prepareAnimationResizeObserver();this.activateObserver()}else{(n=this.resizeObserver)===null||n===void 0?void 0:n.disconnect();delete this.animeInstance;this.host.removeAttribute("style")}}componentDidLoad(){if(this.enableAnimation){this.prepareAnimationResizeObserver()}this.activateObserver()}activateObserver(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.observe(this.host)}disconnectedCallback(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect()}render(){return t(e,{"aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation&&this.animationReady,"dso-hide":!this.enableAnimation&&!this.open})},t("slot",null))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(u((([r])=>{if(!r){throw new Error("No entry found")}const n=r.target.getBoundingClientRect().height;if(this.bodyHeight!==n){this.bodyHeight=n}this.instantiateAnimation()}),150))}instantiateAnimation(){var r;this.animeInstance=wr({targets:this.host,height:(r=this.minimumHeight)!==null&&r!==void 0?r:0,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:false,direction:"normal",begin:()=>{if(this.open){this.host.style.visibility="";this.host.style.position="";this.host.style.bottom=""}},complete:()=>{this.host.style.height="";if(!this.open){this.host.style.visibility="hidden";this.host.style.position="absolute";this.host.style.bottom="100%"}},changeComplete:()=>{this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight})}});if(!this.open){this.animeInstance.reverse();this.animeInstance.play()}if(this.host){this.host.style.height=""}this.animationReady=!!this.animeInstance}activateAnimation(){if(this.animeInstance){if(this.animeInstance.progress>0&&this.animeInstance.progress<100){this.animeInstance.reverse()}else{if(this.open){this.animeInstance.direction="reverse";this.animeInstance.play()}else{this.animeInstance.direction="normal";this.animeInstance.play()}}}}get host(){return i(this)}static get watchers(){return{open:["toggleOpen"],enableAnimation:["toggleEnableAnimation"]}}};Er.style=Cr;export{Er as dso_expandable};
+//# sourceMappingURL=p-7d90b3b2.entry.js.map