@rededor/cura 2.0.0-alpha.13 → 2.0.0-alpha.16

package/dist/cjs/loader.cjs.js

@@ -9,7 +9,7 @@ require('./static-DHz-FA_O.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_22.cjs\",[[257,\"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]}],[321,\"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\":0}],\"color\":[{\"setColors\":0}]}],[257,\"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]}],[257,\"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\":0}]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[{\"formatDistance\":0}]}],[257,\"cura-dropdown-search-category\"],[257,\"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\":0}]}],[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\":0}]}],[257,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}],[257,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[257,\"cura-page-template\",{\"contentwidth\":[513]}],[257,\"cura-tabs-group\",{\"gap\":[514],\"borderBottom\":[1540,\"border-bottom\"],\"colorMode\":[1537,\"color-mode\"],\"styles\":[32]},[[0,\"tabSelect\",\"handleTabSelect\"]]],[1,\"cura-calendar\",{\"isDisabled\":[516,\"is-disabled\"],\"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],\"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\":0},{\"handleDefaultDateChange\":0}],\"customDates\":[{\"watchDefaultDatesArray\":0}]}],[321,\"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\":0}],\"size\":[{\"getClasses\":0}],\"status\":[{\"renderIcon\":0}],\"mode\":[{\"renderIcon\":0}],\"maskPreset\":[{\"initializeMask\":0}],\"maskRegex\":[{\"initializeMask\":0}],\"maskAdvanced\":[{\"initializeMask\":0}]}],[321,\"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\":0}],\"textInput\":[{\"filterOptions\":0}],\"value\":[{\"handleValueChange\":0}]}],[257,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[{\"getSize\":0}]}],[321,\"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\":0}],\"color\":[{\"getSymbolColor\":0}]}],[257,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[257,\"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\":0}],\"color\":[{\"colorHandler\":0}],\"disabled\":[{\"colorHandler\":0}]}],[257,\"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\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"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\":0}]}]]],[\"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\",[[257,\"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\",[[257,\"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\":0}],\"top\":[{\"setTop\":0}],\"bottom\":[{\"setBottom\":0}],\"left\":[{\"setLeft\":0}],\"right\":[{\"setRight\":0}]}]]],[\"cura-toast.cjs\",[[257,\"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\":0}],\"position\":[{\"handleChangeType\":0}]}]]],[\"cura-alert.cjs\",[[257,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[{\"setColors\":0}]}]]],[\"cura-button-outline.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0},{\"getSymbolColor\":0}],\"fontColor\":[{\"getSymbolColor\":0}]}]]],[\"cura-button-select.cjs\",[[257,\"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\":0}],\"color\":[{\"setColors\":0}]}]]],[\"cura-checkbox.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}],\"iconColor\":[{\"assignColor\":0}]}]]],[\"cura-icons-view.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-tabs-button.cjs\",[[257,\"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\":0}]}]]],[\"cura-radio.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}]}]]],[\"cura-tabs-transparent.cjs\",[[257,\"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\":0}]}]]],[\"cura-dropdown-search-not-found.cjs\",[[257,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0}]}]]],[\"cura-badge-dot.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-display.cjs\",[[257,\"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\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"cura-loader-bar.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"progress\":[{\"handleProgress\":0}]}]]],[\"cura-badge-pill.cjs\",[[257,\"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\":0}]}]]],[\"cura-progress-bar_2.cjs\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[257,\"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\":0}],\"color\":[{\"handleColorChange\":0}],\"type\":[{\"handleColorChange\":0}]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_22.cjs\",[[257,\"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]}],[321,\"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\":0}],\"color\":[{\"setColors\":0}]}],[257,\"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]}],[257,\"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\":0}]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[{\"formatDistance\":0}]}],[257,\"cura-dropdown-search-category\"],[257,\"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\":0}]}],[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\":0}]}],[257,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}],[257,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[257,\"cura-page-template\",{\"contentwidth\":[513]}],[257,\"cura-tabs-group\",{\"gap\":[514],\"borderBottom\":[1540,\"border-bottom\"],\"colorMode\":[1537,\"color-mode\"],\"styles\":[32]},[[0,\"tabSelect\",\"handleTabSelect\"]]],[257,\"cura-calendar\",{\"isDisabled\":[516,\"is-disabled\"],\"isLoading\":[516,\"is-loading\"],\"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],\"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\":0},{\"handleDefaultDateChange\":0}],\"customDates\":[{\"watchDefaultDatesArray\":0}],\"collapsed\":[{\"watchCollapse\":0}]}],[321,\"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\":0}],\"size\":[{\"getClasses\":0}],\"status\":[{\"renderIcon\":0}],\"mode\":[{\"renderIcon\":0}],\"maskPreset\":[{\"initializeMask\":0}],\"maskRegex\":[{\"initializeMask\":0}],\"maskAdvanced\":[{\"initializeMask\":0}]}],[321,\"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\":0}],\"textInput\":[{\"filterOptions\":0}],\"value\":[{\"handleValueChange\":0}]}],[257,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[{\"getSize\":0}]}],[321,\"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\":0}],\"color\":[{\"getSymbolColor\":0}]}],[257,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[257,\"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\":0}],\"color\":[{\"colorHandler\":0}],\"disabled\":[{\"colorHandler\":0}]}],[257,\"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\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"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\":0}]}]]],[\"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\",[[257,\"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\",[[257,\"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\":0}],\"top\":[{\"setTop\":0}],\"bottom\":[{\"setBottom\":0}],\"left\":[{\"setLeft\":0}],\"right\":[{\"setRight\":0}]}]]],[\"cura-toast.cjs\",[[257,\"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\":0}],\"position\":[{\"handleChangeType\":0}]}]]],[\"cura-alert.cjs\",[[257,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[{\"setColors\":0}]}]]],[\"cura-button-outline.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0},{\"getSymbolColor\":0}],\"fontColor\":[{\"getSymbolColor\":0}]}]]],[\"cura-button-select.cjs\",[[257,\"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\":0}],\"color\":[{\"setColors\":0}]}]]],[\"cura-checkbox.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}],\"iconColor\":[{\"assignColor\":0}]}]]],[\"cura-icons-view.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-input-textarea.cjs\",[[321,\"cura-input-textarea\",{\"status\":[513],\"size\":[513],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[520],\"iconName\":[513,\"icon-name\"],\"helperText\":[513,\"helper-text\"],\"disabled\":[1540],\"required\":[516],\"maxlength\":[514],\"readOnly\":[516,\"read-only\"],\"resizable\":[516],\"isLoading\":[516,\"is-loading\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"currentValue\":[32],\"fieldStyles\":[32],\"setFocus\":[64]}]]],[\"cura-tabs-button.cjs\",[[257,\"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\":0}]}]]],[\"cura-radio.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0},{\"assignColor\":0}]}]]],[\"cura-tabs-transparent.cjs\",[[257,\"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\":0}]}]]],[\"cura-dropdown-search-not-found.cjs\",[[257,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[321,\"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\":0}],\"color\":[{\"setColors\":0}],\"background\":[{\"setColors\":0}]}]]],[\"cura-badge-dot.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-display.cjs\",[[257,\"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\":0}],\"spotColor\":[{\"handleChangeColor\":0}]}]]],[\"cura-loader-bar.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[{\"handleChangeColor\":0}],\"progress\":[{\"handleProgress\":0}]}]]],[\"cura-badge-pill.cjs\",[[257,\"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\":0}]}]]],[\"cura-progress-bar_2.cjs\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[257,\"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\":0}],\"color\":[{\"handleColorChange\":0}],\"type\":[{\"handleColorChange\":0}]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/utils-DMHZ2n4p.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var _static = require('./static-DHz-FA_O.js');
+
+function checkMobile() {
+    return (window === null || window === void 0 ? void 0 : window.innerWidth) < _static.Static.breakpoints.medium.min;
+}
+function checkIOS() {
+    return [
+        'iPad Simulator',
+        'iPhone Simulator',
+        'iPod Simulator',
+        'iPad',
+        'iPhone',
+        'iPod'
+    ].includes(navigator.userAgent)
+        // iPad on iOS 13 detection
+        || (navigator.userAgent.includes("Mac") && "ontouchend" in document);
+}
+function fakeInputIOSHack(targetElement) {
+    if (!checkMobile() || !checkIOS())
+        return null;
+    const fakeInput = document.createElement('input');
+    fakeInput.setAttribute('type', 'text');
+    fakeInput.style.position = 'absolute';
+    fakeInput.style.opacity = '0';
+    fakeInput.style.height = '0';
+    fakeInput.style.fontSize = '16px'; // disable auto zoom
+    targetElement.prepend(fakeInput);
+    // focus so that subsequent async focus will work
+    fakeInput.focus();
+    return fakeInput;
+}
+function addBodyScrollLockClass() {
+    document.body.classList.add("cura-body-scroll-lock");
+}
+function removeBodyScrollLockClass() {
+    if (document.body.classList.contains("cura-body-scroll-lock")) {
+        document.body.classList.remove("cura-body-scroll-lock");
+    }
+}
+
+exports.addBodyScrollLockClass = addBodyScrollLockClass;
+exports.checkIOS = checkIOS;
+exports.checkMobile = checkMobile;
+exports.fakeInputIOSHack = fakeInputIOSHack;
+exports.removeBodyScrollLockClass = removeBodyScrollLockClass;

package/dist/collection/collection-manifest.json

@@ -30,6 +30,7 @@
     "components/cura-tooltip/cura-tooltip.js",
     "components/forms/cura-checkbox/cura-checkbox.js",
     "components/forms/cura-input-date/cura-input-date.js",
+    "components/forms/cura-input-textarea/cura-input-textarea.js",
     "components/forms/cura-label/cura-label.js",
     "components/forms/cura-radio/cura-radio.js",
     "components/forms/cura-select/cura-select.js",

package/dist/collection/components/cura-calendar/cura-calendar.css

@@ -43,8 +43,9 @@
   max-width: var(--max-width);
   border-radius: 4px;
   overflow: hidden;
-  background: #fff;
+  background: var(--color-neutral-purewhite);
   font-family: var(--font-family);
+  position: relative;
 }
 :host .calendar.embedded {
   border: 2px solid var(--neutral-light);
@@ -266,4 +267,15 @@
 :host .--disabled .valid {
   color: var(--neutral-dark);
   font-weight: initial;
+}
+:host .loading-container {
+  align-items: center;
+  background-color: var(--color-neutral-purewhite);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  height: 100%;
+  justify-content: center;
+  position: absolute;
+  width: calc(100% - 12px);
 }

package/dist/collection/components/cura-calendar/cura-calendar.js

@@ -11,6 +11,13 @@ export class CuraCalendar {
          * @default false
          */
         this.isDisabled = false;
+        /**
+         * Loading state
+         *
+         * @type {boolean}
+         * @default false
+         */
+        this.isLoading = false;
         /**
          * An array of specific dates to be highlighted or processed.
          *
@@ -338,6 +345,7 @@ export class CuraCalendar {
         if (direction === 'next')
             newMonth = addMonths(this.currentDate, 1);
         this.currentDate = newMonth;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), newMonth);
     }
     /**
      * Handle the month dropdown change.
@@ -348,7 +356,9 @@ export class CuraCalendar {
         const { months } = this.fetchMonthNames();
         const newMonth = event.detail;
         this.selectMonth = newMonth;
-        this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
+        const currentDateUpdated = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
+        this.currentDate = currentDateUpdated;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), currentDateUpdated);
     }
     /**
      * Handle the year input change.
@@ -358,7 +368,9 @@ export class CuraCalendar {
     onYearDropdownChange(event) {
         const newYear = event.detail;
         this.selectYear = newYear;
-        this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
+        const currentDateUpdated = new Date(newYear, getMonth(this.currentDate), 1);
+        this.currentDate = currentDateUpdated;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), currentDateUpdated);
     }
     /**
      * Flatten date ranges into individual dates.
@@ -367,7 +379,7 @@ export class CuraCalendar {
      * @returns {Date[]} An array of individual dates.
      */
     expandDateRanges(dates) {
-        if (!dates)
+        if (!dates || !Array.isArray(dates))
             return [];
         return dates.flatMap(date => {
             if (typeof date === 'string')
@@ -465,10 +477,10 @@ export class CuraCalendar {
         this.collapsed = true;
         return this.fetchDaysOfWeek();
     }
-    fetchDaysOfWeek() {
+    fetchDaysOfWeek(currentDate) {
         const DAYS_IN_CALENDAR_VIEW = 7;
-        const start = startOfWeek(this.currentDate);
-        const end = endOfWeek(this.currentDate);
+        const start = startOfWeek(currentDate || this.currentDate);
+        const end = endOfWeek(currentDate || this.currentDate);
         const daysIncurrentDate = eachDayOfInterval({ start, end });
         return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
     }
@@ -479,11 +491,12 @@ export class CuraCalendar {
         if (direction === 'next')
             newWeek = addWeeks(this.currentDate, 1);
         this.currentDate = newWeek;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), newWeek);
     }
-    fetchDaysOfMonth() {
+    fetchDaysOfMonth(currentDate) {
         const DAYS_IN_CALENDAR_VIEW = 35;
-        const start = startOfMonth(this.currentDate);
-        const end = endOfMonth(this.currentDate);
+        const start = startOfMonth(currentDate || this.currentDate);
+        const end = endOfMonth(currentDate || this.currentDate);
         const daysIncurrentDate = eachDayOfInterval({ start, end });
         const startWeekDay = getDay(start);
         const prevMonthEnd = endOfMonth(subMonths(start, 1));
@@ -610,7 +623,15 @@ export class CuraCalendar {
             '--width': this.width,
             '--min-width': this.minWidth,
             '--max-width': this.maxWidth,
+            '--color-neutral-purewhite': window.CuraAPI.theme.colors.getColor(`neutral-purewhite`)
+        };
+    }
+    sendEventChangeDateInView(isCollapsed, currentDate) {
+        const eventData = {
+            datesInView: isCollapsed ? this.fetchDaysOfWeek(currentDate) : this.fetchDaysOfMonth(currentDate),
+            monthDays: this.fetchDaysOfMonth(currentDate)
         };
+        this.changeDateInView.emit(eventData);
     }
     watchDefaultDatesArray() {
         this.selectedDates = this.customDates;
@@ -628,11 +649,14 @@ export class CuraCalendar {
         }
         this.defaultDates = this.expandDateRanges(newValue);
     }
+    watchCollapse(isCollapsed) {
+        this.sendEventChangeDateInView(isCollapsed, this.currentDate);
+    }
     render() {
         const { months } = this.fetchMonthNames();
-        return (h(Host, { key: '0058175ddba56d4ddf6e1ba9aa6b66575f9bfb01', style: this.getHostCSSProperties() }, h("div", { key: 'fb70c1f051075f6b7904baef0733dd45d37b12a0', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''} ${this.getDisabledClassModifier()}`, style: this.styles }, h("header", { key: 'e109068ef54873f86212b6ec35090961ec3ea2d7', class: "header" }, h("div", { key: '1a03a0147439e7fe5da109f5ae315cf5b4e9f363', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, h("cura-icon", { key: '916ff723610f006170cc6ad16a466d6643ff4537', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", disabled: this.isDisabled, color: this.determinePrevButtonColor(), onClick: this.handlePrevMonth }), this.type === 'dropdown' ? (h("div", { class: "select" }, h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index) => (h("cura-select-option", { size: "xsmall", key: index, value: month }, month)))), h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (h("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (h("cura-label", { color: !this.isDisabled ? 'neutral-black' : 'neutral-dark', size: "small" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), h("cura-icon", { key: '7989ae104c7ae55c93ce76756f8cdcc15625a9c9', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", disabled: this.isDisabled, color: "primary-base", onClick: this.handleNextMonth }))), h("span", { key: '15f1486afe03202f30352ec4efa1d21d39fffd73', class: "days-of-week" }, this.fetchWeekDays().map(this.renderItemWeekDays)), h("div", { key: '75f3070e86bdd892e5a48be48911b70ceac795a4', class: "dates" }, !this.collapsed
+        return (h(Host, { key: 'ce5e455df204f6d7a8a3a34eba8198d33e1dd798', style: this.getHostCSSProperties() }, h("div", { key: 'b09f8c9ae06a38f0c04022a3c76ca89aed67f694', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''} ${this.getDisabledClassModifier()}`, style: this.styles }, h("header", { key: 'c70bc378b8427424d4128f98b6f39f3a43d18e8b', class: "header" }, h("div", { key: 'cdda360107fd69b8a32e7773dfcb9f94bc63b517', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, h("cura-icon", { key: 'a19af085d074aa74ba3a51712ed62228a4244911', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", disabled: this.isDisabled, color: this.determinePrevButtonColor(), onClick: this.handlePrevMonth }), this.type === 'dropdown' ? (h("div", { class: "select" }, h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index) => (h("cura-select-option", { size: "xsmall", key: index, value: month }, month)))), h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (h("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (h("cura-label", { color: !this.isDisabled ? 'neutral-black' : 'neutral-dark', size: "small" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), h("cura-icon", { key: '0e9917d69adf95a5f4566d1269738d8ea4a11036', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", disabled: this.isDisabled, color: "primary-base", onClick: this.handleNextMonth }))), h("span", { key: 'f5249c9c7ebeae18af57c43bbd988aa7c21b7b04', class: "days-of-week" }, this.fetchWeekDays().map(this.renderItemWeekDays)), h("div", { key: '2465a9c40856462242a80f1fda2abf7dc2648012', class: "dates" }, !this.collapsed
             ? this.fetchDaysOfMonth().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
-            : this.fetchDaysOfWeek().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { disabled: this.isDisabled, onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null)));
+            : this.fetchDaysOfWeek().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { disabled: this.isDisabled, onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null, this.isLoading && (h("div", { key: 'fba41e2fd1b743d534f763e690b8eaf8f741f2f4', class: "loading-container" }, h("cura-loader-circle", { key: '9780c689a48c0c6ef2804ba6e9864338dd6a21a9', color: "primary", size: "large" }), h("slot", { key: 'c0e9eee4818991d9fd6ac8322aa183cf574abb65', name: "loadingMessage" }))))));
     }
     static get is() { return "cura-calendar"; }
     static get encapsulation() { return "shadow"; }
@@ -674,6 +698,32 @@ export class CuraCalendar {
                 "attribute": "is-disabled",
                 "defaultValue": "false"
             },
+            "isLoading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{boolean}"
+                        }, {
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Loading state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "is-loading",
+                "defaultValue": "false"
+            },
             "period": {
                 "type": "string",
                 "mutable": false,
@@ -1199,6 +1249,34 @@ export class CuraCalendar {
                         }
                     }
                 }
+            }, {
+                "method": "changeDateInView",
+                "name": "changeDateInView",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "event",
+                            "text": undefined
+                        }, {
+                            "name": "type",
+                            "text": "{EventEmitter<ChangeDateInViewEvent>}"
+                        }],
+                    "text": "Event emitted when dates displayed changes"
+                },
+                "complexType": {
+                    "original": "ChangeDateInViewEvent",
+                    "resolved": "ChangeDateInViewEvent",
+                    "references": {
+                        "ChangeDateInViewEvent": {
+                            "location": "import",
+                            "path": "./cura-calendar.type",
+                            "id": "src/components/cura-calendar/cura-calendar.type.ts::ChangeDateInViewEvent",
+                            "referenceLocation": "ChangeDateInViewEvent"
+                        }
+                    }
+                }
             }];
     }
     static get watchers() {
@@ -1211,6 +1289,9 @@ export class CuraCalendar {
             }, {
                 "propName": "defaultDate",
                 "methodName": "handleDefaultDateChange"
+            }, {
+                "propName": "collapsed",
+                "methodName": "watchCollapse"
             }];
     }
 }

package/dist/collection/components/cura-calendar/cura-calendar.stories.js

@@ -2,6 +2,7 @@ const renderCuraCalendar = (args) => {
     return `
     <cura-calendar
       ${args.isDisabled && `is-disabled="${args.isDisabled}"`}
+      ${args.isLoading && `is-loading="${args.isLoading}"`}
       ${args.period && `period="${args.period}"`}
       ${args.width && `width="${args.width}"`}
       ${args.maxWidth && `max-width="${args.maxWidth}"`}
@@ -21,7 +22,9 @@ const renderCuraCalendar = (args) => {
       ${args.embedded && `embedded="${args.embedded}"`}
       ${args.limitRange !== null ? `limit-range="${args.limitRange}"` : ''}
       ${args.selectLabelColorMode && `select-label-color-mode="${args.selectLabelColorMode}"`}
-    ></cura-calendar>
+    >
+      <span slot="loadingMessage">${args.loadingMessage}</span>  
+    </cura-calendar>
   `;
 };
 export default {
@@ -42,6 +45,14 @@ export default {
                 defaultValue: { summary: false },
             },
         },
+        isLoading: {
+            control: 'boolean',
+            description: 'Define o estado carregando do componente ',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: false },
+            },
+        },
         period: {
             control: 'array',
             description: 'Define os períodos disponíveis para o calendário. Quando não informado, considera todas as datas como habilitadas',
@@ -198,11 +209,27 @@ export default {
                 defaultValue: { summary: 'light' },
             },
         },
