sas-ui 0.8.229 → 0.8.231

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 (76) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/sas-alert.cjs.entry.js +62 -0
  3. package/dist/cjs/sas-button.cjs.entry.js +110 -0
  4. package/dist/cjs/sas-card.cjs.entry.js +90 -0
  5. package/dist/cjs/{sas-alert_29.cjs.entry.js → sas-chat-bubble_12.cjs.entry.js} +589 -5848
  6. package/dist/cjs/sas-checkbox-group.cjs.entry.js +400 -0
  7. package/dist/cjs/sas-checkbox_2.cjs.entry.js +232 -0
  8. package/dist/cjs/sas-container.cjs.entry.js +51 -0
  9. package/dist/cjs/sas-details-group.cjs.entry.js +35 -0
  10. package/dist/cjs/sas-details.cjs.entry.js +132 -0
  11. package/dist/cjs/sas-divider.cjs.entry.js +23 -0
  12. package/dist/cjs/sas-form-input-template_4.cjs.entry.js +2286 -0
  13. package/dist/cjs/sas-image.cjs.entry.js +66 -0
  14. package/dist/cjs/sas-multiselect.cjs.entry.js +727 -0
  15. package/dist/cjs/sas-select.cjs.entry.js +606 -0
  16. package/dist/cjs/sas-stepper.cjs.entry.js +91 -0
  17. package/dist/cjs/sas-ui.cjs.js +1 -1
  18. package/dist/cjs/sas-upload.cjs.entry.js +511 -0
  19. package/dist/collection/collection-manifest.json +2 -0
  20. package/dist/collection/components/sas-panel/sas-panel.css +53 -0
  21. package/dist/collection/components/sas-panel/sas-panel.js +168 -0
  22. package/dist/collection/components/sas-panel/type.js +33 -0
  23. package/dist/collection/components/sas-setup-guide-progress-button/sas-setup-guide-progress-button.css +40 -0
  24. package/dist/collection/components/sas-setup-guide-progress-button/sas-setup-guide-progress-button.js +131 -0
  25. package/dist/collection/components/sas-setup-guide-progress-button/sas-setup-guide-progress-button.stories.js +177 -0
  26. package/dist/collection/components/sas-setup-guide-progress-button/type.js +33 -0
  27. package/dist/collection/components/sas-setup-guide-tile/sas-setup-guide-tile.css +0 -1
  28. package/dist/collection/components/sas-setup-guide-tile/sas-setup-guide-tile.js +4 -7
  29. package/dist/collection/components/sas-setup-guide-tile/sas-setup-guide-tile.stories.js +177 -0
  30. package/dist/collection/components/sas-setup-guide-tile/type.js +33 -0
  31. package/dist/custom-elements/index.d.ts +12 -0
  32. package/dist/custom-elements/index.js +76 -6
  33. package/dist/esm/loader.js +1 -1
  34. package/dist/esm/sas-alert.entry.js +58 -0
  35. package/dist/esm/sas-button.entry.js +106 -0
  36. package/dist/esm/sas-card.entry.js +86 -0
  37. package/dist/esm/{sas-alert_29.entry.js → sas-chat-bubble_12.entry.js} +589 -5831
  38. package/dist/esm/sas-checkbox-group.entry.js +396 -0
  39. package/dist/esm/sas-checkbox_2.entry.js +227 -0
  40. package/dist/esm/sas-container.entry.js +47 -0
  41. package/dist/esm/sas-details-group.entry.js +31 -0
  42. package/dist/esm/sas-details.entry.js +128 -0
  43. package/dist/esm/sas-divider.entry.js +19 -0
  44. package/dist/esm/sas-form-input-template_4.entry.js +2279 -0
  45. package/dist/esm/sas-image.entry.js +62 -0
  46. package/dist/esm/sas-multiselect.entry.js +723 -0
  47. package/dist/esm/sas-select.entry.js +602 -0
  48. package/dist/esm/sas-stepper.entry.js +87 -0
  49. package/dist/esm/sas-ui.js +1 -1
  50. package/dist/esm/sas-upload.entry.js +507 -0
  51. package/dist/sas-ui/p-1de45d43.entry.js +1 -0
  52. package/dist/sas-ui/p-3c00ac8f.entry.js +1 -0
  53. package/dist/sas-ui/p-468e109a.entry.js +1 -0
  54. package/dist/sas-ui/p-56e6c256.entry.js +1 -0
  55. package/dist/sas-ui/p-736327ce.entry.js +1 -0
  56. package/dist/sas-ui/p-90f85a77.entry.js +1 -0
  57. package/dist/sas-ui/p-c0d21325.entry.js +1 -0
  58. package/dist/sas-ui/p-c5dece80.entry.js +1 -0
  59. package/dist/sas-ui/p-cc1a85c4.entry.js +1 -0
  60. package/dist/sas-ui/p-d6f08981.entry.js +1 -0
  61. package/dist/sas-ui/p-e8443044.entry.js +1 -0
  62. package/dist/sas-ui/p-f60e5214.entry.js +1 -0
  63. package/dist/sas-ui/p-f74e5561.entry.js +1 -0
  64. package/dist/sas-ui/p-f9c3bb84.entry.js +1 -0
  65. package/dist/sas-ui/p-fca9ab5b.entry.js +1 -0
  66. package/dist/sas-ui/p-ffee403c.entry.js +1 -0
  67. package/dist/sas-ui/sas-ui.esm.js +1 -1
  68. package/dist/types/components/sas-panel/sas-panel.d.ts +18 -0
  69. package/dist/types/components/sas-panel/type.d.ts +5 -0
  70. package/dist/types/components/sas-setup-guide-progress-button/sas-setup-guide-progress-button.d.ts +23 -0
  71. package/dist/types/components/sas-setup-guide-progress-button/type.d.ts +5 -0
  72. package/dist/types/components/sas-setup-guide-tile/sas-setup-guide-tile.d.ts +0 -1
  73. package/dist/types/components/sas-setup-guide-tile/type.d.ts +5 -0
  74. package/dist/types/components.d.ts +118 -0
  75. package/package.json +1 -1
  76. package/dist/sas-ui/p-50dcff2b.entry.js +0 -1
