npm - @six-group/ui-library - Versions diffs - 4.0.0-beta.1 → 4.0.0-beta.3 - Mend

@six-group/ui-library 4.0.0-beta.1 → 4.0.0-beta.3

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

package/dist/cjs/ui-library.cjs.js CHANGED Viewed

@@ -2,25 +2,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2f6daa5b.js');
+const index = require('./index-900437fc.js');
 /*
- Stencil Client Patch Browser v3.2.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.4 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('ui-library.cjs.js', document.baseURI).href));
     const opts = {};
-    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
-        // TODO(STENCIL-661): Remove code related to the dynamic import shim
-        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     }
     return index.promiseResolve(opts);
 };
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"six-select.cjs\",[[1,\"six-select\",{\"multiple\":[4],\"maxTagsVisible\":[2,\"max-tags-visible\"],\"disabled\":[4],\"name\":[1],\"placeholder\":[1],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"filterDebounce\":[2,\"filter-debounce\"],\"size\":[1],\"hoist\":[4],\"value\":[1025],\"pill\":[4],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"required\":[4],\"clearable\":[4],\"invalid\":[1028],\"line\":[4],\"errorOnBlur\":[4,\"error-on-blur\"],\"filter\":[4],\"asyncFilter\":[4,\"async-filter\"],\"autocomplete\":[4],\"inputDebounce\":[2,\"input-debounce\"],\"options\":[16],\"virtualScroll\":[4,\"virtual-scroll\"],\"defaultValue\":[1,\"default-value\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasErrorTextSlot\":[32],\"hasLabelSlot\":[32],\"isOpen\":[32],\"displayLabel\":[32],\"displayTags\":[32],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-header.cjs\",[[1,\"six-header\",{\"shiftContent\":[4,\"shift-content\"],\"openHamburgerMenu\":[4,\"open-hamburger-menu\"],\"openSearch\":[4,\"open-search\"],\"clickableLogo\":[4,\"clickable-logo\"],\"selectedApp\":[32],\"selectedSection\":[32],\"setSearchOpenState\":[64],\"getIsSearchOpen\":[64]}]]],[\"six-datepicker.cjs\",[[1,\"six-datepicker\",{\"type\":[1],\"locale\":[1],\"open\":[1540],\"inline\":[516],\"readonly\":[4],\"disabled\":[4],\"allowedDates\":[16],\"min\":[16],\"max\":[16],\"closeOnSelect\":[4,\"close-on-select\"],\"placement\":[1],\"size\":[1],\"required\":[516],\"defaultDate\":[1,\"default-date\"],\"placeholder\":[1],\"value\":[1040],\"containingElement\":[16],\"dateFormat\":[1,\"date-format\"],\"debounce\":[2],\"errorOnBlur\":[4,\"error-on-blur\"],\"errorText\":[1,\"error-text\"],\"label\":[1],\"name\":[513],\"clearable\":[4],\"iconPosition\":[1,\"icon-position\"],\"hoist\":[4],\"pointerDate\":[32],\"selectionMode\":[32],\"isDropDownContentUp\":[32],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64],\"select\":[64]},[[9,\"resize\",\"resizeHandler\"],[9,\"scroll\",\"scrollHandler\"]]]]],[\"six-root.cjs\",[[1,\"six-root\",{\"breakpoint\":[2],\"padded\":[4],\"stage\":[1],\"version\":[1],\"collapse\":[32]}]]],[\"six-tile.cjs\",[[1,\"six-tile\",{\"label\":[1],\"iconName\":[8,\"icon-name\"],\"closeable\":[4],\"elevated\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"disabled\":[516],\"size\":[513],\"visible\":[32],\"hasIconSlot\":[32],\"hasLabelSlot\":[32],\"hide\":[64],\"show\":[64]}]]],[\"six-alert.cjs\",[[1,\"six-alert\",{\"open\":[1540],\"closable\":[516],\"type\":[513],\"duration\":[2],\"isVisible\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]}]]],[\"six-dialog.cjs\",[[1,\"six-dialog\",{\"open\":[1540],\"label\":[1],\"noHeader\":[4,\"no-header\"],\"hasFooter\":[32],\"isVisible\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-drawer.cjs\",[[1,\"six-drawer\",{\"open\":[1540],\"label\":[1],\"placement\":[1],\"contained\":[4],\"noHeader\":[4,\"no-header\"],\"hasFooter\":[32],\"isVisible\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-search-field.cjs\",[[1,\"six-search-field\",{\"placeholder\":[1],\"debounce\":[514],\"disabled\":[516],\"value\":[513],\"clearable\":[4]}]]],[\"six-sidebar-item-group.cjs\",[[1,\"six-sidebar-item-group\",{\"name\":[1],\"icon\":[1],\"value\":[513],\"open\":[516],\"summaryIcon\":[1,\"summary-icon\"],\"hasItems\":[32],\"summaryIconHasContent\":[32]}]]],[\"six-tab.cjs\",[[1,\"six-tab\",{\"panel\":[513],\"active\":[516],\"closable\":[4],\"disabled\":[516],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-tab-group.cjs\",[[1,\"six-tab-group\",{\"placement\":[1],\"noScrollControls\":[4,\"no-scroll-controls\"],\"hasScrollControls\":[32],\"show\":[64]}]]],[\"six-avatar.cjs\",[[1,\"six-avatar\",{\"image\":[1],\"alt\":[1],\"initials\":[1],\"shape\":[1],\"hasError\":[32]}]]],[\"six-button.cjs\",[[1,\"six-button\",{\"type\":[513],\"size\":[513],\"caret\":[4],\"disabled\":[516],\"loading\":[516],\"pill\":[516],\"circle\":[516],\"submit\":[516],\"reset\":[516],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"download\":[1],\"hasFocus\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-error-page.cjs\",[[1,\"six-error-page\",{\"errorCode\":[2,\"error-code\"],\"language\":[1],\"customTitle\":[1,\"custom-title\"],\"customDescription\":[16],\"customIcon\":[1,\"custom-icon\"]}]]],[\"six-file-list-item.cjs\",[[1,\"six-file-list-item\",{\"identifier\":[513],\"name\":[513],\"date\":[513],\"size\":[514],\"nodownload\":[516],\"nodelete\":[516]}]]],[\"six-file-upload.cjs\",[[2,\"six-file-upload\",{\"compact\":[4],\"label\":[1],\"disabled\":[4],\"accept\":[1],\"multiple\":[4],\"maxFileSize\":[2,\"max-file-size\"],\"isOver\":[32]},[[1,\"dragenter\",\"dragenterHandler\"],[1,\"dragover\",\"dragoverHandler\"],[1,\"dragleave\",\"dragleaveHandler\"],[1,\"drop\",\"dropHandler\"]]]]],[\"six-badge.cjs\",[[1,\"six-badge\",{\"type\":[1],\"pill\":[4],\"pulse\":[4]}]]],[\"six-card.cjs\",[[1,\"six-card\"]]],[\"six-checkbox.cjs\",[[1,\"six-checkbox\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"checked\":[1540],\"indeterminate\":[1540],\"invalid\":[1540],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasLabelSlot\":[32],\"hasErrorTextSlot\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-file-list.cjs\",[[1,\"six-file-list\"]]],[\"six-footer.cjs\",[[1,\"six-footer\"]]],[\"six-form.cjs\",[[1,\"six-form\",{\"novalidate\":[4],\"getFormData\":[64],\"getFormControls\":[64],\"submit\":[64],\"checkValidity\":[64],\"reset\":[64]}]]],[\"six-group-label.cjs\",[[1,\"six-group-label\",{\"size\":[513],\"label\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[516],\"required\":[516],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32]}]]],[\"six-language-switcher.cjs\",[[1,\"six-language-switcher\",{\"selected\":[1537],\"languages\":[16]}]]],[\"six-layout-grid.cjs\",[[1,\"six-layout-grid\",{\"columns\":[8]}]]],[\"six-main-container.cjs\",[[1,\"six-main-container\",{\"padded\":[4]}]]],[\"six-menu-divider.cjs\",[[1,\"six-menu-divider\"]]],[\"six-menu-label.cjs\",[[1,\"six-menu-label\"]]],[\"six-progress-bar.cjs\",[[1,\"six-progress-bar\",{\"percentage\":[2],\"indeterminate\":[4]}]]],[\"six-progress-ring.cjs\",[[1,\"six-progress-ring\",{\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"percentage\":[2]}]]],[\"six-radio.cjs\",[[1,\"six-radio\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"checked\":[1540],\"invalid\":[1540],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-range.cjs\",[[1,\"six-range\",{\"name\":[1],\"value\":[1026],\"required\":[516],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"disabled\":[4],\"invalid\":[1540],\"min\":[2],\"max\":[2],\"step\":[2],\"tooltip\":[1],\"tooltipFormatter\":[16],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32],\"hasErrorTextSlot\":[32],\"hasTooltip\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-sidebar.cjs\",[[1,\"six-sidebar\",{\"position\":[1],\"open\":[1540],\"width\":[1],\"toggled\":[4],\"isVisible\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64],\"selectItemByIndex\":[64],\"selectItemByName\":[64]}]]],[\"six-sidebar-item.cjs\",[[1,\"six-sidebar-item\",{\"value\":[513],\"selected\":[516],\"disabled\":[516]}]]],[\"six-switch.cjs\",[[1,\"six-switch\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"invalid\":[1540],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-tab-panel.cjs\",[[1,\"six-tab-panel\",{\"name\":[1],\"active\":[516]}]]],[\"six-textarea.cjs\",[[1,\"six-textarea\",{\"size\":[513],\"name\":[513],\"value\":[1537],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"placeholder\":[1],\"rows\":[2],\"resize\":[1],\"disabled\":[516],\"readonly\":[516],\"minlength\":[514],\"maxlength\":[514],\"required\":[516],\"invalid\":[1540],\"autocapitalize\":[1],\"autocorrect\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"spellcheck\":[4],\"inputmode\":[1],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasErrorTextSlot\":[32],\"hasLabelSlot\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"select\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]}]]],[\"six-icon.cjs\",[[1,\"six-icon\",{\"size\":[513],\"filled\":[4]}]]],[\"six-timepicker.cjs\",[[1,\"six-timepicker\",{\"format\":[1],\"separator\":[1],\"value\":[1025],\"open\":[1540],\"inline\":[516],\"readonly\":[4],\"disabled\":[4],\"placement\":[1],\"size\":[1],\"required\":[516],\"placeholder\":[1],\"errorOnBlur\":[4,\"error-on-blur\"],\"errorText\":[1,\"error-text\"],\"label\":[1],\"name\":[513],\"clearable\":[4],\"iconPosition\":[1,\"icon-position\"],\"hoist\":[4],\"timeout\":[2],\"interval\":[2],\"defaultTime\":[1,\"default-time\"],\"debounce\":[2],\"isPopupContentUp\":[32],\"isDropDownContentUp\":[32],\"internalValue\":[32],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"reset\":[64]},[[9,\"resize\",\"resizeHandler\"],[9,\"scroll\",\"scrollHandler\"]]]]],[\"six-tag.cjs\",[[1,\"six-tag\",{\"type\":[513],\"size\":[513],\"pill\":[516],\"clearable\":[516]}]]],[\"six-details.cjs\",[[1,\"six-details\",{\"open\":[1540],\"summary\":[1],\"summaryIcon\":[1,\"summary-icon\"],\"summaryIconSize\":[513,\"summary-icon-size\"],\"disabled\":[4],\"inline\":[4],\"selectableEmpty\":[4,\"selectable-empty\"],\"hasContent\":[4,\"has-content\"],\"animateSummaryIcon\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-picto.cjs\",[[1,\"six-picto\",{\"size\":[1]}]]],[\"six-spinner.cjs\",[[1,\"six-spinner\",{\"six\":[4]}]]],[\"six-tooltip.cjs\",[[1,\"six-tooltip\",{\"content\":[1],\"placement\":[1],\"disabled\":[4],\"distance\":[2],\"open\":[1540],\"skidding\":[2],\"trigger\":[1],\"show\":[64],\"hide\":[64]}]]],[\"set-attributes_2.cjs\",[[1,\"six-stage-indicator\",{\"stage\":[1]}],[4,\"set-attributes\",{\"value\":[16]}]]],[\"six-item-picker.cjs\",[[1,\"six-item-picker\",{\"value\":[1544],\"type\":[1],\"min\":[1544],\"max\":[1544],\"roundtrip\":[516],\"step\":[514],\"items\":[16],\"padded\":[4],\"paddingLength\":[2,\"padding-length\"],\"paddingChar\":[1,\"padding-char\"],\"paddingDirection\":[1,\"padding-direction\"],\"timeout\":[2],\"interval\":[2],\"debounce\":[2],\"_items\":[32],\"_itemIndexes\":[32]}]]],[\"six-menu-item.cjs\",[[1,\"six-menu-item\",{\"checked\":[516],\"value\":[513],\"disabled\":[516],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"getTextLabel\":[64]}]]],[\"six-input.cjs\",[[1,\"six-input\",{\"type\":[513],\"size\":[513],\"name\":[513],\"value\":[1537],\"pill\":[516],\"label\":[1],\"helpText\":[1,\"help-text\"],\"errorText\":[1,\"error-text\"],\"placeholder\":[1],\"disabled\":[516],\"readonly\":[516],\"minlength\":[514],\"maxlength\":[514],\"min\":[514],\"max\":[514],\"step\":[514],\"pattern\":[513],\"required\":[516],\"autocapitalize\":[1],\"autocorrect\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"spellcheck\":[4],\"invalid\":[1540],\"clearable\":[4],\"togglePassword\":[4,\"toggle-password\"],\"inputmode\":[1],\"line\":[4],\"errorOnBlur\":[4,\"error-on-blur\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasErrorTextSlot\":[32],\"hasLabelSlot\":[32],\"isPasswordVisible\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"select\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"reportValidity\":[64],\"checkValidity\":[64],\"setCustomValidity\":[64],\"getValidity\":[64],\"isValid\":[64],\"getValidationMessage\":[64],\"reset\":[64]}]]],[\"six-dropdown_2.cjs\",[[1,\"six-dropdown\",{\"open\":[1540],\"placement\":[1],\"closeOnSelect\":[4,\"close-on-select\"],\"distance\":[2],\"skidding\":[2],\"hoist\":[4],\"containingElement\":[16],\"filter\":[4],\"asyncFilter\":[4,\"async-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"autofocusFilter\":[4,\"autofocus-filter\"],\"filterDebounce\":[2,\"filter-debounce\"],\"disableHideOnEnterAndSpace\":[4,\"disable-hide-on-enter-and-space\"],\"options\":[16],\"virtualScroll\":[4,\"virtual-scroll\"],\"_options\":[32],\"show\":[64],\"hide\":[64],\"reposition\":[64]}],[1,\"six-menu\",{\"removeBoxShadow\":[4,\"remove-box-shadow\"],\"items\":[16],\"itemsShown\":[2,\"items-shown\"],\"virtualScroll\":[4,\"virtual-scroll\"],\"itemSize\":[2,\"item-size\"],\"scrollingDebounce\":[2,\"scrolling-debounce\"],\"scrollingIndex\":[32],\"sixMenuItemHeight\":[32],\"typeToSelect\":[64]}]]],[\"six-icon-button.cjs\",[[1,\"six-icon-button\",{\"name\":[513],\"size\":[513],\"label\":[513],\"disabled\":[516],\"html\":[513]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"six-select.cjs\",[[1,\"six-select\",{\"multiple\":[4],\"maxTagsVisible\":[2,\"max-tags-visible\"],\"disabled\":[4],\"name\":[1],\"placeholder\":[1],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"filterDebounce\":[2,\"filter-debounce\"],\"size\":[1],\"hoist\":[4],\"value\":[1025],\"pill\":[4],\"helpText\":[1,\"help-text\"],\"required\":[4],\"clearable\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"line\":[4],\"filter\":[4],\"asyncFilter\":[4,\"async-filter\"],\"autocomplete\":[4],\"inputDebounce\":[2,\"input-debounce\"],\"options\":[16],\"virtualScroll\":[4,\"virtual-scroll\"],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32],\"isOpen\":[32],\"displayLabel\":[32],\"displayTags\":[32],\"setFocus\":[64]}]]],[\"six-header.cjs\",[[1,\"six-header\",{\"shiftContent\":[4,\"shift-content\"],\"openHamburgerMenu\":[4,\"open-hamburger-menu\"],\"openSearch\":[4,\"open-search\"],\"clickableLogo\":[4,\"clickable-logo\"],\"selectedApp\":[32],\"selectedSection\":[32],\"setSearchOpenState\":[64],\"getIsSearchOpen\":[64]}]]],[\"six-datepicker.cjs\",[[1,\"six-datepicker\",{\"type\":[1],\"locale\":[1],\"open\":[1540],\"inline\":[516],\"readonly\":[4],\"disabled\":[4],\"allowedDates\":[16],\"min\":[16],\"max\":[16],\"closeOnSelect\":[4,\"close-on-select\"],\"placement\":[1],\"size\":[1],\"required\":[4],\"defaultDate\":[1,\"default-date\"],\"placeholder\":[1],\"value\":[1040],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"containingElement\":[16],\"dateFormat\":[1,\"date-format\"],\"debounce\":[2],\"name\":[513],\"clearable\":[4],\"iconPosition\":[1,\"icon-position\"],\"hoist\":[4],\"pointerDate\":[32],\"selectionMode\":[32],\"isDropDownContentUp\":[32],\"setFocus\":[64],\"select\":[64]},[[9,\"resize\",\"resizeHandler\"],[9,\"scroll\",\"scrollHandler\"]]]]],[\"six-root.cjs\",[[1,\"six-root\",{\"breakpoint\":[2],\"padded\":[4],\"stage\":[1],\"version\":[1],\"collapse\":[32]}]]],[\"six-tile.cjs\",[[1,\"six-tile\",{\"label\":[1],\"iconName\":[1,\"icon-name\"],\"closeable\":[4],\"elevated\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"disabled\":[516],\"size\":[513],\"visible\":[32],\"hasIconSlot\":[32],\"hasLabelSlot\":[32],\"hide\":[64],\"show\":[64]}]]],[\"six-alert.cjs\",[[1,\"six-alert\",{\"open\":[1540],\"closable\":[516],\"type\":[513],\"duration\":[2],\"isVisible\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64]}]]],[\"six-dialog.cjs\",[[1,\"six-dialog\",{\"open\":[1540],\"label\":[1],\"noHeader\":[4,\"no-header\"],\"hasFooter\":[32],\"isVisible\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-drawer.cjs\",[[1,\"six-drawer\",{\"open\":[1540],\"label\":[1],\"placement\":[1],\"contained\":[4],\"noHeader\":[4,\"no-header\"],\"hasFooter\":[32],\"isVisible\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-search-field.cjs\",[[1,\"six-search-field\",{\"placeholder\":[1],\"debounce\":[514],\"disabled\":[516],\"value\":[513],\"clearable\":[4]}]]],[\"six-sidebar-item-group.cjs\",[[1,\"six-sidebar-item-group\",{\"name\":[1],\"icon\":[1],\"value\":[513],\"open\":[516],\"summaryIcon\":[1,\"summary-icon\"],\"hasItems\":[32],\"summaryIconHasContent\":[32]}]]],[\"six-tab.cjs\",[[1,\"six-tab\",{\"panel\":[513],\"active\":[516],\"closable\":[4],\"disabled\":[516],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-tab-group.cjs\",[[1,\"six-tab-group\",{\"placement\":[1],\"noScrollControls\":[4,\"no-scroll-controls\"],\"hasScrollControls\":[32],\"show\":[64]}]]],[\"six-avatar.cjs\",[[1,\"six-avatar\",{\"image\":[1],\"alt\":[1],\"initials\":[1],\"shape\":[1],\"hasError\":[32]}]]],[\"six-button.cjs\",[[1,\"six-button\",{\"type\":[513],\"size\":[513],\"caret\":[4],\"disabled\":[516],\"loading\":[516],\"pill\":[516],\"circle\":[516],\"submit\":[516],\"reset\":[516],\"name\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"download\":[1],\"hasFocus\":[32],\"hasLabel\":[32],\"hasPrefix\":[32],\"hasSuffix\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-error-page.cjs\",[[1,\"six-error-page\",{\"errorCode\":[2,\"error-code\"],\"language\":[1],\"customTitle\":[1,\"custom-title\"],\"customDescription\":[16],\"customIcon\":[1,\"custom-icon\"]}]]],[\"six-file-list-item.cjs\",[[1,\"six-file-list-item\",{\"identifier\":[513],\"name\":[513],\"date\":[513],\"size\":[514],\"nodownload\":[516],\"nodelete\":[516]}]]],[\"six-file-upload.cjs\",[[2,\"six-file-upload\",{\"compact\":[4],\"label\":[1],\"disabled\":[4],\"accept\":[1],\"multiple\":[4],\"maxFileSize\":[2,\"max-file-size\"],\"isOver\":[32]},[[1,\"dragenter\",\"dragenterHandler\"],[1,\"dragover\",\"dragoverHandler\"],[1,\"dragleave\",\"dragleaveHandler\"],[1,\"drop\",\"dropHandler\"]]]]],[\"six-badge.cjs\",[[1,\"six-badge\",{\"type\":[1],\"pill\":[4],\"pulse\":[4]}]]],[\"six-card.cjs\",[[1,\"six-card\"]]],[\"six-checkbox.cjs\",[[1,\"six-checkbox\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"checked\":[1540],\"indeterminate\":[1540],\"hasFocus\":[32],\"hasLabelSlot\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-file-list.cjs\",[[1,\"six-file-list\"]]],[\"six-footer.cjs\",[[1,\"six-footer\"]]],[\"six-group-label.cjs\",[[1,\"six-group-label\",{\"size\":[513],\"label\":[1],\"helpText\":[1,\"help-text\"],\"disabled\":[516],\"required\":[4],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32]}]]],[\"six-language-switcher.cjs\",[[1,\"six-language-switcher\",{\"selected\":[1537],\"languages\":[16]}]]],[\"six-layout-grid.cjs\",[[1,\"six-layout-grid\",{\"columns\":[1026]}]]],[\"six-main-container.cjs\",[[1,\"six-main-container\",{\"padded\":[4]}]]],[\"six-menu-divider.cjs\",[[1,\"six-menu-divider\"]]],[\"six-menu-label.cjs\",[[1,\"six-menu-label\"]]],[\"six-progress-bar.cjs\",[[1,\"six-progress-bar\",{\"percentage\":[2],\"indeterminate\":[4]}]]],[\"six-progress-ring.cjs\",[[1,\"six-progress-ring\",{\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"percentage\":[2]}]]],[\"six-radio.cjs\",[[1,\"six-radio\",{\"name\":[1],\"value\":[513],\"disabled\":[4],\"checked\":[1540],\"invalid\":[516],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-range.cjs\",[[1,\"six-range\",{\"name\":[1],\"value\":[1026],\"required\":[4],\"helpText\":[1,\"help-text\"],\"disabled\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"min\":[2],\"max\":[2],\"step\":[2],\"tooltip\":[1],\"tooltipFormatter\":[16],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32],\"hasTooltip\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-sidebar.cjs\",[[1,\"six-sidebar\",{\"position\":[1],\"open\":[1540],\"width\":[1],\"toggled\":[4],\"isVisible\":[32],\"toggle\":[64],\"show\":[64],\"hide\":[64],\"selectItemByIndex\":[64],\"selectItemByName\":[64]}]]],[\"six-sidebar-item.cjs\",[[1,\"six-sidebar-item\",{\"value\":[513],\"selected\":[516],\"disabled\":[516]}]]],[\"six-switch.cjs\",[[1,\"six-switch\",{\"name\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"six-tab-panel.cjs\",[[1,\"six-tab-panel\",{\"name\":[1],\"active\":[516]}]]],[\"six-textarea.cjs\",[[1,\"six-textarea\",{\"size\":[513],\"name\":[513],\"value\":[1537],\"helpText\":[1,\"help-text\"],\"placeholder\":[1],\"rows\":[2],\"resize\":[1],\"disabled\":[516],\"readonly\":[516],\"minlength\":[514],\"maxlength\":[514],\"required\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"autocapitalize\":[1],\"autocorrect\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"spellcheck\":[4],\"inputmode\":[1],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"select\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64]}]]],[\"six-icon.cjs\",[[1,\"six-icon\",{\"size\":[513],\"filled\":[4]}]]],[\"six-timepicker.cjs\",[[1,\"six-timepicker\",{\"format\":[1],\"separator\":[1],\"value\":[1025],\"open\":[1540],\"inline\":[516],\"readonly\":[4],\"disabled\":[4],\"placement\":[1],\"size\":[1],\"required\":[4],\"placeholder\":[1],\"errorText\":[1,\"error-text\"],\"label\":[1],\"invalid\":[516],\"name\":[513],\"clearable\":[4],\"iconPosition\":[1,\"icon-position\"],\"hoist\":[4],\"timeout\":[2],\"interval\":[2],\"defaultTime\":[1,\"default-time\"],\"debounce\":[2],\"isPopupContentUp\":[32],\"isDropDownContentUp\":[32],\"popupValue\":[32],\"setFocus\":[64]},[[9,\"resize\",\"resizeHandler\"],[9,\"scroll\",\"scrollHandler\"]]]]],[\"six-tag.cjs\",[[1,\"six-tag\",{\"type\":[513],\"size\":[513],\"pill\":[516],\"clearable\":[516]}]]],[\"six-details.cjs\",[[1,\"six-details\",{\"open\":[1540],\"summary\":[1],\"summaryIcon\":[1,\"summary-icon\"],\"summaryIconSize\":[513,\"summary-icon-size\"],\"disabled\":[4],\"inline\":[4],\"selectableEmpty\":[4,\"selectable-empty\"],\"hasContent\":[4,\"has-content\"],\"animateSummaryIcon\":[32],\"show\":[64],\"hide\":[64]}]]],[\"six-picto.cjs\",[[1,\"six-picto\",{\"size\":[1]}]]],[\"six-spinner.cjs\",[[1,\"six-spinner\",{\"six\":[4]}]]],[\"six-tooltip.cjs\",[[1,\"six-tooltip\",{\"content\":[1],\"placement\":[1],\"disabled\":[4],\"distance\":[2],\"open\":[1540],\"skidding\":[2],\"trigger\":[1],\"show\":[64],\"hide\":[64]}]]],[\"set-attributes_2.cjs\",[[1,\"six-stage-indicator\",{\"stage\":[1]}],[4,\"set-attributes\",{\"value\":[16]}]]],[\"six-item-picker.cjs\",[[1,\"six-item-picker\",{\"value\":[1544],\"type\":[1],\"min\":[1544],\"max\":[1544],\"roundtrip\":[516],\"step\":[514],\"items\":[16],\"padded\":[4],\"paddingLength\":[2,\"padding-length\"],\"paddingChar\":[1,\"padding-char\"],\"paddingDirection\":[1,\"padding-direction\"],\"timeout\":[2],\"interval\":[2],\"debounce\":[2],\"_items\":[32],\"_itemIndexes\":[32]}]]],[\"six-menu-item.cjs\",[[1,\"six-menu-item\",{\"checked\":[516],\"value\":[513],\"disabled\":[516],\"hasFocus\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"getTextLabel\":[64]}]]],[\"six-input.cjs\",[[1,\"six-input\",{\"type\":[513],\"size\":[513],\"name\":[513],\"value\":[1537],\"pill\":[516],\"helpText\":[1,\"help-text\"],\"placeholder\":[1],\"disabled\":[516],\"readonly\":[516],\"minlength\":[514],\"maxlength\":[514],\"min\":[514],\"max\":[514],\"step\":[514],\"pattern\":[513],\"required\":[4],\"autocapitalize\":[1],\"autocorrect\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"spellcheck\":[4],\"label\":[1],\"errorText\":[1,\"error-text\"],\"invalid\":[516],\"clearable\":[4],\"togglePassword\":[4,\"toggle-password\"],\"inputmode\":[1],\"line\":[4],\"hasFocus\":[32],\"hasHelpTextSlot\":[32],\"hasLabelSlot\":[32],\"isPasswordVisible\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"select\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64]}]]],[\"six-dropdown_2.cjs\",[[1,\"six-dropdown\",{\"open\":[1540],\"placement\":[1],\"closeOnSelect\":[4,\"close-on-select\"],\"distance\":[2],\"skidding\":[2],\"hoist\":[4],\"containingElement\":[16],\"filter\":[4],\"asyncFilter\":[4,\"async-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"autofocusFilter\":[4,\"autofocus-filter\"],\"filterDebounce\":[2,\"filter-debounce\"],\"disableHideOnEnterAndSpace\":[4,\"disable-hide-on-enter-and-space\"],\"options\":[16],\"virtualScroll\":[4,\"virtual-scroll\"],\"filteredOptions\":[32],\"show\":[64],\"hide\":[64],\"reposition\":[64]}],[1,\"six-menu\",{\"removeBoxShadow\":[4,\"remove-box-shadow\"],\"items\":[16],\"itemsShown\":[2,\"items-shown\"],\"virtualScroll\":[4,\"virtual-scroll\"],\"itemSize\":[2,\"item-size\"],\"scrollingDebounce\":[2,\"scrolling-debounce\"],\"scrollingIndex\":[32],\"sixMenuItemHeight\":[32],\"typeToSelect\":[64]}]]],[\"six-icon-button.cjs\",[[1,\"six-icon-button\",{\"name\":[513],\"size\":[513],\"label\":[513],\"disabled\":[516],\"html\":[513]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/ui-library.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ui-library.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;~~AAiBA~~,MAAM,YAAY,GAAG,MAAM;~~AAkC3B~~,IAAI,MAAM,UAAU,GAAG,4MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;~~AAgBlF;AACA~~,IAAI,~~IAAuB~~,UAAU,KAAK,EAAE,EAAE;~~AAC9C~~,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D~~;AACA;AACA~~,~~KAaK~~;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;~~ACtFD~~,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v3.2.1 \| MIT Licensed \| https://stenciljs.com\n /\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, ~~plt, win,~~ doc, promiseResolve, H } from '@stencil/core';\n/*\n Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n \n @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n /\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null \|\| _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null \|\| _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst ~~getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s\|-/g, '_')}`;\nconst~~ patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n ~~// TODO(STENCIL-659): Remove code implementing the CSS variable shim\n~~ if (BUILD.~~cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.~~cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /noop/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = ~~\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n~~ BUILD.scriptDataOpts ~~\|\| BUILD.safari10 \|\| BUILD.dynamicImportShim~~\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\|\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})['data-opts'] \|\| {} : {};\n ~~// TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n~~ if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration / IS_ESM_BUILD /) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n / promise noop /\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n ~~// TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n~~ }\n else if (BUILD.dynamicImportShim \|\| BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') \|\| scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return ~~import(/ webpackChunkName: \"polyfills-dom\" / './dom.js').then(() => opts);\n }\n }\n return~~ promiseResolve(opts);\n};\~~n// TODO(STENCIL-661): Remove code related to the dynamic import shim\~~nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"version":3}
1	+ {"file":"ui-library.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAyB3B,IAAI,MAAM,UAAU,GAAG,4MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;AChCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.0.4 \| MIT Licensed \| https://stenciljs.com\n /\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /noop/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\|\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})['data-opts'] \|\| {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -1,63 +1,62 @@
 {
   "entries": [
-    "./components/six-item-picker/six-item-picker.js",
-    "./components/six-timepicker/six-timepicker.js",
-    "./components/six-datepicker/six-datepicker.js",
-    "./components/six-menu/six-menu.js",
-    "./components/six-dropdown/six-dropdown.js",
-    "./components/six-file-list-item/six-file-list-item.js",
-    "./components/six-file-upload/six-file-upload.js",
-    "./components/six-form/six-form.js",
-    "./components/six-header/six-header.js",
-    "./components/six-language-switcher/six-language-switcher.js",
-    "./components/six-stage-indicator/six-stage-indicator.js",
-    "./components/six-root/six-root.js",
-    "./components/six-search-field/six-search-field.js",
-    "./components/six-select/six-select.js",
-    "./components/six-tab-group/six-tab-group.js",
-    "./components/six-alert/six-alert.js",
-    "./components/six-avatar/six-avatar.js",
-    "./components/six-badge/six-badge.js",
-    "./components/six-button/six-button.js",
-    "./components/six-card/six-card.js",
-    "./components/six-checkbox/six-checkbox.js",
-    "./components/six-details/six-details.js",
-    "./components/six-dialog/six-dialog.js",
-    "./components/six-drawer/six-drawer.js",
-    "./components/six-error-page/six-error-page.js",
-    "./components/six-file-list/six-file-list.js",
-    "./components/six-footer/six-footer.js",
-    "./components/six-group-label/six-group-label.js",
-    "./components/six-icon/six-icon.js",
-    "./components/six-icon-button/six-icon-button.js",
-    "./components/six-input/six-input.js",
-    "./components/six-layout-grid/six-layout-grid.js",
-    "./components/six-main-container/six-main-container.js",
-    "./components/six-menu-divider/six-menu-divider.js",
-    "./components/six-menu-item/six-menu-item.js",
-    "./components/six-menu-label/six-menu-label.js",
-    "./components/six-picto/six-picto.js",
-    "./components/six-progress-bar/six-progress-bar.js",
-    "./components/six-progress-ring/six-progress-ring.js",
-    "./components/six-radio/six-radio.js",
-    "./components/six-range/six-range.js",
-    "./components/six-sidebar/six-sidebar.js",
-    "./components/six-sidebar-item/six-sidebar-item.js",
-    "./components/six-sidebar-item-group/six-sidebar-item-group.js",
-    "./components/six-spinner/six-spinner.js",
-    "./components/six-switch/six-switch.js",
-    "./components/six-tab/six-tab.js",
-    "./components/six-tab-panel/six-tab-panel.js",
-    "./components/six-tag/six-tag.js",
-    "./components/six-textarea/six-textarea.js",
-    "./components/six-tile/six-tile.js",
-    "./components/six-tooltip/six-tooltip.js",
-    "./wrappers/set-attributes/set-attributes.js"
+    "components/six-item-picker/six-item-picker.js",
+    "components/six-timepicker/six-timepicker.js",
+    "components/six-datepicker/six-datepicker.js",
+    "components/six-menu/six-menu.js",
+    "components/six-dropdown/six-dropdown.js",
+    "components/six-file-list-item/six-file-list-item.js",
+    "components/six-file-upload/six-file-upload.js",
+    "components/six-header/six-header.js",
+    "components/six-language-switcher/six-language-switcher.js",
+    "components/six-stage-indicator/six-stage-indicator.js",
+    "components/six-root/six-root.js",
+    "components/six-search-field/six-search-field.js",
+    "components/six-select/six-select.js",
+    "components/six-tab-group/six-tab-group.js",
+    "components/six-alert/six-alert.js",
+    "components/six-avatar/six-avatar.js",
+    "components/six-badge/six-badge.js",
+    "components/six-button/six-button.js",
+    "components/six-card/six-card.js",
+    "components/six-checkbox/six-checkbox.js",
+    "components/six-details/six-details.js",
+    "components/six-dialog/six-dialog.js",
+    "components/six-drawer/six-drawer.js",
+    "components/six-error-page/six-error-page.js",
+    "components/six-file-list/six-file-list.js",
+    "components/six-footer/six-footer.js",
+    "components/six-group-label/six-group-label.js",
+    "components/six-icon/six-icon.js",
+    "components/six-icon-button/six-icon-button.js",
+    "components/six-input/six-input.js",
+    "components/six-layout-grid/six-layout-grid.js",
+    "components/six-main-container/six-main-container.js",
+    "components/six-menu-divider/six-menu-divider.js",
+    "components/six-menu-item/six-menu-item.js",
+    "components/six-menu-label/six-menu-label.js",
+    "components/six-picto/six-picto.js",
+    "components/six-progress-bar/six-progress-bar.js",
+    "components/six-progress-ring/six-progress-ring.js",
+    "components/six-radio/six-radio.js",
+    "components/six-range/six-range.js",
+    "components/six-sidebar/six-sidebar.js",
+    "components/six-sidebar-item/six-sidebar-item.js",
+    "components/six-sidebar-item-group/six-sidebar-item-group.js",
+    "components/six-spinner/six-spinner.js",
+    "components/six-switch/six-switch.js",
+    "components/six-tab/six-tab.js",
+    "components/six-tab-panel/six-tab-panel.js",
+    "components/six-tag/six-tag.js",
+    "components/six-textarea/six-textarea.js",
+    "components/six-tile/six-tile.js",
+    "components/six-tooltip/six-tooltip.js",
+    "wrappers/set-attributes/set-attributes.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "3.2.1",
-    "typescriptVersion": "4.9.5"
+    "version": "4.0.4",
+    "typescriptVersion": "5.0.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/six-alert/six-alert.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 const toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });
 /**
  * @since 1.0
@@ -16,6 +16,20 @@ const toastStack = Object.assign(document.createElement('div'), { className: 'si
  */
 export class SixAlert {
   constructor() {
+    this.handleCloseClick = () => {
+      this.hide();
+    };
+    this.handleMouseMove = () => {
+      this.restartAutoHide();
+    };
+    this.handleTransitionEnd = (event) => {
+      const target = event.target;
+      // Ensure we only emit one event when the target element is no longer visible
+      if (event.propertyName === 'opacity' && target.classList.contains('alert')) {
+        this.isVisible = this.open;
+        this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();
+      }
+    };
     this.isVisible = false;
     this.open = false;
     this.closable = false;
@@ -28,11 +42,6 @@ export class SixAlert {
   handleDurationChange() {
     this.restartAutoHide();
   }
-  connectedCallback() {
-    this.handleCloseClick = this.handleCloseClick.bind(this);
-    this.handleMouseMove = this.handleMouseMove.bind(this);
-    this.handleTransitionEnd = this.handleTransitionEnd.bind(this);
-  }
   componentWillLoad() {
     // Show on init if open
     if (this.open) {
@@ -53,7 +62,7 @@ export class SixAlert {
     this.isVisible = true;
     this.open = true;
     if (this.duration < Infinity) {
-      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);
+      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
     }
   }
   /** Hides the alert */
@@ -93,28 +102,14 @@ export class SixAlert {
       }, { once: true });
     });
   }
