sas-ui 0.8.94 → 0.8.98
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 +1 -1
- package/dist/cjs/{sas-autocomplete_17.cjs.entry.js → sas-autocomplete_18.cjs.entry.js} +25 -2
- package/dist/cjs/sas-dropdown.cjs.entry.js +5 -1
- package/dist/cjs/sas-radio-group.cjs.entry.js +1 -3
- package/dist/cjs/sas-radio.cjs.entry.js +1 -1
- package/dist/cjs/sas-ui.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/sas-chip/sas-chip.css +20 -14
- package/dist/collection/components/sas-details/sas-details.css +3 -0
- package/dist/collection/components/sas-details/sas-details.js +23 -1
- package/dist/collection/components/sas-dropdown/sas-dropdown.css +4 -0
- package/dist/collection/components/sas-dropdown/sas-dropdown.js +22 -0
- package/dist/collection/components/sas-input/sas-input.js +1 -1
- package/dist/collection/components/sas-radio/sas-radio.js +2 -2
- package/dist/collection/components/sas-radio-group/sas-radio-group.js +2 -4
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +19 -26281
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{sas-autocomplete_17.entry.js → sas-autocomplete_18.entry.js} +25 -3
- package/dist/esm/sas-dropdown.entry.js +5 -1
- package/dist/esm/sas-radio-group.entry.js +1 -3
- package/dist/esm/sas-radio.entry.js +1 -1
- package/dist/esm/sas-ui.js +1 -1
- package/dist/sas-ui/p-3d52f002.entry.js +1 -0
- package/dist/sas-ui/{p-7fcb6d5f.entry.js → p-6b3d6eb2.entry.js} +1 -1
- package/dist/sas-ui/p-c6b1a375.entry.js +1 -0
- package/dist/sas-ui/p-dcef9d5b.entry.js +1 -0
- package/dist/sas-ui/sas-ui.esm.js +1 -1
- package/dist/types/components/sas-details/sas-details.d.ts +4 -0
- package/dist/types/components/sas-dropdown/sas-dropdown.d.ts +4 -0
- package/dist/types/components.d.ts +16 -14
- package/package.json +1 -2
- package/dist/cjs/sas-data-table.cjs.entry.js +0 -26272
- package/dist/cjs/sas-details.cjs.entry.js +0 -25
- package/dist/collection/components/sas-data-table/sas-data-table.css +0 -115
- package/dist/collection/components/sas-data-table/sas-data-table.js +0 -130
- package/dist/collection/components/sas-data-table/sas-data-table.stories.js +0 -19
- package/dist/esm/sas-data-table.entry.js +0 -26268
- package/dist/esm/sas-details.entry.js +0 -21
- package/dist/sas-ui/p-25439329.entry.js +0 -30
- package/dist/sas-ui/p-31f53468.entry.js +0 -1
- package/dist/sas-ui/p-4df77966.entry.js +0 -1
- package/dist/sas-ui/p-566eb377.entry.js +0 -1
- package/dist/sas-ui/p-808b032f.entry.js +0 -1
- package/dist/types/components/sas-data-table/sas-data-table.d.ts +0 -7
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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-autocomplete_17.cjs\",[[1,\"sas-multiselect\",{\"type\":[513],\"search\":[516],\"noMatchTip\":[513,\"no-match-tip\"],\"label\":[513],\"outside\":[516],\"required\":[516],\"disabled\":[516],\"clear\":[516],\"placeholder\":[1537],\"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\"],\"validity\":[1040],\"message\":[1537],\"value\":[32],\"update\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"checkboxGroupUpdate\",\"checkboxUpdateHandler\"],[0,\"chipUpdate\",\"chipUpdateHandler\"],[0,\"inputClear\",\"inputClearHandler\"],[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\":[16],\"defaultValue\":[520,\"default-value\"],\"name\":[513],\"value\":[1032],\"rawData\":[1032,\"raw-data\"],\"text\":[1032],\"subtextPosition\":[513,\"subtext-position\"],\"validity\":[1040],\"message\":[1537],\"update\":[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-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],\"values\":[1040],\"rawData\":[1040],\"max\":[514],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"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\":[1537],\"index\":[514],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[513],\"error\":[1540],\"required\":[516],\"validity\":[1040],\"message\":[1537],\"exclusive\":[1540],\"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-list\",{\"toggle\":[516],\"compact\":[516],\"border\":[516],\"subtextPosition\":[513,\"subtext-position\"],\"value\":[1544],\"rawData\":[1032,\"raw-data\"],\"text\":[1544],\"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-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],\"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\":[1537],\"placeholder\":[1537],\"name\":[1537],\"value\":[1537],\"label\":[1537],\"outside\":[1540],\"required\":[1540],\"maxlength\":[1538],\"minlength\":[1538],\"max\":[1537],\"min\":[1537],\"iconLeft\":[1537,\"icon-left\"],\"iconRight\":[1537,\"icon-right\"],\"clear\":[1540],\"readonly\":[1540],\"disabled\":[1540],\"validity\":[1032],\"error\":[1540],\"message\":[1537],\"country\":[1537],\"placeholderNumberType\":[513,\"placeholder-number-type\"],\"isValidNumber\":[1540,\"is-valid-number\"],\"update\":[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\":[1537],\"maxlength\":[1538],\"minlength\":[1538],\"value\":[1537]}],[1,\"sas-icon\",{\"type\":[513],\"size\":[513],\"status\":[513],\"icon\":[513],\"index\":[2]}]]],[\"sas-date-range.cjs\",[[1,\"sas-date-range\",{\"label\":[1537],\"outside\":[1540],\"min\":[1537],\"max\":[1537],\"required\":[516],\"disabled\":[516]}]]],[\"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],\"validity\":[1040],\"message\":[1537],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"],[0,\"listItemClicked\",\"listItemClickedHandler\"]]]]],[\"sas-menu-bar.cjs\",[[1,\"sas-menu-bar\",{\"sticky\":[516]},[[9,\"resize\",\"handleResize\"],[0,\"selectUpdateEventUsedInternal\",\"selectUpdateEventUsedInternalHandler\"],[0,\"multiselectUpdateEventUsedInternal\",\"multiselectUpdateEventUsedInternalHandler\"],[0,\"dateFieldUpdateEventUsedInternal\",\"dateFieldUpdateEventUsedInternalHandler\"]]]]],[\"sas-user-card.cjs\",[[1,\"sas-user-card\",{\"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-card.cjs\",[[1,\"sas-card\",{\"src\":[513],\"scale\":[513],\"repair\":[516],\"attachment\":[516],\"disabled\":[516],\"cardTitle\":[513,\"card-title\"]}]]],[\"sas-data-table.cjs\",[[1,\"sas-data-table\",{\"getTable\":[64]},[[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],\"value\":[1032],\"defaultValue\":[520,\"default-value\"],\"text\":[1544],\"rawData\":[1032,\"raw-data\"],\"options\":[16],\"update\":[64]},[[0,\"radioUpdate\",\"radioUpdateHandler\"]]]]],[\"sas-upload.cjs\",[[1,\"sas-upload\",{\"compact\":[516],\"inputOutside\":[516,\"input-outside\"],\"type\":[513],\"label\":[1537],\"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]}]]],[\"sas-alert.cjs\",[[1,\"sas-alert\",{\"type\":[513],\"show\":[1540],\"close\":[516],\"alertTitle\":[1,\"alert-title\"],\"content\":[1]}]]],[\"sas-details.cjs\",[[1,\"sas-details\",{\"icon\":[513]}]]],[\"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\":[32]}]]],[\"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-table.cjs\",[[1,\"sas-table\",{\"headers\":[16],\"items\":[16],\"sortedItems\":[32]}]]],[\"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],\"validity\":[1040],\"message\":[1537],\"localDate\":[32],\"update\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"]]]]],[\"sas-radio.cjs\",[[1,\"sas-radio\",{\"name\":[513],\"value\":[1032],\"text\":[513],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"tabindexNumber\":[32],\"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-image.cjs\",[[1,\"sas-image\",{\"imageObject\":[8,\"image-object\"],\"src\":[1]}]]],[\"sas-switch.cjs\",[[1,\"sas-switch\",{\"name\":[513],\"checked\":[1540],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-avatar.cjs\",[[1,\"sas-avatar\",{\"type\":[513],\"name\":[513],\"src\":[513],\"disabled\":[516],\"group\":[516]}]]],[\"sas-dropdown.cjs\",[[1,\"sas-dropdown\",{\"clickClose\":[516,\"click-close\"],\"positionV\":[1537,\"position-v\"],\"positionH\":[1537,\"position-h\"]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]]]]]"), options);
|
|
19
|
+
return index.bootstrapLazy([["sas-autocomplete_18.cjs",[[1,"sas-multiselect",{"type":[513],"search":[516],"noMatchTip":[513,"no-match-tip"],"label":[513],"outside":[516],"required":[516],"disabled":[516],"clear":[516],"placeholder":[1537],"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"],"validity":[1040],"message":[1537],"value":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxGroupUpdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputClear","inputClearHandler"],[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":[16],"defaultValue":[520,"default-value"],"name":[513],"value":[1032],"rawData":[1032,"raw-data"],"text":[1032],"subtextPosition":[513,"subtext-position"],"validity":[1040],"message":[1537],"update":[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-details",{"open":[516],"icon":[513]}],[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],"values":[1040],"rawData":[1040],"max":[514],"options":[1040],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"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":[1537],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[1540],"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-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1544],"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-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],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-input",{"type":[1537],"placeholder":[1537],"name":[1537],"value":[1537],"label":[1537],"outside":[1540],"required":[1540],"maxlength":[1538],"minlength":[1538],"max":[1537],"min":[1537],"iconLeft":[1537,"icon-left"],"iconRight":[1537,"icon-right"],"clear":[1540],"readonly":[1540],"disabled":[1540],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"],"update":[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":[1537],"maxlength":[1538],"minlength":[1538],"value":[1537]}],[1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]]],["sas-date-range.cjs",[[1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]]],["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],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"],[0,"listItemClicked","listItemClickedHandler"]]]]],["sas-menu-bar.cjs",[[1,"sas-menu-bar",{"sticky":[516]},[[9,"resize","handleResize"],[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"]]]]],["sas-user-card.cjs",[[1,"sas-user-card",{"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-card.cjs",[[1,"sas-card",{"src":[513],"scale":[513],"repair":[516],"attachment":[516],"disabled":[516],"cardTitle":[513,"card-title"]}]]],["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],"value":[1032],"defaultValue":[520,"default-value"],"text":[1544],"rawData":[1032,"raw-data"],"options":[16],"update":[64]},[[0,"radioupdate","radioUpdateHandler"]]]]],["sas-upload.cjs",[[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"type":[513],"label":[1537],"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]}]]],["sas-alert.cjs",[[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}]]],["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":[32]}]]],["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-table.cjs",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]],["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],"validity":[1040],"message":[1537],"localDate":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["sas-radio.cjs",[[1,"sas-radio",{"name":[513],"value":[1032],"text":[513],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"tabindexNumber":[32],"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-image.cjs",[[1,"sas-image",{"imageObject":[8,"image-object"],"src":[1]}]]],["sas-switch.cjs",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-avatar.cjs",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["sas-dropdown.cjs",[[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]]]], options);
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -1024,7 +1024,7 @@ const SasCheckboxSubgroup = class {
|
|
|
1024
1024
|
};
|
|
1025
1025
|
SasCheckboxSubgroup.style = sasCheckboxSubgroupCss;
|
|
1026
1026
|
|
|
1027
|
-
const sasChipCss = ":host{display:inline-flex;border-radius:3px;position:relative;min-width:0}:host sas-icon{box-shadow:none;position:absolute;right:-3px;top:-3px;--icon-color:white;--icon-background-color:var(--primary);--icon-background-width:10px;--icon-background-height:10px;--icon-size:6px}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}:host([type=default]){font-size:14px;padding:4px 10px}:host([type=small]){font-size:10px;padding:2px 6px}:host([status=open]){background-color:var(--s-200);color:var(--s-500)}:host([status=in-progress]){background-color:var(--alert-info-background);color:var(--secondary);border:1px solid var(--alert-info-border)}:host([status=completed]){background-color:var(--alert-success-background);color:var(--alert-success-text);border:1px solid var(--alert-success-border)}:host([status=archived]){background-color:var(--s-200);color:var(--chip-archived-text);border:1px solid var(--chip-archived-border)}:host([outlined]:not([outlined=false])){background-color:white;color:var(--chip-outlined);border:1px solid var(--chip-outlined)}:host([inside]:not([inside=false])){justify-content:space-between;align-items:center;gap:5px}:host([inside]:not([inside=false])) sas-icon{position:initial;flex-shrink:0;--icon-background-width:14px;--icon-background-height:14px;--icon-size:8px}:host([uppercase]:not([uppercase=false])){text-transform:uppercase}:host([bold]:not([bold=false])) .text{font-weight:bold}:host(.hide){display:none}";
|
|
1027
|
+
const sasChipCss = ":host{display:inline-flex;border-radius:3px;position:relative;min-width:0}:host sas-icon{box-shadow:none;position:absolute;right:-3px;top:-3px;--icon-color:white;--icon-background-color:var(--primary);--icon-background-width:10px;--icon-background-height:10px;--icon-size:6px}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}:host([type=default]){font-size:14px;padding:4px 10px}:host([type=small]){font-size:10px;padding:2px 6px}:host([status=open]){background-color:var(--chip-background-color, var(--s-200));color:var(--chip-color, var(--s-500));border:1px solid var(--chip-border-color, var(--s-200))}:host([status=in-progress]){background-color:var(--chip-background-color, --alert-info-background);color:var(--chip-color, var(--secondary));border:1px solid var(--chip-border-color, var(--alert-info-border))}:host([status=completed]){background-color:var(--chip-background-color, var(--alert-success-background));color:var(--chip-color, var(--alert-success-text));border:1px solid var(--chip-border-color, var(--alert-success-border))}:host([status=archived]){background-color:var(--chip-background-color, var(--s-200));color:var(--chip-color, var(--chip-archived-text));border:1px solid var(--chip-border-color, var(--chip-archived-border))}:host([outlined]:not([outlined=false])){background-color:var(--chip-background-color, white);color:var(--chip-color, var(--chip-outlined));border:1px solid var(--chip-border-color, var(--chip-outlined))}:host([inside]:not([inside=false])){justify-content:space-between;align-items:center;gap:5px}:host([inside]:not([inside=false])) sas-icon{position:initial;flex-shrink:0;--icon-background-width:14px;--icon-background-height:14px;--icon-size:8px}:host([uppercase]:not([uppercase=false])){text-transform:uppercase}:host([bold]:not([bold=false])) .text{font-weight:bold}:host(.hide){display:none}";
|
|
1028
1028
|
|
|
1029
1029
|
const SasChip = class {
|
|
1030
1030
|
constructor(hostRef) {
|
|
@@ -1121,6 +1121,28 @@ const SasContainer = class {
|
|
|
1121
1121
|
};
|
|
1122
1122
|
SasContainer.style = sasContainerCss;
|
|
1123
1123
|
|
|
1124
|
+
const sasDetailsCss = ":host{display:block}:host summary{display:flex;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host details[open] sas-icon{transform:rotate(180deg)}:host details>summary{list-style:none}:host details summary::-webkit-details-marker{display:none}:host details[open] ::slotted([slot=summary]){padding-bottom:15px}";
|
|
1125
|
+
|
|
1126
|
+
const SasDetails = class {
|
|
1127
|
+
constructor(hostRef) {
|
|
1128
|
+
index.registerInstance(this, hostRef);
|
|
1129
|
+
/**
|
|
1130
|
+
* Open
|
|
1131
|
+
*/
|
|
1132
|
+
this.open = false;
|
|
1133
|
+
/**
|
|
1134
|
+
* icon
|
|
1135
|
+
*/
|
|
1136
|
+
this.icon = 'fas fa-chevron-down';
|
|
1137
|
+
}
|
|
1138
|
+
render() {
|
|
1139
|
+
return (index.h(index.Host, null, index.h("details", { open: this.open }, index.h("summary", null, index.h("span", { class: "title" }, index.h("slot", { name: "summary" })), this.icon
|
|
1140
|
+
? index.h("sas-icon", { icon: this.icon })
|
|
1141
|
+
: null), index.h("slot", { name: "content" }))));
|
|
1142
|
+
}
|
|
1143
|
+
};
|
|
1144
|
+
SasDetails.style = sasDetailsCss;
|
|
1145
|
+
|
|
1124
1146
|
const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px;overflow-y:auto;position:absolute;min-width:var(--form-input-template-container-min-width, 100%);max-width:var(--form-input-template-container-max-width, none);background-color:white;opacity:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host(:focus){outline:none}:host(:focus-within)>.container{opacity:1;z-index:15;pointer-events:initial}:host(:not([label=\"\"])) .top{transform:translateY(-100%);top:0}:host(:not([label=\"\"])[outside]:not([outside=false])) .top{transform:translateY(calc(-100% + 30px));top:0}:host:after{content:attr(data-message);position:absolute;top:calc(100% + 5px);right:10px;color:var(--li-2);font-size:12px;text-align:right}";
|
|
1125
1147
|
|
|
1126
1148
|
const SasFormInputTemplate = class {
|
|
@@ -1596,7 +1618,7 @@ const SasInput = class {
|
|
|
1596
1618
|
: null, this.type === 'textarea'
|
|
1597
1619
|
? index.h("sas-input-textarea", { placeholder: this.getLeftIcon() + this.placeholder, maxlength: this.maxlength, minlength: this.minlength, value: this.value })
|
|
1598
1620
|
: null, this.type !== 'tel' && this.type !== 'textarea'
|
|
1599
|
-
? index.h("input", { class: "input", type: this.type, placeholder: this.getLeftIcon() + this.placeholder, readonly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, max: this.max, min: this.min, value: this.value, onFocus: () => this.focusEvent(), onInput: (event) => this.handleInput(event), onBlur: () => this.blurEvent(), onClick: (ev) => this.clickEvent(ev) })
|
|
1621
|
+
? index.h("input", { class: "input", type: this.type, placeholder: this.getLeftIcon() + this.placeholder, readonly: this.readonly, required: this.required || this.type === 'date', maxlength: this.maxlength, minlength: this.minlength, max: this.max, min: this.min, value: this.value, onFocus: () => this.focusEvent(), onInput: (event) => this.handleInput(event), onBlur: () => this.blurEvent(), onClick: (ev) => this.clickEvent(ev) })
|
|
1600
1622
|
: null, index.h("slot", null), index.h("div", { class: "right-icon-container" }, this.clear
|
|
1601
1623
|
? index.h("sas-icon", { class: "clear-icon", type: "round", icon: "fas fa-times", onMouseDown: (ev) => this.clearInput(ev) })
|
|
1602
1624
|
: null, this.generateRightIcon()))));
|
|
@@ -4911,6 +4933,7 @@ exports.sas_checkbox_group = SasCheckboxGroup;
|
|
|
4911
4933
|
exports.sas_checkbox_subgroup = SasCheckboxSubgroup;
|
|
4912
4934
|
exports.sas_chip = SasChip;
|
|
4913
4935
|
exports.sas_container = SasContainer;
|
|
4936
|
+
exports.sas_details = SasDetails;
|
|
4914
4937
|
exports.sas_form_input_template = SasFormInputTemplate;
|
|
4915
4938
|
exports.sas_icon = SasIcon;
|
|
4916
4939
|
exports.sas_input = SasInput;
|
|
@@ -4,11 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-05405262.js');
|
|
6
6
|
|
|
7
|
-
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{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity: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{opacity:1;z-index:15;pointer-events:initial}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
7
|
+
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{position:absolute;background-color:white;border:1px solid var(--s-300);border-radius:5px;box-shadow:0px 5px 10px #0000001A;opacity: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{opacity:1;z-index:15;pointer-events:initial}:host([block]:not([block=false])) .container{width:100%}::slotted([slot=control]){--icon-color:var(--s-400)}";
|
|
8
8
|
|
|
9
9
|
const SasDropdown = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
|
+
/**
|
|
13
|
+
* Display as block element
|
|
14
|
+
*/
|
|
15
|
+
this.block = false;
|
|
12
16
|
/**
|
|
13
17
|
* Close menu or not after click menu item
|
|
14
18
|
*/
|
|
@@ -263,13 +263,11 @@ const SasRadioGroup = class {
|
|
|
263
263
|
getRadioGroupElements() {
|
|
264
264
|
let elements = [];
|
|
265
265
|
this.options.forEach((option) => {
|
|
266
|
-
console.log(this.value);
|
|
267
|
-
console.log(option.value);
|
|
268
266
|
let isChecked = false;
|
|
269
267
|
if (this.value !== null && option.value === this.value) {
|
|
270
268
|
isChecked = true;
|
|
271
269
|
}
|
|
272
|
-
let element = index.h("sas-radio", { value: option.value, text: option.text, checked: isChecked });
|
|
270
|
+
let element = index.h("sas-radio", { value: option.value, text: option.text, checked: isChecked, disabled: option.disabled });
|
|
273
271
|
elements.push(element);
|
|
274
272
|
});
|
|
275
273
|
return elements;
|
|
@@ -113,7 +113,7 @@ const SasRadio = class {
|
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
115
|
render() {
|
|
116
|
-
return (index.h(index.Host, { onClick: () => this.clickEvent(), onKeyDown: (ev) => global.keydownEvent(ev) },
|
|
116
|
+
return (index.h(index.Host, null, index.h("div", { class: "container", "data-message": this.message, onClick: () => this.clickEvent(), onKeyDown: (ev) => global.keydownEvent(ev) }, this.textPosition === 'left' && this.text
|
|
117
117
|
? index.h("div", { class: "text" }, this.text)
|
|
118
118
|
: null, index.h("div", { class: "radio", tabindex: this.tabindexNumber }, this.checked
|
|
119
119
|
? index.h("sas-icon", { icon: "far fa-check" })
|
package/dist/cjs/sas-ui.cjs.js
CHANGED
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return index.bootstrapLazy(JSON.parse("[[\"sas-autocomplete_17.cjs\",[[1,\"sas-multiselect\",{\"type\":[513],\"search\":[516],\"noMatchTip\":[513,\"no-match-tip\"],\"label\":[513],\"outside\":[516],\"required\":[516],\"disabled\":[516],\"clear\":[516],\"placeholder\":[1537],\"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\"],\"validity\":[1040],\"message\":[1537],\"value\":[32],\"update\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"checkboxGroupUpdate\",\"checkboxUpdateHandler\"],[0,\"chipUpdate\",\"chipUpdateHandler\"],[0,\"inputClear\",\"inputClearHandler\"],[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\":[16],\"defaultValue\":[520,\"default-value\"],\"name\":[513],\"value\":[1032],\"rawData\":[1032,\"raw-data\"],\"text\":[1032],\"subtextPosition\":[513,\"subtext-position\"],\"validity\":[1040],\"message\":[1537],\"update\":[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-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],\"values\":[1040],\"rawData\":[1040],\"max\":[514],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"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\":[1537],\"index\":[514],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[513],\"error\":[1540],\"required\":[516],\"validity\":[1040],\"message\":[1537],\"exclusive\":[1540],\"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-list\",{\"toggle\":[516],\"compact\":[516],\"border\":[516],\"subtextPosition\":[513,\"subtext-position\"],\"value\":[1544],\"rawData\":[1032,\"raw-data\"],\"text\":[1544],\"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-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],\"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\":[1537],\"placeholder\":[1537],\"name\":[1537],\"value\":[1537],\"label\":[1537],\"outside\":[1540],\"required\":[1540],\"maxlength\":[1538],\"minlength\":[1538],\"max\":[1537],\"min\":[1537],\"iconLeft\":[1537,\"icon-left\"],\"iconRight\":[1537,\"icon-right\"],\"clear\":[1540],\"readonly\":[1540],\"disabled\":[1540],\"validity\":[1032],\"error\":[1540],\"message\":[1537],\"country\":[1537],\"placeholderNumberType\":[513,\"placeholder-number-type\"],\"isValidNumber\":[1540,\"is-valid-number\"],\"update\":[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\":[1537],\"maxlength\":[1538],\"minlength\":[1538],\"value\":[1537]}],[1,\"sas-icon\",{\"type\":[513],\"size\":[513],\"status\":[513],\"icon\":[513],\"index\":[2]}]]],[\"sas-date-range.cjs\",[[1,\"sas-date-range\",{\"label\":[1537],\"outside\":[1540],\"min\":[1537],\"max\":[1537],\"required\":[516],\"disabled\":[516]}]]],[\"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],\"validity\":[1040],\"message\":[1537],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"],[0,\"listItemClicked\",\"listItemClickedHandler\"]]]]],[\"sas-menu-bar.cjs\",[[1,\"sas-menu-bar\",{\"sticky\":[516]},[[9,\"resize\",\"handleResize\"],[0,\"selectUpdateEventUsedInternal\",\"selectUpdateEventUsedInternalHandler\"],[0,\"multiselectUpdateEventUsedInternal\",\"multiselectUpdateEventUsedInternalHandler\"],[0,\"dateFieldUpdateEventUsedInternal\",\"dateFieldUpdateEventUsedInternalHandler\"]]]]],[\"sas-user-card.cjs\",[[1,\"sas-user-card\",{\"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-card.cjs\",[[1,\"sas-card\",{\"src\":[513],\"scale\":[513],\"repair\":[516],\"attachment\":[516],\"disabled\":[516],\"cardTitle\":[513,\"card-title\"]}]]],[\"sas-data-table.cjs\",[[1,\"sas-data-table\",{\"getTable\":[64]},[[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],\"value\":[1032],\"defaultValue\":[520,\"default-value\"],\"text\":[1544],\"rawData\":[1032,\"raw-data\"],\"options\":[16],\"update\":[64]},[[0,\"radioUpdate\",\"radioUpdateHandler\"]]]]],[\"sas-upload.cjs\",[[1,\"sas-upload\",{\"compact\":[516],\"inputOutside\":[516,\"input-outside\"],\"type\":[513],\"label\":[1537],\"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]}]]],[\"sas-alert.cjs\",[[1,\"sas-alert\",{\"type\":[513],\"show\":[1540],\"close\":[516],\"alertTitle\":[1,\"alert-title\"],\"content\":[1]}]]],[\"sas-details.cjs\",[[1,\"sas-details\",{\"icon\":[513]}]]],[\"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\":[32]}]]],[\"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-table.cjs\",[[1,\"sas-table\",{\"headers\":[16],\"items\":[16],\"sortedItems\":[32]}]]],[\"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],\"validity\":[1040],\"message\":[1537],\"localDate\":[32],\"update\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"]]]]],[\"sas-radio.cjs\",[[1,\"sas-radio\",{\"name\":[513],\"value\":[1032],\"text\":[513],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"tabindexNumber\":[32],\"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-image.cjs\",[[1,\"sas-image\",{\"imageObject\":[8,\"image-object\"],\"src\":[1]}]]],[\"sas-switch.cjs\",[[1,\"sas-switch\",{\"name\":[513],\"checked\":[1540],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-avatar.cjs\",[[1,\"sas-avatar\",{\"type\":[513],\"name\":[513],\"src\":[513],\"disabled\":[516],\"group\":[516]}]]],[\"sas-dropdown.cjs\",[[1,\"sas-dropdown\",{\"clickClose\":[516,\"click-close\"],\"positionV\":[1537,\"position-v\"],\"positionH\":[1537,\"position-h\"]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]]]]]"), options);
|
|
20
|
+
return index.bootstrapLazy([["sas-autocomplete_18.cjs",[[1,"sas-multiselect",{"type":[513],"search":[516],"noMatchTip":[513,"no-match-tip"],"label":[513],"outside":[516],"required":[516],"disabled":[516],"clear":[516],"placeholder":[1537],"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"],"validity":[1040],"message":[1537],"value":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxGroupUpdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputClear","inputClearHandler"],[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":[16],"defaultValue":[520,"default-value"],"name":[513],"value":[1032],"rawData":[1032,"raw-data"],"text":[1032],"subtextPosition":[513,"subtext-position"],"validity":[1040],"message":[1537],"update":[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-details",{"open":[516],"icon":[513]}],[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],"values":[1040],"rawData":[1040],"max":[514],"options":[1040],"selectAll":[4,"select-all"],"selectAllText":[1,"select-all-text"],"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":[1537],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[1540],"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-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1544],"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-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],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-input",{"type":[1537],"placeholder":[1537],"name":[1537],"value":[1537],"label":[1537],"outside":[1540],"required":[1540],"maxlength":[1538],"minlength":[1538],"max":[1537],"min":[1537],"iconLeft":[1537,"icon-left"],"iconRight":[1537,"icon-right"],"clear":[1540],"readonly":[1540],"disabled":[1540],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"],"update":[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":[1537],"maxlength":[1538],"minlength":[1538],"value":[1537]}],[1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]]],["sas-date-range.cjs",[[1,"sas-date-range",{"label":[1537],"outside":[1540],"min":[1537],"max":[1537],"required":[516],"disabled":[516]}]]],["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],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"],[0,"listItemClicked","listItemClickedHandler"]]]]],["sas-menu-bar.cjs",[[1,"sas-menu-bar",{"sticky":[516]},[[9,"resize","handleResize"],[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"]]]]],["sas-user-card.cjs",[[1,"sas-user-card",{"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-card.cjs",[[1,"sas-card",{"src":[513],"scale":[513],"repair":[516],"attachment":[516],"disabled":[516],"cardTitle":[513,"card-title"]}]]],["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],"value":[1032],"defaultValue":[520,"default-value"],"text":[1544],"rawData":[1032,"raw-data"],"options":[16],"update":[64]},[[0,"radioupdate","radioUpdateHandler"]]]]],["sas-upload.cjs",[[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"type":[513],"label":[1537],"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]}]]],["sas-alert.cjs",[[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}]]],["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":[32]}]]],["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-table.cjs",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]],["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],"validity":[1040],"message":[1537],"localDate":[32],"update":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["sas-radio.cjs",[[1,"sas-radio",{"name":[513],"value":[1032],"text":[513],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"tabindexNumber":[32],"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-image.cjs",[[1,"sas-image",{"imageObject":[8,"image-object"],"src":[1]}]]],["sas-switch.cjs",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["sas-avatar.cjs",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["sas-dropdown.cjs",[[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]]]], options);
|
|
21
21
|
});
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
"./components/sas-checkbox-subgroup/sas-checkbox-subgroup.js",
|
|
16
16
|
"./components/sas-chip/sas-chip.js",
|
|
17
17
|
"./components/sas-container/sas-container.js",
|
|
18
|
-
"./components/sas-data-table/sas-data-table.js",
|
|
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",
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @prop --chip-background-color: chip background color
|
|
3
|
+
* @prop --chip-border-color: chip border color
|
|
4
|
+
* @prop --chip-color: chip content color
|
|
5
|
+
*/
|
|
1
6
|
:host {
|
|
2
7
|
display: inline-flex;
|
|
3
8
|
border-radius: 3px;
|
|
@@ -33,32 +38,33 @@
|
|
|
33
38
|
}
|
|
34
39
|
|
|
35
40
|
:host([status=open]) {
|
|
36
|
-
background-color: var(--s-200);
|
|
37
|
-
color: var(--s-500);
|
|
41
|
+
background-color: var(--chip-background-color, var(--s-200));
|
|
42
|
+
color: var(--chip-color, var(--s-500));
|
|
43
|
+
border: 1px solid var(--chip-border-color, var(--s-200));
|
|
38
44
|
}
|
|
39
45
|
|
|
40
46
|
:host([status=in-progress]) {
|
|
41
|
-
background-color: var(--alert-info-background);
|
|
42
|
-
color: var(--secondary);
|
|
43
|
-
border: 1px solid var(--alert-info-border);
|
|
47
|
+
background-color: var(--chip-background-color, --alert-info-background);
|
|
48
|
+
color: var(--chip-color, var(--secondary));
|
|
49
|
+
border: 1px solid var(--chip-border-color, var(--alert-info-border));
|
|
44
50
|
}
|
|
45
51
|
|
|
46
52
|
:host([status=completed]) {
|
|
47
|
-
background-color: var(--alert-success-background);
|
|
48
|
-
color: var(--alert-success-text);
|
|
49
|
-
border: 1px solid var(--alert-success-border);
|
|
53
|
+
background-color: var(--chip-background-color, var(--alert-success-background));
|
|
54
|
+
color: var(--chip-color, var(--alert-success-text));
|
|
55
|
+
border: 1px solid var(--chip-border-color, var(--alert-success-border));
|
|
50
56
|
}
|
|
51
57
|
|
|
52
58
|
:host([status=archived]) {
|
|
53
|
-
background-color: var(--s-200);
|
|
54
|
-
color: var(--chip-archived-text);
|
|
55
|
-
border: 1px solid var(--chip-archived-border);
|
|
59
|
+
background-color: var(--chip-background-color, var(--s-200));
|
|
60
|
+
color: var(--chip-color, var(--chip-archived-text));
|
|
61
|
+
border: 1px solid var(--chip-border-color, var(--chip-archived-border));
|
|
56
62
|
}
|
|
57
63
|
|
|
58
64
|
:host([outlined]:not([outlined=false])) {
|
|
59
|
-
background-color: white;
|
|
60
|
-
color: var(--chip-outlined);
|
|
61
|
-
border: 1px solid var(--chip-outlined);
|
|
65
|
+
background-color: var(--chip-background-color, white);
|
|
66
|
+
color: var(--chip-color, var(--chip-outlined));
|
|
67
|
+
border: 1px solid var(--chip-border-color, var(--chip-outlined));
|
|
62
68
|
}
|
|
63
69
|
|
|
64
70
|
:host([inside]:not([inside=false])) {
|
|
@@ -5,6 +5,10 @@ import { Component, Host, h, Prop } from '@stencil/core';
|
|
|
5
5
|
*/
|
|
6
6
|
export class SasDetails {
|
|
7
7
|
constructor() {
|
|
8
|
+
/**
|
|
9
|
+
* Open
|
|
10
|
+
*/
|
|
11
|
+
this.open = false;
|
|
8
12
|
/**
|
|
9
13
|
* icon
|
|
10
14
|
*/
|
|
@@ -12,7 +16,7 @@ export class SasDetails {
|
|
|
12
16
|
}
|
|
13
17
|
render() {
|
|
14
18
|
return (h(Host, null,
|
|
15
|
-
h("details",
|
|
19
|
+
h("details", { open: this.open },
|
|
16
20
|
h("summary", null,
|
|
17
21
|
h("span", { class: "title" },
|
|
18
22
|
h("slot", { name: "summary" })),
|
|
@@ -30,6 +34,24 @@ export class SasDetails {
|
|
|
30
34
|
"$": ["sas-details.css"]
|
|
31
35
|
}; }
|
|
32
36
|
static get properties() { return {
|
|
37
|
+
"open": {
|
|
38
|
+
"type": "boolean",
|
|
39
|
+
"mutable": false,
|
|
40
|
+
"complexType": {
|
|
41
|
+
"original": "boolean",
|
|
42
|
+
"resolved": "boolean",
|
|
43
|
+
"references": {}
|
|
44
|
+
},
|
|
45
|
+
"required": false,
|
|
46
|
+
"optional": false,
|
|
47
|
+
"docs": {
|
|
48
|
+
"tags": [],
|
|
49
|
+
"text": "Open"
|
|
50
|
+
},
|
|
51
|
+
"attribute": "open",
|
|
52
|
+
"reflect": true,
|
|
53
|
+
"defaultValue": "false"
|
|
54
|
+
},
|
|
33
55
|
"icon": {
|
|
34
56
|
"type": "string",
|
|
35
57
|
"mutable": false,
|
|
@@ -7,6 +7,10 @@ Component, Host, Prop, h, Element, Listen, } from '@stencil/core';
|
|
|
7
7
|
*/
|
|
8
8
|
export class SasDropdown {
|
|
9
9
|
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Display as block element
|
|
12
|
+
*/
|
|
13
|
+
this.block = false;
|
|
10
14
|
/**
|
|
11
15
|
* Close menu or not after click menu item
|
|
12
16
|
*/
|
|
@@ -104,6 +108,24 @@ export class SasDropdown {
|
|
|
104
108
|
"$": ["sas-dropdown.css"]
|
|
105
109
|
}; }
|
|
106
110
|
static get properties() { return {
|
|
111
|
+
"block": {
|
|
112
|
+
"type": "boolean",
|
|
113
|
+
"mutable": false,
|
|
114
|
+
"complexType": {
|
|
115
|
+
"original": "boolean",
|
|
116
|
+
"resolved": "boolean",
|
|
117
|
+
"references": {}
|
|
118
|
+
},
|
|
119
|
+
"required": false,
|
|
120
|
+
"optional": false,
|
|
121
|
+
"docs": {
|
|
122
|
+
"tags": [],
|
|
123
|
+
"text": "Display as block element"
|
|
124
|
+
},
|
|
125
|
+
"attribute": "block",
|
|
126
|
+
"reflect": true,
|
|
127
|
+
"defaultValue": "false"
|
|
128
|
+
},
|
|
107
129
|
"clickClose": {
|
|
108
130
|
"type": "boolean",
|
|
109
131
|
"mutable": false,
|
|
@@ -320,7 +320,7 @@ export class SasInput {
|
|
|
320
320
|
? h("sas-input-textarea", { placeholder: this.getLeftIcon() + this.placeholder, maxlength: this.maxlength, minlength: this.minlength, value: this.value })
|
|
321
321
|
: null,
|
|
322
322
|
this.type !== 'tel' && this.type !== 'textarea'
|
|
323
|
-
? h("input", { class: "input", type: this.type, placeholder: this.getLeftIcon() + this.placeholder, readonly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, max: this.max, min: this.min, value: this.value, onFocus: () => this.focusEvent(), onInput: (event) => this.handleInput(event), onBlur: () => this.blurEvent(), onClick: (ev) => this.clickEvent(ev) })
|
|
323
|
+
? h("input", { class: "input", type: this.type, placeholder: this.getLeftIcon() + this.placeholder, readonly: this.readonly, required: this.required || this.type === 'date', maxlength: this.maxlength, minlength: this.minlength, max: this.max, min: this.min, value: this.value, onFocus: () => this.focusEvent(), onInput: (event) => this.handleInput(event), onBlur: () => this.blurEvent(), onClick: (ev) => this.clickEvent(ev) })
|
|
324
324
|
: null,
|
|
325
325
|
h("slot", null),
|
|
326
326
|
h("div", { class: "right-icon-container" },
|
|
@@ -105,8 +105,8 @@ export class SasRadio {
|
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
render() {
|
|
108
|
-
return (h(Host,
|
|
109
|
-
h("div", { class: "container", "data-message": this.message },
|
|
108
|
+
return (h(Host, null,
|
|
109
|
+
h("div", { class: "container", "data-message": this.message, onClick: () => this.clickEvent(), onKeyDown: (ev) => keydownEvent(ev) },
|
|
110
110
|
this.textPosition === 'left' && this.text
|
|
111
111
|
? h("div", { class: "text" }, this.text)
|
|
112
112
|
: null,
|
|
@@ -258,13 +258,11 @@ export class SasRadioGroup {
|
|
|
258
258
|
getRadioGroupElements() {
|
|
259
259
|
let elements = [];
|
|
260
260
|
this.options.forEach((option) => {
|
|
261
|
-
console.log(this.value);
|
|
262
|
-
console.log(option.value);
|
|
263
261
|
let isChecked = false;
|
|
264
262
|
if (this.value !== null && option.value === this.value) {
|
|
265
263
|
isChecked = true;
|
|
266
264
|
}
|
|
267
|
-
let element = h("sas-radio", { value: option.value, text: option.text, checked: isChecked });
|
|
265
|
+
let element = h("sas-radio", { value: option.value, text: option.text, checked: isChecked, disabled: option.disabled });
|
|
268
266
|
elements.push(element);
|
|
269
267
|
});
|
|
270
268
|
return elements;
|
|
@@ -449,7 +447,7 @@ export class SasRadioGroup {
|
|
|
449
447
|
"methodName": "watchOptionsHandler"
|
|
450
448
|
}]; }
|
|
451
449
|
static get listeners() { return [{
|
|
452
|
-
"name": "
|
|
450
|
+
"name": "radioupdate",
|
|
453
451
|
"method": "radioUpdateHandler",
|
|
454
452
|
"target": undefined,
|
|
455
453
|
"capture": false,
|
|
@@ -92,12 +92,6 @@ export const SasContainer: {
|
|
|
92
92
|
new (): SasContainer;
|
|
93
93
|
};
|
|
94
94
|
|
|
95
|
-
interface SasDataTable extends Components.SasDataTable, HTMLElement {}
|
|
96
|
-
export const SasDataTable: {
|
|
97
|
-
prototype: SasDataTable;
|
|
98
|
-
new (): SasDataTable;
|
|
99
|
-
};
|
|
100
|
-
|
|
101
95
|
interface SasDateField extends Components.SasDateField, HTMLElement {}
|
|
102
96
|
export const SasDateField: {
|
|
103
97
|
prototype: SasDateField;
|