npm - @rededor/cura - Versions diffs - 1.8.2-alpha.0 → 2.0.0-alpha.4 - Mend

@rededor/cura 1.8.2-alpha.0 → 2.0.0-alpha.4

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

package/dist/cjs/cura-modal.cjs.entry.js CHANGED Viewed

@@ -44,6 +44,11 @@ const CuraModal = class {
          * Default: Fechar
          */
         this.mobileCloseLabel = 'Fechar';
+        /**
+         * Controls whether the modal can be closed. When false, hides all close buttons and prevents closing via backdrop click or ESC key.
+         * Default: true
+         */
+        this.canClose = true;
         /**
          * Property zindex to control the z-index value of the component.
          * Default: 100
@@ -51,13 +56,16 @@ const CuraModal = class {
         this.zindex = '100';
         this.styles = {};
         this.handleCloseOnEsc = (evt) => {
-            if (evt.key !== 'Escape' || !this.open) {
+            if (evt.key !== 'Escape' || !this.open || !this.canClose) {
                 return;
             }
             this.open = false;
             this.modalClose.emit();
         };
         this.handleClose = () => {
+            if (!this.canClose) {
+                return;
+            }
             this.modalClose.emit();
             this.open = false;
         };
@@ -99,7 +107,7 @@ const CuraModal = class {
         window.addEventListener('keydown', this.handleCloseOnEsc);
     }
     render() {
-        return (index.h(index.Host, { key: '4ccdb55c36abada0f1a7c8f44b79603e3e3432cc', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, index.h("div", { key: '1b7248b7549a903a7a9b08aa219f209e0f159d30', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, index.h("div", { key: '6977bffb5232d6e45d217bf2db4f61748daf7ccf', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.handleClose }), index.h("div", { key: '71f7c2cf8c56d4f0fdf443209e0f5e96e285e36e', class: "wrapper" }, index.h("div", { key: '80b99d594ee94b214318479e815194be75f3fea7', class: "close desktop" }, index.h("cura-button-transparent", { key: '9abea3d67b08611313ee28b44bf6775a37b9ab79', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true })), index.h("slot", { key: '85364906c3b59f2ac7b95cd316babff55de10a0f' }), index.h("div", { key: 'a4106cee880560a7fdcb92b63f98feefbe8f283a', class: "close mobile", onClick: this.handleClose }, index.h("cura-button-transparent", { key: '794ab5cfdece8aa94ff85d37655a83c9df7a854a', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel))))));
+        return (index.h(index.Host, { key: 'a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, index.h("div", { key: '87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, index.h("div", { key: '1377054aaf87f31e2f27a32b813f21a3227a0679', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), index.h("div", { key: 'b8764e38f17fc18f6390b1454f73adc5b0f28024', class: "wrapper" }, this.canClose && (index.h("div", { key: 'e3b741e2885d879368b041c0da3ffa8ff1f6b1c4', class: "close desktop" }, index.h("cura-button-transparent", { key: '5c85f8cb21415741e3af4ab8833b031597faed50', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), index.h("slot", { key: 'fd0b51474b2fc973ad1dd6b626f42726e0972afb' }), this.canClose && (index.h("div", { key: 'da7b3e03af84967a38f398cde77495d6baa8af35', class: "close mobile", onClick: this.handleClose }, index.h("cura-button-transparent", { key: 'd95e7ed4963e6ad678dca0b23e5fdfb609dc7f6f', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
     }
     static get watchers() { return {
         "background": ["setColors"],

package/dist/cjs/cura-modal.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"cura-modal.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n display: block;\n}\n\n.modal {\n position: fixed;\n height: 100%;\n width: 100%;\n top: var(--top-offset);\n bottom: var(--bottom-offset);\n left: var(--left-offset);\n right: var(--right-offset);\n z-index: -1;\n margin-top: var(--offset-top);\n\n &.open {\n z-index: var(--zIndex);\n\n .backdrop,\n .wrapper {\n opacity: 1;\n visibility: visible;\n animation: fadeIn 0.3s ease-out;\n }\n }\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n background-color: var(--background-color);\n z-index: calc(var(--zIndex) - 10);\n animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n position: fixed;\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-light);\n border-radius: #{$spacing-xxxs};\n max-width: 600px;\n min-width: 200px;\n padding: calc(#{$spacing-tiny} / 2) #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n z-index: var(--zIndex);\n\n @include shadow-level4();\n\n transform: scale(0.95);\n transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n ::slotted() {\n max-height: 80vh;\n overflow: auto;\n padding-right: #{$spacing-xs};\n }\n}\n\n.modal.open .wrapper {\n transform: scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.close {\n justify-self: flex-end;\n padding-top: #{$spacing-xxs};\n background: none;\n border: none;\n cursor: pointer;\n\n &.mobile {\n display: none;\n }\n\n &.desktop {\n display: flex;\n padding: 0;\n margin-right: -8px;\n }\n}\n\n@include mobile-only() {\n .wrapper {\n position: fixed;\n bottom: #{$spacing-none};\n width: 80%;\n padding-top: #{$spacing-xxs};\n padding-bottom: #{$spacing-none};\n border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n border-bottom: none;\n }\n\n .close {\n align-items: center;\n border-top: 1px dashed var(--neutral-light);\n margin-top: #{$spacing-xxs};\n padding: #{$spacing-mini} #{$spacing-none};\n justify-content: center;\n width: 100%;\n\n &.mobile {\n display: flex;\n gap: #{$spacing-mini};\n }\n\n &.desktop {\n display: none;\n }\n }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-modal',\n styleUrl: 'cura-modal.scss',\n shadow: true,\n})\nexport class CuraModal {\n /\n Property open to control modal visibility.\n * Default: false\n /\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /\n Property background to control modal backdrop color.\n * Default: light\n /\n @Prop() background?: 'dark' \| 'light' = 'light';\n /\n Property top to control modal top position.\n * Default: 0px\n /\n @Prop() top?: number = 0;\n /\n Property bottom to control modal bottom position.\n * Default: 0px\n /\n @Prop() bottom?: number = 0;\n /\n Property left to control modal left position.\n * Default: 0px\n /\n @Prop() left?: number = 0;\n /\n Property right to control modal right position.\n * Default: 0px\n /\n @Prop() right?: number = 0;\n /\n Defines the label for the close button when the modal is viewed on mobile.\n * Default: Fechar\n /\n @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n /\n Property zindex to control the z-index value of the component.\n * Default: 100\n /\n @Prop({ reflect: true }) zindex: string = '100';\n /\n Event close to handle modal close.\n /\n @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n @State() styles = {};\n\n @Watch('background')\n setColors() {\n const backgroundTheme = {\n dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n };\n\n this.styles = {\n ...this.styles,\n '--background-color': backgroundTheme[this.background],\n };\n }\n\n setOffset(name: string, value: number) {\n this.styles = {\n ...this.styles,\n [`--${name}-offset`]: `${value}px`,\n };\n }\n\n @Watch('top')\n setTop() {\n this.setOffset('top', this.top);\n }\n\n @Watch('bottom')\n setBottom() {\n this.setOffset('bottom', this.bottom);\n }\n\n @Watch('left')\n setLeft() {\n this.setOffset('left', this.left);\n }\n\n @Watch('right')\n setRight() {\n this.setOffset('right', this.right);\n }\n\n handleCloseOnEsc = (evt: KeyboardEvent) => {\n if (evt.key !== 'Escape' \|\| !this.open) {\n return;\n }\n\n this.open = false;\n this.modalClose.emit();\n };\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n this.setColors();\n this.setTop();\n this.setBottom();\n this.setLeft();\n this.setRight();\n }\n\n private handleClose = () => {\n this.modalClose.emit();\n this.open = false;\n };\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleCloseOnEsc);\n }\n\n componentDidLoad() {\n window.addEventListener('keydown', this.handleCloseOnEsc);\n }\n\n render() {\n return (\n <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.handleClose}></div>\n <div class=\"wrapper\">\n {/ Desktop button /}\n <div class=\"close desktop\">\n <cura-button-transparent iconName=\"close\" color=\"error\" size=\"small\" onClick={this.handleClose} iconOnly></cura-button-transparent>\n </div>\n <slot></slot>\n {/ Mobile button */}\n <div class=\"close mobile\" onClick={this.handleClose}>\n <cura-button-transparent color=\"error\" iconName=\"close\" size=\"small\">\n {this.mobileCloseLabel}\n </cura-button-transparent>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"cura-modal.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n display: block;\n}\n\n.modal {\n position: fixed;\n height: 100%;\n width: 100%;\n top: var(--top-offset);\n bottom: var(--bottom-offset);\n left: var(--left-offset);\n right: var(--right-offset);\n z-index: -1;\n margin-top: var(--offset-top);\n\n &.open {\n z-index: var(--zIndex);\n\n .backdrop,\n .wrapper {\n opacity: 1;\n visibility: visible;\n animation: fadeIn 0.3s ease-out;\n }\n }\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n background-color: var(--background-color);\n z-index: calc(var(--zIndex) - 10);\n animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n position: fixed;\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-light);\n border-radius: #{$spacing-xxxs};\n max-width: 600px;\n min-width: 200px;\n padding: calc(#{$spacing-tiny} / 2) #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n z-index: var(--zIndex);\n\n @include shadow-level4();\n\n transform: scale(0.95);\n transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n ::slotted() {\n max-height: 80vh;\n overflow: auto;\n padding-right: #{$spacing-xs};\n }\n}\n\n.modal.open .wrapper {\n transform: scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.close {\n justify-self: flex-end;\n padding-top: #{$spacing-xxs};\n background: none;\n border: none;\n cursor: pointer;\n\n &.mobile {\n display: none;\n }\n\n &.desktop {\n display: flex;\n padding: 0;\n margin-right: -8px;\n }\n}\n\n@include mobile-only() {\n .wrapper {\n position: fixed;\n bottom: #{$spacing-none};\n width: 80%;\n padding-top: #{$spacing-xxs};\n padding-bottom: #{$spacing-none};\n border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n border-bottom: none;\n }\n\n .close {\n align-items: center;\n border-top: 1px dashed var(--neutral-light);\n margin-top: #{$spacing-xxs};\n padding: #{$spacing-mini} #{$spacing-none};\n justify-content: center;\n width: 100%;\n\n &.mobile {\n display: flex;\n gap: #{$spacing-mini};\n }\n\n &.desktop {\n display: none;\n }\n }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-modal',\n styleUrl: 'cura-modal.scss',\n shadow: true,\n})\nexport class CuraModal {\n /\n Property open to control modal visibility.\n * Default: false\n /\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /\n Property background to control modal backdrop color.\n * Default: light\n /\n @Prop() background?: 'dark' \| 'light' = 'light';\n /\n Property top to control modal top position.\n * Default: 0px\n /\n @Prop() top?: number = 0;\n /\n Property bottom to control modal bottom position.\n * Default: 0px\n /\n @Prop() bottom?: number = 0;\n /\n Property left to control modal left position.\n * Default: 0px\n /\n @Prop() left?: number = 0;\n /\n Property right to control modal right position.\n * Default: 0px\n /\n @Prop() right?: number = 0;\n /\n Defines the label for the close button when the modal is viewed on mobile.\n * Default: Fechar\n /\n @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n /\n Controls whether the modal can be closed. When false, hides all close buttons and prevents closing via backdrop click or ESC key.\n * Default: true\n /\n @Prop({ reflect: true }) canClose: boolean = true;\n /\n Property zindex to control the z-index value of the component.\n * Default: 100\n /\n @Prop({ reflect: true }) zindex: string = '100';\n /\n Event close to handle modal close.\n /\n @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n @State() styles = {};\n\n @Watch('background')\n setColors() {\n const backgroundTheme = {\n dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n };\n\n this.styles = {\n ...this.styles,\n '--background-color': backgroundTheme[this.background],\n };\n }\n\n setOffset(name: string, value: number) {\n this.styles = {\n ...this.styles,\n [`--${name}-offset`]: `${value}px`,\n };\n }\n\n @Watch('top')\n setTop() {\n this.setOffset('top', this.top);\n }\n\n @Watch('bottom')\n setBottom() {\n this.setOffset('bottom', this.bottom);\n }\n\n @Watch('left')\n setLeft() {\n this.setOffset('left', this.left);\n }\n\n @Watch('right')\n setRight() {\n this.setOffset('right', this.right);\n }\n\n handleCloseOnEsc = (evt: KeyboardEvent) => {\n if (evt.key !== 'Escape' \|\| !this.open \|\| !this.canClose) {\n return;\n }\n\n this.open = false;\n this.modalClose.emit();\n };\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n this.setColors();\n this.setTop();\n this.setBottom();\n this.setLeft();\n this.setRight();\n }\n\n private handleClose = () => {\n if (!this.canClose) {\n return;\n }\n this.modalClose.emit();\n this.open = false;\n };\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleCloseOnEsc);\n }\n\n componentDidLoad() {\n window.addEventListener('keydown', this.handleCloseOnEsc);\n }\n\n render() {\n return (\n <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.canClose ? this.handleClose : undefined}></div>\n <div class=\"wrapper\">\n {/ Desktop button /}\n {this.canClose && (\n <div class=\"close desktop\">\n <cura-button-transparent iconName=\"close\" color=\"error\" size=\"small\" onClick={this.handleClose} iconOnly></cura-button-transparent>\n </div>\n )}\n <slot></slot>\n {/ Mobile button */}\n {this.canClose && (\n <div class=\"close mobile\" onClick={this.handleClose}>\n <cura-button-transparent color=\"error\" iconName=\"close\" size=\"small\">\n {this.mobileCloseLabel}\n </cura-button-transparent>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/cura-modal.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cura-modal.entry.cjs.js","sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n display: block;\n}\n\n.modal {\n position: fixed;\n height: 100%;\n width: 100%;\n top: var(--top-offset);\n bottom: var(--bottom-offset);\n left: var(--left-offset);\n right: var(--right-offset);\n z-index: -1;\n margin-top: var(--offset-top);\n\n &.open {\n z-index: var(--zIndex);\n\n .backdrop,\n .wrapper {\n opacity: 1;\n visibility: visible;\n animation: fadeIn 0.3s ease-out;\n }\n }\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n background-color: var(--background-color);\n z-index: calc(var(--zIndex) - 10);\n animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n position: fixed;\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-light);\n border-radius: #{$spacing-xxxs};\n max-width: 600px;\n min-width: 200px;\n padding: calc(#{$spacing-tiny} / 2) #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n z-index: var(--zIndex);\n\n @include shadow-level4();\n\n transform: scale(0.95);\n transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n ::slotted() {\n max-height: 80vh;\n overflow: auto;\n padding-right: #{$spacing-xs};\n }\n}\n\n.modal.open .wrapper {\n transform: scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.close {\n justify-self: flex-end;\n padding-top: #{$spacing-xxs};\n background: none;\n border: none;\n cursor: pointer;\n\n &.mobile {\n display: none;\n }\n\n &.desktop {\n display: flex;\n padding: 0;\n margin-right: -8px;\n }\n}\n\n@include mobile-only() {\n .wrapper {\n position: fixed;\n bottom: #{$spacing-none};\n width: 80%;\n padding-top: #{$spacing-xxs};\n padding-bottom: #{$spacing-none};\n border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n border-bottom: none;\n }\n\n .close {\n align-items: center;\n border-top: 1px dashed var(--neutral-light);\n margin-top: #{$spacing-xxs};\n padding: #{$spacing-mini} #{$spacing-none};\n justify-content: center;\n width: 100%;\n\n &.mobile {\n display: flex;\n gap: #{$spacing-mini};\n }\n\n &.desktop {\n display: none;\n }\n }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-modal',\n styleUrl: 'cura-modal.scss',\n shadow: true,\n})\nexport class CuraModal {\n /\n Property open to control modal visibility.\n * Default: false\n /\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /\n Property background to control modal backdrop color.\n * Default: light\n /\n @Prop() background?: 'dark' \| 'light' = 'light';\n /\n Property top to control modal top position.\n * Default: 0px\n /\n @Prop() top?: number = 0;\n /\n Property bottom to control modal bottom position.\n * Default: 0px\n /\n @Prop() bottom?: number = 0;\n /\n Property left to control modal left position.\n * Default: 0px\n /\n @Prop() left?: number = 0;\n /\n Property right to control modal right position.\n * Default: 0px\n /\n @Prop() right?: number = 0;\n /\n Defines the label for the close button when the modal is viewed on mobile.\n * Default: Fechar\n /\n @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n /\n Property zindex to control the z-index value of the component.\n * Default: 100\n /\n @Prop({ reflect: true }) zindex: string = '100';\n /\n Event close to handle modal close.\n /\n @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n @State() styles = {};\n\n @Watch('background')\n setColors() {\n const backgroundTheme = {\n dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n };\n\n this.styles = {\n ...this.styles,\n '--background-color': backgroundTheme[this.background],\n };\n }\n\n setOffset(name: string, value: number) {\n this.styles = {\n ...this.styles,\n [`--${name}-offset`]: `${value}px`,\n };\n }\n\n @Watch('top')\n setTop() {\n this.setOffset('top', this.top);\n }\n\n @Watch('bottom')\n setBottom() {\n this.setOffset('bottom', this.bottom);\n }\n\n @Watch('left')\n setLeft() {\n this.setOffset('left', this.left);\n }\n\n @Watch('right')\n setRight() {\n this.setOffset('right', this.right);\n }\n\n handleCloseOnEsc = (evt: KeyboardEvent) => {\n if (evt.key !== 'Escape' \|\| !this.open) {\n return;\n }\n\n this.open = false;\n this.modalClose.emit();\n };\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n this.setColors();\n this.setTop();\n this.setBottom();\n this.setLeft();\n this.setRight();\n }\n\n private handleClose = () => {\n this.modalClose.emit();\n this.open = false;\n };\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleCloseOnEsc);\n }\n\n componentDidLoad() {\n window.addEventListener('keydown', this.handleCloseOnEsc);\n }\n\n render() {\n return (\n <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.handleClose}></div>\n <div class=\"wrapper\">\n {/ Desktop button /}\n <div class=\"close desktop\">\n <cura-button-transparent iconName=\"close\" color=\"error\" size=\"small\" onClick={this.handleClose} iconOnly></cura-button-transparent>\n </div>\n <slot></slot>\n {/ Mobile button */}\n <div class=\"close mobile\" onClick={this.handleClose}>\n <cura-button-transparent color=\"error\" iconName=\"close\" size=\"small\">\n {this.mobileCloseLabel}\n </cura-button-transparent>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}
1	+ {"version":3,"file":"cura-modal.entry.cjs.js","sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n display: block;\n}\n\n.modal {\n position: fixed;\n height: 100%;\n width: 100%;\n top: var(--top-offset);\n bottom: var(--bottom-offset);\n left: var(--left-offset);\n right: var(--right-offset);\n z-index: -1;\n margin-top: var(--offset-top);\n\n &.open {\n z-index: var(--zIndex);\n\n .backdrop,\n .wrapper {\n opacity: 1;\n visibility: visible;\n animation: fadeIn 0.3s ease-out;\n }\n }\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n background-color: var(--background-color);\n z-index: calc(var(--zIndex) - 10);\n animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n position: fixed;\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-light);\n border-radius: #{$spacing-xxxs};\n max-width: 600px;\n min-width: 200px;\n padding: calc(#{$spacing-tiny} / 2) #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n z-index: var(--zIndex);\n\n @include shadow-level4();\n\n transform: scale(0.95);\n transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n ::slotted() {\n max-height: 80vh;\n overflow: auto;\n padding-right: #{$spacing-xs};\n }\n}\n\n.modal.open .wrapper {\n transform: scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.close {\n justify-self: flex-end;\n padding-top: #{$spacing-xxs};\n background: none;\n border: none;\n cursor: pointer;\n\n &.mobile {\n display: none;\n }\n\n &.desktop {\n display: flex;\n padding: 0;\n margin-right: -8px;\n }\n}\n\n@include mobile-only() {\n .wrapper {\n position: fixed;\n bottom: #{$spacing-none};\n width: 80%;\n padding-top: #{$spacing-xxs};\n padding-bottom: #{$spacing-none};\n border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n border-bottom: none;\n }\n\n .close {\n align-items: center;\n border-top: 1px dashed var(--neutral-light);\n margin-top: #{$spacing-xxs};\n padding: #{$spacing-mini} #{$spacing-none};\n justify-content: center;\n width: 100%;\n\n &.mobile {\n display: flex;\n gap: #{$spacing-mini};\n }\n\n &.desktop {\n display: none;\n }\n }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-modal',\n styleUrl: 'cura-modal.scss',\n shadow: true,\n})\nexport class CuraModal {\n /\n Property open to control modal visibility.\n * Default: false\n /\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /\n Property background to control modal backdrop color.\n * Default: light\n /\n @Prop() background?: 'dark' \| 'light' = 'light';\n /\n Property top to control modal top position.\n * Default: 0px\n /\n @Prop() top?: number = 0;\n /\n Property bottom to control modal bottom position.\n * Default: 0px\n /\n @Prop() bottom?: number = 0;\n /\n Property left to control modal left position.\n * Default: 0px\n /\n @Prop() left?: number = 0;\n /\n Property right to control modal right position.\n * Default: 0px\n /\n @Prop() right?: number = 0;\n /\n Defines the label for the close button when the modal is viewed on mobile.\n * Default: Fechar\n /\n @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n /\n Controls whether the modal can be closed. When false, hides all close buttons and prevents closing via backdrop click or ESC key.\n * Default: true\n /\n @Prop({ reflect: true }) canClose: boolean = true;\n /\n Property zindex to control the z-index value of the component.\n * Default: 100\n /\n @Prop({ reflect: true }) zindex: string = '100';\n /\n Event close to handle modal close.\n /\n @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n @State() styles = {};\n\n @Watch('background')\n setColors() {\n const backgroundTheme = {\n dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n };\n\n this.styles = {\n ...this.styles,\n '--background-color': backgroundTheme[this.background],\n };\n }\n\n setOffset(name: string, value: number) {\n this.styles = {\n ...this.styles,\n [`--${name}-offset`]: `${value}px`,\n };\n }\n\n @Watch('top')\n setTop() {\n this.setOffset('top', this.top);\n }\n\n @Watch('bottom')\n setBottom() {\n this.setOffset('bottom', this.bottom);\n }\n\n @Watch('left')\n setLeft() {\n this.setOffset('left', this.left);\n }\n\n @Watch('right')\n setRight() {\n this.setOffset('right', this.right);\n }\n\n handleCloseOnEsc = (evt: KeyboardEvent) => {\n if (evt.key !== 'Escape' \|\| !this.open \|\| !this.canClose) {\n return;\n }\n\n this.open = false;\n this.modalClose.emit();\n };\n\n connectedCallback() {\n this.styles = {\n ...this.styles,\n '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n };\n this.setColors();\n this.setTop();\n this.setBottom();\n this.setLeft();\n this.setRight();\n }\n\n private handleClose = () => {\n if (!this.canClose) {\n return;\n }\n this.modalClose.emit();\n this.open = false;\n };\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleCloseOnEsc);\n }\n\n componentDidLoad() {\n window.addEventListener('keydown', this.handleCloseOnEsc);\n }\n\n render() {\n return (\n <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.canClose ? this.handleClose : undefined}></div>\n <div class=\"wrapper\">\n {/ Desktop button /}\n {this.canClose && (\n <div class=\"close desktop\">\n <cura-button-transparent iconName=\"close\" color=\"error\" size=\"small\" onClick={this.handleClose} iconOnly></cura-button-transparent>\n </div>\n )}\n <slot></slot>\n {/ Mobile button */}\n {this.canClose && (\n <div class=\"close mobile\" onClick={this.handleClose}>\n <cura-button-transparent color=\"error\" iconName=\"close\" size=\"small\">\n {this.mobileCloseLabel}\n </cura-button-transparent>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;;AAAA,MAAM,YAAY,GAAG,wpEAAwpE;;MCOhqE,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAME;;;AAGG;AACqC,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAC9D;;;AAGG;AACK,QAAA,IAAU,CAAA,UAAA,GAAsB,OAAO;AAC/C;;;AAGG;AACK,QAAA,IAAG,CAAA,GAAA,GAAY,CAAC;AACxB;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,CAAC;AAC3B;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,CAAC;AACzB;;;AAGG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,CAAC;AAC1B;;;AAGG;AACsB,QAAA,IAAgB,CAAA,gBAAA,GAAW,QAAQ;AAC5D;;;AAGG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AACjD;;;AAGG;AACsB,QAAA,IAAM,CAAA,MAAA,GAAW,KAAK;AAMtC,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AA0CpB,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,GAAkB,KAAI;AACxC,YAAA,IAAI,GAAG,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACxD;;AAGF,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACxB,SAAC;AAgBO,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB;;AAEF,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACnB,SAAC;AAoCF;IAxGC,SAAS,GAAA;AACP,QAAA,MAAM,eAAe,GAAG;AACtB,YAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC;AAChE,YAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,CAAC;SACnE;AAED,QAAA,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,MAAM,CACd,EAAA,EAAA,oBAAoB,EAAE,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,GACvD;;IAGH,SAAS,CAAC,IAAY,EAAE,KAAa,EAAA;AACnC,QAAA,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,MAAM,CACd,EAAA,EAAA,CAAC,CAAA,EAAA,EAAK,IAAI,CAAA,OAAA,CAAS,GAAG,CAAG,EAAA,KAAK,CAAI,EAAA,CAAA,GACnC;;IAIH,MAAM,GAAA;QACJ,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;;IAIjC,SAAS,GAAA;QACP,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;;IAIvC,OAAO,GAAA;QACL,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAInC,QAAQ,GAAA;QACN,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;;IAYrC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,GACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,MAAM,CAAA,EAAA,EACd,qBAAqB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAChF,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,EACxE,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAA,CAC5D;QACD,IAAI,CAAC,SAAS,EAAE;QAChB,IAAI,CAAC,MAAM,EAAE;QACb,IAAI,CAAC,SAAS,EAAE;QAChB,IAAI,CAAC,OAAO,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;;IAWjB,oBAAoB,GAAA;QAClB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC;;IAG9D,gBAAgB,GAAA;QACd,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC;;IAG3D,MAAM,GAAA;QACJ,QACEA,OAAC,CAAAC,UAAI,qDAAC,IAAI,EAAC,QAAQ,EAAY,YAAA,EAAA,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EACtED,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,sBAAsB,GAAG,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EACpFA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,qBAAqB,GAAG,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,SAAS,EAAQ,CAAA,EAC/HA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAEjB,IAAI,CAAC,QAAQ,KACZA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxBA,OAAyB,CAAA,yBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAA2B,IAAA,EAAA,CAAA,CAC/H,CACP,EACDA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEZ,IAAI,CAAC,QAAQ,KACZA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EACjDA,OAAyB,CAAA,yBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IACjE,IAAI,CAAC,gBAAgB,CACE,CACtB,CACP,CACG,CACF,CACD;;;;;;;;;;;;;;"}

