sas-ui 0.8.151 → 0.8.154

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd75521b.js');
-require('./modules-c257e1ad.js');
+require('./modules-58fcd375.js');
 require('./_commonjsHelpers-537d719a.js');
 
 /*
@@ -16,7 +16,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"sas-date-range.cjs\",[[1,\"sas-date-range\",{\"label\":[513],\"outside\":[516],\"name\":[513],\"min\":[513],\"max\":[513],\"from\":[1537],\"to\":[1537],\"required\":[516],\"disabled\":[516],\"position\":[513],\"validity\":[1040],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-time-field.cjs\",[[1,\"sas-time-field\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"],[0,\"listItemClicked\",\"listItemClickedHandler\"]]]]],[\"sas-menu-bar.cjs\",[[1,\"sas-menu-bar\",{\"sticky\":[516]},[[0,\"selectUpdateEventUsedInternal\",\"selectUpdateEventUsedInternalHandler\"],[0,\"multiselectUpdateEventUsedInternal\",\"multiselectUpdateEventUsedInternalHandler\"],[0,\"dateFieldUpdateEventUsedInternal\",\"dateFieldUpdateEventUsedInternalHandler\"]]]]],[\"sas-user-card.cjs\",[[1,\"sas-user-card\",{\"block\":[516],\"name\":[513],\"position\":[513],\"status\":[1537],\"badge\":[516],\"attachment\":[516],\"src\":[513]},[[0,\"switchupdate\",\"switchUpdateHandler\"]]]]],[\"sas-navigation-top.cjs\",[[1,\"sas-navigation-top\",{\"name\":[513],\"user\":[513],\"src\":[513]}]]],[\"sas-stepper.cjs\",[[1,\"sas-stepper\",{\"type\":[513],\"total\":[514],\"current\":[1538],\"names\":[16]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]]]],[\"sas-pagination.cjs\",[[1,\"sas-pagination\",{\"totalPage\":[514,\"total-page\"],\"totalIndex\":[514,\"total-index\"],\"currentPage\":[1538,\"current-page\"]}]]],[\"sas-radio-group.cjs\",[[1,\"sas-radio-group\",{\"name\":[513],\"label\":[513],\"required\":[516],\"value\":[1032],\"defaultValue\":[520,\"default-value\"],\"text\":[1537],\"rawData\":[1032,\"raw-data\"],\"options\":[16],\"update\":[64]},[[0,\"radioupdate\",\"radioUpdateHandler\"]]]]],[\"sas-carousel.cjs\",[[1,\"sas-carousel\",{\"index\":[1538],\"slides\":[16]}]]],[\"sas-details.cjs\",[[1,\"sas-details\",{\"open\":[516],\"icon\":[513],\"autoGap\":[516,\"auto-gap\"],\"checkIsOpen\":[64]}]]],[\"sas-file-upload.cjs\",[[1,\"sas-file-upload\",{\"label\":[32]}]]],[\"sas-navigation.cjs\",[[1,\"sas-navigation\",{\"name\":[513]}]]],[\"sas-tooltip.cjs\",[[1,\"sas-tooltip\",{\"trigger\":[513],\"text\":[513],\"position\":[1537]}]]],[\"sas-avatar-group.cjs\",[[1,\"sas-avatar-group\"]]],[\"sas-breadcrumb.cjs\",[[1,\"sas-breadcrumb\",{\"items\":[16],\"showAll\":[32]}]]],[\"sas-button-group.cjs\",[[1,\"sas-button-group\",{\"values\":[1040],\"multiple\":[516]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]]]],[\"sas-dialog.cjs\",[[1,\"sas-dialog\"]]],[\"sas-form.cjs\",[[1,\"sas-form\",{\"method\":[513],\"url\":[513],\"reset\":[64],\"validate\":[64],\"submit\":[64]}]]],[\"sas-progress-bar.cjs\",[[1,\"sas-progress-bar\",{\"progress\":[514]}]]],[\"sas-tab.cjs\",[[1,\"sas-tab\",null,[[0,\"tabItemClicked\",\"tabItemClickedHandler\"]]]]],[\"sas-tab-item.cjs\",[[1,\"sas-tab-item\",{\"value\":[513],\"text\":[513]}]]],[\"sas-date-field.cjs\",[[1,\"sas-date-field\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"icon\":[513],\"position\":[513],\"positionH\":[513,\"position-h\"],\"validity\":[1040],\"message\":[1537],\"localDate\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"]]]]],[\"sas-radio.cjs\",[[1,\"sas-radio\",{\"name\":[513],\"value\":[8],\"text\":[513],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"tabindexNumber\":[32],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-badge.cjs\",[[1,\"sas-badge\",{\"type\":[513],\"status\":[513],\"number\":[514],\"inline\":[516]}]]],[\"sas-chat-bubble.cjs\",[[1,\"sas-chat-bubble\",{\"position\":[513]}]]],[\"sas-divider.cjs\",[[1,\"sas-divider\",{\"type\":[1]}]]],[\"sas-switch.cjs\",[[1,\"sas-switch\",{\"name\":[513],\"checked\":[1540],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-alert_22.cjs\",[[1,\"sas-multiselect\",{\"type\":[513],\"search\":[516],\"noMatchTip\":[513,\"no-match-tip\"],\"label\":[513],\"outside\":[516],\"required\":[516],\"disabled\":[516],\"clear\":[516],\"placeholder\":[513],\"options\":[1040],\"name\":[513],\"values\":[1040],\"rawData\":[1040],\"min\":[514],\"max\":[514],\"maxChip\":[514,\"max-chip\"],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"value\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"checkboxgroupupdate\",\"checkboxUpdateHandler\"],[0,\"chipUpdate\",\"chipUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]],[1,\"sas-autocomplete\",{\"label\":[513],\"required\":[516],\"disabled\":[516],\"placeholder\":[513],\"options\":[16],\"value\":[8],\"text\":[8],\"update\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"listUpdate\",\"listUpdateHandler\"]]],[1,\"sas-select\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"type\":[513],\"noMatchTip\":[513,\"no-match-tip\"],\"placeholder\":[513],\"disabled\":[516],\"clear\":[516],\"options\":[1040],\"defaultValue\":[520,\"default-value\"],\"name\":[513],\"value\":[1032],\"rawData\":[1032,\"raw-data\"],\"text\":[1032],\"subtextPosition\":[513,\"subtext-position\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"],[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputClear\",\"inputClearHandler\"],[0,\"inputFocus\",\"inputFocusHandler\"],[0,\"inputBlur\",\"inputBlurHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]],[1,\"sas-card\",{\"block\":[516],\"src\":[513],\"lazyImage\":[516,\"lazy-image\"],\"scale\":[513],\"repair\":[516],\"attachment\":[516],\"disabled\":[516],\"cardTitle\":[513,\"card-title\"]}],[1,\"sas-upload\",{\"compact\":[516],\"inputOutside\":[516,\"input-outside\"],\"fullImage\":[516,\"full-image\"],\"type\":[513],\"label\":[513],\"name\":[513],\"max\":[514],\"size\":[514],\"accept\":[513],\"files\":[1040],\"removedFiles\":[1040],\"method\":[513],\"url\":[513],\"required\":[516],\"disabled\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"submit\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"getFormData\":[64],\"checkFileUpdate\":[64]}],[1,\"sas-alert\",{\"type\":[513],\"show\":[1540],\"close\":[516],\"alertTitle\":[1,\"alert-title\"],\"content\":[1]}],[1,\"sas-container\",{\"gridTemplateColumns\":[513,\"grid-template-columns\"],\"gridTemplateRows\":[513,\"grid-template-rows\"],\"justifyItems\":[513,\"justify-items\"],\"alignItems\":[513,\"align-items\"]}],[1,\"sas-checkbox-group\",{\"name\":[513],\"label\":[513],\"required\":[516],\"values\":[1040],\"rawData\":[1040],\"max\":[514],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"columns\":[514],\"update\":[64]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]],[1,\"sas-chip\",{\"type\":[513],\"status\":[513],\"outlined\":[516],\"close\":[516],\"inside\":[516],\"text\":[513],\"uppercase\":[516],\"bold\":[516]}],[1,\"sas-checkbox\",{\"name\":[513],\"value\":[8],\"text\":[513],\"index\":[514],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[513],\"error\":[1540],\"required\":[516],\"validity\":[1040],\"message\":[1537],\"exclusive\":[516],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}],[1,\"sas-checkbox-subgroup\",{\"value\":[8],\"text\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[1025],\"status\":[1025]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]],[1,\"sas-image\",{\"imageObject\":[8,\"image-object\"],\"src\":[513],\"lazy\":[516]}],[1,\"sas-list\",{\"toggle\":[516],\"compact\":[516],\"border\":[516],\"subtextPosition\":[513,\"subtext-position\"],\"value\":[1544],\"rawData\":[1032,\"raw-data\"],\"text\":[1537],\"defaultValue\":[520,\"default-value\"],\"options\":[16],\"update\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-sublist\",{\"icon\":[513],\"value\":[8],\"text\":[513],\"subtext\":[513],\"iconRight\":[513,\"icon-right\"],\"toggle\":[516],\"compact\":[516],\"hideSub\":[1540,\"hide-sub\"],\"selected\":[1540]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-dropdown\",{\"block\":[516],\"clickClose\":[516,\"click-close\"],\"positionV\":[1537,\"position-v\"],\"positionH\":[1537,\"position-h\"],\"close\":[64]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-button\",{\"type\":[513],\"size\":[513],\"text\":[513],\"iconLeft\":[513,\"icon-left\"],\"icon\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconRight\":[513,\"icon-right\"],\"block\":[516],\"loading\":[516],\"disabled\":[516],\"href\":[513],\"target\":[513],\"tabindexNumber\":[32]}],[1,\"sas-list-item\",{\"icon\":[513],\"value\":[8],\"text\":[513],\"subtext\":[513],\"subtextPosition\":[513,\"subtext-position\"],\"iconRight\":[513,\"icon-right\"],\"selected\":[516],\"disabled\":[516],\"index\":[514],\"href\":[513],\"target\":[513]}],[1,\"sas-form-input-template\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"placeholder\":[1],\"type\":[1],\"value\":[1],\"max\":[513],\"min\":[513],\"iconRight\":[1,\"icon-right\"],\"readonly\":[4],\"error\":[516],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"positionH\":[513,\"position-h\"],\"show\":[1540],\"clickClose\":[516,\"click-close\"]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-input\",{\"type\":[513],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"label\":[513],\"outside\":[516],\"required\":[516],\"maxlength\":[514],\"minlength\":[514],\"max\":[513],\"min\":[513],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"clear\":[516],\"readonly\":[516],\"disabled\":[516],\"validity\":[1032],\"error\":[1540],\"message\":[1537],\"country\":[1537],\"placeholderNumberType\":[513,\"placeholder-number-type\"],\"isValidNumber\":[1540,\"is-valid-number\"],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"setCustomValidity\":[64]},[[0,\"inputTelUpdate\",\"inputTelUpdateHandler\"],[0,\"inputTextareaUpdate\",\"inputTextareaUpdateHandler\"]]],[1,\"sas-input-tel\",{\"getValidity\":[64],\"setCountry\":[64],\"setPlaceholder\":[64],\"update\":[64]}],[1,\"sas-input-textarea\",{\"placeholder\":[513],\"maxlength\":[514],\"minlength\":[514],\"value\":[513]}],[1,\"sas-icon\",{\"type\":[513],\"size\":[513],\"status\":[513],\"icon\":[513],\"index\":[2]}]]],[\"sas-avatar.cjs\",[[1,\"sas-avatar\",{\"type\":[513],\"name\":[513],\"src\":[513],\"disabled\":[516],\"group\":[516]}]]],[\"sas-table.cjs\",[[1,\"sas-table\",{\"headers\":[16],\"items\":[16],\"sortedItems\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sas-date-range.cjs\",[[1,\"sas-date-range\",{\"label\":[513],\"outside\":[516],\"name\":[513],\"min\":[513],\"max\":[513],\"from\":[1537],\"to\":[1537],\"required\":[516],\"disabled\":[516],\"position\":[513],\"validity\":[1040],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-time-field.cjs\",[[1,\"sas-time-field\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"],[0,\"listItemClicked\",\"listItemClickedHandler\"]]]]],[\"sas-menu-bar.cjs\",[[1,\"sas-menu-bar\",{\"sticky\":[516]},[[0,\"selectUpdateEventUsedInternal\",\"selectUpdateEventUsedInternalHandler\"],[0,\"multiselectUpdateEventUsedInternal\",\"multiselectUpdateEventUsedInternalHandler\"],[0,\"dateFieldUpdateEventUsedInternal\",\"dateFieldUpdateEventUsedInternalHandler\"]]]]],[\"sas-user-card.cjs\",[[1,\"sas-user-card\",{\"block\":[516],\"name\":[513],\"position\":[513],\"status\":[1537],\"badge\":[516],\"attachment\":[516],\"src\":[513]},[[0,\"switchupdate\",\"switchUpdateHandler\"]]]]],[\"sas-navigation-top.cjs\",[[1,\"sas-navigation-top\",{\"name\":[513],\"user\":[513],\"src\":[513]}]]],[\"sas-stepper.cjs\",[[1,\"sas-stepper\",{\"total\":[514],\"current\":[1538],\"names\":[16]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]]]],[\"sas-pagination.cjs\",[[1,\"sas-pagination\",{\"totalPage\":[514,\"total-page\"],\"totalIndex\":[514,\"total-index\"],\"currentPage\":[1538,\"current-page\"]}]]],[\"sas-radio-group.cjs\",[[1,\"sas-radio-group\",{\"name\":[513],\"label\":[513],\"required\":[516],\"value\":[1032],\"defaultValue\":[520,\"default-value\"],\"text\":[1537],\"rawData\":[1032,\"raw-data\"],\"options\":[16],\"update\":[64]},[[0,\"radioupdate\",\"radioUpdateHandler\"]]]]],[\"sas-carousel.cjs\",[[1,\"sas-carousel\",{\"index\":[1538],\"slides\":[16]}]]],[\"sas-navigation.cjs\",[[1,\"sas-navigation\",{\"name\":[513]}]]],[\"sas-date-field.cjs\",[[1,\"sas-date-field\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"icon\":[513],\"position\":[513],\"positionH\":[513,\"position-h\"],\"validity\":[1040],\"message\":[1537],\"localDate\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"]]]]],[\"sas-radio.cjs\",[[1,\"sas-radio\",{\"name\":[513],\"value\":[8],\"text\":[513],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"tabindexNumber\":[32],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-chat-bubble.cjs\",[[1,\"sas-chat-bubble\",{\"position\":[513]}]]],[\"sas-tooltip.cjs\",[[1,\"sas-tooltip\",{\"trigger\":[513],\"text\":[513],\"position\":[1537]}]]],[\"sas-avatar-group.cjs\",[[1,\"sas-avatar-group\"]]],[\"sas-breadcrumb.cjs\",[[1,\"sas-breadcrumb\",{\"items\":[16],\"showAll\":[32]}]]],[\"sas-button-group.cjs\",[[1,\"sas-button-group\",{\"values\":[1040],\"multiple\":[516]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]]]],[\"sas-form.cjs\",[[1,\"sas-form\",{\"method\":[513],\"url\":[513],\"reset\":[64],\"validate\":[64],\"submit\":[64]}]]],[\"sas-progress-bar.cjs\",[[1,\"sas-progress-bar\",{\"progress\":[514]}]]],[\"sas-tab.cjs\",[[1,\"sas-tab\",null,[[0,\"tabItemClicked\",\"tabItemClickedHandler\"]]]]],[\"sas-tab-item.cjs\",[[1,\"sas-tab-item\",{\"value\":[513],\"text\":[513]}]]],[\"sas-badge.cjs\",[[1,\"sas-badge\",{\"type\":[513],\"status\":[513],\"number\":[514],\"inline\":[516]}]]],[\"sas-divider.cjs\",[[1,\"sas-divider\",{\"type\":[1]}]]],[\"sas-switch.cjs\",[[1,\"sas-switch\",{\"name\":[513],\"checked\":[1540],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-alert_22.cjs\",[[1,\"sas-multiselect\",{\"type\":[513],\"search\":[516],\"noMatchTip\":[513,\"no-match-tip\"],\"label\":[513],\"outside\":[516],\"required\":[516],\"disabled\":[516],\"clear\":[516],\"placeholder\":[513],\"options\":[1040],\"name\":[513],\"values\":[1040],\"rawData\":[1040],\"min\":[514],\"max\":[514],\"maxChip\":[514,\"max-chip\"],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"value\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"checkboxgroupupdate\",\"checkboxUpdateHandler\"],[0,\"chipUpdate\",\"chipUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]],[1,\"sas-select\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"type\":[513],\"noMatchTip\":[513,\"no-match-tip\"],\"placeholder\":[513],\"disabled\":[516],\"clear\":[516],\"options\":[1040],\"defaultValue\":[520,\"default-value\"],\"name\":[513],\"value\":[1032],\"rawData\":[1032,\"raw-data\"],\"text\":[1032],\"subtextPosition\":[513,\"subtext-position\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"],[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputClear\",\"inputClearHandler\"],[0,\"inputFocus\",\"inputFocusHandler\"],[0,\"inputBlur\",\"inputBlurHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]],[1,\"sas-card\",{\"block\":[516],\"src\":[513],\"lazyImage\":[516,\"lazy-image\"],\"scale\":[513],\"repair\":[516],\"attachment\":[516],\"disabled\":[516],\"cardTitle\":[513,\"card-title\"]}],[1,\"sas-upload\",{\"compact\":[516],\"inputOutside\":[516,\"input-outside\"],\"fullImage\":[516,\"full-image\"],\"type\":[513],\"label\":[513],\"name\":[513],\"max\":[514],\"size\":[514],\"accept\":[513],\"files\":[1040],\"removedFiles\":[1040],\"method\":[513],\"url\":[513],\"required\":[516],\"disabled\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"submit\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"getFormData\":[64],\"checkFileUpdate\":[64]}],[1,\"sas-alert\",{\"type\":[513],\"show\":[1540],\"close\":[516],\"alertTitle\":[1,\"alert-title\"],\"content\":[1]}],[1,\"sas-details\",{\"open\":[516],\"icon\":[513],\"autoGap\":[516,\"auto-gap\"],\"checkIsOpen\":[64]}],[1,\"sas-container\",{\"gridTemplateColumns\":[513,\"grid-template-columns\"],\"gridTemplateRows\":[513,\"grid-template-rows\"],\"justifyItems\":[513,\"justify-items\"],\"alignItems\":[513,\"align-items\"]}],[1,\"sas-checkbox-group\",{\"name\":[513],\"label\":[513],\"required\":[516],\"values\":[1040],\"rawData\":[1040],\"max\":[514],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"columns\":[514],\"update\":[64]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]],[1,\"sas-chip\",{\"type\":[513],\"status\":[513],\"outlined\":[516],\"close\":[516],\"inside\":[516],\"text\":[513],\"uppercase\":[516],\"bold\":[516]}],[1,\"sas-list\",{\"toggle\":[516],\"compact\":[516],\"border\":[516],\"subtextPosition\":[513,\"subtext-position\"],\"value\":[1544],\"rawData\":[1032,\"raw-data\"],\"text\":[1537],\"defaultValue\":[520,\"default-value\"],\"options\":[16],\"update\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-checkbox\",{\"name\":[513],\"value\":[8],\"text\":[513],\"index\":[514],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[513],\"error\":[1540],\"required\":[516],\"validity\":[1040],\"message\":[1537],\"exclusive\":[516],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}],[1,\"sas-checkbox-subgroup\",{\"value\":[8],\"text\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[1025],\"status\":[1025]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]],[1,\"sas-image\",{\"imageObject\":[8,\"image-object\"],\"src\":[513],\"lazy\":[516]}],[1,\"sas-sublist\",{\"icon\":[513],\"value\":[8],\"text\":[513],\"subtext\":[513],\"iconRight\":[513,\"icon-right\"],\"toggle\":[516],\"compact\":[516],\"hideSub\":[1540,\"hide-sub\"],\"selected\":[1540]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-list-item\",{\"icon\":[513],\"value\":[8],\"text\":[513],\"subtext\":[513],\"subtextPosition\":[513,\"subtext-position\"],\"iconRight\":[513,\"icon-right\"],\"selected\":[516],\"disabled\":[516],\"index\":[514],\"href\":[513],\"target\":[513]}],[1,\"sas-dropdown\",{\"block\":[516],\"clickClose\":[516,\"click-close\"],\"positionV\":[1537,\"position-v\"],\"positionH\":[1537,\"position-h\"],\"close\":[64]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-form-input-template\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"placeholder\":[1],\"type\":[1],\"value\":[1],\"max\":[513],\"min\":[513],\"iconRight\":[1,\"icon-right\"],\"readonly\":[4],\"error\":[516],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"positionH\":[513,\"position-h\"],\"show\":[1540],\"clickClose\":[516,\"click-close\"]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-button\",{\"type\":[513],\"size\":[513],\"text\":[513],\"iconLeft\":[513,\"icon-left\"],\"icon\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconRight\":[513,\"icon-right\"],\"block\":[516],\"loading\":[516],\"disabled\":[516],\"href\":[513],\"target\":[513],\"tabindexNumber\":[32]}],[1,\"sas-input\",{\"type\":[513],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"label\":[513],\"outside\":[516],\"required\":[516],\"maxlength\":[514],\"minlength\":[514],\"max\":[513],\"min\":[513],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"clear\":[516],\"readonly\":[516],\"disabled\":[516],\"validity\":[1032],\"error\":[1540],\"message\":[1537],\"country\":[1537],\"placeholderNumberType\":[513,\"placeholder-number-type\"],\"isValidNumber\":[1540,\"is-valid-number\"],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"setCustomValidity\":[64]},[[0,\"inputTelUpdate\",\"inputTelUpdateHandler\"],[0,\"inputTextareaUpdate\",\"inputTextareaUpdateHandler\"]]],[1,\"sas-input-tel\",{\"getValidity\":[64],\"setCountry\":[64],\"setPlaceholder\":[64],\"update\":[64]}],[1,\"sas-input-textarea\",{\"placeholder\":[513],\"maxlength\":[514],\"minlength\":[514],\"value\":[513]}],[1,\"sas-icon\",{\"type\":[513],\"size\":[513],\"status\":[513],\"icon\":[513],\"index\":[2]}]]],[\"sas-avatar.cjs\",[[1,\"sas-avatar\",{\"type\":[513],\"name\":[513],\"src\":[513],\"disabled\":[516],\"group\":[516]}]]],[\"sas-table.cjs\",[[1,\"sas-table\",{\"headers\":[16],\"items\":[16],\"sortedItems\":[32]}]]]]"), options);
   });
 };
 

package/dist/cjs/{modules-c257e1ad.js → modules-58fcd375.js}

@@ -3438,7 +3438,7 @@ function init$1(options) {
 			footer: 'sas-dialog-swal-custom-footer',
 		},
 		didOpen: () => {
-			addListener();
+			addListener(options);
 			preventKeyEvent();
 		}
 	});
@@ -3449,12 +3449,16 @@ function getTitleHTML(options) {
 	if (options.title) {
 		if (options.type === 'alert') {
 			const iconHTML = `<sas-icon data-status="${options.status}" icon="${getIcon(options.status)}" size="large"></sas-icon>`;
-			const textHTML = `<span>${options.title}</span>`;
+			const textHTML = `<span tabindex="0">${options.title}</span>`;
 			titleHTML = iconHTML + textHTML;
 		} else {
-			titleHTML = `<span>${options.title}</span>`; 
+			titleHTML = `<span tabindex="0">${options.title}</span>`; 
 		}
 	}
+	if(options.showCloseIcon === true) {
+		titleHTML += `<sas-icon id="sas-dialog-swal-cancel-icon" style="position: absolute; top: -15px; right: -25px;" icon="fas fa-times"></sas-icon>`;
+	}
+
 	return titleHTML;
 }
 
@@ -3528,7 +3532,7 @@ function getButtonHTML(button, index) {
 	return `<sas-button type="${type}" text="${text}"></sas-button>`;
 }
 
-function addListener() {
+function addListener(options) {
 	const buttonContainer = document.querySelector('.sas-dialog-swal-custom-footer');
 	buttonContainer.addEventListener('buttonClicked', (event) => {
 		event.stopPropagation();
@@ -3539,7 +3543,21 @@ function addListener() {
 			detail: buttonText,
 		});
 		buttonContainer.dispatchEvent(customEvent);
-	}); 
+	});
+
+	if(options.showCloseIcon === true) {
+		const closeIcon = document.querySelector('#sas-dialog-swal-cancel-icon');
+		closeIcon.addEventListener('click', (event) => {
+			event.stopPropagation();
+
+			const customEvent = new CustomEvent('dialogCancelIconClicked', {
+				bubbles: true,
+				cancelable: true
+			});
+
+			closeIcon.dispatchEvent(customEvent);
+		});
+	}
 }
 
 function preventKeyEvent() {
@@ -3575,7 +3593,7 @@ class SasDialog {
 	}
 }
 
-function init(options) {
+const init = (options) => {
   let message = 'default toast messsage';
   if ('message' in options) {
     message = options.message;
@@ -3594,7 +3612,7 @@ function init(options) {
   setTimeout(() => {
     toastElement.remove();
   }, delay);
-}
+};
 
 class SasToast {
   constructor(options = {}) {

package/dist/cjs/sas-alert_22.cjs.entry.js

@@ -11,6 +11,7 @@ const sasAlertCss = ":host{--icon-color:currentColor}:host .container{display:no
 let SasAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.closed = index.createEvent(this, "closed", 7);
     /**
      * Type
      */