-  handleCloseClick() {
-    this.hide();
-  }
-  handleMouseMove() {
-    this.restartAutoHide();
-  }
-  handleTransitionEnd(event) {
-    const target = event.target;
-    // Ensure we only emit one event when the target element is no longer visible
-    if (event.propertyName === 'opacity' && target.classList.contains('alert')) {
-      this.isVisible = this.open;
-      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();
-    }
-  }
   restartAutoHide() {
     clearTimeout(this.autoHideTimeout);
     if (this.open && this.duration < Infinity) {
-      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);
+      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
     }
   }
   render() {
-    return (h("div", { ref: (el) => (this.alert = el), part: "base", class: {
+    return (h("div", { part: "base", class: {
         alert: true,
         'alert--open': this.open,
         'alert--visible': this.isVisible,
@@ -236,7 +231,8 @@ export class SixAlert {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -256,7 +252,8 @@ export class SixAlert {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -276,7 +273,8 @@ export class SixAlert {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -296,7 +294,8 @@ export class SixAlert {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -310,7 +309,8 @@ export class SixAlert {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -326,7 +326,8 @@ export class SixAlert {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -342,7 +343,8 @@ export class SixAlert {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/six-alert/six-alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"six-alert.js","sourceRoot":"","sources":["../../../src/components/six-alert/six-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });\n\n/*\n @since 1.0\n * @status stable\n \n Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n \n @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n \n @part base - The component's base wrapper.\n * @part icon - The container that wraps the alert icon.\n * @part message - The alert message.\n * @part close-button - The close button.\n /\n\n@Component({\n tag: 'six-alert',\n styleUrl: 'six-alert.scss',\n shadow: true,\n})\nexport class SixAlert {\n alert: HTMLElement;\n autoHideTimeout: any;\n\n @Element() host: HTMLSixAlertElement;\n\n @State() isVisible = false;\n\n /* Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. /\n @Prop({ mutable: true, reflect: true }) open = false;\n\n /* Set to true to make the alert closable. /\n @Prop({ reflect: true }) closable = false;\n\n /* The type of alert. /\n @Prop({ reflect: true }) type: 'primary' \| 'success' \| 'info' \| 'warning' \| 'danger' = 'primary';\n\n /\n The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n /\n @Prop() duration = Infinity;\n\n @Watch('open')\n handleOpenChange() {\n this.open ? this.show() : this.hide();\n }\n\n @Watch('duration')\n handleDurationChange() {\n this.restartAutoHide();\n }\n\n /* Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. /\n @Event({ eventName: 'six-alert-show' }) sixShow: EventEmitter<EmptyPayload>;\n\n /* Emitted after the alert opens and all transitions are complete. /\n @Event({ eventName: 'six-alert-after-show' }) sixAfterShow: EventEmitter<EmptyPayload>;\n\n /* Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. /\n @Event({ eventName: 'six-alert-hide' }) sixHide: EventEmitter<EmptyPayload>;\n\n /* Emitted after the alert closes and all transitions are complete. /\n @Event({ eventName: 'six-alert-after-hide' }) sixAfterHide: EventEmitter<EmptyPayload>;\n\n connectedCallback() {\n this.handleCloseClick = this.handleCloseClick.bind(this);\n this.handleMouseMove = this.handleMouseMove.bind(this);\n this.handleTransitionEnd = this.handleTransitionEnd.bind(this);\n }\n\n componentWillLoad() {\n // Show on init if open\n if (this.open) {\n this.show();\n }\n }\n\n /* Shows the alert. /\n @Method()\n async show() {\n // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n if (this.isVisible) {\n return;\n }\n\n const sixShow = this.sixShow.emit();\n if (sixShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n this.isVisible = true;\n this.open = true;\n\n if (this.duration < Infinity) {\n this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n }\n }\n\n /* Hides the alert /\n @Method()\n async hide() {\n // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n if (!this.isVisible) {\n return;\n }\n\n const sixHide = this.sixHide.emit();\n if (sixHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n clearTimeout(this.autoHideTimeout);\n this.isVisible = false;\n this.open = false;\n }\n\n /\n Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n * calling this method again. The returned promise will resolve after the alert is hidden.\n */\n @Method()\n async toast() {\n return new Promise<void>((resolve) => {\n if (!toastStack.parentElement) {\n document.body.append(toastStack);\n }\n\n toastStack.append(this.host);\n requestAnimationFrame(() => this.show());\n\n this.host.addEventListener(\n 'six-alert-after-hide',\n () => {\n this.host.remove();\n resolve();\n\n // Remove the toast stack from the DOM when there are no more alerts\n if (toastStack.querySelector('six-alert') === null) {\n toastStack.remove();\n }\n },\n { once: true }\n );\n });\n }\n\n handleCloseClick() {\n this.hide();\n }\n\n handleMouseMove() {\n this.restartAutoHide();\n }\n\n handleTransitionEnd(event: TransitionEvent) {\n const target = event.target as HTMLElement;\n\n // Ensure we only emit one event when the target element is no longer visible\n if (event.propertyName === 'opacity' && target.classList.contains('alert')) {\n this.isVisible = this.open;\n this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n }\n }\n\n restartAutoHide() {\n clearTimeout(this.autoHideTimeout);\n if (this.open && this.duration < Infinity) {\n this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n }\n }\n\n render() {\n return (\n <div\n ref={(el) => (this.alert = el)}\n part=\"base\"\n class={{\n alert: true,\n 'alert--open': this.open,\n 'alert--visible': this.isVisible,\n 'alert--closable': this.closable,\n 'alert--primary': this.type === 'primary',\n 'alert--success': this.type === 'success',\n 'alert--info': this.type === 'info',\n 'alert--warning': this.type === 'warning',\n 'alert--danger': this.type === 'danger',\n }}\n role=\"alert\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n aria-hidden={this.open ? 'false' : 'true'}\n onMouseMove={this.handleMouseMove}\n onTransitionEnd={this.handleTransitionEnd}\n >\n <span part=\"icon\" class=\"alert__icon\">\n <slot name=\"icon\" />\n </span>\n\n <span part=\"message\" class=\"alert__message\">\n <slot />\n </span>\n\n {this.closable && (\n <span class=\"alert__close\">\n <six-icon-button\n name=\"clear\"\n exportparts=\"base:close-button\"\n onClick={this.handleCloseClick}\n ></six-icon-button>\n </span>\n )}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"six-alert.js","sourceRoot":"","sources":["../../../src/components/six-alert/six-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });\n\n/*\n @since 1.0\n * @status stable\n \n Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n \n @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n \n @part base - The component's base wrapper.\n * @part icon - The container that wraps the alert icon.\n * @part message - The alert message.\n * @part close-button - The close button.\n /\n\n@Component({\n tag: 'six-alert',\n styleUrl: 'six-alert.scss',\n shadow: true,\n})\nexport class SixAlert {\n private autoHideTimeout?: number;\n\n @Element() host!: HTMLSixAlertElement;\n\n @State() isVisible = false;\n\n /* Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. /\n @Prop({ mutable: true, reflect: true }) open = false;\n\n /* Set to true to make the alert closable. /\n @Prop({ reflect: true }) closable = false;\n\n /* The type of alert. /\n @Prop({ reflect: true }) type: 'primary' \| 'success' \| 'info' \| 'warning' \| 'danger' = 'primary';\n\n /\n The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n /\n @Prop() duration = Infinity;\n\n @Watch('open')\n handleOpenChange() {\n this.open ? this.show() : this.hide();\n }\n\n @Watch('duration')\n handleDurationChange() {\n this.restartAutoHide();\n }\n\n /* Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. /\n @Event({ eventName: 'six-alert-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n /* Emitted after the alert opens and all transitions are complete. /\n @Event({ eventName: 'six-alert-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n /* Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. /\n @Event({ eventName: 'six-alert-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n /* Emitted after the alert closes and all transitions are complete. /\n @Event({ eventName: 'six-alert-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n componentWillLoad() {\n // Show on init if open\n if (this.open) {\n this.show();\n }\n }\n\n /* Shows the alert. /\n @Method()\n async show() {\n // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n if (this.isVisible) {\n return;\n }\n\n const sixShow = this.sixShow.emit();\n if (sixShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n this.isVisible = true;\n this.open = true;\n\n if (this.duration < Infinity) {\n this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n }\n }\n\n /* Hides the alert /\n @Method()\n async hide() {\n // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n if (!this.isVisible) {\n return;\n }\n\n const sixHide = this.sixHide.emit();\n if (sixHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n clearTimeout(this.autoHideTimeout);\n this.isVisible = false;\n this.open = false;\n }\n\n /\n Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n * calling this method again. The returned promise will resolve after the alert is hidden.\n */\n @Method()\n async toast() {\n return new Promise<void>((resolve) => {\n if (!toastStack.parentElement) {\n document.body.append(toastStack);\n }\n\n toastStack.append(this.host);\n requestAnimationFrame(() => this.show());\n\n this.host.addEventListener(\n 'six-alert-after-hide',\n () => {\n this.host.remove();\n resolve();\n\n // Remove the toast stack from the DOM when there are no more alerts\n if (toastStack.querySelector('six-alert') === null) {\n toastStack.remove();\n }\n },\n { once: true }\n );\n });\n }\n\n private handleCloseClick = () => {\n this.hide();\n };\n\n private handleMouseMove = () => {\n this.restartAutoHide();\n };\n\n private handleTransitionEnd = (event: TransitionEvent) => {\n const target = event.target as HTMLElement;\n\n // Ensure we only emit one event when the target element is no longer visible\n if (event.propertyName === 'opacity' && target.classList.contains('alert')) {\n this.isVisible = this.open;\n this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n }\n };\n\n private restartAutoHide() {\n clearTimeout(this.autoHideTimeout);\n if (this.open && this.duration < Infinity) {\n this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n }\n }\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n alert: true,\n 'alert--open': this.open,\n 'alert--visible': this.isVisible,\n 'alert--closable': this.closable,\n 'alert--primary': this.type === 'primary',\n 'alert--success': this.type === 'success',\n 'alert--info': this.type === 'info',\n 'alert--warning': this.type === 'warning',\n 'alert--danger': this.type === 'danger',\n }}\n role=\"alert\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n aria-hidden={this.open ? 'false' : 'true'}\n onMouseMove={this.handleMouseMove}\n onTransitionEnd={this.handleTransitionEnd}\n >\n <span part=\"icon\" class=\"alert__icon\">\n <slot name=\"icon\" />\n </span>\n\n <span part=\"message\" class=\"alert__message\">\n <slot />\n </span>\n\n {this.closable && (\n <span class=\"alert__close\">\n <six-icon-button\n name=\"clear\"\n exportparts=\"base:close-button\"\n onClick={this.handleCloseClick}\n ></six-icon-button>\n </span>\n )}\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/six-alert/test/six-alert.spec.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixAlert } from "../six-alert";
+describe('six-alert', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [SixAlert],
+      html: `<six-alert></six-alert>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-alert type="primary">
+        <mock:shadow-root>
+          <div aria-atomic="true" aria-hidden="true" aria-live="assertive" class="alert alert--primary" part="base" role="alert">
+            <span class="alert__icon" part="icon">
+              <slot name="icon"></slot>
+            </span>
+            <span class="alert__message" part="message">
+              <slot></slot>
+            </span>
+          </div>
+        </mock:shadow-root>
+      </six-alert>
+    `);
+  });
+});
+//# sourceMappingURL=six-alert.spec.js.map

package/dist/collection/components/six-alert/test/six-alert.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"six-alert.spec.js","sourceRoot":"","sources":["../../../../src/components/six-alert/test/six-alert.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,yBAAyB;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixAlert } from '../six-alert';\n\ndescribe('six-alert', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [SixAlert],\n html: `<six-alert></six-alert>`,\n });\n expect(page.root).toEqualHtml(`\n <six-alert type=\"primary\">\n <mock:shadow-root>\n <div aria-atomic=\"true\" aria-hidden=\"true\" aria-live=\"assertive\" class=\"alert alert--primary\" part=\"base\" role=\"alert\">\n <span class=\"alert__icon\" part=\"icon\">\n <slot name=\"icon\"></slot>\n </span>\n <span class=\"alert__message\" part=\"message\">\n <slot></slot>\n </span>\n </div>\n </mock:shadow-root>\n </six-alert>\n `);\n });\n});\n"]}

package/dist/collection/components/six-avatar/six-avatar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @since 1.0
  * @status stable
@@ -14,25 +14,22 @@ import { h } from '@stencil/core';
  */
 export class SixAvatar {
   constructor() {
+    this.handleImageError = () => {
+      this.hasError = true;
+    };
     this.hasError = false;
     this.image = '';
     this.alt = '';
     this.initials = '';
     this.shape = 'circle';
   }
-  connectedCallback() {
-    this.handleImageError = this.handleImageError.bind(this);
-  }
-  handleImageError() {
-    this.hasError = true;
-  }
   render() {
     return (h("div", { part: "base", class: {
         avatar: true,
         'avatar--circle': this.shape === 'circle',
         'avatar--rounded': this.shape === 'rounded',
         'avatar--square': this.shape === 'square',
-      }, role: "image", "aria-label": this.alt, tabIndex: 0 }, !this.initials && (h("div", { part: "icon", class: "avatar__icon" }, h("slot", { name: "icon" }, h("six-icon", null, "person")))), this.initials && (h("div", { part: "initials", class: "avatar__initials" }, this.initials)), this.image && !this.hasError && (h("img", { part: "image", class: "avatar__image", src: this.image, onError: this.handleImageError }))));
+      }, role: "image", "aria-label": this.alt, tabIndex: 0 }, this.initials === '' && (h("div", { part: "icon", class: "avatar__icon" }, h("slot", { name: "icon" }, h("six-icon", null, "person")))), this.initials && (h("div", { part: "initials", class: "avatar__initials" }, this.initials)), this.image && !this.hasError && (h("img", { part: "image", class: "avatar__image", src: this.image, onError: this.handleImageError }))));
   }
   static get is() { return "six-avatar"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/six-avatar/six-avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"six-avatar.js","sourceRoot":"","sources":["../../../src/components/six-avatar/six-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,SAAS;;~~oBACA~~,~~KAAK;iBAGT~~,~~EAAE;eAGJ~~,~~EAAE;oBAGG~~,EAAE;~~iBAG4B~~,~~QAAQ;;EAEzD,iBAAiB;IACf,~~IAAI,CAAC,~~gBAAgB~~,GAAG,IAAI,CAAC,~~gBAAgB,~~CAAC,~~IAAI,~~CAAC,~~IAAI~~,~~CAAC,CAAC~~;~~EAC3D~~,~~CAAC~~;~~EAED~~,~~gBAAgB~~;~~IACd~~,~~IAAI,CAAC,~~QAAQ,~~GAAG,IAAI,CAAC;EACvB,CAAC;EAED,~~MAAM;IACJ,OAAO,CACL,WACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;QACL,MAAM,EAAE,IAAI;QACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;QACzC,iBAAiB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;QAC3C,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;OAC1C,EACD,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,GAAG,EACpB,QAAQ,EAAE,CAAC;MAEV,~~CAAC,~~IAAI,CAAC,QAAQ,IAAI,~~CACjB~~,WAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc;QACnC,YAAM,IAAI,EAAC,MAAM;UACf,6BAA2B,CACtB,CACH,CACP;MAEA,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,kBAAkB,IAC1C,IAAI,CAAC,QAAQ,CACV,CACP;MAEA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC/B,WAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC5F,CACG,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n/*\n @since 1.0\n * @status stable\n \n Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n \n @slot icon - The default icon to use when no image or initials are present.\n \n @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n /\n@Component({\n tag: 'six-avatar',\n styleUrl: 'six-avatar.scss',\n shadow: true,\n})\nexport class SixAvatar {\n @State() hasError = false;\n\n /* The image source to use for the avatar. /\n @Prop() image = '';\n\n /* Alternative text for the image. /\n @Prop() alt = '';\n\n /* Initials to use as a fallback when no image is available (1-2 characters max recommended). /\n @Prop() initials = '';\n\n /* The shape of the avatar. */\n @Prop() shape: 'circle' \| 'square' \| 'rounded' = 'circle';\n\n ~~connectedCallback()~~ ~~{\n this.~~handleImageError = ~~this.handleImageError.bind~~(~~this~~)~~;\n }\n\n handleImageError()~~ {\n this.hasError = true;\n }\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n avatar: true,\n 'avatar--circle': this.shape === 'circle',\n 'avatar--rounded': this.shape === 'rounded',\n 'avatar--square': this.shape === 'square',\n }}\n role=\"image\"\n aria-label={this.alt}\n tabIndex={0}\n >\n {!this.initials && (\n <div part=\"icon\" class=\"avatar__icon\">\n <slot name=\"icon\">\n <six-icon>person</six-icon>\n </slot>\n </div>\n )}\n\n {this.initials && (\n <div part=\"initials\" class=\"avatar__initials\">\n {this.initials}\n </div>\n )}\n\n {this.image && !this.hasError && (\n <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n )}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"six-avatar.js","sourceRoot":"","sources":["../../../src/components/six-avatar/six-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,SAAS;;IAeZ,qBAAgB,GAAG,GAAG,EAAE;MAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC,CAAC;oBAhBkB,KAAK;iBAGT,EAAE;eAGJ,EAAE;oBAGG,EAAE;iBAG4B,QAAQ;;EAMzD,MAAM;IACJ,OAAO,CACL,WACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;QACL,MAAM,EAAE,IAAI;QACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;QACzC,iBAAiB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;QAC3C,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;OAC1C,EACD,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,GAAG,EACpB,QAAQ,EAAE,CAAC;MAEV,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,CACvB,WAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc;QACnC,YAAM,IAAI,EAAC,MAAM;UACf,6BAA2B,CACtB,CACH,CACP;MAEA,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,kBAAkB,IAC1C,IAAI,CAAC,QAAQ,CACV,CACP;MAEA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC/B,WAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC5F,CACG,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n/*\n @since 1.0\n * @status stable\n \n Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n \n @slot icon - The default icon to use when no image or initials are present.\n \n @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n /\n@Component({\n tag: 'six-avatar',\n styleUrl: 'six-avatar.scss',\n shadow: true,\n})\nexport class SixAvatar {\n @State() hasError = false;\n\n /* The image source to use for the avatar. /\n @Prop() image = '';\n\n /* Alternative text for the image. /\n @Prop() alt = '';\n\n /* Initials to use as a fallback when no image is available (1-2 characters max recommended). /\n @Prop() initials = '';\n\n /* The shape of the avatar. */\n @Prop() shape: 'circle' \| 'square' \| 'rounded' = 'circle';\n\n private handleImageError = () => {\n this.hasError = true;\n };\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n avatar: true,\n 'avatar--circle': this.shape === 'circle',\n 'avatar--rounded': this.shape === 'rounded',\n 'avatar--square': this.shape === 'square',\n }}\n role=\"image\"\n aria-label={this.alt}\n tabIndex={0}\n >\n {this.initials === '' && (\n <div part=\"icon\" class=\"avatar__icon\">\n <slot name=\"icon\">\n <six-icon>person</six-icon>\n </slot>\n </div>\n )}\n\n {this.initials && (\n <div part=\"initials\" class=\"avatar__initials\">\n {this.initials}\n </div>\n )}\n\n {this.image && !this.hasError && (\n <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n )}\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/six-avatar/test/six-avatar.spec.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixAvatar } from "../six-avatar";
+describe('six-avatar', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [SixAvatar],
+      html: `<six-avatar></six-avatar>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <six-avatar>
+        <mock:shadow-root>
+          <div aria-label="" class="avatar avatar--circle" part="base" role="image" tabindex="0">
+          <div class="avatar__icon" part="icon">
+            <slot name="icon">
+              <six-icon>
+                person
+              </six-icon>
+            </slot>
+          </div>
+        </div>
+        </mock:shadow-root>
+      </six-avatar>
+    `);
+  });
+});
+//# sourceMappingURL=six-avatar.spec.js.map

package/dist/collection/components/six-avatar/test/six-avatar.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"six-avatar.spec.js","sourceRoot":"","sources":["../../../../src/components/six-avatar/test/six-avatar.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;MACvB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixAvatar } from '../six-avatar';\n\ndescribe('six-avatar', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [SixAvatar],\n html: `<six-avatar></six-avatar>`,\n });\n expect(page.root).toEqualHtml(`\n <six-avatar>\n <mock:shadow-root>\n <div aria-label=\"\" class=\"avatar avatar--circle\" part=\"base\" role=\"image\" tabindex=\"0\">\n <div class=\"avatar__icon\" part=\"icon\">\n <slot name=\"icon\">\n <six-icon>\n person\n </six-icon>\n </slot>\n </div>\n </div>\n </mock:shadow-root>\n </six-avatar>\n `);\n });\n});\n"]}

package/dist/collection/components/six-badge/six-badge.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @since 1.0
  * @status stable
@@ -16,7 +16,7 @@ export class SixBadge {
     this.pulse = false;
   }
   render() {
-    return (h("span", { ref: (el) => (this.badge = el), part: "base", class: {
+    return (h("span", { part: "base", class: {
         badge: true,
         // Types
         'badge--primary': this.type === 'primary',