@@ -16,7 +16,7 @@ const patchEsm = () => {
16
16
  const defineCustomElements = (win, options) => {
17
17
  if (typeof window === 'undefined') return Promise.resolve();
18
18
  return patchEsm().then(() => {
19
- return index.bootstrapLazy(JSON.parse("[[\"sas-date-range.cjs\",[[1,\"sas-date-range\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"name\":[513],\"min\":[513],\"max\":[513],\"from\":[1537],\"to\":[1537],\"required\":[516],\"disabled\":[516],\"position\":[513],\"validity\":[1040],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-time-field.cjs\",[[1,\"sas-time-field\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"],[0,\"listItemClicked\",\"listItemClickedHandler\"]]]]],[\"sas-user-card.cjs\",[[1,\"sas-user-card\",{\"block\":[516],\"name\":[513],\"position\":[513],\"status\":[1537],\"badge\":[516],\"attachment\":[516],\"showFireWardenIcon\":[516,\"show-fire-warden-icon\"],\"showFirstAidIcon\":[516,\"show-first-aid-icon\"],\"showToggleSwitch\":[516,\"show-toggle-switch\"],\"showMenu\":[516,\"show-menu\"],\"src\":[513]},[[0,\"switchupdate\",\"switchUpdateHandler\"]]]]],[\"sas-menu-bar.cjs\",[[1,\"sas-menu-bar\",{\"sticky\":[516]},[[0,\"selectUpdateEventUsedInternal\",\"selectUpdateEventUsedInternalHandler\"],[0,\"multiselectUpdateEventUsedInternal\",\"multiselectUpdateEventUsedInternalHandler\"],[0,\"dateFieldUpdateEventUsedInternal\",\"dateFieldUpdateEventUsedInternalHandler\"],[0,\"inputupdate\",\"inputUpdateEventUsedInternalHandler\"],[0,\"inputContainerClick\",\"inputinputContainerClickEventInternalHandler\"]]]]],[\"sas-navigation-top.cjs\",[[1,\"sas-navigation-top\",{\"name\":[513],\"user\":[513],\"src\":[513]}]]],[\"sas-pagination.cjs\",[[1,\"sas-pagination\",{\"totalPage\":[514,\"total-page\"],\"totalIndex\":[514,\"total-index\"],\"currentPage\":[1538,\"current-page\"]}]]],[\"sas-radio-group.cjs\",[[1,\"sas-radio-group\",{\"name\":[513],\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"required\":[516],\"value\":[1032],\"defaultValue\":[520,\"default-value\"],\"text\":[1537],\"rawData\":[1032,\"raw-data\"],\"options\":[16],\"update\":[64]},[[0,\"radioupdate\",\"radioUpdateHandler\"]]]]],[\"sas-carousel.cjs\",[[1,\"sas-carousel\",{\"index\":[1538],\"slides\":[16]}]]],[\"sas-navigation.cjs\",[[1,\"sas-navigation\",{\"name\":[513]}]]],[\"sas-avatar-group.cjs\",[[1,\"sas-avatar-group\"]]],[\"sas-breadcrumb.cjs\",[[1,\"sas-breadcrumb\",{\"items\":[16],\"showAll\":[32]}]]],[\"sas-button-group.cjs\",[[1,\"sas-button-group\",{\"values\":[1040],\"multiple\":[516]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]]]],[\"sas-form.cjs\",[[1,\"sas-form\",{\"method\":[513],\"url\":[513],\"reset\":[64],\"validate\":[64],\"submit\":[64]}]]],[\"sas-tab.cjs\",[[1,\"sas-tab\",null,[[0,\"tabItemClicked\",\"tabItemClickedHandler\"]]]]],[\"sas-tab-item.cjs\",[[1,\"sas-tab-item\",{\"value\":[513],\"text\":[513]}]]],[\"sas-date-field.cjs\",[[1,\"sas-date-field\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"icon\":[513],\"position\":[513],\"positionH\":[513,\"position-h\"],\"validity\":[1040],\"message\":[1537],\"valueMissingMessage\":[513,\"value-missing-message\"],\"rangeOverflowMessage\":[513,\"range-overflow-message\"],\"rangeUnderflowMessage\":[513,\"range-underflow-message\"],\"localDate\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"]]]]],[\"sas-radio.cjs\",[[1,\"sas-radio\",{\"name\":[513],\"value\":[8],\"text\":[513],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"tabindexNumber\":[32],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-badge.cjs\",[[1,\"sas-badge\",{\"type\":[513],\"status\":[513],\"number\":[514],\"inline\":[516]}]]],[\"sas-switch.cjs\",[[1,\"sas-switch\",{\"name\":[513],\"checked\":[1540],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-alert_29.cjs\",[[1,\"sas-multiselect\",{\"type\":[513],\"search\":[516],\"filterText\":[513,\"filter-text\"],\"noMatchAction\":[513,\"no-match-action\"],\"noMatchTip\":[513,\"no-match-tip\"],\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"disabled\":[516],\"clear\":[516],\"placeholder\":[513],\"options\":[1040],\"name\":[513],\"values\":[1040],\"rawData\":[1040],\"min\":[514],\"max\":[514],\"maxChip\":[514,\"max-chip\"],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"buttonFilterText\":[1,\"button-filter-text\"],\"value\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"checkboxgroupupdate\",\"checkboxUpdateHandler\"],[0,\"chipUpdate\",\"chipUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]],[1,\"sas-select\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"type\":[513],\"noMatchTip\":[513,\"no-match-tip\"],\"placeholder\":[513],\"disabled\":[516],\"clear\":[516],\"options\":[1040],\"alwaysShownOptions\":[1040],\"defaultValue\":[520,\"default-value\"],\"name\":[513],\"value\":[1032],\"rawData\":[1032,\"raw-data\"],\"text\":[1032],\"subtextPosition\":[513,\"subtext-position\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"],[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputClear\",\"inputClearHandler\"],[0,\"inputFocus\",\"inputFocusHandler\"],[0,\"inputBlur\",\"inputBlurHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]],[1,\"sas-setup-guide-tile\",{\"title\":[1],\"description\":[1],\"alertTitle\":[1,\"alert-title\"],\"alertmessage\":[1],\"icon\":[1],\"image\":[1],\"width\":[513],\"status\":[4],\"completed\":[1],\"pending\":[1],\"locked\":[1],\"completedopen\":[32],\"expanded\":[32]}],[1,\"sas-card\",{\"block\":[516],\"src\":[513],\"lazyImage\":[516,\"lazy-image\"],\"scale\":[513],\"repair\":[516],\"attachment\":[516],\"disabled\":[516],\"cardTitle\":[513,\"card-title\"],\"showMenu\":[516,\"show-menu\"]}],[1,\"sas-stepper\",{\"total\":[514],\"current\":[1538],\"names\":[16],\"direction\":[513],\"backgroundTheme\":[513,\"background-theme\"]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]],[1,\"sas-upload\",{\"compact\":[516],\"inputOutside\":[516,\"input-outside\"],\"fullImage\":[516,\"full-image\"],\"type\":[513],\"label\":[513],\"name\":[513],\"max\":[514],\"size\":[514],\"accept\":[513],\"files\":[1040],\"removedFiles\":[1040],\"method\":[513],\"url\":[513],\"required\":[516],\"disabled\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"submit\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"getFormData\":[64],\"checkFileUpdate\":[64]}],[1,\"sas-alert\",{\"type\":[513],\"show\":[1540],\"close\":[516],\"alertTitle\":[1,\"alert-title\"],\"content\":[1]}],[1,\"sas-details\",{\"open\":[516],\"icon\":[513],\"autoGap\":[516,\"auto-gap\"],\"checkIsOpen\":[64]}],[1,\"sas-container\",{\"gridTemplateColumns\":[513,\"grid-template-columns\"],\"gridTemplateRows\":[513,\"grid-template-rows\"],\"justifyItems\":[513,\"justify-items\"],\"alignItems\":[513,\"align-items\"]}],[1,\"sas-details-group\",{\"autoClose\":[516,\"auto-close\"]},[[0,\"detailsupdate\",\"detailsUpdateHandler\"]]],[1,\"sas-progress-bar\",{\"progress\":[514],\"progressGates\":[16]}],[1,\"sas-checkbox-group\",{\"name\":[513],\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"required\":[516],\"values\":[1040],\"rawData\":[1040],\"max\":[514],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"columns\":[514],\"update\":[64]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]],[1,\"sas-tooltip\",{\"trigger\":[513],\"text\":[513],\"position\":[1537],\"disabled\":[1540]}],[1,\"sas-divider\",{\"type\":[1]}],[1,\"sas-list\",{\"toggle\":[516],\"compact\":[516],\"border\":[516],\"subtextPosition\":[513,\"subtext-position\"],\"value\":[1544],\"rawData\":[1032,\"raw-data\"],\"text\":[1537],\"defaultValue\":[520,\"default-value\"],\"options\":[16],\"update\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-checkbox\",{\"name\":[513],\"value\":[8],\"text\":[513],\"index\":[514],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[513],\"error\":[1540],\"required\":[516],\"validity\":[1040],\"message\":[1537],\"exclusive\":[516],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}],[1,\"sas-checkbox-subgroup\",{\"value\":[8],\"text\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[1025],\"status\":[1025]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]],[1,\"sas-chip\",{\"type\":[513],\"status\":[513],\"outlined\":[516],\"close\":[516],\"inside\":[516],\"text\":[513],\"uppercase\":[516],\"bold\":[516]}],[1,\"sas-chat-bubble\",{\"position\":[513]}],[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-image\",{\"imageObject\":[8,\"image-object\"],\"src\":[513],\"lazy\":[516]}],[1,\"sas-list-item\",{\"icon\":[513],\"value\":[8],\"text\":[513],\"subtext\":[513],\"subtextPosition\":[513,\"subtext-position\"],\"iconRight\":[513,\"icon-right\"],\"selected\":[516],\"alwaysShown\":[516,\"always-shown\"],\"disabled\":[516],\"index\":[514],\"href\":[513],\"target\":[513]}],[1,\"sas-dropdown\",{\"block\":[516],\"clickClose\":[516,\"click-close\"],\"positionV\":[1537,\"position-v\"],\"positionH\":[1537,\"position-h\"],\"close\":[64],\"open\":[64]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-form-input-template\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"placeholder\":[1],\"type\":[1],\"value\":[1],\"max\":[513],\"min\":[513],\"iconRight\":[1,\"icon-right\"],\"readonly\":[4],\"error\":[516],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"positionH\":[513,\"position-h\"],\"show\":[1540],\"clickClose\":[516,\"click-close\"],\"minimumPixelsAboveComponentRequired\":[514,\"minimum-pixels-above-component-required\"],\"minimumPixelsRightOfComponentRequired\":[514,\"minimum-pixels-right-of-component-required\"]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-input\",{\"type\":[513],\"step\":[513],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"label\":[513],\"outside\":[516],\"required\":[516],\"maxlength\":[514],\"minlength\":[514],\"max\":[513],\"min\":[513],\"iconLabel\":[513,\"icon-label\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"clear\":[516],\"readonly\":[516],\"disabled\":[516],\"validity\":[1032],\"error\":[1540],\"message\":[1537],\"country\":[1537],\"placeholderNumberType\":[513,\"placeholder-number-type\"],\"isValidNumber\":[1540,\"is-valid-number\"],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"setCustomValidity\":[64]},[[0,\"inputTelUpdate\",\"inputTelUpdateHandler\"],[0,\"inputTextareaUpdate\",\"inputTextareaUpdateHandler\"]]],[1,\"sas-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-tel\",{\"getValidity\":[64],\"setCountry\":[64],\"setPlaceholder\":[64],\"update\":[64]}],[1,\"sas-input-textarea\",{\"placeholder\":[513],\"maxlength\":[514],\"minlength\":[514],\"value\":[513]}],[1,\"sas-icon\",{\"type\":[513],\"size\":[513],\"status\":[513],\"icon\":[513],\"index\":[2]}]]],[\"sas-avatar.cjs\",[[1,\"sas-avatar\",{\"type\":[513],\"name\":[513],\"src\":[513],\"disabled\":[516],\"group\":[516]}]]],[\"sas-table.cjs\",[[1,\"sas-table\",{\"headers\":[16],\"items\":[16],\"sortedItems\":[32]}]]]]"), options);
19
+ return index.bootstrapLazy(JSON.parse("[[\"sas-chat-bubble_12.cjs\",[[1,\"sas-setup-guide-tile\",{\"title\":[1],\"description\":[1],\"alertTitle\":[1,\"alert-title\"],\"alertmessage\":[1],\"icon\":[1],\"image\":[1],\"width\":[513],\"status\":[4],\"completed\":[1],\"pending\":[1],\"locked\":[1],\"completedopen\":[32],\"expanded\":[32]}],[1,\"sas-setup-guide-progress-button\",{\"buttonTitle\":[1,\"button-title\"],\"progress\":[514],\"backgroundColor\":[1,\"background-color\"],\"icon\":[1]}],[1,\"sas-panel\",{\"title\":[1],\"description\":[1],\"icon\":[1],\"buttonText\":[1,\"button-text\"],\"width\":[513],\"href\":[1],\"newTab\":[4,\"new-tab\"]}],[1,\"sas-tooltip\",{\"trigger\":[513],\"text\":[513],\"position\":[1537],\"disabled\":[1540]}],[1,\"sas-progress-bar\",{\"progress\":[514],\"progressGates\":[16]}],[1,\"sas-list\",{\"toggle\":[516],\"compact\":[516],\"border\":[516],\"subtextPosition\":[513,\"subtext-position\"],\"value\":[1544],\"rawData\":[1032,\"raw-data\"],\"text\":[1537],\"defaultValue\":[520,\"default-value\"],\"options\":[16],\"update\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-chip\",{\"type\":[513],\"status\":[513],\"outlined\":[516],\"close\":[516],\"inside\":[516],\"text\":[513],\"uppercase\":[516],\"bold\":[516]}],[1,\"sas-chat-bubble\",{\"position\":[513]}],[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],\"alwaysShown\":[516,\"always-shown\"],\"disabled\":[516],\"index\":[514],\"href\":[513],\"target\":[513]}],[1,\"sas-dropdown\",{\"block\":[516],\"clickClose\":[516,\"click-close\"],\"positionV\":[1537,\"position-v\"],\"positionH\":[1537,\"position-h\"],\"close\":[64],\"open\":[64]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-icon\",{\"type\":[513],\"size\":[513],\"status\":[513],\"icon\":[513],\"index\":[2]}]]],[\"sas-multiselect.cjs\",[[1,\"sas-multiselect\",{\"type\":[513],\"search\":[516],\"filterText\":[513,\"filter-text\"],\"noMatchAction\":[513,\"no-match-action\"],\"noMatchTip\":[513,\"no-match-tip\"],\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"disabled\":[516],\"clear\":[516],\"placeholder\":[513],\"options\":[1040],\"name\":[513],\"values\":[1040],\"rawData\":[1040],\"min\":[514],\"max\":[514],\"maxChip\":[514,\"max-chip\"],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"buttonFilterText\":[1,\"button-filter-text\"],\"value\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"checkboxgroupupdate\",\"checkboxUpdateHandler\"],[0,\"chipUpdate\",\"chipUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]]]],[\"sas-date-range.cjs\",[[1,\"sas-date-range\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"name\":[513],\"min\":[513],\"max\":[513],\"from\":[1537],\"to\":[1537],\"required\":[516],\"disabled\":[516],\"position\":[513],\"validity\":[1040],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-select.cjs\",[[1,\"sas-select\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"type\":[513],\"noMatchTip\":[513,\"no-match-tip\"],\"placeholder\":[513],\"disabled\":[516],\"clear\":[516],\"options\":[1040],\"alwaysShownOptions\":[1040],\"defaultValue\":[520,\"default-value\"],\"name\":[513],\"value\":[1032],\"rawData\":[1032,\"raw-data\"],\"text\":[1032],\"subtextPosition\":[513,\"subtext-position\"],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"listItemClicked\",\"listItemClickedHandler\"],[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"],[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputClear\",\"inputClearHandler\"],[0,\"inputFocus\",\"inputFocusHandler\"],[0,\"inputBlur\",\"inputBlurHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"]]]]],[\"sas-time-field.cjs\",[[1,\"sas-time-field\",{\"label\":[513],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"],[0,\"inputContainerClick\",\"inputContainerClickHandler\"],[0,\"listItemClicked\",\"listItemClickedHandler\"]]]]],[\"sas-user-card.cjs\",[[1,\"sas-user-card\",{\"block\":[516],\"name\":[513],\"position\":[513],\"status\":[1537],\"badge\":[516],\"attachment\":[516],\"showFireWardenIcon\":[516,\"show-fire-warden-icon\"],\"showFirstAidIcon\":[516,\"show-first-aid-icon\"],\"showToggleSwitch\":[516,\"show-toggle-switch\"],\"showMenu\":[516,\"show-menu\"],\"src\":[513]},[[0,\"switchupdate\",\"switchUpdateHandler\"]]]]],[\"sas-menu-bar.cjs\",[[1,\"sas-menu-bar\",{\"sticky\":[516]},[[0,\"selectUpdateEventUsedInternal\",\"selectUpdateEventUsedInternalHandler\"],[0,\"multiselectUpdateEventUsedInternal\",\"multiselectUpdateEventUsedInternalHandler\"],[0,\"dateFieldUpdateEventUsedInternal\",\"dateFieldUpdateEventUsedInternalHandler\"],[0,\"inputupdate\",\"inputUpdateEventUsedInternalHandler\"],[0,\"inputContainerClick\",\"inputinputContainerClickEventInternalHandler\"]]]]],[\"sas-card.cjs\",[[1,\"sas-card\",{\"block\":[516],\"src\":[513],\"lazyImage\":[516,\"lazy-image\"],\"scale\":[513],\"repair\":[516],\"attachment\":[516],\"disabled\":[516],\"cardTitle\":[513,\"card-title\"],\"showMenu\":[516,\"show-menu\"]}]]],[\"sas-navigation-top.cjs\",[[1,\"sas-navigation-top\",{\"name\":[513],\"user\":[513],\"src\":[513]}]]],[\"sas-stepper.cjs\",[[1,\"sas-stepper\",{\"total\":[514],\"current\":[1538],\"names\":[16],\"direction\":[513],\"backgroundTheme\":[513,\"background-theme\"]},[[0,\"buttonclicked\",\"buttonclickedHandler\"]]]]],[\"sas-pagination.cjs\",[[1,\"sas-pagination\",{\"totalPage\":[514,\"total-page\"],\"totalIndex\":[514,\"total-index\"],\"currentPage\":[1538,\"current-page\"]}]]],[\"sas-radio-group.cjs\",[[1,\"sas-radio-group\",{\"name\":[513],\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"required\":[516],\"value\":[1032],\"defaultValue\":[520,\"default-value\"],\"text\":[1537],\"rawData\":[1032,\"raw-data\"],\"options\":[16],\"update\":[64]},[[0,\"radioupdate\",\"radioUpdateHandler\"]]]]],[\"sas-upload.cjs\",[[1,\"sas-upload\",{\"compact\":[516],\"inputOutside\":[516,\"input-outside\"],\"fullImage\":[516,\"full-image\"],\"type\":[513],\"label\":[513],\"name\":[513],\"max\":[514],\"size\":[514],\"accept\":[513],\"files\":[1040],\"removedFiles\":[1040],\"method\":[513],\"url\":[513],\"required\":[516],\"disabled\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"submit\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"getFormData\":[64],\"checkFileUpdate\":[64]}]]],[\"sas-alert.cjs\",[[1,\"sas-alert\",{\"type\":[513],\"show\":[1540],\"close\":[516],\"alertTitle\":[1,\"alert-title\"],\"content\":[1]}]]],[\"sas-carousel.cjs\",[[1,\"sas-carousel\",{\"index\":[1538],\"slides\":[16]}]]],[\"sas-details.cjs\",[[1,\"sas-details\",{\"open\":[516],\"icon\":[513],\"autoGap\":[516,\"auto-gap\"],\"checkIsOpen\":[64]}]]],[\"sas-navigation.cjs\",[[1,\"sas-navigation\",{\"name\":[513]}]]],[\"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-container.cjs\",[[1,\"sas-container\",{\"gridTemplateColumns\":[513,\"grid-template-columns\"],\"gridTemplateRows\":[513,\"grid-template-rows\"],\"justifyItems\":[513,\"justify-items\"],\"alignItems\":[513,\"align-items\"]}]]],[\"sas-details-group.cjs\",[[1,\"sas-details-group\",{\"autoClose\":[516,\"auto-close\"]},[[0,\"detailsupdate\",\"detailsUpdateHandler\"]]]]],[\"sas-form.cjs\",[[1,\"sas-form\",{\"method\":[513],\"url\":[513],\"reset\":[64],\"validate\":[64],\"submit\":[64]}]]],[\"sas-tab.cjs\",[[1,\"sas-tab\",null,[[0,\"tabItemClicked\",\"tabItemClickedHandler\"]]]]],[\"sas-tab-item.cjs\",[[1,\"sas-tab-item\",{\"value\":[513],\"text\":[513]}]]],[\"sas-date-field.cjs\",[[1,\"sas-date-field\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"name\":[513],\"value\":[1537],\"max\":[513],\"min\":[513],\"disabled\":[516],\"clear\":[516],\"icon\":[513],\"position\":[513],\"positionH\":[513,\"position-h\"],\"validity\":[1040],\"message\":[1537],\"valueMissingMessage\":[513,\"value-missing-message\"],\"rangeOverflowMessage\":[513,\"range-overflow-message\"],\"rangeUnderflowMessage\":[513,\"range-underflow-message\"],\"localDate\":[32],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]},[[0,\"inputUpdate\",\"inputUpdateHandler\"]]]]],[\"sas-checkbox-group.cjs\",[[1,\"sas-checkbox-group\",{\"name\":[513],\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"required\":[516],\"values\":[1040],\"rawData\":[1040],\"max\":[514],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"columns\":[514],\"update\":[64]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]]]],[\"sas-radio.cjs\",[[1,\"sas-radio\",{\"name\":[513],\"value\":[8],\"text\":[513],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"tabindexNumber\":[32],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-badge.cjs\",[[1,\"sas-badge\",{\"type\":[513],\"status\":[513],\"number\":[514],\"inline\":[516]}]]],[\"sas-divider.cjs\",[[1,\"sas-divider\",{\"type\":[1]}]]],[\"sas-switch.cjs\",[[1,\"sas-switch\",{\"name\":[513],\"checked\":[1540],\"required\":[516],\"error\":[1540],\"validity\":[1040],\"message\":[1537],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}]]],[\"sas-avatar.cjs\",[[1,\"sas-avatar\",{\"type\":[513],\"name\":[513],\"src\":[513],\"disabled\":[516],\"group\":[516]}]]],[\"sas-table.cjs\",[[1,\"sas-table\",{\"headers\":[16],\"items\":[16],\"sortedItems\":[32]}]]],[\"sas-image.cjs\",[[1,\"sas-image\",{\"imageObject\":[8,\"image-object\"],\"src\":[513],\"lazy\":[516]}]]],[\"sas-checkbox_2.cjs\",[[1,\"sas-checkbox\",{\"name\":[513],\"value\":[8],\"text\":[513],\"index\":[514],\"textPosition\":[513,\"text-position\"],\"align\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[513],\"error\":[1540],\"required\":[516],\"validity\":[1040],\"message\":[1537],\"exclusive\":[516],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64]}],[1,\"sas-checkbox-subgroup\",{\"value\":[8],\"text\":[513],\"checked\":[1540],\"disabled\":[516],\"icon\":[1025],\"status\":[1025]},[[0,\"checkboxUpdate\",\"checkboxUpdateHandler\"]]]]],[\"sas-button.cjs\",[[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]}]]],[\"sas-form-input-template_4.cjs\",[[1,\"sas-form-input-template\",{\"label\":[513],\"iconLabel\":[513,\"icon-label\"],\"outside\":[516],\"required\":[516],\"placeholder\":[1],\"type\":[1],\"value\":[1],\"max\":[513],\"min\":[513],\"iconRight\":[1,\"icon-right\"],\"readonly\":[4],\"error\":[516],\"disabled\":[516],\"clear\":[516],\"position\":[513],\"positionH\":[513,\"position-h\"],\"show\":[1540],\"clickClose\":[516,\"click-close\"],\"minimumPixelsAboveComponentRequired\":[514,\"minimum-pixels-above-component-required\"],\"minimumPixelsRightOfComponentRequired\":[514,\"minimum-pixels-right-of-component-required\"]},[[0,\"listItemClickEventUsedInternal\",\"listItemClickEventUsedInternalHandler\"]]],[1,\"sas-input\",{\"type\":[513],\"step\":[513],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"label\":[513],\"outside\":[516],\"required\":[516],\"maxlength\":[514],\"minlength\":[514],\"max\":[513],\"min\":[513],\"iconLabel\":[513,\"icon-label\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"clear\":[516],\"readonly\":[516],\"disabled\":[516],\"validity\":[1032],\"error\":[1540],\"message\":[1537],\"country\":[1537],\"placeholderNumberType\":[513,\"placeholder-number-type\"],\"isValidNumber\":[1540,\"is-valid-number\"],\"update\":[64],\"validate\":[64],\"updateErrorStatus\":[64],\"resetErrorStatus\":[64],\"setCustomValidity\":[64]},[[0,\"inputTelUpdate\",\"inputTelUpdateHandler\"],[0,\"inputTextareaUpdate\",\"inputTextareaUpdateHandler\"]]],[1,\"sas-input-tel\",{\"getValidity\":[64],\"setCountry\":[64],\"setPlaceholder\":[64],\"update\":[64]}],[1,\"sas-input-textarea\",{\"placeholder\":[513],\"maxlength\":[514],\"minlength\":[514],\"value\":[513]}]]]]"), options);
20
20
  });
