blip-ds 1.207.0 → 1.208.0

package/dist/blip-ds/bds-menu.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-1e5d37b7.js';
+import { r as registerInstance, h, f as Host } from './index-1e5d37b7.js';
 import { g as getScrollParent, p as positionElement } from './position-element-917c0fb2.js';
 
-const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";
+const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";
 
 const BdsMenu = class {
   constructor(hostRef) {
@@ -22,6 +22,9 @@ const BdsMenu = class {
      * Open. Used to open/close the menu.
      */
     this.open = false;
+    this.onClickCloseButtom = () => {
+      this.open = false;
+    };
   }
   componentWillLoad() {
     this.refElement = document.getElementById(this.menu);
@@ -44,11 +47,11 @@ const BdsMenu = class {
       top: `${this.menupositionTop}px`,
       left: `${this.menupositionLeft}px`,
     };
-    return (h("div", { ref: (el) => (this.menuElement = el), class: {
+    return (h(Host, null, this.open && h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { ref: (el) => (this.menuElement = el), class: {
         menu: true,
         [`menu__${this.position}`]: true,
         [`menu__open`]: this.open,
-      }, style: menuPosition }, h("slot", null)));
+      }, style: menuPosition }, h("slot", null))));
   }
   static get watchers() { return {
     "open": ["openMenu"]

package/dist/blip-ds/bds-menu.system.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function u(t){try{a(i.next(t))}catch(e){r(e)}}function s(t){try{a(i["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):o(t.value).then(u,s)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,u;return u={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function s(t){return function(e){return a([t,e])}}function a(u){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=u[0]&2?o["return"]:u[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;if(o=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;o=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(s){u=[6,s];o=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./index-3359a0a5.system.js","./position-element-a0f85687.system.js"],(function(t){"use strict";var e,n,i,o;return{setters:[function(t){e=t.r;n=t.h},function(t){i=t.g;o=t.p}],execute:function(){var r=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";var u=t("bds_menu",function(){function t(t){e(this,t);this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=i(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=o({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var i={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return n("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:i},n("slot",null))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}());u.style=r}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function u(t){try{a(o.next(t))}catch(e){r(e)}}function s(t){try{a(o["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):i(t.value).then(u,s)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,u;return u={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function s(t){return function(e){return a([t,e])}}function a(u){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=u[0]&2?i["return"]:u[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,u[1])).done)return r;if(i=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(s){u=[6,s];i=0}finally{o=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./index-3359a0a5.system.js","./position-element-a0f85687.system.js"],(function(t){"use strict";var e,n,o,i,r;return{setters:[function(t){e=t.r;n=t.h;o=t.f},function(t){i=t.g;r=t.p}],execute:function(){var u=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";var s=t("bds_menu",function(){function t(t){var n=this;e(this,t);this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false;this.onClickCloseButtom=function(){n.open=false}}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=i(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=r({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var i={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return n(o,null,this.open&&n("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),n("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:i},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}());s.style=u}}}));

package/dist/blip-ds/p-5bec84ab.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s}from"./p-454a7a7c.js";import{g as o,p as n}from"./p-831951e8.js";const e=class{constructor(i){t(this,i),this.refElement=null,this.intoView=null,this.menupositionTop=0,this.menupositionLeft=0,this.menu=null,this.position="right",this.open=!1,this.onClickCloseButtom=()=>{this.open=!1}}componentWillLoad(){this.refElement=document.getElementById(this.menu),this.intoView=o(this.refElement)}async toggle(){this.open=!this.open}openMenu(){const t=n({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top,this.menupositionLeft=t.left}render(){const t={top:`${this.menupositionTop}px`,left:`${this.menupositionLeft}px`};return i(s,null,this.open&&i("div",{class:{outzone:!0},onClick:()=>this.onClickCloseButtom()}),i("div",{ref:t=>this.menuElement=t,class:{menu:!0,[`menu__${this.position}`]:!0,menu__open:this.open},style:t},i("slot",null)))}static get watchers(){return{open:["openMenu"]}}};e.style=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";export{e as bds_menu}

package/dist/blip-ds/p-e4227ce4.system.js

@@ -1 +1 @@
-System.register(["./p-cac058ba.system.js"],(function(e,t){"use strict";var a,s,i,n,r,o;return{setters:[function(e){a=e.p;s=e.w;i=e.d;n=e.N;r=e.a;o=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(i.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(n,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var o=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(o.resourcesUrl,e)}if(!s.customElements){return t.import("./p-c8c96517.system.js").then((function(){return o}))}}return r(o)};var l=function(t,a){var r=e(n);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var o=new Map;s[r]=function(e){var n=new URL(e,t).href;var d=o.get(n);if(!d){var l=i.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(n,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[r].m);l.remove()}}));o.set(n,d);i.head.appendChild(l)}return d}}};d().then((function(e){return o(JSON.parse('[["p-f87daa2a.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-0d857664.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-64056f6a.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-9fa6c23f.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-d9ba3ff9.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-c5c36a48.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-3a113b6b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-d93bedf8.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-ff3d62e1.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-e8a12716.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-e0a7c848.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e6be95d3.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-cc01f22f.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6a9daf43.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"sorting":[4],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32]}]]],["p-65643671.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-7546e021.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-53fc6abb.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-7cb49101.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-d9173c67.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-e7a37db4.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-8cda3dc8.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-bc26efce.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-d20d86a5.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-3fae971b.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-d8707859.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-a922ef88.system",[[1,"bds-warning"]]],["p-09466080.system",[[1,"bds-alert-body"]]],["p-3654c5dc.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-5f0c9022.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-1d3fa70d.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-43014a7b.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-4e4659fa.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-87e379c3.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-75a40d18.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}]]],["p-e44ec959.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ea2c10ff.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-bf0097b0.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-36442a57.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-ab4be42b.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-4f2ec92d.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-abf67604.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-d2d4f39f.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-d2774b2a.system",[[1,"bds-alert-actions"]]],["p-33f92105.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-795eac5f.system",[[1,"bds-expansion-panel"]]],["p-d1f13b62.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-aab68a2b.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-69240816.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-7cc1287f.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-37e79e55.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-11b69ced.system",[[1,"bds-menu-list"]]],["p-156a3b30.system",[[1,"bds-modal-action"]]],["p-840fd3bd.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-a659ab6f.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-c45f3e90.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-b06b32f9.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-48824ee4.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-bf43c41a.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-66ed092e.system",[[6,"bds-toast-container"]]],["p-e368ee12.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}]]],["p-1a1bc134.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-2104c330.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-9fdbe7f8.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-9d95d811.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-715cde57.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
+System.register(["./p-cac058ba.system.js"],(function(e,t){"use strict";var a,s,i,n,r,o;return{setters:[function(e){a=e.p;s=e.w;i=e.d;n=e.N;r=e.a;o=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(i.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(n,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var o=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(o.resourcesUrl,e)}if(!s.customElements){return t.import("./p-c8c96517.system.js").then((function(){return o}))}}return r(o)};var l=function(t,a){var r=e(n);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var o=new Map;s[r]=function(e){var n=new URL(e,t).href;var d=o.get(n);if(!d){var l=i.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(n,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[r].m);l.remove()}}));o.set(n,d);i.head.appendChild(l)}return d}}};d().then((function(e){return o(JSON.parse('[["p-f87daa2a.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-0d857664.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-64056f6a.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-9fa6c23f.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-d9ba3ff9.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-c5c36a48.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-3a113b6b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-d93bedf8.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-ff3d62e1.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-e8a12716.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-e0a7c848.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e6be95d3.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-cc01f22f.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6a9daf43.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"sorting":[4],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32]}]]],["p-65643671.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-7546e021.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-53fc6abb.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-7cb49101.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-d9173c67.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-e7a37db4.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-8cda3dc8.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-bc26efce.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-d20d86a5.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-3fae971b.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-d8707859.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-a922ef88.system",[[1,"bds-warning"]]],["p-09466080.system",[[1,"bds-alert-body"]]],["p-3654c5dc.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-5f0c9022.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-1d3fa70d.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-43014a7b.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-4e4659fa.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-87e379c3.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-75a40d18.system",[[1,"bds-progress-bar",{"percent":[2],"size":[1],"color":[1],"text":[1]}]]],["p-e44ec959.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ea2c10ff.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-bf0097b0.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-36442a57.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-ab4be42b.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-4f2ec92d.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-abf67604.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-d2d4f39f.system",[[1,"bds-alert",{"open":[1540],"dataTest":[1,"data-test"],"toggle":[64]}]]],["p-d2774b2a.system",[[1,"bds-alert-actions"]]],["p-33f92105.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-795eac5f.system",[[1,"bds-expansion-panel"]]],["p-d1f13b62.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-aab68a2b.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-69240816.system",[[1,"bds-loading-bar",{"percent":[2],"size":[1],"text":[1],"dataTest":[1,"data-test"]}]]],["p-7cc1287f.system",[[1,"bds-loading-page",{"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-ffed9c9e.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-11b69ced.system",[[1,"bds-menu-list"]]],["p-156a3b30.system",[[1,"bds-modal-action"]]],["p-840fd3bd.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-a659ab6f.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-c45f3e90.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-b06b32f9.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"dataTest":[1,"data-test"]}]]],["p-48824ee4.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-bf43c41a.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-66ed092e.system",[[6,"bds-toast-container"]]],["p-e368ee12.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}]]],["p-1a1bc134.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-2104c330.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-9fdbe7f8.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-9d95d811.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[1,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"dataTest":[1,"data-test"],"svgContent":[32]}]]],["p-715cde57.system",[[1,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));

package/dist/blip-ds/p-ffed9c9e.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function u(t){try{a(o.next(t))}catch(e){r(e)}}function s(t){try{a(o["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):i(t.value).then(u,s)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,u;return u={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function s(t){return function(e){return a([t,e])}}function a(u){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=u[0]&2?i["return"]:u[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,u[1])).done)return r;if(i=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(s){u=[6,s];i=0}finally{o=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-cac058ba.system.js","./p-d3ce0a7b.system.js"],(function(t){"use strict";var e,n,o,i,r;return{setters:[function(t){e=t.r;n=t.h;o=t.H},function(t){i=t.g;r=t.p}],execute:function(){var u=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";var s=t("bds_menu",function(){function t(t){var n=this;e(this,t);this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false;this.onClickCloseButtom=function(){n.open=false}}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=i(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=r({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var i={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return n(o,null,this.open&&n("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),n("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:i},n("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}());s.style=u}}}));

package/dist/cjs/bds-menu.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-972aa2f7.js');
 const positionElement = require('./position-element-02fc46ab.js');
 
-const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";
+const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";
 
 const BdsMenu = class {
   constructor(hostRef) {
@@ -26,6 +26,9 @@ const BdsMenu = class {
      * Open. Used to open/close the menu.
      */
     this.open = false;
+    this.onClickCloseButtom = () => {
+      this.open = false;
+    };
   }
   componentWillLoad() {
     this.refElement = document.getElementById(this.menu);
@@ -48,11 +51,11 @@ const BdsMenu = class {
       top: `${this.menupositionTop}px`,
       left: `${this.menupositionLeft}px`,
     };
-    return (index.h("div", { ref: (el) => (this.menuElement = el), class: {
+    return (index.h(index.Host, null, this.open && index.h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), index.h("div", { ref: (el) => (this.menuElement = el), class: {
         menu: true,
         [`menu__${this.position}`]: true,
         [`menu__open`]: this.open,
-      }, style: menuPosition }, index.h("slot", null)));
+      }, style: menuPosition }, index.h("slot", null))));
   }
   static get watchers() { return {
     "open": ["openMenu"]

package/dist/collection/components/menu/menu.css

@@ -35,4 +35,12 @@
 .menu__open {
   pointer-events: auto;
   opacity: 1;
+}
+
+.outzone {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
 }

package/dist/collection/components/menu/menu.js

@@ -1,4 +1,4 @@
-import { Component, h, State, Method, Prop, Watch } from '@stencil/core';
+import { Component, Host, h, State, Method, Prop, Watch } from '@stencil/core';
 import { getScrollParent, positionElement } from '../../utils/position-element';
 export class BdsMenu {
   constructor() {
@@ -18,6 +18,9 @@ export class BdsMenu {
      * Open. Used to open/close the menu.
      */
     this.open = false;
+    this.onClickCloseButtom = () => {
+      this.open = false;
+    };
   }
   componentWillLoad() {
     this.refElement = document.getElementById(this.menu);
@@ -40,12 +43,14 @@ export class BdsMenu {
       top: `${this.menupositionTop}px`,
       left: `${this.menupositionLeft}px`,
     };
-    return (h("div", { ref: (el) => (this.menuElement = el), class: {
-        menu: true,
-        [`menu__${this.position}`]: true,
-        [`menu__open`]: this.open,
-      }, style: menuPosition },
-      h("slot", null)));
+    return (h(Host, null,
+      this.open && h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }),
+      h("div", { ref: (el) => (this.menuElement = el), class: {
+          menu: true,
+          [`menu__${this.position}`]: true,
+          [`menu__open`]: this.open,
+        }, style: menuPosition },
+        h("slot", null))));
   }
   static get is() { return "bds-menu"; }
   static get encapsulation() { return "shadow"; }

package/dist/esm/bds-menu.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-77dd9e80.js';
+import { r as registerInstance, h, f as Host } from './index-77dd9e80.js';
 import { g as getScrollParent, p as positionElement } from './position-element-917c0fb2.js';
 
-const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";
+const menuCss = ".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";
 
 const BdsMenu = class {
   constructor(hostRef) {
@@ -22,6 +22,9 @@ const BdsMenu = class {
      * Open. Used to open/close the menu.
      */
     this.open = false;
+    this.onClickCloseButtom = () => {
+      this.open = false;
+    };
   }
   componentWillLoad() {
     this.refElement = document.getElementById(this.menu);
@@ -44,11 +47,11 @@ const BdsMenu = class {
       top: `${this.menupositionTop}px`,
       left: `${this.menupositionLeft}px`,
     };
-    return (h("div", { ref: (el) => (this.menuElement = el), class: {
+    return (h(Host, null, this.open && h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { ref: (el) => (this.menuElement = el), class: {
         menu: true,
         [`menu__${this.position}`]: true,
         [`menu__open`]: this.open,
-      }, style: menuPosition }, h("slot", null)));
+      }, style: menuPosition }, h("slot", null))));
   }
   static get watchers() { return {
     "open": ["openMenu"]

package/dist/esm-es5/bds-menu.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function s(t){try{u(o.next(t))}catch(e){r(e)}}function a(t){try{u(o["throw"](t))}catch(e){r(e)}}function u(t){t.done?n(t.value):i(t.value).then(s,a)}u((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return u([t,e])}}function u(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(a){s=[6,a];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-abb0207b.js";import{g as getScrollParent,p as positionElement}from"./position-element-917c0fb2.js";var menuCss=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";var BdsMenu=function(){function t(t){registerInstance(this,t);this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=getScrollParent(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=positionElement({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var n={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return h("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:n},h("slot",null))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}();BdsMenu.style=menuCss;export{BdsMenu as bds_menu};
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function s(t){try{a(o.next(t))}catch(e){r(e)}}function u(t){try{a(o["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):i(t.value).then(s,u)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return a([t,e])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(u){s=[6,u];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host}from"./index-abb0207b.js";import{g as getScrollParent,p as positionElement}from"./position-element-917c0fb2.js";var menuCss=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}.outzone{position:fixed;top:0;left:0;width:100%;height:100vh}";var BdsMenu=function(){function t(t){var e=this;registerInstance(this,t);this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false;this.onClickCloseButtom=function(){e.open=false}}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=getScrollParent(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=positionElement({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var n={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return h(Host,null,this.open&&h("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),h("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:n},h("slot",null)))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}();BdsMenu.style=menuCss;export{BdsMenu as bds_menu};

package/dist/types/components/menu/menu.d.ts

@@ -21,5 +21,6 @@ export declare class BdsMenu implements ComponentInterface {
   componentWillLoad(): void;
   toggle(): Promise<void>;
   protected openMenu(): void;
+  private onClickCloseButtom;
   render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blip-ds",
-  "version": "1.207.0",
+  "version": "1.208.0",
   "description": "Blip Design System",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",

package/dist/blip-ds/p-37e79e55.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function u(t){try{a(o.next(t))}catch(e){r(e)}}function s(t){try{a(o["throw"](t))}catch(e){r(e)}}function a(t){t.done?n(t.value):i(t.value).then(u,s)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,u;return u={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function s(t){return function(e){return a([t,e])}}function a(u){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=u[0]&2?i["return"]:u[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,u[1])).done)return r;if(i=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(s){u=[6,s];i=0}finally{o=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-cac058ba.system.js","./p-d3ce0a7b.system.js"],(function(t){"use strict";var e,n,o,i;return{setters:[function(t){e=t.r;n=t.h},function(t){o=t.g;i=t.p}],execute:function(){var r=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";var u=t("bds_menu",function(){function t(t){e(this,t);this.refElement=null;this.intoView=null;this.menupositionTop=0;this.menupositionLeft=0;this.menu=null;this.position="right";this.open=false}t.prototype.componentWillLoad=function(){this.refElement=document.getElementById(this.menu);this.intoView=o(this.refElement)};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=!this.open;return[2]}))}))};t.prototype.openMenu=function(){var t=i({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top;this.menupositionLeft=t.left};t.prototype.render=function(){var t;var e=this;var o={top:"".concat(this.menupositionTop,"px"),left:"".concat(this.menupositionLeft,"px")};return n("div",{ref:function(t){return e.menuElement=t},class:(t={menu:true},t["menu__".concat(this.position)]=true,t["menu__open"]=this.open,t),style:o},n("slot",null))};Object.defineProperty(t,"watchers",{get:function(){return{open:["openMenu"]}},enumerable:false,configurable:true});return t}());u.style=r}}}));

package/dist/blip-ds/p-4815af17.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i}from"./p-454a7a7c.js";import{g as s,p as n}from"./p-831951e8.js";const o=class{constructor(i){t(this,i),this.refElement=null,this.intoView=null,this.menupositionTop=0,this.menupositionLeft=0,this.menu=null,this.position="right",this.open=!1}componentWillLoad(){this.refElement=document.getElementById(this.menu),this.intoView=s(this.refElement)}async toggle(){this.open=!this.open}openMenu(){const t=n({actionElement:this.refElement,changedElement:this.menuElement,intoView:this.intoView});this.menupositionTop=t.top,this.menupositionLeft=t.left}render(){return i("div",{ref:t=>this.menuElement=t,class:{menu:!0,[`menu__${this.position}`]:!0,menu__open:this.open},style:{top:`${this.menupositionTop}px`,left:`${this.menupositionLeft}px`}},i("slot",null))}static get watchers(){return{open:["openMenu"]}}};o.style=".menu{position:fixed;pointer-events:none;top:0;left:0;padding:16px 2px;background-color:#ffffff;border-radius:8px;-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);max-width:224px;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;z-index:80000}.menu__open{pointer-events:auto;opacity:1}";export{o as bds_menu}