blip-ds 1.192.0 → 1.193.0

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-279af45d.js';
+import { r as registerInstance, h, g as getElement } from './index-279af45d.js';
 
-const sidebarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
+const sidebarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
 
 const Sidebar = class {
   constructor(hostRef) {
@@ -34,14 +34,18 @@ const Sidebar = class {
       document.removeEventListener('keyup', this.listiner, false);
     }
   }
+  componentWillLoad() {
+    this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
+  }
   render() {
     return (h("div", { class: {
         sidebar_dialog: true,
         is_open: this.isOpen,
       } }, h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { class: { sidebar: true, is_open: this.isOpen, [`position_${this.sidebarPosition}`]: true } }, h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" }), h("bds-button-icon", { class: {
         closeButton: true,
-      }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() }))), h("div", { class: { body: true } }, h("div", { class: { content: true } }, h("slot", { name: "body" }))), h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" }))))));
+      }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() }))), h("div", { class: { body: true } }, h("div", { class: { content: true } }, h("slot", { name: "body" }))), this.hasFooterSlot && (h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" })))))));
   }
+  get hostElement() { return getElement(this); }
   static get watchers() { return {
     "isOpen": ["isOpenChanged"]
   }; }

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(e){s(e)}}function a(t){try{l(n["throw"](t))}catch(e){s(e)}}function l(t){t.done?i(t.value):o(t.value).then(r,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){i.label=r[1];break}if(r[0]===6&&i.label<s[1]){i.label=s[1];s=r;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(r);break}if(s[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(a){r=[6,a];o=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./index-ffd005e3.system.js"],(function(t){"use strict";var e,i;return{setters:[function(t){e=t.r;i=t.h}],execute:function(){var n='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';var o=t("bds_sidebar",function(){function t(t){var i=this;e(this,t);this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.listiner=function(t){if(t.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false}}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.isOpenChanged=function(t){if(t===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};t.prototype.render=function(){var t;var e=this;return i("div",{class:{sidebar_dialog:true,is_open:this.isOpen}},i("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),i("div",{class:(t={sidebar:true,is_open:this.isOpen},t["position_".concat(this.sidebarPosition)]=true,t)},i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"}),i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return e.onClickCloseButtom()}}))),i("div",{class:{body:true}},i("div",{class:{content:true}},i("slot",{name:"body"}))),i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());o.style=n}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(e){r(e)}}function a(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):o(t.value).then(s,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,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 l([t,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(a){s=[6,a];o=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-ffd005e3.system.js"],(function(t){"use strict";var e,i,n;return{setters:[function(t){e=t.r;i=t.h;n=t.g}],execute:function(){var o='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';var r=t("bds_sidebar",function(){function t(t){var i=this;e(this,t);this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.listiner=function(t){if(t.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false}}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.isOpenChanged=function(t){if(t===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};t.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')};t.prototype.render=function(){var t;var e=this;return i("div",{class:{sidebar_dialog:true,is_open:this.isOpen}},i("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),i("div",{class:(t={sidebar:true,is_open:this.isOpen},t["position_".concat(this.sidebarPosition)]=true,t)},i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"}),i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return e.onClickCloseButtom()}}))),i("div",{class:{body:true}},i("div",{class:{content:true}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());r.style=o}}}));

package/dist/blip-ds/p-76b42f33.system.js

@@ -1 +1 @@
-System.register(["./p-045be029.system.js"],(function(e,t){"use strict";var s,a,n,i,o,r;return{setters:[function(e){s=e.p;a=e.w;n=e.d;i=e.N;o=e.a;r=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{l(r.resourcesUrl,e)}if(!a.customElements){return t.import("./p-45cc362e.system.js").then((function(){return r}))}}return o(r)};var l=function(t,s){var o=e(i);try{a[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var r=new Map;a[o]=function(e){var i=new URL(e,t).href;var d=r.get(i);if(!d){var l=n.createElement("script");l.type="module";l.crossOrigin=s.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(a[o].m);l.remove()}}));r.set(i,d);n.head.appendChild(l)}return d}}};d().then((function(e){return r(JSON.parse('[["p-5b9ddf5e.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-74b71f88.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"endDateLimitDaysList":[32],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32]}]]],["p-d4f436dc.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],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"internalOptions":[32],"isOpen":[32],"isValid":[64],"getChips":[64]},[[9,"mousedown","handleWindow"]]]]],["p-f6b02ea4.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-1e95df7e.system",[[2,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[516],"disabled":[516],"required":[4],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32]},[[9,"mousedown","handleWindow"]]]]],["p-e422d438.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-b1f91540.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"],"danger":[1540],"isEditing":[32],"isValid":[32]}]]],["p-d08b0005.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"]}]]],["p-7a51fa27.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-5d5af9d9.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-7ed56484.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-20b47cd7.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-122e709a.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-f5164bd2.system",[[1,"bds-table",{"options":[8],"column":[8],"check":[4],"avatar":[4],"headerData":[32],"tableData":[32],"sortedData":[32],"order":[32],"sortAscending":[32],"bold":[32]}]]],["p-525d6374.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-336103b3.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-7adbbbff.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-ed58147b.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-ffd6e270.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-75d269ef.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-1f68eec4.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-5bac0b42.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-f3657858.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-3aea498b.system",[[1,"bds-warning"]]],["p-f8cf325c.system",[[1,"bds-alert-body"]]],["p-b34976ef.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-67b01ee5.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-6109767c.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-476d1fb1.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-051b9422.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-4abca248.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-433ca79c.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-3580a4c7.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-10c224c6.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-cd060c89.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-fd364019.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-23493eb7.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-b751dcb1.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-15ccd389.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-965d26cf.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-583d7a6d.system",[[1,"bds-alert-actions"]]],["p-07d3b212.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-2759ab35.system",[[1,"bds-expansion-panel"]]],["p-127a3d1c.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-f306dc5c.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-143269ad.system",[[1,"bds-loading-page",{"svgContent":[32]}]]],["p-83cb307e.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["p-5987c94d.system",[[1,"bds-menu-list"]]],["p-9b21164b.system",[[1,"bds-modal-action"]]],["p-c6fccf42.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-4180ca84.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-298f6c48.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-e1e125f4.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-d893be23.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-dde1f579.system",[[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]}],[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-24c8c83b.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"],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-92f842a5.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-b1689ff7.system",[[6,"bds-toast-container"]]],["p-79290ec4.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]}]]],["p-b3c97430.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-d9da5599.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"]}],[0,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-35efefd9.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["p-be77393d.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"]}]]]]'),e)}))}}}));
+System.register(["./p-045be029.system.js"],(function(e,t){"use strict";var s,a,n,i,o,r;return{setters:[function(e){s=e.p;a=e.w;n=e.d;i=e.N;o=e.a;r=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{s.$cssShim$=a.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,a.location.href)).href;{l(r.resourcesUrl,e)}if(!a.customElements){return t.import("./p-45cc362e.system.js").then((function(){return r}))}}return o(r)};var l=function(t,s){var o=e(i);try{a[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var r=new Map;a[o]=function(e){var i=new URL(e,t).href;var d=r.get(i);if(!d){var l=n.createElement("script");l.type="module";l.crossOrigin=s.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(a[o].m);l.remove()}}));r.set(i,d);n.head.appendChild(l)}return d}}};d().then((function(e){return r(JSON.parse('[["p-5b9ddf5e.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-74b71f88.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"endDateLimitDaysList":[32],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32]}]]],["p-d4f436dc.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],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"internalOptions":[32],"isOpen":[32],"isValid":[64],"getChips":[64]},[[9,"mousedown","handleWindow"]]]]],["p-f6b02ea4.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-1e95df7e.system",[[2,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[516],"disabled":[516],"required":[4],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32]},[[9,"mousedown","handleWindow"]]]]],["p-e422d438.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-b1f91540.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"],"danger":[1540],"isEditing":[32],"isValid":[32]}]]],["p-d08b0005.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"]}]]],["p-7a51fa27.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-5d5af9d9.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-7ed56484.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-20b47cd7.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-122e709a.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-f5164bd2.system",[[1,"bds-table",{"options":[8],"column":[8],"check":[4],"avatar":[4],"headerData":[32],"tableData":[32],"sortedData":[32],"order":[32],"sortAscending":[32],"bold":[32]}]]],["p-525d6374.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-336103b3.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-7adbbbff.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-ed58147b.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-ffd6e270.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-75d269ef.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-c3e79792.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-5bac0b42.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-f3657858.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-3aea498b.system",[[1,"bds-warning"]]],["p-f8cf325c.system",[[1,"bds-alert-body"]]],["p-b34976ef.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-67b01ee5.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-6109767c.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-476d1fb1.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-051b9422.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-4abca248.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-433ca79c.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-3580a4c7.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-10c224c6.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-cd060c89.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-fd364019.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-23493eb7.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-b751dcb1.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-15ccd389.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-965d26cf.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-583d7a6d.system",[[1,"bds-alert-actions"]]],["p-07d3b212.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-2759ab35.system",[[1,"bds-expansion-panel"]]],["p-127a3d1c.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-f306dc5c.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-143269ad.system",[[1,"bds-loading-page",{"svgContent":[32]}]]],["p-83cb307e.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["p-5987c94d.system",[[1,"bds-menu-list"]]],["p-9b21164b.system",[[1,"bds-modal-action"]]],["p-c6fccf42.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-4180ca84.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-298f6c48.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-e1e125f4.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-d893be23.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-dde1f579.system",[[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]}],[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-24c8c83b.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"],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-92f842a5.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-b1689ff7.system",[[6,"bds-toast-container"]]],["p-79290ec4.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]}]]],["p-b3c97430.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-d9da5599.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"]}],[0,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-35efefd9.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["p-be77393d.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"]}]]]]'),e)}))}}}));

package/dist/blip-ds/p-bec72256.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t,g as o}from"./p-30ca8b9c.js";const s=class{constructor(t){i(this,t),this.InnerSpacing=0,this.isOpen=!1,this.sidebarPosition="left",this.listiner=i=>{"Escape"==i.key&&(this.isOpen=!1)},this.onClickCloseButtom=()=>{this.isOpen=!1}}async toggle(){this.isOpen=!this.isOpen}isOpenChanged(i){!0===i?document.addEventListener("keyup",this.listiner,!1):document.removeEventListener("keyup",this.listiner,!1)}componentWillLoad(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')}render(){return t("div",{class:{sidebar_dialog:!0,is_open:this.isOpen}},t("div",{class:{outzone:!0},onClick:()=>this.onClickCloseButtom()}),t("div",{class:{sidebar:!0,is_open:this.isOpen,[`position_${this.sidebarPosition}`]:!0}},t("div",{class:{header:!0}},t("div",{class:{content:!0}},t("slot",{name:"header"}),t("bds-button-icon",{class:{closeButton:!0},icon:"close",size:"short",variant:"secondary",onClick:()=>this.onClickCloseButtom()}))),t("div",{class:{body:!0}},t("div",{class:{content:!0}},t("slot",{name:"body"}))),this.hasFooterSlot&&t("div",{class:{footer:!0}},t("div",{class:{content:!0}},t("slot",{name:"footer"})))))}get hostElement(){return o(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};s.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';export{s as bds_sidebar}

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(o.next(t))}catch(e){r(e)}}function a(t){try{l(o["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):n(t.value).then(s,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,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 l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(a){s=[6,a];n=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-045be029.system.js"],(function(t){"use strict";var e,i,o;return{setters:[function(t){e=t.r;i=t.h;o=t.g}],execute:function(){var n='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';var r=t("bds_sidebar",function(){function t(t){var i=this;e(this,t);this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.listiner=function(t){if(t.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false}}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.isOpenChanged=function(t){if(t===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};t.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')};t.prototype.render=function(){var t;var e=this;return i("div",{class:{sidebar_dialog:true,is_open:this.isOpen}},i("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),i("div",{class:(t={sidebar:true,is_open:this.isOpen},t["position_".concat(this.sidebarPosition)]=true,t)},i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"}),i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return e.onClickCloseButtom()}}))),i("div",{class:{body:true}},i("div",{class:{content:true}},i("slot",{name:"body"}))),this.hasFooterSlot&&i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());r.style=n}}}));

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8fa3efb1.js');
 
-const sidebarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
+const sidebarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
 
 const Sidebar = class {
   constructor(hostRef) {
@@ -38,14 +38,18 @@ const Sidebar = class {
       document.removeEventListener('keyup', this.listiner, false);
     }
   }
+  componentWillLoad() {
+    this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
+  }
   render() {
     return (index.h("div", { class: {
         sidebar_dialog: true,
         is_open: this.isOpen,
       } }, index.h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), index.h("div", { class: { sidebar: true, is_open: this.isOpen, [`position_${this.sidebarPosition}`]: true } }, index.h("div", { class: { header: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "header" }), index.h("bds-button-icon", { class: {
         closeButton: true,
-      }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() }))), index.h("div", { class: { body: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "body" }))), index.h("div", { class: { footer: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "footer" }))))));
+      }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() }))), index.h("div", { class: { body: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "body" }))), this.hasFooterSlot && (index.h("div", { class: { footer: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "footer" })))))));
   }
