sas-ui 0.8.142 → 0.8.146

package/dist/cjs/{index-42a2fe48.js → index-cd75521b.js}

@@ -183,6 +183,7 @@ const isComplexType = (o) => {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     let vNodeChildren = [];
@@ -210,6 +211,10 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        // normalize class / classname attributes
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         {
             const classData = vnodeData.className || vnodeData.class;
             if (classData) {
@@ -227,6 +232,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 const newVNode = (tag, text) => {
@@ -240,6 +248,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -288,6 +299,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
             }
         }
+        else if (memberName === 'key')
+            ;
         else if ((!isProp ) &&
             memberName[0] === 'o' &&
             memberName[1] === 'n') {
@@ -452,6 +465,8 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -459,6 +474,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // Vnode might have been moved left
@@ -496,7 +512,29 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // createKeyToOldIdx
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // new element
                 node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx);
                 newStartVnode = newCh[++newStartIdx];
@@ -519,7 +557,9 @@ const isSameVnode = (vnode1, vnode2) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (vnode1.$tag$ === vnode2.$tag$) {
-        return true;
+        {
+            return vnode1.$key$ === vnode2.$key$;
+        }
     }
     return false;
 };

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 require('./modules-ebff93e4.js');
 require('./_commonjsHelpers-537d719a.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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 
@@ -482,7 +482,7 @@ let SasButton = class {
 };
 SasButton.style = sasButtonCss;
 
-const sasCardCss = ":host{display:inline-block}:host .container{display:inline-block;width:340px;position:relative}:host .image-container{position:relative;background-color:var(--s-200);border-top-left-radius:5px;border-top-right-radius:5px;height:192px;display:flex;align-items:center;justify-content:center;overflow:hidden}:host .image{transition:transform 0.2s;border-radius:5px 5px 0 0;width:100%;cursor:pointer}:host .noimage{--icon-color:var(--s-400);--icon-size:60px}:host .icon-container{position:absolute;top:21px;right:21px;display:grid;row-gap:10px;justify-items:end}:host .icon-container sas-icon{--icon-color:#3A5766}:host .text-container{padding:16px 20px;position:relative;background-color:#FFF;border:1px solid #ECEFF1;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .ellipsis-icon{--icon-background-width:normal;--icon-background-height:normal;--icon-color:var(--s-400);--icon-size:30px}:host .title{font-size:16px;font-weight:500;margin-bottom:3px;color:#253F4D;display:flex;align-items:center;justify-content:space-between}:host .title-content{padding-right:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content{font-size:12px;margin-top:7px;color:#4C6671;line-height:1.8}:host([block]:not([block=false])){display:block}:host([block]:not([block=false])) .container{width:100%}";
+const sasCardCss = ":host{display:inline-block}:host .container{display:inline-block;width:340px;position:relative}:host .image-container{position:relative;background-color:var(--s-200);border-top-left-radius:5px;border-top-right-radius:5px;height:192px;display:flex;align-items:center;justify-content:center;overflow:hidden}:host .image{transition:transform 0.2s;border-radius:5px 5px 0 0;width:100%;cursor:pointer}:host .noimage{--icon-color:var(--s-400);--icon-size:60px}:host .icon-container{position:absolute;top:21px;right:21px;display:grid;row-gap:10px;justify-items:end}:host .icon-container sas-icon{--icon-color:#3A5766}:host .text-container{padding:16px 20px;position:relative;background-color:#FFF;border:1px solid #ECEFF1;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .ellipsis-icon{--icon-background-width:normal;--icon-background-height:normal;--icon-color:var(--s-400);--icon-size:20px}:host .title{font-size:16px;font-weight:500;margin-bottom:3px;color:#253F4D;display:flex;align-items:center;justify-content:space-between}:host .title-content{padding-right:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content{font-size:12px;margin-top:7px;color:#4C6671;line-height:1.8}:host([block]:not([block=false])){display:block}:host([block]:not([block=false])) .container{width:100%}";
 
 let SasCard = class {
   constructor(hostRef) {
@@ -550,7 +550,7 @@ let SasCard = class {
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("div", { class: "image-container" }, Boolean(this.src)
       ? index.h("sas-image", { class: "image", src: this.src, onClick: this.clickHandler, onPointerOver: this.pointerOverHandler, onPointerOut: this.pointerOutHandler, lazy: this.lazyImage })
-      : index.h("sas-icon", { class: "noimage", icon: "fas fa-image" })), index.h("div", { class: "icon-container" }, this.getIcons(), index.h("slot", { name: "icon" })), index.h("div", { class: "text-container" }, index.h("div", { class: "title" }, index.h("span", { class: "title-content" }, index.h("slot", { name: "title" }, index.h("span", null, this.cardTitle))), index.h("sas-dropdown", { "position-h": "left" }, index.h("sas-icon", { tabindex: "0", class: "ellipsis-icon", slot: "control", icon: "fal fa-ellipsis-h" }), index.h("slot", { name: "list", slot: "menu" }))), index.h("div", { class: "content" }, index.h("slot", { name: "content" }))))));
+      : index.h("sas-icon", { class: "noimage", icon: "fas fa-image" })), index.h("div", { class: "icon-container" }, this.getIcons(), index.h("slot", { name: "icon" })), index.h("div", { class: "text-container" }, index.h("div", { class: "title" }, index.h("span", { class: "title-content" }, index.h("slot", { name: "title" }, index.h("span", null, this.cardTitle))), index.h("sas-dropdown", { "position-h": "left" }, index.h("sas-icon", { tabindex: "0", class: "ellipsis-icon", slot: "control", icon: "far fa-ellipsis-h" }), index.h("slot", { name: "list", slot: "menu" }))), index.h("div", { class: "content" }, index.h("slot", { name: "content" }))))));
   }
 };
 SasCard.style = sasCardCss;
@@ -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-avatar-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasAvatarGroupCss = ":host{display:flex}:host .container{display:flex;font-size:0;margin-left:7px;--avatar-margin-left:-7px;--avatar-transition:0.3s;--avatar-hover-transform:translate(0, -5px)}";
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
-const sasAvatarCss = ":host{display:inline-flex}:host .container{display:inline-flex;justify-content:center;background-color:var(--s-400);border-radius:50%;cursor:pointer;margin-left:var(--avatar-margin-left, 0);transition:var(--avatar-transition, 0)}:host sas-icon{--icon-color:white}:host img{max-width:100%;max-height:100%;border-radius:inherit}:host .text-container{display:flex;align-items:center;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}:host(:hover) .container{transform:var(--avatar-hover-transform, none)}:host([type=small]) .container{max-height:var(--avatar-max-height, initial);min-height:var(--avatar-min-height, initial);height:var(--avatar-height, 34px);max-width:var(--avatar-max-width, initial);min-width:var(--avatar-min-width, initial);width:var(--avatar-width, 34px);background-color:var(--avatar-small-background);color:var(--avatar-small-text);font-size:12px}:host([type=medium]) .container{max-height:var(--avatar-max-height, initial);min-height:var(--avatar-min-height, initial);height:var(--avatar-height, 70px);max-width:var(--avatar-max-width, initial);min-width:var(--avatar-min-width, initial);width:var(--avatar-width, 70px)}:host([type=medium]) .container sas-icon{--icon-size:45px}:host([type=large]) .container{max-height:var(--avatar-max-height, initial);min-height:var(--avatar-min-height, initial);height:var(--avatar-height, 136px);max-width:var(--avatar-max-width, initial);min-width:var(--avatar-min-width, initial);width:var(--avatar-width, 136px)}:host([type=large]) .container sas-icon{--icon-size:90px}:host([disabled]:not([disabled=false])) .container{opacity:0.6;pointer-events:none}";
+const sasAvatarCss = ":host{display:inline-flex}:host .container{display:inline-flex;justify-content:center;align-items:center;background-color:var(--s-400);border-radius:50%;cursor:pointer;margin-left:var(--avatar-margin-left, 0);transition:var(--avatar-transition, 0)}:host sas-icon{--icon-color:white}:host img{max-width:100%;max-height:100%;border-radius:inherit}:host .text-container{display:flex;align-items:center;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}:host(:hover) .container{transform:var(--avatar-hover-transform, none)}:host([type=small]) .container{max-height:var(--avatar-max-height, initial);min-height:var(--avatar-min-height, initial);height:var(--avatar-height, 34px);max-width:var(--avatar-max-width, initial);min-width:var(--avatar-min-width, initial);width:var(--avatar-width, 34px);background-color:var(--avatar-small-background);color:var(--avatar-small-text);font-size:12px}:host([type=medium]) .container{max-height:var(--avatar-max-height, initial);min-height:var(--avatar-min-height, initial);height:var(--avatar-height, 70px);max-width:var(--avatar-max-width, initial);min-width:var(--avatar-min-width, initial);width:var(--avatar-width, 70px)}:host([type=medium]) .container sas-icon{--icon-size:45px}:host([type=large]) .container{max-height:var(--avatar-max-height, initial);min-height:var(--avatar-min-height, initial);height:var(--avatar-height, 136px);max-width:var(--avatar-max-width, initial);min-width:var(--avatar-min-width, initial);width:var(--avatar-width, 136px)}:host([type=large]) .container sas-icon{--icon-size:90px}:host([disabled]:not([disabled=false])) .container{opacity:0.6;pointer-events:none}";
 
 let SasAvatar = class {
   constructor(hostRef) {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
-const sasBadgeCss = ":host{display:inline-flex;position:relative;align-items:center;justify-content:space-between}:host .container{display:inline-flex;position:absolute;top:-2px;left:calc(100% - 7px);background-color:var(--badge-background-color, var(--li-2));border:1px solid var(--badge-border);border-radius:50%;box-shadow:var(--badge-box-shadow);font-size:var(--badge-font-size, 8px);font-weight:bold;justify-content:center;align-items:center;color:var(--badge-color, var(--badge-text));padding:0 5px}:host([type=indicator]) .container{width:2px;height:12px}:host([type=indicator][status=online]) .container{background-color:var(--badge-online-background)}:host([type=notification]) .container{min-width:4px;height:14px;border-radius:10px;left:calc(100% - 9px)}:host([type=notification][number=\"0\"]) .container{opacity:0}:host([inline]:not([inline=false])){display:flex}:host([inline]:not([inline=false])) .container{position:initial}";
+const sasBadgeCss = ":host .container{display:inline-flex;position:relative;align-items:center;justify-content:space-between}:host .badge{display:inline-flex;position:absolute;top:-2px;left:calc(100% - 7px);background-color:var(--badge-background-color, var(--li-2));border:1px solid var(--badge-border);border-radius:50%;box-shadow:var(--badge-box-shadow);font-size:var(--badge-font-size, 8px);font-weight:bold;justify-content:center;align-items:center;color:var(--badge-color, var(--badge-text));padding:0 5px}:host([type=indicator]) .badge{width:2px;height:12px}:host([type=indicator][status=online]) .badge{background-color:var(--badge-online-background)}:host([type=notification]) .badge{min-width:4px;height:14px;border-radius:10px;left:calc(100% - 9px)}:host([type=notification][number=\"0\"]) .badge{opacity:0}:host([inline]:not([inline=false])) .container{display:flex}:host([inline]:not([inline=false])) .badge{position:initial}";
 
 let SasBadge = class {
   constructor(hostRef) {
@@ -33,7 +33,7 @@ let SasBadge = class {
     return this.number;
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, this.getNumber(), index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("slot", null), index.h("span", { class: "badge" }, this.getNumber()))));
   }
 };
 SasBadge.style = sasBadgeCss;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 
 const sasBreadcrumbCss = ":host{display:block;font-size:14px;font-weight:500}:host ul{list-style-type:none;display:inline-flex;margin:0;padding:0}:host a{color:var(--secondary);text-decoration:none}:host a:hover,:host a:focus{text-decoration:underline;cursor:pointer;outline:none}:host .disabled{color:var(--s-400);font-weight:normal;pointer-events:none}:host .divider{padding:0 15px}";

package/dist/cjs/sas-button-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasButtonGroupCss = ":host{--button-background-color:var(--button-text-background);--button-border:1px solid var(--s-200);--button-border-radius:0;--button-color:var(--s-400);--button-margin:0 0 0 -1px}:host .container{display:inline-block;font-size:0;margin-left:1px}::slotted(sas-button:first-child){--button-border-radius:5px 0 0 5px}::slotted(sas-button:last-child){--button-border-radius:0 5px 5px 0}::slotted(sas-button.button-group-active){--button-background-color:var(--s-200);--button-color:#214F67}";
 

package/dist/cjs/sas-chat-bubble.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasChatBubbleCss = ":host{border-radius:3px;padding:6px 9px;background-color:var(--secondary);font-size:12px;line-height:18px;color:#FFF;position:absolute;transition:opacity 0.5s;max-width:200px;width:max-content}:host:before{content:\"\";width:0;height:0;border:5px solid transparent;position:absolute;transform:rotate(45deg)}:host([position=top]){bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}:host([position=top]):before{bottom:-4px;border-bottom-color:var(--secondary);border-right-color:var(--secondary);left:calc(50% - 5px)}:host([position=bottom]){top:calc(100% + 12px);left:50%;transform:translateX(-50%)}:host([position=bottom]):before{top:-4px;border-top-color:var(--secondary);border-left-color:var(--secondary);transform:rotate(45deg);left:calc(50% - 5px)}:host([position=left]){right:calc(100% + 12px);top:50%;transform:translateY(-50%)}:host([position=left]):before{right:-4px;border-top-color:var(--secondary);border-right-color:var(--secondary);top:calc(50% - 5px)}:host([position=right]){left:calc(100% + 12px);top:50%;transform:translateY(-50%)}:host([position=right]):before{left:-4px;border-bottom-color:var(--secondary);border-left-color:var(--secondary);top:calc(50% - 5px)}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 
 const sasDateFieldCss = ":host{display:block}:host sas-form-input-template{--form-input-template-container-min-width:none;--form-input-template-container-max-width:370px;--input-height:var(--date-field-height, 40px)}:host .container{padding:30px 25px}:host .container:focus{outline:none}:host sas-icon{--icon-color:var(--s-500)}:host .title{display:grid;grid-template-columns:repeat(7, 1fr);justify-items:center;padding-bottom:25px}:host .title:focus,:host .date-table:focus{outline:none}:host .title-content{font-weight:bold;grid-column-start:3;grid-column-end:6;display:flex;align-items:center}:host .disabled{color:var(--s-300);pointer-events:none}";
@@ -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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasDateRangeCss = ":host{display:block}:host .container{position:relative;display:flex;justify-content:space-evenly;border:1px solid var(--s-300);border-radius:5px;box-sizing:border-box;--input-border:none;--input-focus-border:none;--input-focus-box-shadow:none}:host .container:after{content:attr(data-message);position:absolute;top:calc(100% + 5px);right:10px;color:var(--li-2);font-size:12px;text-align:right}:host .container:focus-within{border:1px solid var(--s-400);outline:none;box-shadow:0px 0px 5px #0000001A}:host .container:not([data-message=\"\"]){border-color:var(--li-2)}:host .outside-label{color:var(--secondary);font-size:14px;position:absolute;left:0;bottom:100%;transform:translateY(-10px)}:host .inside-label{color:var(--s-400);left:10px;position:absolute;z-index:1;font-size:12px;transform:translateY(-65%);background-color:white;padding:0 2px}:host .required-symbol{margin-left:5px;color:var(--primary)}:host .date-field{min-width:0}:host .icon{align-self:center}:host([outside]:not([outside=false]):not([label=\"\"])) .container{margin-top:30px}:host([disabled]:not([disabled=false])) .container{cursor:not-allowed}:host([disabled]:not([disabled=false])) label{cursor:default}:host([disabled]:not([disabled=false])) .container:before{content:\"\";background-color:var(--s-200);left:0;right:0;top:0;bottom:0;position:absolute;border-radius:5px;opacity:0.3;z-index:10}";
 
@@ -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-details.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 
 const sasDetailsCss = ":host{display:block}:host .container{overflow:hidden}:host .summary-container{display:flex;align-items:baseline;cursor:pointer}:host .title{flex-grow:1}:host sas-icon{transition:0.25s transform ease}:host .transform{transform:rotate(180deg)}:host .margin-bottom{margin-bottom:15px}:host([auto-gap=false]) .margin-bottom{margin-bottom:0}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasDialogCss = "";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasDividerCss = ":host{display:block;padding:50px 0;border-color:var(--divider-color)}:host hr{border-style:solid;border-width:thin 0 0;border-color:inherit;margin:0}:host([type=dotted]){padding:30px 0}:host([type=dotted]) hr{border-style:dotted}";
 

package/dist/cjs/sas-file-upload.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasFileUploadCss = ":host{display:flex;justify-content:space-between;border:1px solid #D8E2E8;border-radius:5px;color:#8E9EAA;font-size:14px}:host .file-container{display:flex;justify-content:space-between;padding:10px 15px;width:100%}:host .file-name{color:#4C6671;text-decoration:underline}:host .control{display:inline-block;position:relative;padding:10px 20px;border-left:1px solid #D8E2E8}:host input{position:absolute;width:100%;height:100%;opacity:0;left:0;top:0}:host(.drop-effect){background-color:#F5F6F7}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasFormCss = ":host{display:block}";
 

package/dist/cjs/sas-menu-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-42a2fe48.js');
+const index$1 = require('./index-cd75521b.js');
 
 /**
  * A collection of shims that provide minimal functionality of the ES6 collections.

package/dist/cjs/sas-navigation-top.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasNavigationTopCss = ":host{display:flex}:host .container{flex-grow:1;display:flex;align-items:center;background-color:var(--secondary);padding:0 20px;height:70px}:host .dropdown{height:100%;display:flex;align-items:center;--list-item-text-font-weight:500}:host .icon-header{--icon-color:var(--navigation-header-background);--icon-background-color:white;--icon-background-width:15px;--icon-background-height:15px;--icon-background-border-radius:0}:host .title{display:inline;color:#FFF;font-size:24px;font-weight:bold;flex-grow:1;margin-left:15px}:host .icon-header-2{--icon-color:#FFF}:host .user{display:inline;color:#FFF;font-size:12px;font-weight:bold;margin-left:27px;margin-right:10px}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasNavigationCss = ":host{display:inline-block}:host .container{display:inline-block}:host .header{background-color:var(--navigation-header-background);color:#FFF;font-size:24px;font-weight:bold;padding:21px 80px 21px 30px}:host .icon-header{--icon-color:var(--navigation-header-background);--icon-background-color:white;--icon-background-width:15px;--icon-background-height:15px;--icon-background-border-radius:0;margin-right:15px}:host .menu-container{padding:29px 0;background-color:#FFF;border-right:1px solid var(--s-200);--sublist-item-padding:12px 10px 12px 45px;--sublist-hover-background:var(--list-item-hover-background);--sublist-selected-background:var(--list-item-hover-background);--sublist-border-left:3px solid transparent;--sublist-selected-border-left:3px solid var(--primary);--sublist-item-border-left:none;--sublist-item-selected-border-left:none;--list-item-default-color:var(--s-400);--list-item-border-left:3px solid transparent;--list-item-selected-border-left:3px solid var(--primary);--list-item-text-font-weight:500}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasPaginationCss = ":host{display:block}:host ul{display:inline-flex;gap:5px;padding:0}:host li{list-style:none}:host sas-button{--button-border-radius:50%;--button-border:1px solid var(--s-200);--button-color:var(--pagination-text);--button-width:29px;--button-height:29px;--button-padding:0;--button-font-size:12px}:host sas-button[disabled]:not([disabled=false]){--button-color:var(--button-disabled-text)}:host sas-button.pagination-active{--button-background-color:#ECEFF1}:host #prev-icon,:host #next-icon{--icon-size:10px}";
 

package/dist/cjs/sas-progress-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasProgressBarCss = ":host{height:8px;background-color:var(--progress-bar-background);border-radius:10px;display:block}:host #progressBar{height:8px;width:0px}";
 

package/dist/cjs/sas-radio-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasRadioGroupCss = ":host .container{display:grid;row-gap:var(--radio-group-row-gap, 5px);position:relative}:host .label{color:var(--secondary);font-size:14px;position:absolute;left:0;bottom:100%;transform:translateY(-10px)}:host .required-symbol{margin-left:5px;color:var(--primary)}:host(:not([label=\"\"])) .container{margin-top:30px}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 
 const sasRadioCss = ":host{display:flex}:host .container{display:flex;gap:10px;flex-grow:1;align-items:center;cursor:pointer;position:relative}:host .container:after{content:attr(data-message);position:absolute;top:calc(100% + 5px);color:var(--li-2);font-size:12px;white-space:nowrap}:host .radio{border:1px solid var(--s-300);border-radius:50%;width:19px;height:19px;flex-shrink:0;align-self:flex-start;display:flex;justify-content:center}:host .radio:hover,:host .radio:focus{border-color:var(--s-400);box-shadow:0px 0px 5px #0000001A;outline:none}:host img{width:21px;height:21px;border-radius:50%;margin-left:-1px;margin-top:-1px;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host sas-icon{--icon-background-width:100%;--icon-background-height:100%;--icon-color:white;--icon-size:90%}:host .text{font-size:14px;color:var(--secondary)}:host([checked]:not([checked=false])) .radio{background-color:var(--primary);border-color:var(--primary)}:host([disabled]:not([disabled=false])) .container{pointer-events:none}:host([disabled]:not([disabled=false])) .radio{background-color:var(--s-200);border:1px solid var(--s-200)}:host([error]:not([error=false])) .text{color:var(--li-2)}:host([text-position=left]) .text{margin-right:10px}:host([text-position=right]) .text{margin-left:10px}:host([align=left]) .container{justify-content:flex-start}:host([align=right]) .container{justify-content:flex-end}:host([align=space-between]) .container{justify-content:space-between}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasStepperCss = ":host{display:flex}:host .container{flex-grow:1;margin:5px 10px 35px;display:flex;align-items:center}:host sas-button{--button-width:21px;--button-height:21px;--button-border-radius:50%;--button-font-size:10px;--button-padding:0;position:relative}:host sas-button:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:29px;height:29px;background-color:white;border:1px solid var(--primary);border-radius:50%;z-index:-1;opacity:0}:host sas-button>.step-name{position:absolute;font-size:14px;color:var(--s-400);top:calc(100% + 15px);left:50%;transform:translateX(-50%);white-space:nowrap}:host sas-button[data-status=active]:after{opacity:1}:host sas-divider{flex-grow:1;padding:0;z-index:-2}:host sas-button[data-status=complete]+sas-divider{--divider-color:var(--primary)}:host sas-button[data-status=complete]>.step-name{color:var(--secondary)}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 
 const sasSwitchCss = ":host{display:inline-block}:host .container{position:relative;display:inline-block;width:30px;height:16px;border-radius:8px;background-color:var(--s-200);-webkit-transition:0.4s;transition:0.4s}:host .container:after{content:attr(data-message);position:absolute;top:calc(100% + 5px);color:var(--li-2);font-size:12px;white-space:nowrap}:host .switch{position:absolute;content:\"\";height:14px;width:14px;left:1px;bottom:1px;border-radius:50%;background-color:white;-webkit-transition:0.4s;transition:0.4s}:host .switch:focus,:host .switch:hover{box-shadow:0px 0px 3px 3px var(--switch-background);outline:none}:host([checked]:not([checked=false])) .container{background-color:var(--switch-background)}:host([checked]:not([checked=false])) .switch{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}:host([error]:not([error=false])) .container{background-color:var(--li-2)}";

package/dist/cjs/sas-tab-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 const global = require('./global-73bf4da9.js');
 
 const sasTabItemCss = ":host{display:inline-block}:host .container{display:inline-block;font-size:16px;font-weight:normal;border-bottom:var(--tab-item-border-bottom, 3px solid transparent);color:var(--tab-item-color, --s-500);padding:24px 0;margin-right:60px;cursor:pointer;position:relative}:host(:hover) .container{color:var(--s-600)}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasTabCss = ":host{display:block}:host .container{display:block;border-bottom:1px solid var(--s-200)}::slotted(sas-tab-item.tab-active){--tab-item-border-bottom:3px solid var(--primary);--tab-item-color:var(--s-600)}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasTableCss = ":host table{width:100%;text-align:center;border-collapse:collapse;line-height:3}:host th{font-size:12px;color:#253F4D;cursor:pointer;vertical-align:middle;font-weight:500}:host td{font-size:14px;font-weight:normal;color:#4C6671}:host span{display:table-cell}:host sas-button.date-button{--button-border:1px solid transparent;--button-border-radius:50%;--button-margin:5px 0;--button-padding:0;--button-width:33px;--button-height:33px;--button-color:#4C6671}:host sas-button.date-button-active{--button-background-color:var(--primary);--button-color:white;--button-border:1px solid var(--primary)}:host sas-button[disabled]:not([disabled=false]).date-button{--button-color:var(--s-300)}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasTimeFieldCss = ":host{display:block;}:host sas-form-input-template{--form-input-template-container-min-width:none;--form-input-template-container-max-width:380px;--input-height:var(--time-field-height, 40px)}:host .time-field{padding:20px;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:10px}:host .time-field:focus{outline:none}:host .part::-webkit-scrollbar{display:none}:host .part{-ms-overflow-style:none;scrollbar-width:none;}:host sas-list{max-height:200px;overflow-y:auto;position:relative}:host sas-list-item{margin-bottom:6px;--list-item-border-radius:5px;--list-item-padding:12px 40px;--list-item-text-align:center}:host sas-list-item[selected]:not([selected=false]){--list-item-selected-background-color:white;--list-item-selected-border:1px solid var(--s-300);--list-item-selected-border-left:1px solid var(--s-300)}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42a2fe48.js');
+const index = require('./index-cd75521b.js');
 
 const sasTooltipCss = ":host{display:inline-block}:host .container{display:inline-block;position:relative;cursor:pointer}:host .chatBubble{z-index:10}:host .hide{opacity:0;z-index:-1;pointer-events:none}:host .trigger-container{color:var(--s-400);font-weight:bold}:host .text{margin:0}";