sas-ui 0.8.145 → 0.8.146

package/dist/cjs/loader.cjs.js

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

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

@@ -1443,7 +1443,7 @@ let SasDropdown = class {
 };
 SasDropdown.style = sasDropdownCss;
 
-const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{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;height:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host(:focus){outline:none}:host(:focus-within)>.container{padding:10px 0;height:auto;overflow:visible;z-index:15;pointer-events:initial;box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px}: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}";
+const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{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;height:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host .right{right:0}:host(:focus){outline:none}:host(:focus-within)>.container{padding:10px 0;height:auto;overflow:visible;z-index:15;pointer-events:initial;box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px}: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}";
 
 let SasFormInputTemplate = class {
   constructor(hostRef) {
@@ -1506,6 +1506,10 @@ let SasFormInputTemplate = class {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Show or hide content under input
      */
@@ -1576,7 +1580,7 @@ let SasFormInputTemplate = class {
   render() {
     return (index.h(index.Host, { onFocus: this.updateContainerPosition, tabindex: 0, "data-message": "" }, index.h("sas-input", { label: this.label, outside: this.outside, required: this.required, type: this.type, placeholder: this.placeholder, "icon-right": this.iconRight, value: this.value, min: this.min, max: this.max, readonly: this.readonly, disabled: this.disabled, clear: this.clear, onKeyDown: global.keydownEvent, tabindex: 0,
       // mouseDown event is faster than focus event, click event is slower than focus event
-      onMouseDown: this.handleInputClick }, index.h("slot", { name: "input" })), index.h("div", { class: `container hide ${this.containerPosition}`, onMouseDown: this.handleContainerClick }, index.h("slot", { name: "container" }))));
+      onMouseDown: this.handleInputClick }, index.h("slot", { name: "input" })), index.h("div", { class: `container hide ${this.containerPosition} ${this.positionH === 'left' ? '' : 'right'}`, onMouseDown: this.handleContainerClick }, index.h("slot", { name: "container" }))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/sas-date-field.cjs.entry.js

@@ -66,6 +66,10 @@ let SasDateField = class {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Validity
      */
@@ -412,7 +416,7 @@ let SasDateField = class {
     return '';
   }
   render() {
-    return (index.h(index.Host, { tabindex: 0 }, index.h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position }, index.h("div", { slot: "container", class: "container", tabindex: -1 }, index.h("div", { class: "title", tabindex: 0 }, index.h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: global.keydownEvent }), index.h("sas-icon", { class: `prev-month-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-left", onClick: this.goToPrevMonth, onKeyDown: global.keydownEvent }), index.h("span", { class: "title-content" }, this.getTitleText()), index.h("sas-icon", { class: `next-month-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-right", onClick: this.goToNextMonth, onKeyDown: global.keydownEvent }), index.h("sas-icon", { class: `next-year-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-right", onClick: this.goToNextYear, onKeyDown: global.keydownEvent })), index.h("sas-table", { class: "date-table", headers: this.titles, items: this.generateDateContent(), tabindex: 0 })))));
+    return (index.h(index.Host, { tabindex: 0 }, index.h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position, "position-h": this.positionH }, index.h("div", { slot: "container", class: "container", tabindex: -1 }, index.h("div", { class: "title", tabindex: 0 }, index.h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: global.keydownEvent }), index.h("sas-icon", { class: `prev-month-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-left", onClick: this.goToPrevMonth, onKeyDown: global.keydownEvent }), index.h("span", { class: "title-content" }, this.getTitleText()), index.h("sas-icon", { class: `next-month-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-right", onClick: this.goToNextMonth, onKeyDown: global.keydownEvent }), index.h("sas-icon", { class: `next-year-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-right", onClick: this.goToNextYear, onKeyDown: global.keydownEvent })), index.h("sas-table", { class: "date-table", headers: this.titles, items: this.generateDateContent(), tabindex: 0 })))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/sas-date-range.cjs.entry.js