+  get hostElement() { return index.getElement(this); }
   static get watchers() { return {
     "isOpen": ["isOpenChanged"]
   }; }

package/dist/collection/components/sidebar/sidebar.css

@@ -62,17 +62,13 @@
 .sidebar .header .content {
   display: flex;
   align-content: flex-start;
+  justify-content: flex-end;
   padding: 24px;
   position: relative;
   color: #202c44;
 }
 .sidebar .header .content ::slotted(*) {
   width: 100%;
-  display: grid;
-  grid-auto-flow: column;
-  gap: 16px;
-  justify-content: start;
-  align-items: center;
 }
 .sidebar .header .content .closeButton {
   border-radius: 8px;
@@ -93,6 +89,7 @@
   inset: 0;
   padding: 8px 24px;
   overflow-y: scroll;
+  overflow-x: clip;
 }
 .sidebar .body .content::-webkit-scrollbar {
   width: 16px;
@@ -109,8 +106,8 @@
   padding: 24px;
 }
 .sidebar .footer .content ::slotted(*) {
-  display: flex;
-  justify-content: space-between;
+  height: 40px;
+  overflow: hidden;
 }
 .sidebar.is_open.position_left {
   right: calc(100% - 360px);

package/dist/collection/components/sidebar/sidebar.js

@@ -1,4 +1,4 @@
-import { Component, h, State, Prop, Method, Watch } from '@stencil/core';
+import { Component, h, State, Prop, Method, Watch, Element } from '@stencil/core';
 export class Sidebar {
   constructor() {
     this.InnerSpacing = 0;
@@ -30,6 +30,9 @@ export class Sidebar {
       document.removeEventListener('keyup', this.listiner, false);
     }
   }
+  componentWillLoad() {
+    this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
+  }
   render() {
     return (h("div", { class: {
         sidebar_dialog: true,
@@ -46,9 +49,9 @@ export class Sidebar {
         h("div", { class: { body: true } },
           h("div", { class: { content: true } },
             h("slot", { name: "body" }))),
-        h("div", { class: { footer: true } },
+        this.hasFooterSlot && (h("div", { class: { footer: true } },
           h("div", { class: { content: true } },
-            h("slot", { name: "footer" }))))));
+            h("slot", { name: "footer" })))))));
   }
   static get is() { return "bds-sidebar"; }
   static get encapsulation() { return "shadow"; }
