sas-ui 0.8.152 → 0.8.153
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.
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{modules-ad387d32.js → modules-ccb2e3fd.js} +2 -2
- package/dist/cjs/{sas-alert_23.cjs.entry.js → sas-alert_22.cjs.entry.js} +3 -324
- package/dist/cjs/sas-stepper.cjs.entry.js +0 -4
- package/dist/cjs/sas-ui.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +0 -3
- package/dist/collection/components/sas-alert/sas-alert.js +18 -1
- package/dist/collection/components/sas-checkbox/sas-checkbox.stories.js +2 -0
- package/dist/collection/components/sas-checkbox-group/sas-checkbox-group.stories.js +6 -0
- package/dist/collection/components/sas-chip/sas-chip.stories.js +2 -0
- package/dist/collection/components/sas-date-field/sas-date-field.stories.js +15 -4
- package/dist/collection/components/sas-details/sas-details.js +2 -2
- package/dist/collection/components/sas-details/sas-details.stories.js +13 -4
- package/dist/collection/components/sas-dialog/sas-dialog.js +157 -245
- package/dist/collection/components/sas-dropdown/sas-dropdown.stories.js +2 -0
- package/dist/collection/components/sas-icon/sas-icon.stories.js +9 -0
- package/dist/collection/components/sas-image/sas-image.stories.js +1 -15
- package/dist/collection/components/sas-radio-group/sas-radio-group.stories.js +10 -2
- package/dist/collection/components/sas-select/sas-select.stories.js +27 -0
- package/dist/collection/components/sas-stepper/sas-stepper.js +0 -22
- package/dist/collection/{global/toast.js → components/sas-toast/sas-toast.js} +1 -1
- package/dist/collection/components/sas-toast/sas-toast.stories.js +23 -0
- package/dist/collection/global/modules.js +2 -2
- package/dist/custom-elements/index.d.ts +0 -18
- package/dist/custom-elements/index.js +9 -634
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{modules-5287e3c6.js → modules-55fe8462.js} +2 -2
- package/dist/esm/{sas-alert_23.entry.js → sas-alert_22.entry.js} +5 -325
- package/dist/esm/sas-stepper.entry.js +0 -4
- package/dist/esm/sas-ui.js +2 -2
- package/dist/sas-ui/p-85539054.entry.js +1 -0
- package/dist/sas-ui/{p-a9450225.js → p-db1e42ac.js} +1 -1
- package/dist/sas-ui/p-df3d16bb.entry.js +1 -0
- package/dist/sas-ui/sas-ui.esm.js +1 -1
- package/dist/types/components/sas-alert/sas-alert.d.ts +5 -0
- package/dist/types/components/sas-details/sas-details.d.ts +1 -1
- package/dist/types/components/sas-stepper/sas-stepper.d.ts +0 -4
- package/dist/types/components.d.ts +6 -107
- package/package.json +1 -1
- package/dist/cjs/sas-dialog.cjs.entry.js +0 -248
- package/dist/cjs/sas-file-upload.cjs.entry.js +0 -55
- package/dist/collection/assets/fa/fa-light-300.svg +0 -12420
- package/dist/collection/assets/fa/fa-regular-400.svg +0 -11318
- package/dist/collection/assets/fa/fa-solid-900.svg +0 -9647
- package/dist/collection/assets/svg/sort_asc.svg +0 -6
- package/dist/collection/assets/svg/sort_both.svg +0 -6
- package/dist/collection/assets/svg/sort_desc.svg +0 -6
- package/dist/collection/components/sas-autocomplete/sas-autocomplete.css +0 -13
- package/dist/collection/components/sas-autocomplete/sas-autocomplete.js +0 -504
- package/dist/collection/components/sas-dialog/sas-dialog.css +0 -0
- package/dist/collection/components/sas-file-upload/sas-file-upload.css +0 -36
- package/dist/collection/components/sas-file-upload/sas-file-upload.js +0 -63
- package/dist/collection/global/swal2.js +0 -159
- package/dist/esm/sas-dialog.entry.js +0 -244
- package/dist/esm/sas-file-upload.entry.js +0 -51
- package/dist/sas-ui/p-1b3946cc.entry.js +0 -1
- package/dist/sas-ui/p-9899f85e.entry.js +0 -1
- package/dist/sas-ui/p-c55abe9e.entry.js +0 -1
- package/dist/sas-ui/p-e4eb96ce.entry.js +0 -1
- package/dist/types/components/sas-autocomplete/sas-autocomplete.d.ts +0 -50
- package/dist/types/components/sas-dialog/sas-dialog.d.ts +0 -12
- package/dist/types/components/sas-file-upload/sas-file-upload.d.ts +0 -12
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-cd75521b.js');
|
|
6
|
-
require('./modules-
|
|
6
|
+
require('./modules-ccb2e3fd.js');
|
|
7
7
|
require('./_commonjsHelpers-537d719a.js');
|
|
8
8
|
|
|
9
9
|
/*
|
|
@@ -16,7 +16,7 @@ const patchEsm = () => {
|
|
|
16
16
|
const defineCustomElements = (win, options) => {
|
|
17
17
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
18
18
|
return patchEsm().then(() => {
|
|
19
|
-
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-file-upload.cjs\",[[1,\"sas-file-upload\",{\"label\":[32]}]]],[\"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-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-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_23.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-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-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);
|
|
19
|
+
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);
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -3575,7 +3575,7 @@ class SasDialog {
|
|
|
3575
3575
|
}
|
|
3576
3576
|
}
|
|
3577
3577
|
|
|
3578
|
-
|
|
3578
|
+
const init = (options) => {
|
|
3579
3579
|
let message = 'default toast messsage';
|
|
3580
3580
|
if ('message' in options) {
|
|
3581
3581
|
message = options.message;
|
|
@@ -3594,7 +3594,7 @@ function init(options) {
|
|
|
3594
3594
|
setTimeout(() => {
|
|
3595
3595
|
toastElement.remove();
|
|
3596
3596
|
}, delay);
|
|
3597
|
-
}
|
|
3597
|
+
};
|
|
3598
3598
|
|
|
3599
3599
|
class SasToast {
|
|
3600
3600
|
constructor(options = {}) {
|
|
@@ -11,6 +11,7 @@ const sasAlertCss = ":host{--icon-color:currentColor}:host .container{display:no
|
|
|
11
11
|
let SasAlert = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
index.registerInstance(this, hostRef);
|
|
14
|
+
this.closed = index.createEvent(this, "closed", 7);
|
|
14
15
|
/**
|
|
15
16
|
* Type
|
|
16
17
|
*/
|
|
@@ -33,6 +34,7 @@ let SasAlert = class {
|
|
|
33
34
|
this.content = '';
|
|
34
35
|
this.handleCloseIconClick = () => {
|
|
35
36
|
this.show = false;
|
|
37
|
+
this.closed.emit();
|
|
36
38
|
};
|
|
37
39
|
}
|
|
38
40
|
getTypeIcon() {
|
|
@@ -58,328 +60,6 @@ let SasAlert = class {
|
|
|
58
60
|
};
|
|
59
61
|
SasAlert.style = sasAlertCss;
|
|
60
62
|
|
|
61
|
-
const sasAutocompleteCss = ":host{display:block}:host sas-list-item{padding:0}:host sas-list{max-height:200px;overflow:auto}:host .hide{display:none}";
|
|
62
|
-
|
|
63
|
-
let SasAutocomplete = class {
|
|
64
|
-
constructor(hostRef) {
|
|
65
|
-
index.registerInstance(this, hostRef);
|
|
66
|
-
this.autocompleteUpdate = index.createEvent(this, "autocompleteUpdate", 7);
|
|
67
|
-
/**
|
|
68
|
-
* Label
|
|
69
|
-
*/
|
|
70
|
-
this.label = '';
|
|
71
|
-
/**
|
|
72
|
-
* Shows a star symbol behind label
|
|
73
|
-
*/
|
|
74
|
-
this.required = false;
|
|
75
|
-
/**
|
|
76
|
-
* Disabled
|
|
77
|
-
*/
|
|
78
|
-
this.disabled = false;
|
|
79
|
-
/**
|
|
80
|
-
* Placeholder
|
|
81
|
-
*/
|
|
82
|
-
this.placeholder = '';
|
|
83
|
-
/**
|
|
84
|
-
* Options
|
|
85
|
-
*/
|
|
86
|
-
this.options = [];
|
|
87
|
-
// {
|
|
88
|
-
// value: 'apple',
|
|
89
|
-
// text: 'Apple',
|
|
90
|
-
// },
|
|
91
|
-
// {
|
|
92
|
-
// value: 'orange',
|
|
93
|
-
// text: 'Orange',
|
|
94
|
-
// },
|
|
95
|
-
// {
|
|
96
|
-
// value: 'pineapple',
|
|
97
|
-
// text: 'Pineapple',
|
|
98
|
-
// },
|
|
99
|
-
// {
|
|
100
|
-
// value: 'banana',
|
|
101
|
-
// text: 'Banana',
|
|
102
|
-
// },
|
|
103
|
-
// ];
|
|
104
|
-
/**
|
|
105
|
-
* Value
|
|
106
|
-
*/
|
|
107
|
-
this.value = null;
|
|
108
|
-
/**
|
|
109
|
-
* Text
|
|
110
|
-
*/
|
|
111
|
-
this.text = null;
|
|
112
|
-
this.needFilter = false;
|
|
113
|
-
this.isOptionsUpdate = false;
|
|
114
|
-
}
|
|
115
|
-
watchHandler() {
|
|
116
|
-
this.needFilter = true;
|
|
117
|
-
this.isOptionsUpdate = true;
|
|
118
|
-
}
|
|
119
|
-
watchValueHandler() {
|
|
120
|
-
const listItems = this.getListItemElements();
|
|
121
|
-
// not validate when no options and list items, as in this case, options are not loaded
|
|
122
|
-
if (this.options.length !== 0 || listItems.length !== 0) {
|
|
123
|
-
// validate value
|
|
124
|
-
if (this.value !== null) {
|
|
125
|
-
const isValid = this.validateValue();
|
|
126
|
-
if (!isValid) {
|
|
127
|
-
// reset value and text
|
|
128
|
-
this.value = null;
|
|
129
|
-
this.text = null;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
const hasShadowDom = this.checkShadowDom();
|
|
134
|
-
if (!hasShadowDom) {
|
|
135
|
-
const listElement = this.getListElement();
|
|
136
|
-
listElement.value = this.value;
|
|
137
|
-
}
|
|
138
|
-
// update text
|
|
139
|
-
const currentText = this.getText();
|
|
140
|
-
if (this.text !== currentText) {
|
|
141
|
-
this.text = currentText;
|
|
142
|
-
}
|
|
143
|
-
// update list
|
|
144
|
-
this.filter();
|
|
145
|
-
}
|
|
146
|
-
componentWillLoad() {
|
|
147
|
-
const hasShadowDom = this.checkShadowDom();
|
|
148
|
-
if (!hasShadowDom) {
|
|
149
|
-
const listElement = this.el.querySelector('sas-list');
|
|
150
|
-
if (listElement) {
|
|
151
|
-
listElement.style.maxHeight = '200px';
|
|
152
|
-
listElement.style.overflowY = 'auto';
|
|
153
|
-
}
|
|
154
|
-
const selectedElement = this.getSelectedElement();
|
|
155
|
-
if (selectedElement) {
|
|
156
|
-
this.value = selectedElement.value;
|
|
157
|
-
this.text = selectedElement.text;
|
|
158
|
-
this.filter();
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
else {
|
|
162
|
-
if (this.value !== null) {
|
|
163
|
-
const result = this.options.find((option) => option.value === this.value);
|
|
164
|
-
if (result) {
|
|
165
|
-
this.text = result.text;
|
|
166
|
-
// filter after render as list item elements are not rendered now
|
|
167
|
-
this.needFilter = true;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
componentDidRender() {
|
|
173
|
-
if (this.needFilter) {
|
|
174
|
-
const currentValue = this.filter();
|
|
175
|
-
if (this.value !== currentValue) {
|
|
176
|
-
this.value = currentValue;
|
|
177
|
-
}
|
|
178
|
-
if (this.isOptionsUpdate && this.value === null) {
|
|
179
|
-
this.text = null;
|
|
180
|
-
this.filter();
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
this.needFilter = false;
|
|
184
|
-
this.isOptionsUpdate = false;
|
|
185
|
-
}
|
|
186
|
-
inputUpdateHandler(event) {
|
|
187
|
-
// update text
|
|
188
|
-
this.text = event.detail;
|
|
189
|
-
// update value
|
|
190
|
-
this.value = this.filter();
|
|
191
|
-
// emit event
|
|
192
|
-
const obj = {
|
|
193
|
-
value: this.value,
|
|
194
|
-
text: this.text,
|
|
195
|
-
};
|
|
196
|
-
this.autocompleteUpdate.emit(obj);
|
|
197
|
-
// show list
|
|
198
|
-
const inputTemplate = this.el.shadowRoot.querySelector('sas-form-input-template');
|
|
199
|
-
inputTemplate.show = true;
|
|
200
|
-
}
|
|
201
|
-
listUpdateHandler(event) {
|
|
202
|
-
// update value
|
|
203
|
-
this.value = event.detail.value;
|
|
204
|
-
// update text
|
|
205
|
-
this.text = event.detail.text;
|
|
206
|
-
// emit event
|
|
207
|
-
this.autocompleteUpdate.emit(event.detail);
|
|
208
|
-
}
|
|
209
|
-
async update() {
|
|
210
|
-
const eventObj = {
|
|
211
|
-
value: this.value,
|
|
212
|
-
text: this.text,
|
|
213
|
-
};
|
|
214
|
-
this.autocompleteUpdate.emit(eventObj);
|
|
215
|
-
}
|
|
216
|
-
validateValue() {
|
|
217
|
-
const hasShadowDom = this.checkShadowDom();
|
|
218
|
-
let isFound = false;
|
|
219
|
-
if (hasShadowDom) {
|
|
220
|
-
this.options.forEach((option) => {
|
|
221
|
-
if (option.value === this.value) {
|
|
222
|
-
isFound = true;
|
|
223
|
-
}
|
|
224
|
-
});
|
|
225
|
-
}
|
|
226
|
-
else {
|
|
227
|
-
const listItems = this.getListItemElements();
|
|
228
|
-
listItems.forEach((listItem) => {
|
|
229
|
-
if (listItem.value === this.value) {
|
|
230
|
-
isFound = true;
|
|
231
|
-
}
|
|
232
|
-
});
|
|
233
|
-
}
|
|
234
|
-
return isFound;
|
|
235
|
-
}
|
|
236
|
-
checkShadowDom() {
|
|
237
|
-
if (this.options.length > 0) {
|
|
238
|
-
return true;
|
|
239
|
-
}
|
|
240
|
-
return false;
|
|
241
|
-
}
|
|
242
|
-
getListItemElements() {
|
|
243
|
-
const hasShadowDom = this.checkShadowDom();
|
|
244
|
-
if (hasShadowDom) {
|
|
245
|
-
const listElement = this.getListElement();
|
|
246
|
-
if (listElement) {
|
|
247
|
-
return listElement.shadowRoot.querySelectorAll('sas-list-item');
|
|
248
|
-
}
|
|
249
|
-
return [];
|
|
250
|
-
}
|
|
251
|
-
else {
|
|
252
|
-
return this.el.querySelectorAll('sas-list-item');
|
|
253
|
-
}
|
|
254
|
-
}
|
|
255
|
-
getListElement() {
|
|
256
|
-
const hasShadowDom = this.checkShadowDom();
|
|
257
|
-
if (hasShadowDom) {
|
|
258
|
-
return this.el.shadowRoot.querySelector('sas-list');
|
|
259
|
-
}
|
|
260
|
-
return this.el.querySelector('sas-list');
|
|
261
|
-
}
|
|
262
|
-
getText() {
|
|
263
|
-
const hasShadowDom = this.checkShadowDom();
|
|
264
|
-
if (this.value === null) {
|
|
265
|
-
return this.text;
|
|
266
|
-
}
|
|
267
|
-
else {
|
|
268
|
-
if (hasShadowDom) {
|
|
269
|
-
const result = this.options.find((option) => option.value === this.value);
|
|
270
|
-
return result.text;
|
|
271
|
-
}
|
|
272
|
-
else {
|
|
273
|
-
const selectedElement = this.getSelectedElement();
|
|
274
|
-
return selectedElement.text;
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
getSelectedElement() {
|
|
279
|
-
const listItems = this.getListItemElements();
|
|
280
|
-
let selectedElement = null;
|
|
281
|
-
listItems.forEach((listItem) => {
|
|
282
|
-
if (listItem.value === this.value
|
|
283
|
-
|| listItem.selected) { // has pre-selected list item
|
|
284
|
-
selectedElement = listItem;
|
|
285
|
-
}
|
|
286
|
-
});
|
|
287
|
-
return selectedElement;
|
|
288
|
-
}
|
|
289
|
-
filter() {
|
|
290
|
-
const currentText = this.text;
|
|
291
|
-
let matchedValue = null;
|
|
292
|
-
let count = 0;
|
|
293
|
-
let listItems;
|
|
294
|
-
const hasShadowDom = this.checkShadowDom();
|
|
295
|
-
if (hasShadowDom) {
|
|
296
|
-
const listElement = this.getListElement();
|
|
297
|
-
if (listElement) {
|
|
298
|
-
listItems = listElement.shadowRoot.querySelectorAll('sas-list-item');
|
|
299
|
-
}
|
|
300
|
-
else {
|
|
301
|
-
listItems = [];
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
else {
|
|
305
|
-
listItems = this.el.querySelectorAll('sas-list-item');
|
|
306
|
-
}
|
|
307
|
-
listItems.forEach((listItem, index) => {
|
|
308
|
-
// set all items selected prop to false
|
|
309
|
-
listItem.selected = false;
|
|
310
|
-
let currentTextLowerCase;
|
|
311
|
-
if (currentText) {
|
|
312
|
-
currentTextLowerCase = currentText.toLowerCase();
|
|
313
|
-
}
|
|
314
|
-
else {
|
|
315
|
-
currentTextLowerCase = '';
|
|
316
|
-
}
|
|
317
|
-
let listItemTextLowserCase = null;
|
|
318
|
-
let listItemValue = null;
|
|
319
|
-
if (hasShadowDom) {
|
|
320
|
-
if (this.options[index]) {
|
|
321
|
-
listItemTextLowserCase = this.options[index].text.toLowerCase();
|
|
322
|
-
listItemValue = this.options[index].value;
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
else {
|
|
326
|
-
listItemTextLowserCase = listItem.text.toLowerCase();
|
|
327
|
-
listItemValue = listItem.value;
|
|
328
|
-
}
|
|
329
|
-
let isMatch = false;
|
|
330
|
-
if (listItemTextLowserCase) {
|
|
331
|
-
isMatch = listItemTextLowserCase.includes(currentTextLowerCase);
|
|
332
|
-
}
|
|
333
|
-
if (isMatch) {
|
|
334
|
-
count += 1;
|
|
335
|
-
if (hasShadowDom) {
|
|
336
|
-
listItem.classList.remove('hide');
|
|
337
|
-
}
|
|
338
|
-
else {
|
|
339
|
-
listItem.classList.remove('d-none');
|
|
340
|
-
}
|
|
341
|
-
// if exact match, get value
|
|
342
|
-
if (currentTextLowerCase === listItemTextLowserCase) {
|
|
343
|
-
matchedValue = listItemValue;
|
|
344
|
-
}
|
|
345
|
-
}
|
|
346
|
-
else {
|
|
347
|
-
if (hasShadowDom) {
|
|
348
|
-
listItem.classList.add('hide');
|
|
349
|
-
}
|
|
350
|
-
else {
|
|
351
|
-
listItem.classList.add('d-none');
|
|
352
|
-
}
|
|
353
|
-
}
|
|
354
|
-
});
|
|
355
|
-
// if only one option shows and exact match, hide list
|
|
356
|
-
if (count === 1 && matchedValue !== null) {
|
|
357
|
-
listItems.forEach((listItem) => {
|
|
358
|
-
if (hasShadowDom) {
|
|
359
|
-
listItem.classList.add('hide');
|
|
360
|
-
}
|
|
361
|
-
else {
|
|
362
|
-
listItem.classList.add('d-none');
|
|
363
|
-
}
|
|
364
|
-
});
|
|
365
|
-
}
|
|
366
|
-
return matchedValue;
|
|
367
|
-
}
|
|
368
|
-
render() {
|
|
369
|
-
return (index.h(index.Host, null, index.h("sas-form-input-template", { label: this.label,
|
|
370
|
-
// required = { this.required }
|
|
371
|
-
placeholder: this.placeholder, value: this.text, disabled: this.disabled }, this.options.length > 0
|
|
372
|
-
? index.h("sas-list", { slot: "container", options: this.options, value: this.value })
|
|
373
|
-
: index.h("slot", { slot: "container" }))));
|
|
374
|
-
}
|
|
375
|
-
get el() { return index.getElement(this); }
|
|
376
|
-
static get watchers() { return {
|
|
377
|
-
"options": ["watchHandler"],
|
|
378
|
-
"value": ["watchValueHandler"]
|
|
379
|
-
}; }
|
|
380
|
-
};
|
|
381
|
-
SasAutocomplete.style = sasAutocompleteCss;
|
|
382
|
-
|
|
383
63
|
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}";
|
|
384
64
|
|
|
385
65
|
let SasButton = class {
|
|
@@ -1274,7 +954,7 @@ let SasDetails = class {
|
|
|
1274
954
|
*/
|
|
1275
955
|
this.icon = 'fas fa-chevron-down';
|
|
1276
956
|
/**
|
|
1277
|
-
*
|
|
957
|
+
* add gap between summary and content automatically
|
|
1278
958
|
*/
|
|
1279
959
|
this.autoGap = true;
|
|
1280
960
|
this.height = 0;
|
|
@@ -5855,7 +5535,6 @@ let SasUpload = class {
|
|
|
5855
5535
|
SasUpload.style = sasUploadCss;
|
|
5856
5536
|
|
|
5857
5537
|
exports.sas_alert = SasAlert;
|
|
5858
|
-
exports.sas_autocomplete = SasAutocomplete;
|
|
5859
5538
|
exports.sas_button = SasButton;
|
|
5860
5539
|
exports.sas_card = SasCard;
|
|
5861
5540
|
exports.sas_checkbox = SasCheckbox;
|
package/dist/cjs/sas-ui.cjs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-cd75521b.js');
|
|
4
|
-
require('./modules-
|
|
4
|
+
require('./modules-ccb2e3fd.js');
|
|
5
5
|
require('./_commonjsHelpers-537d719a.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
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-file-upload.cjs\",[[1,\"sas-file-upload\",{\"label\":[32]}]]],[\"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-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-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_23.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-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-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);
|
|
20
|
+
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);
|
|
21
21
|
});
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
3
|
"./components/sas-alert/sas-alert.js",
|
|
4
|
-
"./components/sas-autocomplete/sas-autocomplete.js",
|
|
5
4
|
"./components/sas-avatar/sas-avatar.js",
|
|
6
5
|
"./components/sas-avatar-group/sas-avatar-group.js",
|
|
7
6
|
"./components/sas-badge/sas-badge.js",
|
|
@@ -19,10 +18,8 @@
|
|
|
19
18
|
"./components/sas-date-field/sas-date-field.js",
|
|
20
19
|
"./components/sas-date-range/sas-date-range.js",
|
|
21
20
|
"./components/sas-details/sas-details.js",
|
|
22
|
-
"./components/sas-dialog/sas-dialog.js",
|
|
23
21
|
"./components/sas-divider/sas-divider.js",
|
|
24
22
|
"./components/sas-dropdown/sas-dropdown.js",
|
|
25
|
-
"./components/sas-file-upload/sas-file-upload.js",
|
|
26
23
|
"./components/sas-form/sas-form.js",
|
|
27
24
|
"./components/sas-form-input-template/sas-form-input-template.js",
|
|
28
25
|
"./components/sas-icon/sas-icon.js",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Host, h, Prop, Element, } from '@stencil/core';
|
|
1
|
+
import { Event, Component, Host, h, Prop, Element, } from '@stencil/core';
|
|
2
2
|
import { keydownEvent } from '../../global/global';
|
|
3
3
|
/**
|
|
4
4
|
* @slot title - Used for complex title, eg: words in title are different font weight
|
|
@@ -28,6 +28,7 @@ export class SasAlert {
|
|
|
28
28
|
this.content = '';
|
|
29
29
|
this.handleCloseIconClick = () => {
|
|
30
30
|
this.show = false;
|
|
31
|
+
this.closed.emit();
|
|
31
32
|
};
|
|
32
33
|
}
|
|
33
34
|
getTypeIcon() {
|
|
@@ -157,5 +158,21 @@ export class SasAlert {
|
|
|
157
158
|
"defaultValue": "''"
|
|
158
159
|
}
|
|
159
160
|
}; }
|
|
161
|
+
static get events() { return [{
|
|
162
|
+
"method": "closed",
|
|
163
|
+
"name": "closed",
|
|
164
|
+
"bubbles": true,
|
|
165
|
+
"cancelable": true,
|
|
166
|
+
"composed": true,
|
|
167
|
+
"docs": {
|
|
168
|
+
"tags": [],
|
|
169
|
+
"text": "Emitted when the component is clicked"
|
|
170
|
+
},
|
|
171
|
+
"complexType": {
|
|
172
|
+
"original": "null",
|
|
173
|
+
"resolved": "null",
|
|
174
|
+
"references": {}
|
|
175
|
+
}
|
|
176
|
+
}]; }
|
|
160
177
|
static get elementRef() { return "el"; }
|
|
161
178
|
}
|
|
@@ -22,6 +22,7 @@ export const Basic = (args) => `
|
|
|
22
22
|
value='${args.value}'
|
|
23
23
|
text='${args.text}'
|
|
24
24
|
text-position='${args.textPosition}'
|
|
25
|
+
icon='${args.icon}'
|
|
25
26
|
checked='${args.checked}'
|
|
26
27
|
disabled='${args.disabled}'
|
|
27
28
|
></sas-checkbox>
|
|
@@ -32,6 +33,7 @@ Basic.args = {
|
|
|
32
33
|
value: 'value',
|
|
33
34
|
text: 'checkbox',
|
|
34
35
|
textPosition: 'right',
|
|
36
|
+
icon: 'far fa-check',
|
|
35
37
|
checked: false,
|
|
36
38
|
disabled: false,
|
|
37
39
|
};
|