@@ -123,7 +123,7 @@ let SasDateRange = class {
       ? index.h("label", { class: this.outside ? 'outside-label' : 'inside-label' }, this.label, this.required
         ? index.h("span", { class: "required-symbol" }, "*")
         : null)
-      : null, index.h("sas-date-field", { class: "date-field", icon: "", value: this.from, min: this.min, max: Boolean(this.to) ? this.to : this.max, position: this.position, onDatefieldupdate: this.fromDateUpdateHander }), index.h("sas-icon", { class: "icon", icon: "far fa-long-arrow-alt-right" }), index.h("sas-date-field", { class: "date-field", icon: "", value: this.to, min: Boolean(this.from) ? this.from : this.min, max: this.max, position: this.position, onDatefieldupdate: this.toDateUpdateHander }))));
+      : null, index.h("sas-date-field", { class: "date-field", icon: "", value: this.from, min: this.min, max: Boolean(this.to) ? this.to : this.max, position: this.position, onDatefieldupdate: this.fromDateUpdateHander }), index.h("sas-icon", { class: "icon", icon: "far fa-long-arrow-alt-right" }), index.h("sas-date-field", { class: "date-field", icon: "", value: this.to, min: Boolean(this.from) ? this.from : this.min, max: this.max, position: this.position, "position-h": "right", onDatefieldupdate: this.toDateUpdateHander }))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/sas-ui.cjs.js

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

package/dist/collection/components/sas-date-field/sas-date-field.js

@@ -55,6 +55,10 @@ export class SasDateField {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Validity
      */
@@ -402,7 +406,7 @@ export class SasDateField {
   }
   render() {
     return (h(Host, { tabindex: 0 },
-      h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position },
+      h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position, "position-h": this.positionH },
         h("div", { slot: "container", class: "container", tabindex: -1 },
           h("div", { class: "title", tabindex: 0 },
             h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: keydownEvent }),
@@ -624,6 +628,24 @@ export class SasDateField {
       "reflect": true,
       "defaultValue": "null"
     },
+    "positionH": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'left' | 'right'",
+        "resolved": "\"left\" | \"right\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Container horizontal position"
+      },
+      "attribute": "position-h",
+      "reflect": true,
+      "defaultValue": "'left'"
+    },
     "validity": {
       "type": "unknown",
       "mutable": true,

package/dist/collection/components/sas-date-range/sas-date-range.js

@@ -121,7 +121,7 @@ export class SasDateRange {
           : null,
         h("sas-date-field", { class: "date-field", icon: "", value: this.from, min: this.min, max: Boolean(this.to) ? this.to : this.max, position: this.position, onDatefieldupdate: this.fromDateUpdateHander }),
         h("sas-icon", { class: "icon", icon: "far fa-long-arrow-alt-right" }),
-        h("sas-date-field", { class: "date-field", icon: "", value: this.to, min: Boolean(this.from) ? this.from : this.min, max: this.max, position: this.position, onDatefieldupdate: this.toDateUpdateHander }))));
+        h("sas-date-field", { class: "date-field", icon: "", value: this.to, min: Boolean(this.from) ? this.from : this.min, max: this.max, position: this.position, "position-h": "right", onDatefieldupdate: this.toDateUpdateHander }))));
   }
   static get is() { return "sas-date-range"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/sas-form-input-template/sas-form-input-template.css

@@ -24,6 +24,9 @@
   transform: translateY(-100%);
   top: 0;
 }
+:host .right {
+  right: 0;
+}
 
 :host(:focus) {
   outline: none;

package/dist/collection/components/sas-form-input-template/sas-form-input-template.js

@@ -59,6 +59,10 @@ export class SasFormInputTemplate {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Show or hide content under input
      */
@@ -132,7 +136,7 @@ export class SasFormInputTemplate {
         // mouseDown event is faster than focus event, click event is slower than focus event
         onMouseDown: this.handleInputClick },
         h("slot", { name: "input" })),
-      h("div", { class: `container hide ${this.containerPosition}`, onMouseDown: this.handleContainerClick },
+      h("div", { class: `container hide ${this.containerPosition} ${this.positionH === 'left' ? '' : 'right'}`, onMouseDown: this.handleContainerClick },
         h("slot", { name: "container" }))));
   }
   static get is() { return "sas-form-input-template"; }
@@ -398,9 +402,27 @@ export class SasFormInputTemplate {
         "text": "Default container position"
       },
       "attribute": "position",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "null"
     },