@@ -121,6 +124,7 @@ export class Sidebar {
       }
     }
   }; }
+  static get elementRef() { return "hostElement"; }
   static get watchers() { return [{
       "propName": "isOpen",
       "methodName": "isOpenChanged"

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-822aa79c.js';
+import { r as registerInstance, h, g as getElement } from './index-822aa79c.js';
 
-const sidebarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
+const sidebarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
 
 const Sidebar = class {
   constructor(hostRef) {
@@ -34,14 +34,18 @@ const Sidebar = class {
       document.removeEventListener('keyup', this.listiner, false);
     }
   }
+  componentWillLoad() {
+    this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
+  }
   render() {
     return (h("div", { class: {
         sidebar_dialog: true,
         is_open: this.isOpen,
       } }, h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { class: { sidebar: true, is_open: this.isOpen, [`position_${this.sidebarPosition}`]: true } }, h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" }), h("bds-button-icon", { class: {
         closeButton: true,
-      }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() }))), h("div", { class: { body: true } }, h("div", { class: { content: true } }, h("slot", { name: "body" }))), h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" }))))));
+      }, icon: "close", size: "short", variant: "secondary", onClick: () => this.onClickCloseButtom() }))), h("div", { class: { body: true } }, h("div", { class: { content: true } }, h("slot", { name: "body" }))), this.hasFooterSlot && (h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" })))))));
   }