package/dist/cjs/cura.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_20.cjs\",[[1,\"cura-dropdown-search\",{\"name\":[513],\"size\":[513],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"placeholder\":[513],\"label\":[513],\"icon\":[513],\"maxheight\":[513],\"value\":[1025],\"searchdelay\":[514],\"searchminchars\":[514],\"styles\":[32],\"zoomState\":[32],\"isOnFocus\":[32],\"dropdownItems\":[32],\"setFocus\":[64],\"selectOption\":[64]}],[65,\"cura-button\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}],[1,\"cura-accordion-item\",{\"label\":[513],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"colorMode\":[1,\"color-mode\"],\"level\":[514],\"opened\":[1540],\"styles\":[32]}],[1,\"cura-tabs\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[\"setColors\"]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[\"formatDistance\"]}],[1,\"cura-dropdown-search-category\"],[1,\"cura-accordion\",{\"color\":[513],\"colorMode\":[513,\"color-mode\"],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"behavior\":[513],\"level\":[514],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"]}],[1,\"cura-avatar\",{\"size\":[1],\"backgroundColor\":[513,\"background-color\"],\"borderColor\":[513,\"border-color\"],\"borderRadius\":[513,\"border-radius\"],\"border\":[516],\"type\":[513],\"imageSrc\":[1537,\"image-src\"],\"imageSrcDefault\":[513,\"image-src-default\"],\"floating\":[516],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"]}],[1,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[1,\"cura-page-template\",{\"contentwidth\":[513]}],[1,\"cura-tabs-group\",{\"gap\":[514],\"borderBottom\":[1540,\"border-bottom\"],\"colorMode\":[1537,\"color-mode\"],\"styles\":[32]},[[0,\"tabSelect\",\"handleTabSelect\"]]],[65,\"cura-input-text\",{\"mode\":[1537],\"status\":[1537],\"size\":[1537],\"type\":[513],\"inputMode\":[513,\"input-mode\"],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[1544],\"iconName\":[1537,\"icon-name\"],\"helperText\":[1537,\"helper-text\"],\"disabled\":[516],\"required\":[516],\"maskPreset\":[8,\"mask-preset\"],\"enableSelectionMode\":[1540,\"enable-selection-mode\"],\"maskRegex\":[1537,\"mask-regex\"],\"maskAdvanced\":[1544,\"mask-advanced\"],\"maxlength\":[1538],\"readOnly\":[516,\"read-only\"],\"isLoading\":[1540,\"is-loading\"],\"clearIcon\":[1540,\"clear-icon\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"styles\":[32],\"setFocus\":[64]},null,{\"styles\":[\"connectedCallback\"],\"size\":[\"getClasses\"],\"status\":[\"renderIcon\"],\"mode\":[\"renderIcon\"],\"maskPreset\":[\"initializeMask\"],\"maskRegex\":[\"initializeMask\"],\"maskAdvanced\":[\"initializeMask\"]}],[65,\"cura-select\",{\"label\":[513],\"placeholder\":[513],\"value\":[1537],\"mode\":[513],\"size\":[513],\"iconName\":[1,\"icon-name\"],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"searchBehavior\":[516,\"search-behavior\"],\"caseSensitive\":[516,\"case-sensitive\"],\"maxHeight\":[513,\"max-height\"],\"isHovered\":[32],\"isFocused\":[32],\"isOpen\":[32],\"options\":[32],\"activeIndex\":[32],\"textInput\":[32]},null,{\"activeIndex\":[\"updateOptionHighlights\"],\"textInput\":[\"filterOptions\"],\"value\":[\"handleValueChange\"]}],[1,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[\"getSize\"]}],[65,\"cura-button-transparent\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"hovered\":[32],\"styles\":[32]},null,{\"fontColor\":[\"getSymbolColor\"],\"color\":[\"getSymbolColor\"]}],[1,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-heading\",{\"level\":[514],\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-loader-circle\",{\"size\":[513],\"color\":[513]}],[1,\"cura-icon\",{\"name\":[513],\"color\":[1],\"size\":[8],\"iconset\":[513],\"disabled\":[4]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"colorHandler\"],\"disabled\":[\"colorHandler\"]}],[1,\"cura-label\",{\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-input-date.cjs\",[[65,\"cura-input-date\",{\"label\":[513],\"status\":[1537],\"size\":[513],\"name\":[513],\"helperText\":[513,\"helper-text\"],\"enableRangeDates\":[516,\"enable-range-dates\"],\"disableFutureDates\":[516,\"disable-future-dates\"],\"disablePassDates\":[516,\"disable-pass-dates\"],\"iconName\":[513,\"icon-name\"],\"placeholder\":[513],\"calendarType\":[513,\"calendar-type\"],\"styles\":[32],\"isCalendarVisible\":[32],\"dates\":[32],\"value\":[32],\"dateSettings\":[32]},[[8,\"click\",\"handleClick\"]],{\"enableRangeDates\":[\"updateDateSettings\"]}]]],[\"cura-stepper.cjs\",[[1,\"cura-stepper\",{\"activeStepIndex\":[514,\"active-step-index\"],\"errorInCurrentStep\":[516,\"error-in-current-step\"],\"displayHeading\":[516,\"display-heading\"],\"variant\":[513],\"steps\":[1],\"styles\":[32],\"stepList\":[32]}]]],[\"cura-tooltip.cjs\",[[1,\"cura-tooltip\",{\"elementId\":[1,\"element-id\"],\"interactive\":[4],\"delay\":[2],\"maxWidth\":[1,\"max-width\"],\"position\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"isMobile\":[32]},[[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"cura-modal.cjs\",[[1,\"cura-modal\",{\"open\":[1540],\"background\":[1],\"top\":[2],\"bottom\":[2],\"left\":[2],\"right\":[2],\"mobileCloseLabel\":[513,\"mobile-close-label\"],\"zindex\":[513],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"top\":[\"setTop\"],\"bottom\":[\"setBottom\"],\"left\":[\"setLeft\"],\"right\":[\"setRight\"]}]]],[\"cura-toast.cjs\",[[1,\"cura-toast\",{\"type\":[1],\"position\":[1],\"icon\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"loader\":[516],\"autoCloseDelay\":[514,\"auto-close-delay\"],\"styles\":[32],\"progress\":[32],\"close\":[64]},null,{\"type\":[\"handleChangeType\"],\"position\":[\"handleChangeType\"]}]]],[\"cura-alert.cjs\",[[1,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[\"setColors\"]}]]],[\"cura-button-outline.cjs\",[[65,\"cura-button-outline\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[1],\"fontColor\":[1,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\",\"getSymbolColor\"],\"fontColor\":[\"getSymbolColor\"]}]]],[\"cura-badge-counter.cjs\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[\"handleColorChange\"],\"color\":[\"handleColorChange\"],\"type\":[\"handleColorChange\"]}]]],[\"cura-button-select.cjs\",[[1,\"cura-button-select\",{\"selected\":[1540],\"iconName\":[1537,\"icon-name\"],\"size\":[513],\"counter\":[1538],\"disabled\":[516],\"background\":[1],\"color\":[1],\"iconPosition\":[513,\"icon-position\"],\"hovered\":[32],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}]]],[\"cura-checkbox.cjs\",[[65,\"cura-checkbox\",{\"checked\":[1540],\"indeterminate\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"size\":[513],\"background\":[1],\"iconColor\":[1,\"icon-color\"],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"],\"iconColor\":[\"assignColor\"]}]]],[\"cura-icons-view.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-tabs-button.cjs\",[[1,\"cura-tabs-button\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"counter\":[1538],\"selected\":[1540],\"disabled\":[1540],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[\"setColors\"]}]]],[\"cura-radio.cjs\",[[65,\"cura-radio\",{\"checked\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"background\":[1],\"size\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"]}]]],[\"cura-tabs-transparent.cjs\",[[1,\"cura-tabs-transparent\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[\"setColors\"]}]]],[\"cura-dropdown-search-not-found.cjs\",[[1,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[65,\"cura-switch\",{\"checked\":[1540],\"disabled\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"size\":[513],\"background\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\"]}]]],[\"cura-badge-dot.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-card.cjs\",[[1,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}]]],[\"cura-display.cjs\",[[1,\"cura-display\",{\"level\":[514],\"size\":[513],\"spotColor\":[1,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-calendar.cjs\",[[1,\"cura-calendar\",{\"period\":[513],\"width\":[513],\"minWidth\":[513,\"min-width\"],\"maxWidth\":[513,\"max-width\"],\"mode\":[513],\"dateFormat\":[1537,\"date-format\"],\"locale\":[513],\"type\":[513],\"disable\":[16],\"enable\":[16],\"defaultDate\":[1537,\"default-date\"],\"showToday\":[516,\"show-today\"],\"customDates\":[16,\"custom-dates\"],\"limitRange\":[514,\"limit-range\"],\"disablePassDates\":[1540,\"disable-pass-dates\"],\"disableFutureDates\":[1540,\"disable-future-dates\"],\"collapsed\":[1540],\"floating\":[1540],\"embedded\":[1540],\"selectLabelColorMode\":[1537,\"select-label-color-mode\"],\"selectedDates\":[32],\"rangeStart\":[32],\"defaultDates\":[32],\"currentDate\":[32],\"selectMonth\":[32],\"selectYear\":[32],\"styles\":[32]},null,{\"defaultDate\":[\"initializeDefaultDates\",\"handleDefaultDateChange\"],\"customDates\":[\"watchDefaultDatesArray\"]}]]],[\"cura-loader-bar.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"progress\":[\"handleProgress\"]}]]],[\"cura-badge-pill.cjs\",[[1,\"cura-badge-pill\",{\"type\":[513],\"color\":[1],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"disabled\":[516],\"iconOnly\":[516,\"icon-only\"],\"borderRadius\":[513,\"border-radius\"],\"styles\":[32]},null,{\"color\":[\"watchColorChange\"]}]]],[\"cura-progress-bar_2.cjs\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[1,\"cura-progress-bar\",{\"progressColor\":[513,\"progress-color\"],\"progress\":[514],\"size\":[514],\"strokeWidth\":[514,\"stroke-width\"],\"active\":[516]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_21.cjs\",[[1,\"cura-dropdown-search\",{\"name\":[513],\"size\":[513],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"placeholder\":[513],\"label\":[513],\"icon\":[513],\"maxheight\":[513],\"value\":[1025],\"searchdelay\":[514],\"searchminchars\":[514],\"styles\":[32],\"zoomState\":[32],\"isOnFocus\":[32],\"dropdownItems\":[32],\"setFocus\":[64],\"selectOption\":[64]}],[65,\"cura-button\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}],[1,\"cura-accordion-item\",{\"label\":[513],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"colorMode\":[1,\"color-mode\"],\"level\":[514],\"opened\":[1540],\"styles\":[32]}],[1,\"cura-tabs\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[\"setColors\"]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[\"formatDistance\"]}],[1,\"cura-dropdown-search-category\"],[1,\"cura-accordion\",{\"color\":[513],\"colorMode\":[513,\"color-mode\"],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"behavior\":[513],\"level\":[514],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"]}],[1,\"cura-avatar\",{\"size\":[1],\"backgroundColor\":[513,\"background-color\"],\"borderColor\":[513,\"border-color\"],\"borderRadius\":[513,\"border-radius\"],\"border\":[516],\"type\":[513],\"imageSrc\":[1537,\"image-src\"],\"imageSrcDefault\":[513,\"image-src-default\"],\"floating\":[516],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"]}],[1,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}],[1,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[1,\"cura-page-template\",{\"contentwidth\":[513]}],[1,\"cura-tabs-group\",{\"gap\":[514],\"borderBottom\":[1540,\"border-bottom\"],\"colorMode\":[1537,\"color-mode\"],\"styles\":[32]},[[0,\"tabSelect\",\"handleTabSelect\"]]],[65,\"cura-input-text\",{\"mode\":[1537],\"status\":[1537],\"size\":[1537],\"type\":[513],\"inputMode\":[513,\"input-mode\"],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[1544],\"iconName\":[1537,\"icon-name\"],\"helperText\":[1537,\"helper-text\"],\"disabled\":[516],\"required\":[516],\"maskPreset\":[8,\"mask-preset\"],\"enableSelectionMode\":[1540,\"enable-selection-mode\"],\"maskRegex\":[1537,\"mask-regex\"],\"maskAdvanced\":[1544,\"mask-advanced\"],\"maxlength\":[1538],\"readOnly\":[516,\"read-only\"],\"isLoading\":[1540,\"is-loading\"],\"clearIcon\":[1540,\"clear-icon\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"styles\":[32],\"setFocus\":[64]},null,{\"styles\":[\"connectedCallback\"],\"size\":[\"getClasses\"],\"status\":[\"renderIcon\"],\"mode\":[\"renderIcon\"],\"maskPreset\":[\"initializeMask\"],\"maskRegex\":[\"initializeMask\"],\"maskAdvanced\":[\"initializeMask\"]}],[65,\"cura-select\",{\"label\":[513],\"placeholder\":[513],\"value\":[1537],\"mode\":[513],\"size\":[513],\"iconName\":[1,\"icon-name\"],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"searchBehavior\":[516,\"search-behavior\"],\"caseSensitive\":[516,\"case-sensitive\"],\"maxHeight\":[513,\"max-height\"],\"isHovered\":[32],\"isFocused\":[32],\"isOpen\":[32],\"isPositioned\":[32],\"menuStyle\":[32],\"options\":[32],\"activeIndex\":[32],\"preferredPlacement\":[32],\"textInput\":[32]},null,{\"activeIndex\":[\"updateOptionHighlights\"],\"textInput\":[\"filterOptions\"],\"value\":[\"handleValueChange\"]}],[1,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[\"getSize\"]}],[65,\"cura-button-transparent\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"hovered\":[32],\"styles\":[32]},null,{\"fontColor\":[\"getSymbolColor\"],\"color\":[\"getSymbolColor\"]}],[1,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-heading\",{\"level\":[514],\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-loader-circle\",{\"size\":[513],\"color\":[513]}],[1,\"cura-icon\",{\"name\":[513],\"color\":[1],\"size\":[8],\"iconset\":[513],\"disabled\":[4]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"colorHandler\"],\"disabled\":[\"colorHandler\"]}],[1,\"cura-label\",{\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-input-date.cjs\",[[65,\"cura-input-date\",{\"label\":[513],\"status\":[1537],\"size\":[513],\"name\":[513],\"helperText\":[513,\"helper-text\"],\"enableRangeDates\":[516,\"enable-range-dates\"],\"disableFutureDates\":[516,\"disable-future-dates\"],\"disablePassDates\":[516,\"disable-pass-dates\"],\"iconName\":[513,\"icon-name\"],\"placeholder\":[513],\"calendarType\":[513,\"calendar-type\"],\"styles\":[32],\"isCalendarVisible\":[32],\"dates\":[32],\"value\":[32],\"dateSettings\":[32]},[[8,\"click\",\"handleClick\"]],{\"enableRangeDates\":[\"updateDateSettings\"]}]]],[\"cura-stepper.cjs\",[[1,\"cura-stepper\",{\"activeStepIndex\":[514,\"active-step-index\"],\"errorInCurrentStep\":[516,\"error-in-current-step\"],\"displayHeading\":[516,\"display-heading\"],\"variant\":[513],\"steps\":[1],\"styles\":[32],\"stepList\":[32]}]]],[\"cura-tooltip.cjs\",[[1,\"cura-tooltip\",{\"elementId\":[1,\"element-id\"],\"interactive\":[4],\"delay\":[2],\"maxWidth\":[1,\"max-width\"],\"position\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"isMobile\":[32]},[[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"cura-modal.cjs\",[[1,\"cura-modal\",{\"open\":[1540],\"background\":[1],\"top\":[2],\"bottom\":[2],\"left\":[2],\"right\":[2],\"mobileCloseLabel\":[513,\"mobile-close-label\"],\"canClose\":[516,\"can-close\"],\"zindex\":[513],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"top\":[\"setTop\"],\"bottom\":[\"setBottom\"],\"left\":[\"setLeft\"],\"right\":[\"setRight\"]}]]],[\"cura-toast.cjs\",[[1,\"cura-toast\",{\"type\":[1],\"position\":[1],\"icon\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"loader\":[516],\"autoCloseDelay\":[514,\"auto-close-delay\"],\"styles\":[32],\"progress\":[32],\"close\":[64]},null,{\"type\":[\"handleChangeType\"],\"position\":[\"handleChangeType\"]}]]],[\"cura-alert.cjs\",[[1,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[\"setColors\"]}]]],[\"cura-button-outline.cjs\",[[65,\"cura-button-outline\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[1],\"fontColor\":[1,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\",\"getSymbolColor\"],\"fontColor\":[\"getSymbolColor\"]}]]],[\"cura-button-select.cjs\",[[1,\"cura-button-select\",{\"selected\":[1540],\"iconName\":[1537,\"icon-name\"],\"size\":[513],\"counter\":[1538],\"disabled\":[516],\"background\":[1],\"color\":[1],\"iconPosition\":[513,\"icon-position\"],\"hovered\":[32],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}]]],[\"cura-checkbox.cjs\",[[65,\"cura-checkbox\",{\"checked\":[1540],\"indeterminate\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"size\":[513],\"background\":[1],\"iconColor\":[1,\"icon-color\"],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"],\"iconColor\":[\"assignColor\"]}]]],[\"cura-icons-view.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-tabs-button.cjs\",[[1,\"cura-tabs-button\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"counter\":[1538],\"selected\":[1540],\"disabled\":[1540],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[\"setColors\"]}]]],[\"cura-radio.cjs\",[[65,\"cura-radio\",{\"checked\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"background\":[1],\"size\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"]}]]],[\"cura-tabs-transparent.cjs\",[[1,\"cura-tabs-transparent\",{\"name\":[513],\"iconName\":[513,\"icon-name\"],\"selected\":[1540],\"disabled\":[1540],\"borderBottom\":[1540,\"border-bottom\"],\"size\":[513],\"colorMode\":[1537,\"color-mode\"],\"hovered\":[32],\"styles\":[32]},null,{\"colorMode\":[\"setColors\"]}]]],[\"cura-dropdown-search-not-found.cjs\",[[1,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[65,\"cura-switch\",{\"checked\":[1540],\"disabled\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"size\":[513],\"background\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\"]}]]],[\"cura-badge-dot.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-display.cjs\",[[1,\"cura-display\",{\"level\":[514],\"size\":[513],\"spotColor\":[1,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-calendar.cjs\",[[1,\"cura-calendar\",{\"period\":[513],\"width\":[513],\"minWidth\":[513,\"min-width\"],\"maxWidth\":[513,\"max-width\"],\"mode\":[513],\"dateFormat\":[1537,\"date-format\"],\"locale\":[513],\"type\":[513],\"disable\":[16],\"enable\":[16],\"defaultDate\":[1537,\"default-date\"],\"showToday\":[516,\"show-today\"],\"customDates\":[16,\"custom-dates\"],\"limitRange\":[514,\"limit-range\"],\"disablePassDates\":[1540,\"disable-pass-dates\"],\"disableFutureDates\":[1540,\"disable-future-dates\"],\"collapsed\":[1540],\"floating\":[1540],\"embedded\":[1540],\"selectLabelColorMode\":[1537,\"select-label-color-mode\"],\"selectedDates\":[32],\"rangeStart\":[32],\"defaultDates\":[32],\"currentDate\":[32],\"selectMonth\":[32],\"selectYear\":[32],\"styles\":[32]},null,{\"defaultDate\":[\"initializeDefaultDates\",\"handleDefaultDateChange\"],\"customDates\":[\"watchDefaultDatesArray\"]}]]],[\"cura-loader-bar.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"progress\":[\"handleProgress\"]}]]],[\"cura-badge-pill.cjs\",[[1,\"cura-badge-pill\",{\"type\":[513],\"color\":[1],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"disabled\":[516],\"iconOnly\":[516,\"icon-only\"],\"borderRadius\":[513,\"border-radius\"],\"styles\":[32]},null,{\"color\":[\"watchColorChange\"]}]]],[\"cura-progress-bar_2.cjs\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[1,\"cura-progress-bar\",{\"progressColor\":[513,\"progress-color\"],\"progress\":[514],\"size\":[514],\"strokeWidth\":[514,\"stroke-width\"],\"active\":[516]}]]],[\"cura-badge-counter.cjs\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[\"handleColorChange\"],\"color\":[\"handleColorChange\"],\"type\":[\"handleColorChange\"]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;