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.
Files changed (45) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{sas-autocomplete_17.cjs.entry.js → sas-autocomplete_18.cjs.entry.js} +25 -2
  3. package/dist/cjs/sas-dropdown.cjs.entry.js +5 -1
  4. package/dist/cjs/sas-radio-group.cjs.entry.js +1 -3
  5. package/dist/cjs/sas-radio.cjs.entry.js +1 -1
  6. package/dist/cjs/sas-ui.cjs.js +1 -1
  7. package/dist/collection/collection-manifest.json +0 -1
  8. package/dist/collection/components/sas-chip/sas-chip.css +20 -14
  9. package/dist/collection/components/sas-details/sas-details.css +3 -0
  10. package/dist/collection/components/sas-details/sas-details.js +23 -1
  11. package/dist/collection/components/sas-dropdown/sas-dropdown.css +4 -0
  12. package/dist/collection/components/sas-dropdown/sas-dropdown.js +22 -0
  13. package/dist/collection/components/sas-input/sas-input.js +1 -1
  14. package/dist/collection/components/sas-radio/sas-radio.js +2 -2
  15. package/dist/collection/components/sas-radio-group/sas-radio-group.js +2 -4
  16. package/dist/custom-elements/index.d.ts +0 -6
  17. package/dist/custom-elements/index.js +19 -26281
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/esm/{sas-autocomplete_17.entry.js → sas-autocomplete_18.entry.js} +25 -3
  20. package/dist/esm/sas-dropdown.entry.js +5 -1
  21. package/dist/esm/sas-radio-group.entry.js +1 -3
  22. package/dist/esm/sas-radio.entry.js +1 -1
  23. package/dist/esm/sas-ui.js +1 -1
  24. package/dist/sas-ui/p-3d52f002.entry.js +1 -0
  25. package/dist/sas-ui/{p-7fcb6d5f.entry.js → p-6b3d6eb2.entry.js} +1 -1
  26. package/dist/sas-ui/p-c6b1a375.entry.js +1 -0
  27. package/dist/sas-ui/p-dcef9d5b.entry.js +1 -0
  28. package/dist/sas-ui/sas-ui.esm.js +1 -1
  29. package/dist/types/components/sas-details/sas-details.d.ts +4 -0
  30. package/dist/types/components/sas-dropdown/sas-dropdown.d.ts +4 -0
  31. package/dist/types/components.d.ts +16 -14
  32. package/package.json +1 -2
  33. package/dist/cjs/sas-data-table.cjs.entry.js +0 -26272
  34. package/dist/cjs/sas-details.cjs.entry.js +0 -25
  35. package/dist/collection/components/sas-data-table/sas-data-table.css +0 -115
  36. package/dist/collection/components/sas-data-table/sas-data-table.js +0 -130
  37. package/dist/collection/components/sas-data-table/sas-data-table.stories.js +0 -19
  38. package/dist/esm/sas-data-table.entry.js +0 -26268
  39. package/dist/esm/sas-details.entry.js +0 -21
  40. package/dist/sas-ui/p-25439329.entry.js +0 -30
  41. package/dist/sas-ui/p-31f53468.entry.js +0 -1
  42. package/dist/sas-ui/p-4df77966.entry.js +0 -1
  43. package/dist/sas-ui/p-566eb377.entry.js +0 -1
  44. package/dist/sas-ui/p-808b032f.entry.js +0 -1
  45. package/dist/types/components/sas-data-table/sas-data-table.d.ts +0 -7
@@ -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) }, index.h("div", { class: "container", "data-message": this.message }, this.textPosition === 'left' && this.text
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" })
@@ -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])) {
@@ -19,4 +19,7 @@
19
19
  }
20
20
  :host details summary::-webkit-details-marker {
21
21
  display: none;
22
+ }
23
+ :host details[open] ::slotted([slot=summary]) {
24
+ padding-bottom: 15px;
22
25
  }
@@ -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", null,
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,
@@ -47,6 +47,10 @@
47
47
  pointer-events: initial;
48
48
  }
49
49
 
50
+ :host([block]:not([block=false])) .container {
51
+ width: 100%;
52
+ }
53
+
50
54
  ::slotted([slot=control]) {
51
55
  --icon-color: var(--s-400);
52
56
  }
@@ -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, { onClick: () => this.clickEvent(), onKeyDown: (ev) => keydownEvent(ev) },
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": "radioUpdate",
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;