+    "positionH": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'left' | 'right'",
+        "resolved": "\"left\" | \"right\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Container horizontal position"
+      },
+      "attribute": "position-h",
+      "reflect": true,
+      "defaultValue": "'left'"
+    },
     "show": {
       "type": "boolean",
       "mutable": true,

package/dist/custom-elements/index.js

@@ -6199,6 +6199,10 @@ let SasDateField$1 = class extends H {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Validity
      */
@@ -6545,7 +6549,7 @@ let SasDateField$1 = class extends H {
     return '';
   }
   render() {
-    return (h(Host, { tabindex: 0 }, h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position }, h("div", { slot: "container", class: "container", tabindex: -1 }, h("div", { class: "title", tabindex: 0 }, h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: keydownEvent }), h("sas-icon", { class: `prev-month-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-left", onClick: this.goToPrevMonth, onKeyDown: keydownEvent }), h("span", { class: "title-content" }, this.getTitleText()), h("sas-icon", { class: `next-month-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-right", onClick: this.goToNextMonth, onKeyDown: keydownEvent }), h("sas-icon", { class: `next-year-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-right", onClick: this.goToNextYear, onKeyDown: keydownEvent })), h("sas-table", { class: "date-table", headers: this.titles, items: this.generateDateContent(), tabindex: 0 })))));
+    return (h(Host, { tabindex: 0 }, h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position, "position-h": this.positionH }, h("div", { slot: "container", class: "container", tabindex: -1 }, h("div", { class: "title", tabindex: 0 }, h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: keydownEvent }), h("sas-icon", { class: `prev-month-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-left", onClick: this.goToPrevMonth, onKeyDown: keydownEvent }), h("span", { class: "title-content" }, this.getTitleText()), h("sas-icon", { class: `next-month-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-right", onClick: this.goToNextMonth, onKeyDown: keydownEvent }), h("sas-icon", { class: `next-year-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-right", onClick: this.goToNextYear, onKeyDown: keydownEvent })), h("sas-table", { class: "date-table", headers: this.titles, items: this.generateDateContent(), tabindex: 0 })))));
   }
   get el() { return this; }
   static get watchers() { return {
@@ -6675,7 +6679,7 @@ let SasDateRange$1 = class extends H {
       ? h("label", { class: this.outside ? 'outside-label' : 'inside-label' }, this.label, this.required
         ? h("span", { class: "required-symbol" }, "*")
         : null)
-      : null, h("sas-date-field", { class: "date-field", icon: "", value: this.from, min: this.min, max: Boolean(this.to) ? this.to : this.max, position: this.position, onDatefieldupdate: this.fromDateUpdateHander }), h("sas-icon", { class: "icon", icon: "far fa-long-arrow-alt-right" }), h("sas-date-field", { class: "date-field", icon: "", value: this.to, min: Boolean(this.from) ? this.from : this.min, max: this.max, position: this.position, onDatefieldupdate: this.toDateUpdateHander }))));
+      : null, h("sas-date-field", { class: "date-field", icon: "", value: this.from, min: this.min, max: Boolean(this.to) ? this.to : this.max, position: this.position, onDatefieldupdate: this.fromDateUpdateHander }), h("sas-icon", { class: "icon", icon: "far fa-long-arrow-alt-right" }), h("sas-date-field", { class: "date-field", icon: "", value: this.to, min: Boolean(this.from) ? this.from : this.min, max: this.max, position: this.position, "position-h": "right", onDatefieldupdate: this.toDateUpdateHander }))));
   }
   get el() { return this; }
   static get watchers() { return {
@@ -7536,7 +7540,7 @@ let SasForm$1 = class extends H {
   static get style() { return sasFormCss; }
 };
 
-const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{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;height:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host(:focus){outline:none}:host(:focus-within)>.container{padding:10px 0;height:auto;overflow:visible;z-index:15;pointer-events:initial;box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px}: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}";
+const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{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;height:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host .right{right:0}:host(:focus){outline:none}:host(:focus-within)>.container{padding:10px 0;height:auto;overflow:visible;z-index:15;pointer-events:initial;box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px}: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}";
 
 let SasFormInputTemplate$1 = class extends H {
   constructor() {
@@ -7601,6 +7605,10 @@ let SasFormInputTemplate$1 = class extends H {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Show or hide content under input
      */
@@ -7671,7 +7679,7 @@ let SasFormInputTemplate$1 = class extends H {
   render() {
     return (h(Host, { onFocus: this.updateContainerPosition, tabindex: 0, "data-message": "" }, h("sas-input", { label: this.label, outside: this.outside, required: this.required, type: this.type, placeholder: this.placeholder, "icon-right": this.iconRight, value: this.value, min: this.min, max: this.max, readonly: this.readonly, disabled: this.disabled, clear: this.clear, onKeyDown: keydownEvent, tabindex: 0,
       // mouseDown event is faster than focus event, click event is slower than focus event
-      onMouseDown: this.handleInputClick }, h("slot", { name: "input" })), h("div", { class: `container hide ${this.containerPosition}`, onMouseDown: this.handleContainerClick }, h("slot", { name: "container" }))));
+      onMouseDown: this.handleInputClick }, h("slot", { name: "input" })), h("div", { class: `container hide ${this.containerPosition} ${this.positionH === 'left' ? '' : 'right'}`, onMouseDown: this.handleContainerClick }, h("slot", { name: "container" }))));
   }
   get el() { return this; }
   static get watchers() { return {
@@ -14431,7 +14439,7 @@ const SasCheckboxGroup = /*@__PURE__*/proxyCustomElement(SasCheckboxGroup$1, [1,
 const SasCheckboxSubgroup = /*@__PURE__*/proxyCustomElement(SasCheckboxSubgroup$1, [1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]]);
 const SasChip = /*@__PURE__*/proxyCustomElement(SasChip$1, [1,"sas-chip",{"type":[513],"status":[513],"outlined":[516],"close":[516],"inside":[516],"text":[513],"uppercase":[516],"bold":[516]}]);
 const SasContainer = /*@__PURE__*/proxyCustomElement(SasContainer$1, [1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}]);
-const SasDateField = /*@__PURE__*/proxyCustomElement(SasDateField$1, [1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"position":[513],"validity":[1040],"message":[1537],"localDate":[32]},[[0,"inputUpdate","inputUpdateHandler"]]]);
+const SasDateField = /*@__PURE__*/proxyCustomElement(SasDateField$1, [1,"sas-date-field",{"label":[513],"outside":[516],"required":[516],"name":[513],"value":[1537],"max":[513],"min":[513],"disabled":[516],"clear":[516],"icon":[513],"position":[513],"positionH":[513,"position-h"],"validity":[1040],"message":[1537],"localDate":[32]},[[0,"inputUpdate","inputUpdateHandler"]]]);
 const SasDateRange = /*@__PURE__*/proxyCustomElement(SasDateRange$1, [1,"sas-date-range",{"label":[513],"outside":[516],"name":[513],"min":[513],"max":[513],"from":[1537],"to":[1537],"required":[516],"disabled":[516],"position":[513],"validity":[1040]}]);
 const SasDetails = /*@__PURE__*/proxyCustomElement(SasDetails$1, [1,"sas-details",{"open":[516],"icon":[513],"autoGap":[516,"auto-gap"]}]);
 const SasDialog = /*@__PURE__*/proxyCustomElement(SasDialog$1, [1,"sas-dialog"]);
@@ -14439,7 +14447,7 @@ const SasDivider = /*@__PURE__*/proxyCustomElement(SasDivider$1, [1,"sas-divider
 const SasDropdown = /*@__PURE__*/proxyCustomElement(SasDropdown$1, [1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]);
 const SasFileUpload = /*@__PURE__*/proxyCustomElement(SasFileUpload$1, [1,"sas-file-upload",{"label":[32]}]);
 const SasForm = /*@__PURE__*/proxyCustomElement(SasForm$1, [1,"sas-form",{"method":[513],"url":[513]}]);
-const SasFormInputTemplate = /*@__PURE__*/proxyCustomElement(SasFormInputTemplate$1, [1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"position":[1],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]);
+const SasFormInputTemplate = /*@__PURE__*/proxyCustomElement(SasFormInputTemplate$1, [1,"sas-form-input-template",{"label":[513],"outside":[516],"required":[516],"placeholder":[1],"type":[1],"value":[1],"max":[513],"min":[513],"iconRight":[1,"icon-right"],"readonly":[4],"error":[516],"disabled":[516],"clear":[516],"position":[513],"positionH":[513,"position-h"],"show":[1540],"clickClose":[516,"click-close"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]]);
 const SasIcon = /*@__PURE__*/proxyCustomElement(SasIcon$1, [1,"sas-icon",{"type":[513],"size":[513],"status":[513],"icon":[513],"index":[2]}]);
 const SasImage = /*@__PURE__*/proxyCustomElement(SasImage$1, [1,"sas-image",{"imageObject":[8,"image-object"],"src":[513],"lazy":[516]}]);
 const SasInput = /*@__PURE__*/proxyCustomElement(SasInput$1, [1,"sas-input",{"type":[513],"placeholder":[513],"name":[513],"value":[1537],"label":[513],"outside":[516],"required":[516],"maxlength":[514],"minlength":[514],"max":[513],"min":[513],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"clear":[516],"readonly":[516],"disabled":[516],"validity":[1032],"error":[1540],"message":[1537],"country":[1537],"placeholderNumberType":[513,"placeholder-number-type"],"isValidNumber":[1540,"is-valid-number"]},[[0,"inputTelUpdate","inputTelUpdateHandler"],[0,"inputTextareaUpdate","inputTextareaUpdateHandler"]]]);

package/dist/esm/loader.js

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

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

@@ -1439,7 +1439,7 @@ let SasDropdown = class {
 };
 SasDropdown.style = sasDropdownCss;
 
-const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{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;height:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host(:focus){outline:none}:host(:focus-within)>.container{padding:10px 0;height:auto;overflow:visible;z-index:15;pointer-events:initial;box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px}: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}";
+const sasFormInputTemplateCss = ":host{display:block;position:relative;height:100%}:host .hide{display:none}:host .container{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;height:0;z-index:-15;pointer-events:none}:host .top{transform:translateY(-100%);top:0}:host .right{right:0}:host(:focus){outline:none}:host(:focus-within)>.container{padding:10px 0;height:auto;overflow:visible;z-index:15;pointer-events:initial;box-shadow:0px 5px 10px #0000001A;border:1px solid #D0D9DE;border-radius:5px}: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}";
 
 let SasFormInputTemplate = class {
   constructor(hostRef) {
@@ -1502,6 +1502,10 @@ let SasFormInputTemplate = class {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Show or hide content under input
      */
@@ -1572,7 +1576,7 @@ let SasFormInputTemplate = class {
   render() {
     return (h(Host, { onFocus: this.updateContainerPosition, tabindex: 0, "data-message": "" }, h("sas-input", { label: this.label, outside: this.outside, required: this.required, type: this.type, placeholder: this.placeholder, "icon-right": this.iconRight, value: this.value, min: this.min, max: this.max, readonly: this.readonly, disabled: this.disabled, clear: this.clear, onKeyDown: keydownEvent, tabindex: 0,
       // mouseDown event is faster than focus event, click event is slower than focus event
-      onMouseDown: this.handleInputClick }, h("slot", { name: "input" })), h("div", { class: `container hide ${this.containerPosition}`, onMouseDown: this.handleContainerClick }, h("slot", { name: "container" }))));
+      onMouseDown: this.handleInputClick }, h("slot", { name: "input" })), h("div", { class: `container hide ${this.containerPosition} ${this.positionH === 'left' ? '' : 'right'}`, onMouseDown: this.handleContainerClick }, h("slot", { name: "container" }))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/sas-date-field.entry.js

@@ -62,6 +62,10 @@ let SasDateField = class {
      * Default container position
      */
     this.position = null;
+    /**
+     * Container horizontal position
+     */
+    this.positionH = 'left';
     /**
      * Validity
      */
@@ -408,7 +412,7 @@ let SasDateField = class {
     return '';
   }
   render() {
-    return (h(Host, { tabindex: 0 }, h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position }, h("div", { slot: "container", class: "container", tabindex: -1 }, h("div", { class: "title", tabindex: 0 }, h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: keydownEvent }), h("sas-icon", { class: `prev-month-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-left", onClick: this.goToPrevMonth, onKeyDown: keydownEvent }), h("span", { class: "title-content" }, this.getTitleText()), h("sas-icon", { class: `next-month-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-right", onClick: this.goToNextMonth, onKeyDown: keydownEvent }), h("sas-icon", { class: `next-year-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-right", onClick: this.goToNextYear, onKeyDown: keydownEvent })), h("sas-table", { class: "date-table", headers: this.titles, items: this.generateDateContent(), tabindex: 0 })))));
+    return (h(Host, { tabindex: 0 }, h("sas-form-input-template", { label: this.label, outside: this.outside, required: this.required, value: this.getLocalDateString(this.value), iconRight: this.icon, type: "date", disabled: this.disabled, clear: this.clear, "data-message": this.message, position: this.position, "position-h": this.positionH }, h("div", { slot: "container", class: "container", tabindex: -1 }, h("div", { class: "title", tabindex: 0 }, h("sas-icon", { class: `prev-year-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-left", onClick: this.goToPrevYear, onKeyDown: keydownEvent }), h("sas-icon", { class: `prev-month-icon ${this.checkIsDateLimit(this.min) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-left", onClick: this.goToPrevMonth, onKeyDown: keydownEvent }), h("span", { class: "title-content" }, this.getTitleText()), h("sas-icon", { class: `next-month-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-right", onClick: this.goToNextMonth, onKeyDown: keydownEvent }), h("sas-icon", { class: `next-year-icon ${this.checkIsDateLimit(this.max) ? 'disabled' : ''}`, tabindex: 0, icon: "far fa-angle-double-right", onClick: this.goToNextYear, onKeyDown: keydownEvent })), h("sas-table", { class: "date-table", headers: this.titles, items: this.generateDateContent(), tabindex: 0 })))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {