sas-ui 0.8.199 → 0.8.201

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

@@ -937,6 +937,7 @@ let SasMenuBar = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
     this.moreFilterButtonWidth = 190;
+    this.isUpdatingLayout = false;
     /**
      * Sticky
      */
@@ -1014,7 +1015,9 @@ let SasMenuBar = class {
   componentDidLoad() {
     const resizeObserver = new index((entries) => {
       entries.forEach(() => {
-        this.updateLayout();
+        if (this.isUpdatingLayout === false) {
+          this.updateLayout();
+        }
       });
     });
     const filterContainer = this.el.shadowRoot.querySelector('.filter');
@@ -1041,19 +1044,19 @@ let SasMenuBar = class {
     }
   }
   updateLayout() {
-    console.log("sas-menu-bar: updateLayout()");
+    this.isUpdatingLayout = true;
     let shouldKeepFocus = false;
     const focusedElement = document.activeElement;
     if (focusedElement.slot === 'more-filter-slot') {
       shouldKeepFocus = true;
     }
-    console.log(`sas-menu-bar: shouldKeepFocus: ${shouldKeepFocus}`);
     this.resetFilter();
     this.hideOverlapElement();
     this.updateBadgeNumber();
     if (shouldKeepFocus) {
       focusedElement.focus();
     }
+    this.isUpdatingLayout = false;
   }
   resetFilter() {
     const filters = this.el.querySelectorAll('[slot="more-filter-slot"]');

package/dist/collection/components/sas-menu-bar/sas-menu-bar.js

@@ -9,6 +9,7 @@ import ResizeObserver from 'resize-observer-polyfill';
 export class SasMenuBar {
   constructor() {
     this.moreFilterButtonWidth = 190;
+    this.isUpdatingLayout = false;
     /**
      * Sticky
      */
@@ -86,7 +87,9 @@ export class SasMenuBar {
   componentDidLoad() {
     const resizeObserver = new ResizeObserver((entries) => {
       entries.forEach(() => {
-        this.updateLayout();
+        if (this.isUpdatingLayout === false) {
+          this.updateLayout();
+        }
       });
     });
     const filterContainer = this.el.shadowRoot.querySelector('.filter');
@@ -113,19 +116,19 @@ export class SasMenuBar {
     }
   }
   updateLayout() {
-    console.log("sas-menu-bar: updateLayout()");
+    this.isUpdatingLayout = true;
     let shouldKeepFocus = false;
     const focusedElement = document.activeElement;
     if (focusedElement.slot === 'more-filter-slot') {
       shouldKeepFocus = true;
     }
-    console.log(`sas-menu-bar: shouldKeepFocus: ${shouldKeepFocus}`);
     this.resetFilter();
     this.hideOverlapElement();
     this.updateBadgeNumber();
     if (shouldKeepFocus) {
       focusedElement.focus();
     }
+    this.isUpdatingLayout = false;
   }
   resetFilter() {
     const filters = this.el.querySelectorAll('[slot="more-filter-slot"]');

package/dist/custom-elements/index.js

@@ -11046,6 +11046,7 @@ let SasMenuBar$1 = class extends H {
     this.__registerHost();
     this.__attachShadow();
     this.moreFilterButtonWidth = 190;
+    this.isUpdatingLayout = false;
     /**
      * Sticky
      */
@@ -11123,7 +11124,9 @@ let SasMenuBar$1 = class extends H {
   componentDidLoad() {
     const resizeObserver = new index((entries) => {
       entries.forEach(() => {
-        this.updateLayout();
+        if (this.isUpdatingLayout === false) {
+          this.updateLayout();
+        }
       });
     });
     const filterContainer = this.el.shadowRoot.querySelector('.filter');
@@ -11150,19 +11153,19 @@ let SasMenuBar$1 = class extends H {
     }
   }
   updateLayout() {
-    console.log("sas-menu-bar: updateLayout()");
+    this.isUpdatingLayout = true;
     let shouldKeepFocus = false;
     const focusedElement = document.activeElement;
     if (focusedElement.slot === 'more-filter-slot') {
       shouldKeepFocus = true;
     }
-    console.log(`sas-menu-bar: shouldKeepFocus: ${shouldKeepFocus}`);
     this.resetFilter();
     this.hideOverlapElement();
     this.updateBadgeNumber();
     if (shouldKeepFocus) {
       focusedElement.focus();
     }
+    this.isUpdatingLayout = false;
   }
   resetFilter() {
     const filters = this.el.querySelectorAll('[slot="more-filter-slot"]');

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

@@ -933,6 +933,7 @@ let SasMenuBar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.moreFilterButtonWidth = 190;
+    this.isUpdatingLayout = false;
     /**
      * Sticky
      */
@@ -1010,7 +1011,9 @@ let SasMenuBar = class {
   componentDidLoad() {
     const resizeObserver = new index((entries) => {
       entries.forEach(() => {
-        this.updateLayout();
+        if (this.isUpdatingLayout === false) {
+          this.updateLayout();
+        }
       });
     });
     const filterContainer = this.el.shadowRoot.querySelector('.filter');
@@ -1037,19 +1040,19 @@ let SasMenuBar = class {
     }
   }
   updateLayout() {
-    console.log("sas-menu-bar: updateLayout()");
+    this.isUpdatingLayout = true;
     let shouldKeepFocus = false;
     const focusedElement = document.activeElement;
     if (focusedElement.slot === 'more-filter-slot') {
       shouldKeepFocus = true;
     }
-    console.log(`sas-menu-bar: shouldKeepFocus: ${shouldKeepFocus}`);
     this.resetFilter();
     this.hideOverlapElement();
     this.updateBadgeNumber();
     if (shouldKeepFocus) {
       focusedElement.focus();
     }
+    this.isUpdatingLayout = false;
   }
   resetFilter() {
     const filters = this.el.querySelectorAll('[slot="more-filter-slot"]');

package/dist/sas-ui/{p-bd60b1d6.entry.js → p-21d3c79c.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as n}from"./p-4635a068.js";var s=function(){if("undefined"!=typeof Map)return Map;function t(t,e){var i=-1;return t.some((function(t,n){return t[0]===e&&(i=n,!0)})),i}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var i=t(this.__entries__,e),n=this.__entries__[i];return n&&n[1]},e.prototype.set=function(e,i){var n=t(this.__entries__,e);~n?this.__entries__[n][1]=i:this.__entries__.push([e,i])},e.prototype.delete=function(e){var i=this.__entries__,n=t(i,e);~n&&i.splice(n,1)},e.prototype.has=function(e){return!!~t(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(t,e){void 0===e&&(e=null);for(var i=0,n=this.__entries__;i<n.length;i++){var s=n[i];t.call(e,s[1],s[0])}},e}()}(),r="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,o="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),l="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(o):function(t){return setTimeout((function(){return t(Date.now())}),1e3/60)},a=["top","right","bottom","left","width","height","size","weight"],u="undefined"!=typeof MutationObserver,f=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(t){var e=!1,i=!1,n=0;function s(){e&&(e=!1,t()),i&&o()}function r(){l(s)}function o(){var t=Date.now();if(e){if(t-n<2)return;i=!0}else e=!0,i=!1,setTimeout(r,20);n=t}return o}(this.refresh.bind(this))}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var e=this.observers_,i=e.indexOf(t);~i&&e.splice(i,1),!e.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter((function(t){return t.gatherActive(),t.hasActive()}));return t.forEach((function(t){return t.broadcastActive()})),t.length>0},t.prototype.connect_=function(){r&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),u?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){r&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var e=t.propertyName,i=void 0===e?"":e;a.some((function(t){return!!~i.indexOf(t)}))&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),h=function(t,e){for(var i=0,n=Object.keys(e);i<n.length;i++){var s=n[i];Object.defineProperty(t,s,{value:e[s],enumerable:!1,writable:!1,configurable:!0})}return t},c=function(t){return t&&t.ownerDocument&&t.ownerDocument.defaultView||o},d=g(0,0,0,0);function p(t){return parseFloat(t)||0}function m(t){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return e.reduce((function(e,i){return e+p(t["border-"+i+"-width"])}),0)}var b="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof c(t).SVGGraphicsElement}:function(t){return t instanceof c(t).SVGElement&&"function"==typeof t.getBBox};function v(t){return r?b(t)?function(t){var e=t.getBBox();return g(0,0,e.width,e.height)}(t):function(t){var e=t.clientWidth,i=t.clientHeight;if(!e&&!i)return d;var n=c(t).getComputedStyle(t),s=function(t){for(var e={},i=0,n=["top","right","bottom","left"];i<n.length;i++){var s=n[i];e[s]=p(t["padding-"+s])}return e}(n),r=s.left+s.right,o=s.top+s.bottom,l=p(n.width),a=p(n.height);if("border-box"===n.boxSizing&&(Math.round(l+r)!==e&&(l-=m(n,"left","right")+r),Math.round(a+o)!==i&&(a-=m(n,"top","bottom")+o)),!function(t){return t===c(t).document.documentElement}(t)){var u=Math.round(l+r)-e,f=Math.round(a+o)-i;1!==Math.abs(u)&&(l-=u),1!==Math.abs(f)&&(a-=f)}return g(s.left,s.top,l,a)}(t):d}function g(t,e,i,n){return{x:t,y:e,width:i,height:n}}var w=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=g(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=v(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),y=function(t,e){var i,n,s,r,o,l,a,u=(n=(i=e).x,s=i.y,r=i.width,o=i.height,l="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,a=Object.create(l.prototype),h(a,{x:n,y:s,width:r,height:o,top:s,right:n+r,bottom:o+s,left:n}),a);h(this,{target:t,contentRect:u})},x=function(){function t(t,e,i){if(this.activeObservations_=[],this.observations_=new s,"function"!=typeof t)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=i}return t.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof c(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new w(t)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof c(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)&&(e.delete(t),e.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach((function(e){e.isActive()&&t.activeObservations_.push(e)}))},t.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map((function(t){return new y(t.target,t.broadcastRect())}));this.callback_.call(t,e,t),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),E="undefined"!=typeof WeakMap?new WeakMap:new s,S=function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var i=f.getInstance(),n=new x(e,i,this);E.set(this,n)};["observe","unobserve","disconnect"].forEach((function(t){S.prototype[t]=function(){var e;return(e=E.get(this))[t].apply(e,arguments)}}));var M=void 0!==o.ResizeObserver?o.ResizeObserver:S;let T=class{constructor(e){t(this,e),this.moreFilterButtonWidth=190,this.sticky=!1,this.clickEvent=t=>{t.stopPropagation()},this.clearFilter=()=>{this.el.querySelectorAll('[slot="filter"] > sas-select').forEach((t=>{t.value=t.defaultValue||"",t.update()})),this.el.querySelectorAll('sas-select[slot="more-filter-slot"]').forEach((t=>{t.value=t.defaultValue||"",t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-date-field').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('sas-date-field[slot="more-filter-slot"]').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-multiselect').forEach((t=>{t.values=[],t.update()})),this.el.querySelectorAll('sas-multiselect[slot="more-filter-slot"]').forEach((t=>{t.values=[],t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-input').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('sas-input[slot="more-filter-slot"]').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-date-range').forEach((t=>{t.from=null,t.to=null})),this.el.querySelectorAll('sas-date-range[slot="more-filter-slot"]').forEach((t=>{t.from=null,t.to=null})),this.el.querySelectorAll('[slot="filter"] > composite').forEach((t=>{t.children[1].value=""})),this.el.querySelectorAll('composite[slot="more-filter-slot"]').forEach((t=>{t.children[1].value=""}))}}componentDidLoad(){const t=new M((t=>{t.forEach((()=>{this.updateLayout()}))})),e=this.el.shadowRoot.querySelector(".filter");t.observe(e)}selectUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}multiselectUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}dateFieldUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}inputUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}updateLayout(){console.log("sas-menu-bar: updateLayout()");let t=!1;const e=document.activeElement;"more-filter-slot"===e.slot&&(t=!0),console.log(`sas-menu-bar: shouldKeepFocus: ${t}`),this.resetFilter(),this.hideOverlapElement(),this.updateBadgeNumber(),t&&e.focus()}resetFilter(){const t=this.el.querySelectorAll('[slot="more-filter-slot"]'),e=this.el.querySelector('[slot="filter"]');t.forEach((t=>{t.slot="",e.append(t)}))}hideOverlapElement(){const t=this.el.querySelectorAll('[slot="filter"] > *');let e=[];for(let i=0;i<t.length;i+=1)["SAS-SELECT","SAS-MULTISELECT","SAS-DATE-FIELD","SAS-DATE-RANGE","SAS-INPUT","COMPOSITE"].includes(t[i].tagName)&&e.push(t[i]);const i=this.el.shadowRoot.querySelector(".button-list");let n=-1;for(let t=0;t<e.length;t+=1){let s=this.moreFilterButtonWidth;if(t===e.length-1&&(s=0),this.checkOverlap(e[t],i,s)){n=t;break}}const s=this.el.shadowRoot.querySelector("sas-dropdown");if(-1===n)s.classList.add("hide");else{s.classList.remove("hide");for(let t=n;t<e.length;t+=1)e[t].slot="more-filter-slot",this.el.append(e[t])}}checkOverlap(t,e,i){const n=t.getBoundingClientRect();return e.getBoundingClientRect().left-n.right<i}getFilterNumber(){const t=this.el.querySelectorAll('[slot="more-filter-slot"]');if(t.length>0){let e=0;return t.forEach((t=>{if("SAS-SELECT"===t.tagName)null!==t.value&&""!==t.value&&t.value!==t.defaultValue&&(e+=1);else if("SAS-MULTISELECT"===t.tagName)t.values.length>0&&(e+=1);else if("SAS-DATE-FIELD"===t.tagName)Boolean(t.value)&&(e+=1);else if("SAS-INPUT"===t.tagName)null!==t.value&&""!==t.value&&(e+=1);else if("SAS-DATE-RANGE"===t.tagName){let i=t.from,n=t.to;(null!=i&&""!=i||null!=n&&""!=n)&&(e+=1)}else if("COMPOSITE"===t.tagName){let i=t.children[1].value;console.log("comp",i),null!=i&&""!=i&&(e+=1)}})),e}}updateBadgeNumber(){this.el.shadowRoot.querySelector("sas-badge").number=this.getFilterNumber()}render(){return e(i,{onClick:this.clickEvent},e("div",{class:"menu-bar-part bulk-action"},e("slot",{name:"bulk-action"})),e("div",{class:"menu-bar-part search"},e("slot",{name:"search"})),e("div",{class:"menu-bar-part filter"},e("slot",{name:"filter"}),e("sas-dropdown",{class:"more-filter-button",positionH:"left",clickClose:!1},e("sas-button",{slot:"control",type:"text",icon:"far fa-sliders-h",text:"More Filters"},e("sas-badge",{type:"notification",inline:!0})),e("div",{class:"menu",slot:"menu"},e("div",{class:"more-filter"},e("slot",{name:"more-filter-slot"})),e("div",{class:"filter-control"},e("sas-button",{type:"secondary",text:"Clear Filters",block:!0,onClick:this.clearFilter}))))),e("div",{class:"menu-bar-part button-list"},e("slot",{name:"button-list"})))}get el(){return n(this)}};T.style=":host{display:grid;grid-template-columns:max-content max-content minmax(0, 1fr) max-content;padding:21px 29px;background-color:var(--s-100);border:1px solid var(--s-200);position:relative;z-index:1}:host .menu-bar-part{display:flex;gap:20px;height:40px}:host .filter{--select-flex-shrink:0;gap:0;z-index:1}:host sas-dropdown{position:sticky;right:0;align-items:stretch;margin-left:20px;--dropdown-control-align-items:flex-end}:host .menu{padding:20px;box-sizing:border-box}:host .more-filter{display:grid;grid-row-gap:20px}:host .filter-control{margin-top:20px;display:flex;gap:10px}:host .hide{display:none}::slotted([slot=bulk-action]){display:flex;gap:20px;margin-right:40px !important;align-items:flex-end}::slotted([slot=search]){display:flex;margin-right:40px !important;align-items:flex-end}::slotted([slot=filter]){display:flex;--select-flex-shrink:0;gap:20px;white-space:nowrap;align-items:flex-end}::slotted([slot=button-list]){margin-left:40px !important;display:flex;gap:20px;align-items:flex-end}:host([sticky]:not([sticky=false])){position:sticky;top:0}";export{T as sas_menu_bar}
+import{r as t,h as e,H as i,g as n}from"./p-4635a068.js";var s=function(){if("undefined"!=typeof Map)return Map;function t(t,e){var i=-1;return t.some((function(t,n){return t[0]===e&&(i=n,!0)})),i}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var i=t(this.__entries__,e),n=this.__entries__[i];return n&&n[1]},e.prototype.set=function(e,i){var n=t(this.__entries__,e);~n?this.__entries__[n][1]=i:this.__entries__.push([e,i])},e.prototype.delete=function(e){var i=this.__entries__,n=t(i,e);~n&&i.splice(n,1)},e.prototype.has=function(e){return!!~t(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(t,e){void 0===e&&(e=null);for(var i=0,n=this.__entries__;i<n.length;i++){var s=n[i];t.call(e,s[1],s[0])}},e}()}(),r="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,o="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),l="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(o):function(t){return setTimeout((function(){return t(Date.now())}),1e3/60)},a=["top","right","bottom","left","width","height","size","weight"],u="undefined"!=typeof MutationObserver,f=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(t){var e=!1,i=!1,n=0;function s(){e&&(e=!1,t()),i&&o()}function r(){l(s)}function o(){var t=Date.now();if(e){if(t-n<2)return;i=!0}else e=!0,i=!1,setTimeout(r,20);n=t}return o}(this.refresh.bind(this))}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var e=this.observers_,i=e.indexOf(t);~i&&e.splice(i,1),!e.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter((function(t){return t.gatherActive(),t.hasActive()}));return t.forEach((function(t){return t.broadcastActive()})),t.length>0},t.prototype.connect_=function(){r&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),u?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){r&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var e=t.propertyName,i=void 0===e?"":e;a.some((function(t){return!!~i.indexOf(t)}))&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),h=function(t,e){for(var i=0,n=Object.keys(e);i<n.length;i++){var s=n[i];Object.defineProperty(t,s,{value:e[s],enumerable:!1,writable:!1,configurable:!0})}return t},c=function(t){return t&&t.ownerDocument&&t.ownerDocument.defaultView||o},d=g(0,0,0,0);function p(t){return parseFloat(t)||0}function m(t){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return e.reduce((function(e,i){return e+p(t["border-"+i+"-width"])}),0)}var b="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof c(t).SVGGraphicsElement}:function(t){return t instanceof c(t).SVGElement&&"function"==typeof t.getBBox};function v(t){return r?b(t)?function(t){var e=t.getBBox();return g(0,0,e.width,e.height)}(t):function(t){var e=t.clientWidth,i=t.clientHeight;if(!e&&!i)return d;var n=c(t).getComputedStyle(t),s=function(t){for(var e={},i=0,n=["top","right","bottom","left"];i<n.length;i++){var s=n[i];e[s]=p(t["padding-"+s])}return e}(n),r=s.left+s.right,o=s.top+s.bottom,l=p(n.width),a=p(n.height);if("border-box"===n.boxSizing&&(Math.round(l+r)!==e&&(l-=m(n,"left","right")+r),Math.round(a+o)!==i&&(a-=m(n,"top","bottom")+o)),!function(t){return t===c(t).document.documentElement}(t)){var u=Math.round(l+r)-e,f=Math.round(a+o)-i;1!==Math.abs(u)&&(l-=u),1!==Math.abs(f)&&(a-=f)}return g(s.left,s.top,l,a)}(t):d}function g(t,e,i,n){return{x:t,y:e,width:i,height:n}}var w=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=g(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=v(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),y=function(t,e){var i,n,s,r,o,l,a,u=(n=(i=e).x,s=i.y,r=i.width,o=i.height,l="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,a=Object.create(l.prototype),h(a,{x:n,y:s,width:r,height:o,top:s,right:n+r,bottom:o+s,left:n}),a);h(this,{target:t,contentRect:u})},x=function(){function t(t,e,i){if(this.activeObservations_=[],this.observations_=new s,"function"!=typeof t)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=i}return t.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof c(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new w(t)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof c(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)&&(e.delete(t),e.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach((function(e){e.isActive()&&t.activeObservations_.push(e)}))},t.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map((function(t){return new y(t.target,t.broadcastRect())}));this.callback_.call(t,e,t),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),E="undefined"!=typeof WeakMap?new WeakMap:new s,S=function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var i=f.getInstance(),n=new x(e,i,this);E.set(this,n)};["observe","unobserve","disconnect"].forEach((function(t){S.prototype[t]=function(){var e;return(e=E.get(this))[t].apply(e,arguments)}}));var M=void 0!==o.ResizeObserver?o.ResizeObserver:S;let T=class{constructor(e){t(this,e),this.moreFilterButtonWidth=190,this.isUpdatingLayout=!1,this.sticky=!1,this.clickEvent=t=>{t.stopPropagation()},this.clearFilter=()=>{this.el.querySelectorAll('[slot="filter"] > sas-select').forEach((t=>{t.value=t.defaultValue||"",t.update()})),this.el.querySelectorAll('sas-select[slot="more-filter-slot"]').forEach((t=>{t.value=t.defaultValue||"",t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-date-field').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('sas-date-field[slot="more-filter-slot"]').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-multiselect').forEach((t=>{t.values=[],t.update()})),this.el.querySelectorAll('sas-multiselect[slot="more-filter-slot"]').forEach((t=>{t.values=[],t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-input').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('sas-input[slot="more-filter-slot"]').forEach((t=>{t.value="",t.update()})),this.el.querySelectorAll('[slot="filter"] > sas-date-range').forEach((t=>{t.from=null,t.to=null})),this.el.querySelectorAll('sas-date-range[slot="more-filter-slot"]').forEach((t=>{t.from=null,t.to=null})),this.el.querySelectorAll('[slot="filter"] > composite').forEach((t=>{t.children[1].value=""})),this.el.querySelectorAll('composite[slot="more-filter-slot"]').forEach((t=>{t.children[1].value=""}))}}componentDidLoad(){const t=new M((t=>{t.forEach((()=>{!1===this.isUpdatingLayout&&this.updateLayout()}))})),e=this.el.shadowRoot.querySelector(".filter");t.observe(e)}selectUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}multiselectUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}dateFieldUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}inputUpdateEventUsedInternalHandler(t){"more-filter-slot"===t.target.slot&&this.updateBadgeNumber()}updateLayout(){this.isUpdatingLayout=!0;let t=!1;const e=document.activeElement;"more-filter-slot"===e.slot&&(t=!0),this.resetFilter(),this.hideOverlapElement(),this.updateBadgeNumber(),t&&e.focus(),this.isUpdatingLayout=!1}resetFilter(){const t=this.el.querySelectorAll('[slot="more-filter-slot"]'),e=this.el.querySelector('[slot="filter"]');t.forEach((t=>{t.slot="",e.append(t)}))}hideOverlapElement(){const t=this.el.querySelectorAll('[slot="filter"] > *');let e=[];for(let i=0;i<t.length;i+=1)["SAS-SELECT","SAS-MULTISELECT","SAS-DATE-FIELD","SAS-DATE-RANGE","SAS-INPUT","COMPOSITE"].includes(t[i].tagName)&&e.push(t[i]);const i=this.el.shadowRoot.querySelector(".button-list");let n=-1;for(let t=0;t<e.length;t+=1){let s=this.moreFilterButtonWidth;if(t===e.length-1&&(s=0),this.checkOverlap(e[t],i,s)){n=t;break}}const s=this.el.shadowRoot.querySelector("sas-dropdown");if(-1===n)s.classList.add("hide");else{s.classList.remove("hide");for(let t=n;t<e.length;t+=1)e[t].slot="more-filter-slot",this.el.append(e[t])}}checkOverlap(t,e,i){const n=t.getBoundingClientRect();return e.getBoundingClientRect().left-n.right<i}getFilterNumber(){const t=this.el.querySelectorAll('[slot="more-filter-slot"]');if(t.length>0){let e=0;return t.forEach((t=>{if("SAS-SELECT"===t.tagName)null!==t.value&&""!==t.value&&t.value!==t.defaultValue&&(e+=1);else if("SAS-MULTISELECT"===t.tagName)t.values.length>0&&(e+=1);else if("SAS-DATE-FIELD"===t.tagName)Boolean(t.value)&&(e+=1);else if("SAS-INPUT"===t.tagName)null!==t.value&&""!==t.value&&(e+=1);else if("SAS-DATE-RANGE"===t.tagName){let i=t.from,n=t.to;(null!=i&&""!=i||null!=n&&""!=n)&&(e+=1)}else if("COMPOSITE"===t.tagName){let i=t.children[1].value;console.log("comp",i),null!=i&&""!=i&&(e+=1)}})),e}}updateBadgeNumber(){this.el.shadowRoot.querySelector("sas-badge").number=this.getFilterNumber()}render(){return e(i,{onClick:this.clickEvent},e("div",{class:"menu-bar-part bulk-action"},e("slot",{name:"bulk-action"})),e("div",{class:"menu-bar-part search"},e("slot",{name:"search"})),e("div",{class:"menu-bar-part filter"},e("slot",{name:"filter"}),e("sas-dropdown",{class:"more-filter-button",positionH:"left",clickClose:!1},e("sas-button",{slot:"control",type:"text",icon:"far fa-sliders-h",text:"More Filters"},e("sas-badge",{type:"notification",inline:!0})),e("div",{class:"menu",slot:"menu"},e("div",{class:"more-filter"},e("slot",{name:"more-filter-slot"})),e("div",{class:"filter-control"},e("sas-button",{type:"secondary",text:"Clear Filters",block:!0,onClick:this.clearFilter}))))),e("div",{class:"menu-bar-part button-list"},e("slot",{name:"button-list"})))}get el(){return n(this)}};T.style=":host{display:grid;grid-template-columns:max-content max-content minmax(0, 1fr) max-content;padding:21px 29px;background-color:var(--s-100);border:1px solid var(--s-200);position:relative;z-index:1}:host .menu-bar-part{display:flex;gap:20px;height:40px}:host .filter{--select-flex-shrink:0;gap:0;z-index:1}:host sas-dropdown{position:sticky;right:0;align-items:stretch;margin-left:20px;--dropdown-control-align-items:flex-end}:host .menu{padding:20px;box-sizing:border-box}:host .more-filter{display:grid;grid-row-gap:20px}:host .filter-control{margin-top:20px;display:flex;gap:10px}:host .hide{display:none}::slotted([slot=bulk-action]){display:flex;gap:20px;margin-right:40px !important;align-items:flex-end}::slotted([slot=search]){display:flex;margin-right:40px !important;align-items:flex-end}::slotted([slot=filter]){display:flex;--select-flex-shrink:0;gap:20px;white-space:nowrap;align-items:flex-end}::slotted([slot=button-list]){margin-left:40px !important;display:flex;gap:20px;align-items:flex-end}:host([sticky]:not([sticky=false])){position:sticky;top:0}";export{T as sas_menu_bar}

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

@@ -1 +1 @@
-import{p as e,b as t}from"./p-4635a068.js";import"./p-24b7df27.js";import"./p-112455b1.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-9010287b",[[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]}]]],["p-451fe52d",[[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"]]]]],["p-bd60b1d6",[[1,"sas-menu-bar",{"sticky":[516]},[[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"],[0,"inputupdate","inputUpdateEventUsedInternalHandler"]]]]],["p-5c8efdcf",[[1,"sas-user-card",{"block":[516],"name":[513],"position":[513],"status":[1537],"badge":[516],"attachment":[516],"src":[513]},[[0,"switchupdate","switchUpdateHandler"]]]]],["p-99e1ef42",[[1,"sas-navigation-top",{"name":[513],"user":[513],"src":[513]}]]],["p-6ba7e081",[[1,"sas-pagination",{"totalPage":[514,"total-page"],"totalIndex":[514,"total-index"],"currentPage":[1538,"current-page"]}]]],["p-b6b9398d",[[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"]]]]],["p-55672545",[[1,"sas-carousel",{"index":[1538],"slides":[16]}]]],["p-52f9d648",[[1,"sas-navigation",{"name":[513]}]]],["p-ce2d66c9",[[1,"sas-tooltip",{"trigger":[513],"text":[513],"position":[1537]}]]],["p-d67f1b67",[[1,"sas-avatar-group"]]],["p-c7f6030e",[[1,"sas-breadcrumb",{"items":[16],"showAll":[32]}]]],["p-dbc20b12",[[1,"sas-button-group",{"values":[1040],"multiple":[516]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["p-e1c6b239",[[1,"sas-tab",null,[[0,"tabItemClicked","tabItemClickedHandler"]]]]],["p-76fadf98",[[1,"sas-tab-item",{"value":[513],"text":[513]}]]],["p-2e12716f",[[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],"valueMissingMessage":[513,"value-missing-message"],"rangeOverflowMessage":[513,"range-overflow-message"],"rangeUnderflowMessage":[513,"range-underflow-message"],"localDate":[32],"update":[64],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["p-730f6839",[[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]}]]],["p-59a51c6c",[[1,"sas-badge",{"type":[513],"status":[513],"number":[514],"inline":[516]}]]],["p-36a5d6dd",[[1,"sas-chat-bubble",{"position":[513]}]]],["p-ae87253c",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["p-3f91b3b2",[[1,"sas-multiselect",{"type":[513],"search":[516],"filterText":[513,"filter-text"],"noMatchAction":[513,"no-match-action"],"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],"buttonFilterText":[1,"button-filter-text"],"value":[32],"update":[64],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxgroupupdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-select",{"label":[513],"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-stepper",{"total":[514],"current":[1538],"names":[16],"direction":[513],"backgroundTheme":[513,"background-theme"]},[[0,"buttonclicked","buttonclickedHandler"]]],[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"fullImage":[516,"full-image"],"type":[513],"label":[513],"name":[513],"max":[514],"size":[514],"accept":[513],"files":[1040],"removedFiles":[1040],"method":[513],"url":[513],"required":[516],"disabled":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"submit":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"getFormData":[64],"checkFileUpdate":[64]}],[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}],[1,"sas-details",{"open":[516],"icon":[513],"autoGap":[516,"auto-gap"],"checkIsOpen":[64]}],[1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}],[1,"sas-form",{"method":[513],"url":[513],"reset":[64],"validate":[64],"submit":[64]}],[1,"sas-progress-bar",{"progress":[514],"progressGates":[16]}],[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-divider",{"type":[1]}],[1,"sas-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1537],"defaultValue":[520,"default-value"],"options":[16],"update":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-checkbox",{"name":[513],"value":[8],"text":[513],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[516],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]}],[1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-image",{"imageObject":[8,"image-object"],"src":[513],"lazy":[516]}],[1,"sas-sublist",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"iconRight":[513,"icon-right"],"toggle":[516],"compact":[516],"hideSub":[1540,"hide-sub"],"selected":[1540]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-list-item",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"subtextPosition":[513,"subtext-position"],"iconRight":[513,"icon-right"],"selected":[516],"disabled":[516],"index":[514],"href":[513],"target":[513]}],[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"],"close":[64]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[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"],"minimumPixelsAboveComponentRequired":[514,"minimum-pixels-above-component-required"],"minimumPixelsRightOfComponentRequired":[514,"minimum-pixels-right-of-component-required"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-button",{"type":[513],"size":[513],"text":[513],"iconLeft":[513,"icon-left"],"icon":[513],"iconPosition":[513,"icon-position"],"iconRight":[513,"icon-right"],"block":[516],"loading":[516],"disabled":[516],"href":[513],"target":[513],"tabindexNumber":[32]}],[1,"sas-input",{"type":[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]}]]],["p-8d22cf57",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["p-2eaca602",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]]]'),e)));
+import{p as e,b as t}from"./p-4635a068.js";import"./p-24b7df27.js";import"./p-112455b1.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-9010287b",[[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]}]]],["p-451fe52d",[[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"]]]]],["p-21d3c79c",[[1,"sas-menu-bar",{"sticky":[516]},[[0,"selectUpdateEventUsedInternal","selectUpdateEventUsedInternalHandler"],[0,"multiselectUpdateEventUsedInternal","multiselectUpdateEventUsedInternalHandler"],[0,"dateFieldUpdateEventUsedInternal","dateFieldUpdateEventUsedInternalHandler"],[0,"inputupdate","inputUpdateEventUsedInternalHandler"]]]]],["p-5c8efdcf",[[1,"sas-user-card",{"block":[516],"name":[513],"position":[513],"status":[1537],"badge":[516],"attachment":[516],"src":[513]},[[0,"switchupdate","switchUpdateHandler"]]]]],["p-99e1ef42",[[1,"sas-navigation-top",{"name":[513],"user":[513],"src":[513]}]]],["p-6ba7e081",[[1,"sas-pagination",{"totalPage":[514,"total-page"],"totalIndex":[514,"total-index"],"currentPage":[1538,"current-page"]}]]],["p-b6b9398d",[[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"]]]]],["p-55672545",[[1,"sas-carousel",{"index":[1538],"slides":[16]}]]],["p-52f9d648",[[1,"sas-navigation",{"name":[513]}]]],["p-ce2d66c9",[[1,"sas-tooltip",{"trigger":[513],"text":[513],"position":[1537]}]]],["p-d67f1b67",[[1,"sas-avatar-group"]]],["p-c7f6030e",[[1,"sas-breadcrumb",{"items":[16],"showAll":[32]}]]],["p-dbc20b12",[[1,"sas-button-group",{"values":[1040],"multiple":[516]},[[0,"buttonclicked","buttonclickedHandler"]]]]],["p-e1c6b239",[[1,"sas-tab",null,[[0,"tabItemClicked","tabItemClickedHandler"]]]]],["p-76fadf98",[[1,"sas-tab-item",{"value":[513],"text":[513]}]]],["p-2e12716f",[[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],"valueMissingMessage":[513,"value-missing-message"],"rangeOverflowMessage":[513,"range-overflow-message"],"rangeUnderflowMessage":[513,"range-underflow-message"],"localDate":[32],"update":[64],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"inputUpdate","inputUpdateHandler"]]]]],["p-730f6839",[[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]}]]],["p-59a51c6c",[[1,"sas-badge",{"type":[513],"status":[513],"number":[514],"inline":[516]}]]],["p-36a5d6dd",[[1,"sas-chat-bubble",{"position":[513]}]]],["p-ae87253c",[[1,"sas-switch",{"name":[513],"checked":[1540],"required":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]}]]],["p-3f91b3b2",[[1,"sas-multiselect",{"type":[513],"search":[516],"filterText":[513,"filter-text"],"noMatchAction":[513,"no-match-action"],"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],"buttonFilterText":[1,"button-filter-text"],"value":[32],"update":[64],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]},[[0,"checkboxgroupupdate","checkboxUpdateHandler"],[0,"chipUpdate","chipUpdateHandler"],[0,"inputContainerClick","inputContainerClickHandler"]]],[1,"sas-select",{"label":[513],"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-stepper",{"total":[514],"current":[1538],"names":[16],"direction":[513],"backgroundTheme":[513,"background-theme"]},[[0,"buttonclicked","buttonclickedHandler"]]],[1,"sas-upload",{"compact":[516],"inputOutside":[516,"input-outside"],"fullImage":[516,"full-image"],"type":[513],"label":[513],"name":[513],"max":[514],"size":[514],"accept":[513],"files":[1040],"removedFiles":[1040],"method":[513],"url":[513],"required":[516],"disabled":[516],"error":[1540],"validity":[1040],"message":[1537],"validate":[64],"submit":[64],"updateErrorStatus":[64],"resetErrorStatus":[64],"getFormData":[64],"checkFileUpdate":[64]}],[1,"sas-alert",{"type":[513],"show":[1540],"close":[516],"alertTitle":[1,"alert-title"],"content":[1]}],[1,"sas-details",{"open":[516],"icon":[513],"autoGap":[516,"auto-gap"],"checkIsOpen":[64]}],[1,"sas-container",{"gridTemplateColumns":[513,"grid-template-columns"],"gridTemplateRows":[513,"grid-template-rows"],"justifyItems":[513,"justify-items"],"alignItems":[513,"align-items"]}],[1,"sas-form",{"method":[513],"url":[513],"reset":[64],"validate":[64],"submit":[64]}],[1,"sas-progress-bar",{"progress":[514],"progressGates":[16]}],[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-divider",{"type":[1]}],[1,"sas-list",{"toggle":[516],"compact":[516],"border":[516],"subtextPosition":[513,"subtext-position"],"value":[1544],"rawData":[1032,"raw-data"],"text":[1537],"defaultValue":[520,"default-value"],"options":[16],"update":[64]},[[0,"listItemClicked","listItemClickedHandler"],[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-checkbox",{"name":[513],"value":[8],"text":[513],"index":[514],"textPosition":[513,"text-position"],"align":[513],"checked":[1540],"disabled":[516],"icon":[513],"error":[1540],"required":[516],"validity":[1040],"message":[1537],"exclusive":[516],"validate":[64],"updateErrorStatus":[64],"resetErrorStatus":[64]}],[1,"sas-checkbox-subgroup",{"value":[8],"text":[513],"checked":[1540],"disabled":[516],"icon":[1025],"status":[1025]},[[0,"checkboxUpdate","checkboxUpdateHandler"]]],[1,"sas-image",{"imageObject":[8,"image-object"],"src":[513],"lazy":[516]}],[1,"sas-sublist",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"iconRight":[513,"icon-right"],"toggle":[516],"compact":[516],"hideSub":[1540,"hide-sub"],"selected":[1540]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-list-item",{"icon":[513],"value":[8],"text":[513],"subtext":[513],"subtextPosition":[513,"subtext-position"],"iconRight":[513,"icon-right"],"selected":[516],"disabled":[516],"index":[514],"href":[513],"target":[513]}],[1,"sas-dropdown",{"block":[516],"clickClose":[516,"click-close"],"positionV":[1537,"position-v"],"positionH":[1537,"position-h"],"close":[64]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[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"],"minimumPixelsAboveComponentRequired":[514,"minimum-pixels-above-component-required"],"minimumPixelsRightOfComponentRequired":[514,"minimum-pixels-right-of-component-required"]},[[0,"listItemClickEventUsedInternal","listItemClickEventUsedInternalHandler"]]],[1,"sas-button",{"type":[513],"size":[513],"text":[513],"iconLeft":[513,"icon-left"],"icon":[513],"iconPosition":[513,"icon-position"],"iconRight":[513,"icon-right"],"block":[516],"loading":[516],"disabled":[516],"href":[513],"target":[513],"tabindexNumber":[32]}],[1,"sas-input",{"type":[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]}]]],["p-8d22cf57",[[1,"sas-avatar",{"type":[513],"name":[513],"src":[513],"disabled":[516],"group":[516]}]]],["p-2eaca602",[[1,"sas-table",{"headers":[16],"items":[16],"sortedItems":[32]}]]]]'),e)));

package/dist/types/components/sas-menu-bar/sas-menu-bar.d.ts

@@ -6,6 +6,7 @@
  */
 export declare class SasMenuBar {
   private moreFilterButtonWidth;
+  private isUpdatingLayout;
   el: HTMLSasMenuBarElement;
   /**
    * Sticky

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sas-ui",
-  "version": "0.8.199",
+  "version": "0.8.201",
   "description": "Web Components Library",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",