+  get hostElement() { return getElement(this); }
   static get watchers() { return {
     "isOpen": ["isOpenChanged"]
   }; }

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(e){s(e)}}function a(t){try{l(n["throw"](t))}catch(e){s(e)}}function l(t){t.done?i(t.value):o(t.value).then(r,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){i.label=r[1];break}if(r[0]===6&&i.label<s[1]){i.label=s[1];s=r;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(r);break}if(s[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(a){r=[6,a];o=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-764473a3.js";var sidebarCss='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';var Sidebar=function(){function t(t){var e=this;registerInstance(this,t);this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.listiner=function(t){if(t.key=="Escape"){e.isOpen=false}};this.onClickCloseButtom=function(){e.isOpen=false}}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.isOpenChanged=function(t){if(t===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};t.prototype.render=function(){var t;var e=this;return h("div",{class:{sidebar_dialog:true,is_open:this.isOpen}},h("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),h("div",{class:(t={sidebar:true,is_open:this.isOpen},t["position_".concat(this.sidebarPosition)]=true,t)},h("div",{class:{header:true}},h("div",{class:{content:true}},h("slot",{name:"header"}),h("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return e.onClickCloseButtom()}}))),h("div",{class:{body:true}},h("div",{class:{content:true}},h("slot",{name:"body"}))),h("div",{class:{footer:true}},h("div",{class:{content:true}},h("slot",{name:"footer"})))))};Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}();Sidebar.style=sidebarCss;export{Sidebar as bds_sidebar};
+var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(o.next(e))}catch(t){r(t)}}function a(e){try{l(o["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(s,a)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,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(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(a){s=[6,a];n=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,g as getElement}from"./index-764473a3.js";var sidebarCss='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:end;justify-content:flex-end;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll;overflow-x:clip}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';var Sidebar=function(){function e(e){var t=this;registerInstance(this,e);this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.listiner=function(e){if(e.key=="Escape"){t.isOpen=false}};this.onClickCloseButtom=function(){t.isOpen=false}}e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isOpen=!this.isOpen;return[2]}))}))};e.prototype.isOpenChanged=function(e){if(e===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};e.prototype.componentWillLoad=function(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')};e.prototype.render=function(){var e;var t=this;return h("div",{class:{sidebar_dialog:true,is_open:this.isOpen}},h("div",{class:{outzone:true},onClick:function(){return t.onClickCloseButtom()}}),h("div",{class:(e={sidebar:true,is_open:this.isOpen},e["position_".concat(this.sidebarPosition)]=true,e)},h("div",{class:{header:true}},h("div",{class:{content:true}},h("slot",{name:"header"}),h("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return t.onClickCloseButtom()}}))),h("div",{class:{body:true}},h("div",{class:{content:true}},h("slot",{name:"body"}))),this.hasFooterSlot&&h("div",{class:{footer:true}},h("div",{class:{content:true}},h("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return e}();Sidebar.style=sidebarCss;export{Sidebar as bds_sidebar};

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

@@ -1,5 +1,7 @@
 export declare type sidebarPosition = 'left' | 'right';
 export declare class Sidebar {
+  private hasFooterSlot;
+  hostElement: HTMLElement;
   InnerSpacing?: number;
   /**;
    * isOpen. Used to open sidebar.
@@ -11,6 +13,7 @@ export declare class Sidebar {
   sidebarPosition?: sidebarPosition;
   toggle(): Promise<void>;
   isOpenChanged(newValue: boolean): void;
+  componentWillLoad(): void;
   private listiner;
   private onClickCloseButtom;
   render(): any;

package/package.json

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

package/dist/blip-ds/p-1f68eec4.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(e){s(e)}}function a(t){try{l(n["throw"](t))}catch(e){s(e)}}function l(t){t.done?i(t.value):o(t.value).then(r,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){i.label=r[1];break}if(r[0]===6&&i.label<s[1]){i.label=s[1];s=r;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(r);break}if(s[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(a){r=[6,a];o=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-045be029.system.js"],(function(t){"use strict";var e,i;return{setters:[function(t){e=t.r;i=t.h}],execute:function(){var n='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';var o=t("bds_sidebar",function(){function t(t){var i=this;e(this,t);this.InnerSpacing=0;this.isOpen=false;this.sidebarPosition="left";this.listiner=function(t){if(t.key=="Escape"){i.isOpen=false}};this.onClickCloseButtom=function(){i.isOpen=false}}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isOpen=!this.isOpen;return[2]}))}))};t.prototype.isOpenChanged=function(t){if(t===true){document.addEventListener("keyup",this.listiner,false)}else{document.removeEventListener("keyup",this.listiner,false)}};t.prototype.render=function(){var t;var e=this;return i("div",{class:{sidebar_dialog:true,is_open:this.isOpen}},i("div",{class:{outzone:true},onClick:function(){return e.onClickCloseButtom()}}),i("div",{class:(t={sidebar:true,is_open:this.isOpen},t["position_".concat(this.sidebarPosition)]=true,t)},i("div",{class:{header:true}},i("div",{class:{content:true}},i("slot",{name:"header"}),i("bds-button-icon",{class:{closeButton:true},icon:"close",size:"short",variant:"secondary",onClick:function(){return e.onClickCloseButtom()}}))),i("div",{class:{body:true}},i("div",{class:{content:true}},i("slot",{name:"body"}))),i("div",{class:{footer:true}},i("div",{class:{content:true}},i("slot",{name:"footer"})))))};Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenChanged"]}},enumerable:false,configurable:true});return t}());o.style=n}}}));

package/dist/blip-ds/p-5800c0b0.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t}from"./p-30ca8b9c.js";const s=class{constructor(t){i(this,t),this.InnerSpacing=0,this.isOpen=!1,this.sidebarPosition="left",this.listiner=i=>{"Escape"==i.key&&(this.isOpen=!1)},this.onClickCloseButtom=()=>{this.isOpen=!1}}async toggle(){this.isOpen=!this.isOpen}isOpenChanged(i){!0===i?document.addEventListener("keyup",this.listiner,!1):document.removeEventListener("keyup",this.listiner,!1)}render(){return t("div",{class:{sidebar_dialog:!0,is_open:this.isOpen}},t("div",{class:{outzone:!0},onClick:()=>this.onClickCloseButtom()}),t("div",{class:{sidebar:!0,is_open:this.isOpen,[`position_${this.sidebarPosition}`]:!0}},t("div",{class:{header:!0}},t("div",{class:{content:!0}},t("slot",{name:"header"}),t("bds-button-icon",{class:{closeButton:!0},icon:"close",size:"short",variant:"secondary",onClick:()=>this.onClickCloseButtom()}))),t("div",{class:{body:!0}},t("div",{class:{content:!0}},t("slot",{name:"body"}))),t("div",{class:{footer:!0}},t("div",{class:{content:!0}},t("slot",{name:"footer"})))))}static get watchers(){return{isOpen:["isOpenChanged"]}}};s.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;padding:24px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){width:100%;display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}';export{s as bds_sidebar}