+        loadingMessage: {
+            control: 'text',
+            description: 'Mensagem para o estado de carregando',
+            table: {
+                category: 'Slots',
+            },
+        },
+        changeDateInView: {
+            control: 'none',
+            description: 'Evento disparado quando as datas exibidas alteram: `{datesInView: Date[], monthDays: Date[]}`',
+            table: {
+                category: 'Events',
+                defaultValue: { summary: null },
+            }
+        }
     },
 };
 export const Calendar = {
     args: {
         isDisabled: false,
+        isLoading: false,
         period: [
             '2024-08-01',
             '2024-08-30',
@@ -238,5 +265,6 @@ export const Calendar = {
         floating: true,
         embedded: true,
         selectLabelColorMode: 'light',
+        loadingMessage: 'Carregando...'
     },
 };

package/dist/collection/components/cura-calendar/cura-calendar.type.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/cura-card/cura-card.js

@@ -63,7 +63,7 @@ export class CuraCard {
         return classes;
     }
     render() {
-        return (h(Host, { key: '9478ce754c108db722dbc5bcbb00a0884b6c6f38', role: this.href ? 'link' : 'div' }, this.href ? (h("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, h("slot", null))) : (h("div", { class: this.getClasses(), style: this.styles }, h("slot", null)))));
+        return (h(Host, { key: '73f399ec63b8a0933a22c4a6d605dbb4bc8bf2c3', role: this.href ? 'link' : 'div' }, this.href ? (h("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, h("slot", null))) : (h("div", { class: this.getClasses(), style: this.styles }, h("slot", null)))));
     }
     static get is() { return "cura-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.js

@@ -10,7 +10,7 @@ export class CuraDropdownSearchCategory {
         };
     }
     render() {
-        return (h(Host, { key: '511391a8c6c1c998b04e3093838173ae76549715' }, h("div", { key: '63da720bb3d2cc354ef5f1e9ceaf0f2f9c396f4e', class: "component-container", style: this.styles }, h("cura-heading", { key: 'ba003607e581d4abaf2e6d617f94e3174d04a4b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, h("slot", { key: '80b14ff99b42a64082895db81b4dbe78cd7545a3' })))));
+        return (h(Host, { key: 'd80c4ebc3e7edee04eb7e3b405cc11ea1cb65111' }, h("div", { key: 'af087ac20e0e2075acb87b64573734e16bdd7b62', class: "component-container", style: this.styles }, h("cura-heading", { key: 'f48f5ca2cd5fdb7b2862ae20e51b3963461db945', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, h("slot", { key: '13030d0abe5ac052fa3c3a7e04694ecfd7a3ab23' })))));
     }
     static get is() { return "cura-dropdown-search-category"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.js

@@ -8,7 +8,7 @@ export class CuraDropdownSearchNotFound {
         };
     }
     render() {
-        return (h(Host, { key: '899559f0e05394638cd9c6dd61897383453ed176' }, h("div", { key: '0b1ed35b82f1df7feac928ab84e08149a38a79a3', class: "component-container", onClick: this.handleClick }, h("cura-heading", { key: '49f423b01e6719790bf7f3bcda6f3239042c0c9f', size: "xsmall", weight: "bold", color: "error-dark" }, h("slot", { key: '4fbcfb5602729f92f84a22d003d5b2e66e481b6c' })))));
+        return (h(Host, { key: '6b57806eb3a2c3be73c76876bfce0062e36a97fa' }, h("div", { key: '5a294ef5d53177d439816d881a8d5c90b60b621e', class: "component-container", onClick: this.handleClick }, h("cura-heading", { key: 'ff92297c1261d69ef9fa8c2b9cdbfee6365b08f2', size: "xsmall", weight: "bold", color: "error-dark" }, h("slot", { key: 'b84f981ba0cff218b5bf0c94a014c83daaa184ac' })))));
     }
     static get is() { return "cura-dropdown-search-not-found"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js

@@ -52,7 +52,7 @@ export class CuraDropdownSearchOption {
         };
     }
     render() {
-        return (h(Host, { key: '6168a95a628d07878f472c310390bf9c45bd5057' }, h("div", { key: '29763282f101a9fbe205c91e7b3c70fa51878e63', class: this.getClasses(), style: this.styles }, h("div", { key: '46bd7a250ad866b984e6f4184aa4800e89b741c9', class: "selectable-container", onClick: () => this.handleSelect() }, h("slot", { key: '77088405f3cc4f077e49a4266fb926348774d9e9', name: 'image' }), h("div", { key: '96baef2af4ffe7c5ec809a5adbd0512120b6c71c', class: "content" }, h("slot", { key: 'e41794e8eaff6bfe1516e88e8591ca915eb7ad3f' }))), h("div", { key: '991bca3b0956519b531d576a1738bc3f200cc73f', class: "actions-container", onClick: () => this.handleActionsClick() }, h("slot", { key: '098e8c29ab48ef8e0cfff2a48a31860eafb62487', name: 'actions' })))));
+        return (h(Host, { key: 'e01c513f3c2cf8ad1b4b118f2b59d5228a052112' }, h("div", { key: 'b59ae795fc8905929ed91fc2e18e465b0d1632f0', class: this.getClasses(), style: this.styles }, h("div", { key: 'f3d163ac57e5c6cbc15f4b7d822273afa1279816', class: "selectable-container", onClick: () => this.handleSelect() }, h("slot", { key: 'ed9427e3251354825ee9652f653f9597ccf79383', name: 'image' }), h("div", { key: 'a78dcf1bfd71e42542b9f7bdb7fb43e3acc628ba', class: "content" }, h("slot", { key: '7ad2f91f434cf69b5f45674e887d29fe4188cd9e' }))), h("div", { key: '7f9cac5875885a80505b7455de49c090aca7848c', class: "actions-container", onClick: () => this.handleActionsClick() }, h("slot", { key: '12496150bea58f08dc7c5a868d866f67903e545c', name: 'actions' })))));
     }
     static get is() { return "cura-dropdown-search-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js

@@ -331,7 +331,7 @@ export class CuraDropdownSearch {
         };
     }
     render() {
-        return (h(Host, { key: '7a312071ecc60fe462636ad7b32bcb82b5d5c1a2', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, h("div", { key: 'c4b906871b300013208649f8dcf9b27cf161daae', class: this.getClasses(), style: this.styles }, h("div", { key: '97d3d3ae67dc79f2d04456555388cce9aec36f7d', class: "component-controls" }, this.isMobile && this.zoomState ? (h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', h("cura-input-text", { key: '53aa07646542b9941804f7a7f0d66f8c340ce664', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, h("slot", { key: 'fb206e8295b0139082b79cc747bfe8e424df33fa', name: "helperText" }))), h("div", { key: '8ab0ad70e667c4b01b2f7a31fc5df6056b170565', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, h("slot", { key: 'dc3cda02f7a70d7229457d6c225a606ee2e03f52', onSlotchange: () => this.handleSlotChange() })))));
+        return (h(Host, { key: '4eebe0e03eb20a9c056158e9bb7dafad6c5d7e36', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, h("div", { key: 'c74a9785e747c23f853beabce244d9d79be963f6', class: this.getClasses(), style: this.styles }, h("div", { key: '8e0e1b8ad5929f7a65d970da37af8da526ea1ec6', class: "component-controls" }, this.isMobile && this.zoomState ? (h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', h("cura-input-text", { key: 'd6b1e0284f7f8bbd0293ca8c7e11de7e4d390729', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, h("slot", { key: '3626dc325181c193081af56996804453c9dee9f5', name: "helperText" }))), h("div", { key: 'c0b979983b567e35a15e756d24cecf0a0102e2bc', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, h("slot", { key: '56fc0ae14345c88eaf214a12f6ebf545fc040aea', onSlotchange: () => this.handleSlotChange() })))));
     }
     static get is() { return "cura-dropdown-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-icon/cura-icon.js

@@ -26,7 +26,7 @@ export class CuraIcon {
         this.host.style.setProperty(prop, value);
     }
     render() {
-        return (h(Host, { key: '5dfb1ead36b19cb799e5dad924426356b23500d4', role: "img" }, h("svg", { key: '9df09822b70978c96afb525cf5967145513b4a56', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, h("use", { key: '8ce9a2c0e434ee559a8c0ff2fb14a30093ce434a', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
+        return (h(Host, { key: 'b383f07f146a8f4760317a8bfc42a16c06f8d323', role: "img" }, h("svg", { key: 'd1d3e98cd7afbf729989463a123030b95ea84221', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, h("use", { key: 'bb6c8175923161b9d603a969bc1a7ca651e19256', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
     }
     static get is() { return "cura-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-icons-view/cura-icons-view.js

@@ -14,7 +14,7 @@ export class CuraIconsView {
         this.sizes.unshift(this.sizes.pop());
     }
     render() {
-        return (h(Host, { key: '08ac6235b9218c2202cd4957bb78100216b5b680' }, h("div", { key: '71856330d5f050d46b83c06125d29a235532bf98', class: "iconDetail" }, h("cura-heading", { key: '2520247cde8d71b1a31ce028c4525b04e6302bf1', size: "small", "margin-block": "0 24px" }, "Icon: ", h("b", { key: '5cf48d96ed36dd5514357c65b0ec8c9f137bb1e4' }, this.selected)), h("div", { key: '7eda1e7db5efc89abb583631a5e959e31397684f', class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { key: 'f443dab7e85fe89a207da8fbefb024b0c22fa084', class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), h("span", null, size))))), h("div", { key: '5ea3b71259ae5454297a94aef4ce1e154c968512', class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), h("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
+        return (h(Host, { key: 'f25d10b3f380cc58fd5b4e77b437e09ba0787df4' }, h("div", { key: '5162f1c8aff585a60f37ef9af8451dae8b310394', class: "iconDetail" }, h("cura-heading", { key: '2e95f88bf98bcb3b5ea8b2ce6b015ef5d3c984e5', size: "small", "margin-block": "0 24px" }, "Icon: ", h("b", { key: '102d867291ca3af92c370f044a7140571b15c737' }, this.selected)), h("div", { key: 'e2fd0833644705ea8b406508be51c6d2d5683d24', class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { key: 'fa842318750f3cdb5e5d7f7333c9221aaf66b585', class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), h("span", null, size))))), h("div", { key: 'a25fd5649fe3bda93f80208e634790da44dde89b', class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), h("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
     }
     static get is() { return "cura-icons-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-modal/cura-modal.js

@@ -99,7 +99,7 @@ export class CuraModal {
         window.addEventListener('keydown', this.handleCloseOnEsc);
     }
     render() {
-        return (h(Host, { key: 'a6f81dd34ff6bea8c00a6ea08ba2967d8b37890b', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, h("div", { key: '87c8a89c0ae261fd6d8ed8259ed4a18b92a6bf55', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, h("div", { key: '1377054aaf87f31e2f27a32b813f21a3227a0679', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), h("div", { key: 'b8764e38f17fc18f6390b1454f73adc5b0f28024', class: "wrapper" }, this.canClose && (h("div", { key: 'e3b741e2885d879368b041c0da3ffa8ff1f6b1c4', class: "close desktop" }, h("cura-button-transparent", { key: '5c85f8cb21415741e3af4ab8833b031597faed50', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), h("slot", { key: 'fd0b51474b2fc973ad1dd6b626f42726e0972afb' }), this.canClose && (h("div", { key: 'da7b3e03af84967a38f398cde77495d6baa8af35', class: "close mobile", onClick: this.handleClose }, h("cura-button-transparent", { key: 'd95e7ed4963e6ad678dca0b23e5fdfb609dc7f6f', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
+        return (h(Host, { key: 'add6ff0d9e7596282547b9632a10d6b36ce2dd77', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, h("div", { key: '0ea813bd986b4cb0e87f31511d600bc88f922d66', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, h("div", { key: '90ace6e14ed40371839a784d82c4370cff9c8bc2', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.canClose ? this.handleClose : undefined }), h("div", { key: '1593d59bed08050004b638379194f331518e93ad', class: "wrapper" }, this.canClose && (h("div", { key: '348678020334e6f60794e9a22c9aa570deb32411', class: "close desktop" }, h("cura-button-transparent", { key: 'bcaed0130dfe074cf23a244a71138243362c6706', iconName: "close", color: "error", size: "small", onClick: this.handleClose, iconOnly: true }))), h("slot", { key: 'e34ea51fa11116b235911b7303b7d2f2a70dabd7' }), this.canClose && (h("div", { key: 'a262c02432b56a149773e601f14dadc05d09e64f', class: "close mobile", onClick: this.handleClose }, h("cura-button-transparent", { key: 'c72a85bc5a3c121829bfe6e509523811ca36e317', color: "error", iconName: "close", size: "small" }, this.mobileCloseLabel)))))));
     }
     static get is() { return "cura-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-page-template/cura-page-template.js

@@ -14,7 +14,7 @@ export class CuraPageTemplate {
         return classes;
     }
     render() {
-        return (h(Host, { key: 'a3b743b1f518ece009858e39716903869184d627' }, h("div", { key: 'f3f29d5306f612c197ded53885bbf598a377388a', style: this.styles, class: "grid-template" }, h("div", { key: '2329343b116c6bfb8f35a146bbab6b9460e50cbe', id: "sub-header" }, h("slot", { key: 'b27e5dd020099fc64636a0ab363003024315cff6', name: 'sub-header' })), h("div", { key: '45bcb4f1a574c2c0d8337635729bd603df399f20', id: "header" }, h("slot", { key: '27bcdc8a59b717ab1c4a021b629a5c4a6a285f8a', name: 'header' })), h("div", { key: 'b19ae447a53c43d2f46127b0e38e115b792bec6b', id: "pre-content" }, h("slot", { key: 'b37745e63e57ad2c48cf430849b2d64c71d2b45e', name: 'pre-content' })), h("div", { key: '4adbaacd79ebb4e5e5fae0233acba2b7215a74ce', id: "content-container", class: this.getClasses() }, h("div", { key: '17a7d806d6a24fe67f249cfca2fce466861e25f5', id: "sidebar-left" }, h("slot", { key: '6fa66175bf7e0953ce23c6c557297d6f2efb9439', name: 'sidebar-left' })), h("div", { key: '450c3a5a742d40d26ccdc672c855b2f9f9ae3153', id: "content" }, h("slot", { key: 'ce593020ba6d60ca8a2ddd835deb8c8a4b0e33a1', name: "content" }), h("slot", { key: '1cc8b4478d78e3c6985e811cd0d1b510f00edf1b' })), h("div", { key: '4497faf9a880a4ae0eaa3f097ca02d3a155a4496', id: "sidebar-right" }, h("slot", { key: '97dd82f3f0b83f93334a9ca896ace76521ab05fb', name: 'sidebar-right' }))), h("div", { key: '80fb43c7b84bdc2c0722dbada31024d477326d0a', id: "post-body" }, h("slot", { key: '3975794bdbefe5fd0e05d06af7715e13ff650338', name: 'post-body' })), h("div", { key: '08183669839fce4b448bef3f6489fc6d8c61e898', id: "footer" }, h("slot", { key: '9b1797aecc9fd4131944a70371fab08b239f0802', name: 'footer' })), h("div", { key: '3e9ea1d173490ee3bf941439fad80814d3a5daf2', id: "sub-footer" }, h("slot", { key: '4b0c6a8d6f4b548040195003e8b5574c83541508', name: 'sub-footer' })))));
+        return (h(Host, { key: '65ceac57166149f686508dd56d865092406afe4d' }, h("div", { key: 'c78f1ef93fd52b43285fa3b39d203db258c1bf31', style: this.styles, class: "grid-template" }, h("div", { key: 'cfb99058f718560bf2679e13266bf6e1447cfb1e', id: "sub-header" }, h("slot", { key: 'ddd2aaeb147cad4e92e16dda69f757d9aa261e2c', name: 'sub-header' })), h("div", { key: 'c3d87f2c1d68d08e2c46730d731e03a17e0c355d', id: "header" }, h("slot", { key: 'a681e8d1c9c379be1c18278811d7e99455ad0a8b', name: 'header' })), h("div", { key: 'aee6e5920384ecdbf0c8adb358a431e304f612de', id: "pre-content" }, h("slot", { key: '4e554925885a9f8200fe8cb7b35e438e6a7dd1e8', name: 'pre-content' })), h("div", { key: '30f1f9aeb3a58fb390716dec7f5855fdcc1cc82d', id: "content-container", class: this.getClasses() }, h("div", { key: '259ab99ca0ec43a86536c3c188429a555eebbd45', id: "sidebar-left" }, h("slot", { key: 'ff359698c0b452776e558234b46745dd40746edc', name: 'sidebar-left' })), h("div", { key: '14338cdc57d8ee6cfb5ca15fd5ed8fe276d83bea', id: "content" }, h("slot", { key: 'ea4f4a5423bf061880d580e86f015907ee5929ea', name: "content" }), h("slot", { key: 'ddf40946d828b0de102e9fc21ee99201dc36342b' })), h("div", { key: 'c207b0c2280033f71c2b7803b1ae9ec017ab2b5c', id: "sidebar-right" }, h("slot", { key: 'fd15c1b0ce197f7de9e72827dca3c1d4736b4219', name: 'sidebar-right' }))), h("div", { key: 'fd02b69336b4d6920975bf1a8b4a7c8a957e65d6', id: "post-body" }, h("slot", { key: '205b2283d6fff54f3e3be4ed9b2b64b05c985601', name: 'post-body' })), h("div", { key: '4602dc880efe376c9a951237c43ebcb6723499db', id: "footer" }, h("slot", { key: 'ed9314b5192194cea91dab7fc6efdbfb198016fc', name: 'footer' })), h("div", { key: '53b5bd4b187a0ae6657bccfb8626a5d335bdeb73', id: "sub-footer" }, h("slot", { key: '8b086fb200223ff0bf5acd2266da3ae47cc30269', name: 'sub-footer' })))));
     }
     static get is() { return "cura-page-template"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.js

@@ -15,7 +15,7 @@ export class CuraProgressBar {
         const circumference = radius * Math.PI * 2;
         const dash = (this.progress * circumference) / 100;
         const viewBox = `0 0 ${this.size} ${this.size}`;
-        return (h(Host, { key: '6deebf97271b84fcecb9e1d688c79ae88b2aa618' }, h("div", { key: 'f6556e004e4d0cc4de342292610764b74495e3b0', class: "progress-bar" }, h("svg", { key: 'ffc1de55ded85602db1840812cd1f296a413c39e', width: this.size, height: this.size, viewBox: viewBox }, h("circle", { key: '691beeaf7b5fb5d670bfde48d8023b742bd97126', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (h("circle", { key: '0fee97b7da871d6b242786bbcf175e9792da69f8', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), h("span", { key: '8e78dd28e8fad5ee4d9aef8029a73b6cf6d778cc' }, h("slot", { key: 'aa7155860e7aa0bcd2aef87bed2a5530161de4aa' })))));
+        return (h(Host, { key: 'f546339afd578c9916c87e160652d2836d636235' }, h("div", { key: '9341ac6716ea963f4a4b7c6b3a06b348846fe22b', class: "progress-bar" }, h("svg", { key: '3312489a2d50a45b9fdc63b3ea00c2e10d742f06', width: this.size, height: this.size, viewBox: viewBox }, h("circle", { key: '14672a7a5f0e62889de26ab8ea434ac802440f06', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (h("circle", { key: '659481dc37b13dc54ebc7df839fcc0b091733d9d', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), h("span", { key: 'd92f101a4a05eb74b5b601855e8a8eb42ab50d03' }, h("slot", { key: '6e89b7922e5579087c6d31bf2733f1b5098867dc' })))));
     }
     static get is() { return "cura-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.js

@@ -64,7 +64,7 @@ export class CuraStepperItem {
     }
     render() {
         const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
-        return (h(Host, { key: '0a92b438c1ab33d0e6b1986214b6c57790a3aea6' }, h("div", { key: '0f003c91a0d95441f250dbcb539af753a124948c', class: "item-container", style: this.styles }, h("cura-badge-pill", { key: '7b631c3be3a59b510f16565f9ad321c485cda952', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (h("cura-paragraph", { key: '87f046eac4d4359b564ca85d9e95dbc15499c147', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
+        return (h(Host, { key: 'fa32a8121b1117a2a186f8d8c0b0cabb03a9ea41' }, h("div", { key: '33cacd68a3b62ec1832e9625f034a80a94ca9569', class: "item-container", style: this.styles }, h("cura-badge-pill", { key: 'dd636659edc05de46d51d6f02fb8e00c5adbcb88', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (h("cura-paragraph", { key: 'd5d9ab0defb69c5f8835c5e22ff300f30dd13d1d', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
     }
     static get is() { return "cura-stepper-item"; }
     static get encapsulation() { return "shadow"; }