21
21
  };
22
22
 
@@ -0,0 +1,62 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-cd75521b.js');
6
+ const global = require('./global-73bf4da9.js');
7
+
8
+ const sasAlertCss = ":host{--icon-color:currentColor}:host .container{display:none;align-items:start;border-radius:5px;padding:15px;grid-template-columns:auto minmax(0, 1fr) auto;column-gap:15px;line-height:24px}:host .type-icon{font-size:20px;--icon-background-height:24px}:host .title{font-size:16px;font-weight:bold}:host .close-icon{font-size:14px}:host .content-container{font-size:14px;grid-column-start:2;grid-column-end:4}:host .content{padding-top:15px}:host([show]:not([show=false])) .container{display:grid}:host([type=success]) .container{background-color:var(--alert-success-background);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}:host([type=info]) .container{background-color:var(--alert-info-background);border:1px solid var(--alert-info-border);color:var(--secondary)}:host([type=warning]) .container{background-color:var(--alert-warning-background);border:1px solid var(--alert-warning-border);color:var(--alert-warning-text)}:host([type=error]) .container{background-color:var(--alert-error-background);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}::slotted([slot=content]){padding-top:15px}";
9
+
10
+ let SasAlert = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.closed = index.createEvent(this, "closed", 7);
14
+ /**
15
+ * Type
16
+ */
17
+ this.type = 'success';
18
+ /**
19
+ * Show
20
+ */
21
+ this.show = true;
22
+ /**
23
+ * Adds a close icon that can hide the alert
24
+ */
25
+ this.close = false;
26
+ /**
27
+ * Alert title, will be ignored if 'title' slot has slotted content
28
+ */
29
+ this.alertTitle = 'Title';
30
+ /**
31
+ * Content, will be ignored if 'content' slot has slotted content
32
+ */
33
+ this.content = '';
34
+ this.handleCloseIconClick = () => {
35
+ this.show = false;
36
+ this.closed.emit();
37
+ };
38
+ }
39
+ getTypeIcon() {
40
+ if (this.type === 'success') {
41
+ return 'far fa-check-circle';
42
+ }
43
+ if (this.type === 'warning') {
44
+ return 'far fa-exclamation-circle';
45
+ }
46
+ if (this.type === 'error') {
47
+ return 'far fa-exclamation-triangle';
48
+ }
49
+ return 'far fa-info-circle';
50
+ }
51
+ render() {
52
+ return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("sas-icon", { class: 'type-icon', icon: this.getTypeIcon() }), index.h("div", { class: "title" }, index.h("slot", { name: "title" }, index.h("span", null, this.alertTitle))), this.close
53
+ ? index.h("sas-icon", { class: "close-icon", tabindex: 0, icon: "far fa-times", onClick: this.handleCloseIconClick, onKeyDown: global.keydownEvent })
54
+ : null, index.h("div", { class: "content-container" }, index.h("slot", { name: "content" }, this.content !== ''
55
+ ? index.h("div", { class: "content" }, this.content)
56
+ : null)))));
57
+ }
58
+ get el() { return index.getElement(this); }
59
+ };
60
+ SasAlert.style = sasAlertCss;
61
+
62
+ exports.sas_alert = SasAlert;
@@ -0,0 +1,110 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-cd75521b.js');
6
+ const global = require('./global-73bf4da9.js');
7
+
8
+ const sasButtonCss = ":host{display:inline-block}:host .container{display:inline-flex;justify-content:space-between;align-items:center;box-sizing:border-box;font-weight:500;cursor:pointer;position:relative;border-radius:var(--button-border-radius, 5px);margin:var(--button-margin, 0);line-height:normal;width:var(--button-width, initial)}:host .container:before{content:\"\";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:inherit;background-color:currentColor;opacity:0}:host .container:focus{outline:none}:host .container:hover:before,:host .container:focus:before{opacity:0.24}:host .anchor{position:absolute;left:0;top:0;height:100%;width:100%}:host .button-main-content{display:inline-flex;justify-content:center;align-items:center;flex-grow:1}:host .button-icon{margin:0 4px;--icon-color:currentColor}:host .button-text{margin:0 4px;white-space:nowrap}:host(:focus){outline:none}:host([tabindex=\"0\"]) .container:active:before{opacity:0.48}:host([size=exlarge]) .container{font-size:var(--button-font-size, 22px);padding:var(--button-padding, 0 20px);height:var(--button-height, 64px);--icon-background-width:var(--button-font-size, 22px);--icon-background-height:var(--button-font-size, 22px);--icon-size:var(--button-font-size, 22px)}:host([size=large]) .container{font-size:var(--button-font-size, 16px);padding:var(--button-padding, 0 20px);height:var(--button-height, 46px);--icon-background-width:var(--button-font-size, 16px);--icon-background-height:var(--button-font-size, 16px);--icon-size:var(--button-font-size, 16px)}:host([size=default]) .container{font-size:var(--button-font-size, 14px);padding:var(--button-padding, 0 20px);height:var(--button-height, 40px);--icon-background-width:var(--button-font-size, 14px);--icon-background-height:var(--button-font-size, 14px);--icon-size:var(--button-font-size, 14px)}:host([size=small]) .container{font-size:var(--button-font-size, 12px);padding:var(--button-padding, 0 10px);height:var(--button-height, 29px);--icon-background-width:var(--button-font-size, 12px);--icon-background-height:var(--button-font-size, 12px);--icon-size:var(--button-font-size, 12px)}:host([type=primary]) .container{background-color:var(--button-background-color, var(--primary));color:var(--button-color, white);border:var(--button-border, 1px solid var(--primary))}:host([type=secondary]) .container{background-color:var(--button-background-color, var(--s-200));color:var(--button-color, var(--secondary));border:var(--button-border, 1px solid var(--s-200))}:host([type=text]) .container{background-color:var(--button-background-color, white);color:var(--button-color, var(--secondary));border:var(--button-border, 1px solid var(--s-300))}:host([disabled]:not([disabled=false])){pointer-events:none}:host([disabled]:not([disabled=false])) .container{background-color:var(--button-background-color, var(--button-disabled-background));color:var(--button-color, var(--button-disabled-text));border:var(--button-border, 1px solid var(--button-disabled-background))}:host([type=text][disabled]:not([disabled=false])) .container{background-color:var(--button-background-color, var(--button-text-background));border:var(--button-border, 1px solid var(--button-text-disabled-border))}:host([block]:not([block=false])){width:100%}:host([block]:not([block=false])) .container{width:100%}:host([loading]:not([loading=false])) .container{pointer-events:none}:host([loading]:not([loading=false])) .loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);--icon-color:currentColor}:host([loading]:not([loading=false])) .button-icon,:host([loading]:not([loading=false])) .button-text{opacity:0}";
9
+
10
+ let SasButton = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.buttonClicked = index.createEvent(this, "buttonClicked", 7);
14
+ this.buttonclicked = index.createEvent(this, "buttonclicked", 7);
15
+ /**
16
+ * Type
17
+ */
18
+ this.type = 'primary';
19
+ /**
20
+ * Size
21
+ */
22
+ this.size = 'default';
23
+ /**
24
+ * Text
25
+ */
26
+ this.text = 'button';
27
+ /**
28
+ * Icon left
29
+ */
30
+ this.iconLeft = null;
31
+ /**
32
+ * Icon
33
+ */
34
+ this.icon = null;
35
+ /**
36
+ * Icon position
37
+ */
38
+ this.iconPosition = 'left';
39
+ /**
40
+ * Expands the button to 100% of available space
41
+ */
42
+ this.block = false;
43
+ /**
44
+ * Adds a loading icon animation
45
+ */
46
+ this.loading = false;
47
+ /**
48
+ * Disabled
49
+ */
50
+ this.disabled = false;
51
+ /**
52
+ * Designates the component as anchor and applies the href attribute.
53
+ */
54
+ this.href = null;
55
+ /**
56
+ * Designates the target attribute. This should only be applied when using the href prop.
57
+ */
58
+ this.target = '';
59
+ this.tabindexNumber = 0;
60
+ this.clickEvent = (event) => {
61
+ const index = this.getClickedElementIndex(event.target);
62
+ this.buttonClicked.emit(index);
63
+ this.buttonclicked.emit(index);
64
+ };
65
+ }
66
+ componentWillRender() {
67
+ if (this.disabled) {
68
+ this.tabindexNumber = -1;
69
+ }
70
+ else {
71
+ this.tabindexNumber = 0;
72
+ }
73
+ const slot = this.el.querySelector('[slot="buttonText"]');
74
+ if (slot && this.text === 'button') {
75
+ this.text = slot.innerHTML;
76
+ }
77
+ }
78
+ getClickedElementIndex(clickedElement) {
79
+ let index = 0;
80
+ let prevSibling = clickedElement.previousElementSibling;
81
+ while (prevSibling) {
82
+ if (clickedElement.tagName === prevSibling.tagName) {
83
+ index += 1;
84
+ }
85
+ prevSibling = prevSibling.previousElementSibling;
86
+ }
87
+ return index;
88
+ }
89
+ render() {
90
+ return (index.h(index.Host, { tabindex: this.tabindexNumber, onClick: this.clickEvent, onKeyDown: global.keydownEvent }, index.h("div", { class: "container" }, Boolean(this.href)
91
+ ? index.h("a", { href: this.href, target: this.target, class: "anchor" })
92
+ : null, this.loading
93
+ ? index.h("sas-icon", { class: "loading-icon", icon: "fas fa-spinner fa-spin" })
94
+ : null, Boolean(this.iconLeft)
95
+ ? index.h("sas-icon", { class: "button-icon", icon: this.iconLeft })
96
+ : null, index.h("div", { class: "button-main-content" }, this.icon && this.iconPosition === 'left'
97
+ ? index.h("sas-icon", { class: "button-icon", icon: this.icon })
98
+ : null, Boolean(this.text)
99
+ ? index.h("div", { class: "button-text" }, this.text)
100
+ : null, this.icon && this.iconPosition === 'right'
101
+ ? index.h("sas-icon", { class: "button-icon", icon: this.icon })
102
+ : null), Boolean(this.iconRight)
103
+ ? index.h("sas-icon", { class: "button-icon", icon: this.iconRight })
104
+ : null, index.h("slot", null))));
105
+ }
106
+ get el() { return index.getElement(this); }
107
+ };
108
+ SasButton.style = sasButtonCss;
109
+
110
+ exports.sas_button = SasButton;
@@ -0,0 +1,90 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-cd75521b.js');
6
+
7
+ const sasCardCss = ":host{display:inline-block}:host .container{display:inline-block;width:340px;position:relative}:host .image-container{position:relative;background-color:var(--s-200);border-top-left-radius:5px;border-top-right-radius:5px;height:192px;display:flex;align-items:center;justify-content:center;overflow:hidden}:host .image{transition:transform 0.2s;border-radius:5px 5px 0 0;width:100%;cursor:pointer}:host .noimage{--icon-color:var(--s-400);--icon-size:60px}:host .icon-container{position:absolute;top:21px;right:21px;display:grid;row-gap:10px;justify-items:end}:host .icon-container sas-icon{--icon-color:#3A5766}:host .text-container{padding:16px 20px;position:relative;background-color:#FFF;border:1px solid #ECEFF1;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .ellipsis-icon{--icon-background-width:normal;--icon-background-height:normal;--icon-color:var(--s-400);--icon-size:20px}:host .title{font-size:16px;font-weight:500;margin-bottom:3px;color:#253F4D;display:flex;align-items:center;justify-content:space-between}:host .title-content{padding-right:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content{font-size:12px;margin-top:7px;color:#4C6671;line-height:1.8}:host .hide{display:none}:host([block]:not([block=false])){display:block}:host([block]:not([block=false])) .container{width:100%}";
8
+
9
+ let SasCard = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ this.cardimageclicked = index.createEvent(this, "cardimageclicked", 7);
13
+ /**
14
+ * Display as block
15
+ */
16
+ this.block = false;
17
+ /**
18
+ * Src
19
+ */
20
+ this.src = '';
21
+ /**
22
+ * lazy load image
23
+ */
24
+ this.lazyImage = false;
25
+ /**
26
+ * Scale when hover
27
+ */
28
+ this.scale = '1';
29
+ /**
30
+ * Needs repair
31
+ */
32
+ this.repair = false;
33
+ /**
34
+ * Has attachment
35
+ */
36
+ this.attachment = false;
37
+ /**
38
+ * Disabled
39
+ */
40
+ this.disabled = false;
41
+ /**
42
+ * Card title, will be ignored if 'card-title' slot has slotted content
43
+ */
44
+ this.cardTitle = '';
45
+ /**
46
+ * Hide the 3DM
47
+ */
48
+ this.showMenu = true;
49
+ this.clickHandler = () => {
50
+ this.cardimageclicked.emit();
51
+ };
52
+ this.pointerOverHandler = (event) => {
53
+ event.target.style.transform = `scale(${this.scale})`;
54
+ };
55
+ this.pointerOutHandler = (event) => {
56
+ event.target.style.transform = `scale(1)`;
57
+ };
58
+ }
59
+ getIcons() {
60
+ const icons = [];
61
+ let icon;
62
+ if (this.repair) {
63
+ icon = index.h("sas-icon", { type: "round", icon: "fas fa-wrench" });
64
+ icons.push(icon);
65
+ }
66
+ if (this.attachment) {
67
+ icon = index.h("sas-icon", { type: "round", icon: "fas fa-clipboard-list" });
68
+ icons.push(icon);
69
+ }
70
+ if (this.disabled) {
71
+ icon = index.h("sas-icon", { type: "round", icon: "fas fa-ban" });
72
+ icons.push(icon);
73
+ }
74
+ return icons;
75
+ }
76
+ getDropdownClass() {
77
+ if (this.showMenu) {
78
+ return '';
79
+ }
80
+ return 'hide';
81
+ }
82
+ render() {
83
+ return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("div", { class: "image-container" }, Boolean(this.src)
84
+ ? index.h("sas-image", { class: "image", src: this.src, onClick: this.clickHandler, onPointerOver: this.pointerOverHandler, onPointerOut: this.pointerOutHandler, lazy: this.lazyImage })
85
+ : index.h("sas-icon", { class: "noimage", icon: "fas fa-image" })), index.h("div", { class: "icon-container" }, this.getIcons(), index.h("slot", { name: "icon" })), index.h("div", { class: "text-container" }, index.h("div", { class: "title" }, index.h("span", { class: "title-content" }, index.h("slot", { name: "title" }, index.h("span", null, this.cardTitle))), index.h("sas-dropdown", { class: this.getDropdownClass(), "position-h": "left" }, index.h("sas-icon", { slot: "control", tabindex: "0", class: "ellipsis-icon", icon: "fas fa-ellipsis-h" }), index.h("slot", { name: "list", slot: "menu" }))), index.h("div", { class: "content" }, index.h("slot", { name: "content" }))))));
86
+ }
87
+ };
88
+ SasCard.style = sasCardCss;
89
+
90
+ exports.sas_card = SasCard;