@@ -33,6 +34,7 @@ let SasAlert = class {
     this.content = '';
     this.handleCloseIconClick = () => {
       this.show = false;
+      this.closed.emit();
     };
   }
   getTypeIcon() {
@@ -58,328 +60,6 @@ let SasAlert = class {
 };
 SasAlert.style = sasAlertCss;
 
-const sasAutocompleteCss = ":host{display:block}:host sas-list-item{padding:0}:host sas-list{max-height:200px;overflow:auto}:host .hide{display:none}";
-
-let SasAutocomplete = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.autocompleteUpdate = index.createEvent(this, "autocompleteUpdate", 7);
-    /**
-     * Label
-     */
-    this.label = '';
-    /**
-     * Shows a star symbol behind label
-     */
-    this.required = false;
-    /**
-     * Disabled
-     */
-    this.disabled = false;
-    /**
-     * Placeholder
-     */
-    this.placeholder = '';
-    /**
-     * Options
-     */
-    this.options = [];
-    //   {
-    //     value: 'apple',
-    //     text: 'Apple',
-    //   },
-    //   {
-    //     value: 'orange',
-    //     text: 'Orange',
-    //   },
-    //   {
-    //     value: 'pineapple',
-    //     text: 'Pineapple',
-    //   },
-    //   {
-    //     value: 'banana',
-    //     text: 'Banana',
-    //   },
-    // ];
-    /**
-     * Value
-     */
-    this.value = null;
-    /**
-     * Text
-     */
-    this.text = null;
-    this.needFilter = false;
-    this.isOptionsUpdate = false;
-  }
-  watchHandler() {
-    this.needFilter = true;
-    this.isOptionsUpdate = true;
-  }
-  watchValueHandler() {
-    const listItems = this.getListItemElements();
-    // not validate when no options and list items, as in this case, options are not loaded
-    if (this.options.length !== 0 || listItems.length !== 0) {
-      // validate value
-      if (this.value !== null) {
-        const isValid = this.validateValue();
-        if (!isValid) {
-          // reset value and text
-          this.value = null;
-          this.text = null;
-        }
-      }
-    }
-    const hasShadowDom = this.checkShadowDom();
-    if (!hasShadowDom) {
-      const listElement = this.getListElement();
-      listElement.value = this.value;
-    }
-    // update text
-    const currentText = this.getText();
-    if (this.text !== currentText) {
-      this.text = currentText;
-    }
-    // update list
-    this.filter();
-  }
-  componentWillLoad() {
-    const hasShadowDom = this.checkShadowDom();
-    if (!hasShadowDom) {
-      const listElement = this.el.querySelector('sas-list');
-      if (listElement) {
-        listElement.style.maxHeight = '200px';
-        listElement.style.overflowY = 'auto';
-      }
-      const selectedElement = this.getSelectedElement();
-      if (selectedElement) {
-        this.value = selectedElement.value;
-        this.text = selectedElement.text;
-        this.filter();
-      }
-    }
-    else {
-      if (this.value !== null) {
-        const result = this.options.find((option) => option.value === this.value);
-        if (result) {
-          this.text = result.text;
-          // filter after render as list item elements are not rendered now
-          this.needFilter = true;
-        }
-      }
-    }
-  }
-  componentDidRender() {
-    if (this.needFilter) {
-      const currentValue = this.filter();
-      if (this.value !== currentValue) {
-        this.value = currentValue;
-      }
-      if (this.isOptionsUpdate && this.value === null) {
-        this.text = null;
-        this.filter();
-      }
-    }
-    this.needFilter = false;
-    this.isOptionsUpdate = false;
-  }
-  inputUpdateHandler(event) {
-    // update text
-    this.text = event.detail;
-    // update value
-    this.value = this.filter();
-    // emit event
-    const obj = {
-      value: this.value,
-      text: this.text,
-    };
-    this.autocompleteUpdate.emit(obj);
-    // show list
-    const inputTemplate = this.el.shadowRoot.querySelector('sas-form-input-template');
-    inputTemplate.show = true;
-  }
-  listUpdateHandler(event) {
-    // update value
-    this.value = event.detail.value;
-    // update text
-    this.text = event.detail.text;
-    // emit event
-    this.autocompleteUpdate.emit(event.detail);
-  }
-  async update() {
-    const eventObj = {
-      value: this.value,
-      text: this.text,
-    };
-    this.autocompleteUpdate.emit(eventObj);
-  }
-  validateValue() {
-    const hasShadowDom = this.checkShadowDom();
-    let isFound = false;
-    if (hasShadowDom) {
-      this.options.forEach((option) => {
-        if (option.value === this.value) {
-          isFound = true;
-        }
-      });
-    }
-    else {
-      const listItems = this.getListItemElements();
-      listItems.forEach((listItem) => {
-        if (listItem.value === this.value) {
-          isFound = true;
-        }
-      });
-    }
-    return isFound;
-  }
-  checkShadowDom() {
-    if (this.options.length > 0) {
-      return true;
-    }
-    return false;
-  }
-  getListItemElements() {
-    const hasShadowDom = this.checkShadowDom();
-    if (hasShadowDom) {
-      const listElement = this.getListElement();
-      if (listElement) {
-        return listElement.shadowRoot.querySelectorAll('sas-list-item');
-      }
-      return [];
-    }
-    else {
-      return this.el.querySelectorAll('sas-list-item');
-    }
-  }
-  getListElement() {
-    const hasShadowDom = this.checkShadowDom();
-    if (hasShadowDom) {
-      return this.el.shadowRoot.querySelector('sas-list');
-    }
-    return this.el.querySelector('sas-list');
-  }
-  getText() {
-    const hasShadowDom = this.checkShadowDom();
-    if (this.value === null) {
-      return this.text;
-    }
-    else {
-      if (hasShadowDom) {
-        const result = this.options.find((option) => option.value === this.value);
-        return result.text;
-      }
-      else {
-        const selectedElement = this.getSelectedElement();
-        return selectedElement.text;
-      }
-    }
-  }
-  getSelectedElement() {
-    const listItems = this.getListItemElements();
-    let selectedElement = null;
-    listItems.forEach((listItem) => {
-      if (listItem.value === this.value
-        || listItem.selected) { // has pre-selected list item
-        selectedElement = listItem;
-      }
-    });
-    return selectedElement;
-  }
-  filter() {
-    const currentText = this.text;
-    let matchedValue = null;
-    let count = 0;
-    let listItems;
-    const hasShadowDom = this.checkShadowDom();
-    if (hasShadowDom) {
-      const listElement = this.getListElement();
-      if (listElement) {
-        listItems = listElement.shadowRoot.querySelectorAll('sas-list-item');
-      }
-      else {
-        listItems = [];
-      }
-    }
-    else {
-      listItems = this.el.querySelectorAll('sas-list-item');
-    }
-    listItems.forEach((listItem, index) => {
-      // set all items selected prop to false
-      listItem.selected = false;
-      let currentTextLowerCase;
-      if (currentText) {
-        currentTextLowerCase = currentText.toLowerCase();
-      }
-      else {
-        currentTextLowerCase = '';
-      }
-      let listItemTextLowserCase = null;
-      let listItemValue = null;
-      if (hasShadowDom) {
-        if (this.options[index]) {
-          listItemTextLowserCase = this.options[index].text.toLowerCase();
-          listItemValue = this.options[index].value;
-        }
-      }
-      else {
-        listItemTextLowserCase = listItem.text.toLowerCase();
-        listItemValue = listItem.value;
-      }
-      let isMatch = false;
-      if (listItemTextLowserCase) {
-        isMatch = listItemTextLowserCase.includes(currentTextLowerCase);
-      }
-      if (isMatch) {
-        count += 1;
-        if (hasShadowDom) {
-          listItem.classList.remove('hide');
-        }
-        else {
-          listItem.classList.remove('d-none');
-        }
-        // if exact match, get value
-        if (currentTextLowerCase === listItemTextLowserCase) {
-          matchedValue = listItemValue;
-        }
-      }
-      else {
-        if (hasShadowDom) {
-          listItem.classList.add('hide');
-        }
-        else {
-          listItem.classList.add('d-none');
-        }
-      }
-    });
-    // if only one option shows and exact match, hide list
-    if (count === 1 && matchedValue !== null) {
-      listItems.forEach((listItem) => {
-        if (hasShadowDom) {
-          listItem.classList.add('hide');
-        }
-        else {
-          listItem.classList.add('d-none');
-        }
-      });
-    }
-    return matchedValue;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("sas-form-input-template", { label: this.label,
-      // required = { this.required }
-      placeholder: this.placeholder, value: this.text, disabled: this.disabled }, this.options.length > 0
-      ? index.h("sas-list", { slot: "container", options: this.options, value: this.value })
-      : index.h("slot", { slot: "container" }))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "options": ["watchHandler"],
-    "value": ["watchValueHandler"]
-  }; }
-};
-SasAutocomplete.style = sasAutocompleteCss;
-
 const sasButtonCss = ":host{display:inline-block}:host .container{display:inline-flex;justify-content:space-between;align-items:center;box-sizing:border-box;font-weight:500;cursor:pointer;position:relative;border-radius:var(--button-border-radius, 5px);margin:var(--button-margin, 0);line-height:normal;width:var(--button-width, initial)}:host .container:before{content:\"\";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:inherit;background-color:currentColor;opacity:0}:host .container:focus{outline:none}:host .container:hover:before,:host .container:focus:before{opacity:0.24}:host .anchor{position:absolute;left:0;top:0;height:100%;width:100%}:host .button-main-content{display:inline-flex;justify-content:center;align-items:center;flex-grow:1}:host .button-icon{margin:0 4px;--icon-color:currentColor}:host .button-text{margin:0 4px;white-space:nowrap}:host(:focus){outline:none}:host([tabindex=\"0\"]) .container:active:before{opacity:0.48}:host([size=exlarge]) .container{font-size:var(--button-font-size, 22px);padding:var(--button-padding, 0 20px);height:var(--button-height, 64px);--icon-background-width:var(--button-font-size, 22px);--icon-background-height:var(--button-font-size, 22px);--icon-size:var(--button-font-size, 22px)}:host([size=large]) .container{font-size:var(--button-font-size, 16px);padding:var(--button-padding, 0 20px);height:var(--button-height, 46px);--icon-background-width:var(--button-font-size, 16px);--icon-background-height:var(--button-font-size, 16px);--icon-size:var(--button-font-size, 16px)}:host([size=default]) .container{font-size:var(--button-font-size, 14px);padding:var(--button-padding, 0 20px);height:var(--button-height, 40px);--icon-background-width:var(--button-font-size, 14px);--icon-background-height:var(--button-font-size, 14px);--icon-size:var(--button-font-size, 14px)}:host([size=small]) .container{font-size:var(--button-font-size, 12px);padding:var(--button-padding, 0 10px);height:var(--button-height, 29px);--icon-background-width:var(--button-font-size, 12px);--icon-background-height:var(--button-font-size, 12px);--icon-size:var(--button-font-size, 12px)}:host([type=primary]) .container{background-color:var(--button-background-color, var(--primary));color:var(--button-color, white);border:var(--button-border, 1px solid var(--primary))}:host([type=secondary]) .container{background-color:var(--button-background-color, var(--s-200));color:var(--button-color, var(--secondary));border:var(--button-border, 1px solid var(--s-200))}:host([type=text]) .container{background-color:var(--button-background-color, white);color:var(--button-color, var(--secondary));border:var(--button-border, 1px solid var(--s-300))}:host([disabled]:not([disabled=false])){pointer-events:none}:host([disabled]:not([disabled=false])) .container{background-color:var(--button-background-color, var(--button-disabled-background));color:var(--button-color, var(--button-disabled-text));border:var(--button-border, 1px solid var(--button-disabled-background))}:host([type=text][disabled]:not([disabled=false])) .container{background-color:var(--button-background-color, var(--button-text-background));border:var(--button-border, 1px solid var(--button-text-disabled-border))}:host([block]:not([block=false])){width:100%}:host([block]:not([block=false])) .container{width:100%}:host([loading]:not([loading=false])) .container{pointer-events:none}:host([loading]:not([loading=false])) .loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);--icon-color:currentColor}:host([loading]:not([loading=false])) .button-icon,:host([loading]:not([loading=false])) .button-text{opacity:0}";
 
 let SasButton = class {
@@ -1259,6 +939,130 @@ let SasContainer = class {
 };
 SasContainer.style = sasContainerCss;
 
+const sasDetailsCss = ":host{display:block}:host .container{overflow:hidden}:host .summary-container{display:flex;align-items:baseline;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host .hide-icon{width:0;height:0}:host .transform{transform:rotate(180deg)}:host .margin-bottom{margin-bottom:15px}:host([auto-gap=false]) .margin-bottom{margin-bottom:0}";
+
+let SasDetails = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.detailsupdate = index.createEvent(this, "detailsupdate", 7);
+    /**
+     * Open
+     */
+    this.open = false;
+    /**
+     * icon
+     */
+    this.icon = 'fas fa-chevron-down';
+    /**
+     * add gap between summary and content automatically
+     */
+    this.autoGap = true;
+    this.height = 0;
+    this.clickHandler = async () => {
+      this.toggleIcon();
+      this.toggleContent();
+      const isOpen = await this.checkIsOpen();
+      this.detailsupdate.emit(isOpen);
+    };
+  }
+  componentDidLoad() {
+    let summaryElement = this.el.querySelector('[slot="summary"]');
+    summaryElement.tabIndex = 0;
+    let contentElement = this.el.querySelector('[slot="content"]');
+    this.height = this.getHeight();
+    if (!this.open) {
+      contentElement.style.height = '0';
+    }
+    else {
+      let container = this.el.shadowRoot.querySelector('.container');
+      container.style.overflow = 'visible';
+      if (this.hasContent(contentElement)) {
+        this.addSummaryMarginBottom();
+      }
+    }
+  }
+  /**
+   * Check if content is open or not
+   */
+  async checkIsOpen() {
+    const icon = this.el.shadowRoot.querySelector('sas-icon');
+    return icon.classList.contains('transform');
+  }
+  getHeight() {
+    let contentElement = this.el.querySelector('[slot="content"]');
+    return contentElement.getBoundingClientRect().height;
+  }
+  hasContent(contentElement) {
+    if (contentElement && contentElement.innerHTML) {
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+  toggleIcon() {
+    let icon = this.el.shadowRoot.querySelector('sas-icon');
+    if (icon !== null) {
+      icon.classList.toggle('transform');
+    }
+  }
+  async toggleContent() {
+    let container = this.el.shadowRoot.querySelector('.container');
+    let contentElement = this.el.querySelector('[slot="content"]');
+    if (this.hasContent(contentElement)) {
+      const shouldOpen = await this.checkIsOpen();
+      const currentHeight = this.getHeight();
+      this.height = currentHeight > 0 ? currentHeight : this.height;
+      let drawFunction;
+      if (shouldOpen) {
+        drawFunction = (progress) => {
+          contentElement.style.height = `${progress * this.height}px`;
+        };
+      }
+      else {
+        drawFunction = (progress) => {
+          contentElement.style.height = `${(1 - progress) * this.height}px`;
+        };
+      }
+      container.style.overflow = 'hidden';
+      if (shouldOpen) {
+        this.addSummaryMarginBottom();
+      }
+      await global.animate({
+        duration: 250,
+        timing: function (timeFraction) {
+          return timeFraction;
+        },
+        draw: drawFunction,
+      });
+      if (shouldOpen) {
+        contentElement.style.height = 'auto';
+        container.style.overflow = 'visible';
+      }
+      else {
+        this.removeSummaryMarginBottom();
+        container.style.overflow = 'hidden';
+      }
+    }
+  }
+  addSummaryMarginBottom() {
+    let summaryContainer = this.el.shadowRoot.querySelector('.summary-container');
+    summaryContainer.classList.add('margin-bottom');
+  }
+  removeSummaryMarginBottom() {
+    let summaryContainer = this.el.shadowRoot.querySelector('.summary-container');
+    summaryContainer.classList.remove('margin-bottom');
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("div", { class: "summary-container", onClick: this.clickHandler }, index.h("span", { class: "title" }, index.h("slot", { name: "summary" })), index.h("sas-icon", { class: `
+                ${this.open ? 'transform' : ''}
+                ${Boolean(this.icon) ? '' : 'hide-icon'}
+              `, icon: this.icon })), index.h("slot", { name: "content" }))));
+  }
+  get el() { return index.getElement(this); }
+};
+SasDetails.style = sasDetailsCss;
+
 const sasDropdownCss = ":host{display:inline-flex}:host .container{display:inline-flex;position:relative}:host .control{cursor:pointer;flex-grow:1;display:flex;align-items:var(--dropdown-control-align-items, center)}:host .list{overflow-y:auto;position:absolute;background-color:white;height:0;z-index:-15;pointer-events:none}:host .hide{display:none}:host .top{bottom:calc(100% + 2px)}:host .bottom{top:calc(100% + 2px)}:host .left{right:0}:host .right{left:0}:host(:focus){outline:none}:host(:focus-within) .list{height:auto;overflow:visible;z-index:15;pointer-events:initial;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A}:host([block]:not([block=false])){width:100%}:host([block]:not([block=false])) .container{width:100%}::slotted([slot=control]){--icon-color:var(--s-400);pointer-events:none}";
 
 let SasDropdown = class {
@@ -5731,7 +5535,6 @@ let SasUpload = class {
 SasUpload.style = sasUploadCss;
 
 exports.sas_alert = SasAlert;
-exports.sas_autocomplete = SasAutocomplete;
 exports.sas_button = SasButton;
 exports.sas_card = SasCard;
 exports.sas_checkbox = SasCheckbox;
@@ -5739,6 +5542,7 @@ exports.sas_checkbox_group = SasCheckboxGroup;
 exports.sas_checkbox_subgroup = SasCheckboxSubgroup;
 exports.sas_chip = SasChip;
 exports.sas_container = SasContainer;
+exports.sas_details = SasDetails;
 exports.sas_dropdown = SasDropdown;
 exports.sas_form_input_template = SasFormInputTemplate;
 exports.sas_icon = SasIcon;

package/dist/cjs/sas-stepper.cjs.entry.js

@@ -10,10 +10,6 @@ let SasStepper = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.stepperUpdate = index.createEvent(this, "stepperupdate", 7);
-    /**
-     *  Type
-     */
-    this.type = 'default';
     /**
      *  Total steps
      */