blip-ds 1.243.2 → 1.244.0

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

@@ -1 +0,0 @@
-import{r as i,h as e,g as s}from"./p-bfbc9769.js";const o=class{constructor(e){i(this,e),this.listiner=i=>{"Escape"==i.key&&(this.isOpen=!1)},this.onClickCloseButtom=()=>{this.isOpen=!1},this.InnerSpacing=0,this.isOpen=!1,this.sidebarPosition="left",this.type="over",this.margin=!0}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"]'),this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]'),"fixed"===this.type&&(this.isOpen=!0)}render(){return e("div",{class:{sidebar_dialog:!0,is_open:this.isOpen,[`type_${this.type}`]:!0}},"over"===this.type?e("div",{class:{outzone:!0},onClick:()=>this.onClickCloseButtom()}):"",e("div",{class:{sidebar:!0,is_open:this.isOpen,[`type_${this.type}`]:!0,[`position_${this.sidebarPosition}`]:!0}},this.hasHeaderSlot&&e("div",{class:{header:!0}},e("div",{class:{content:!0}},e("slot",{name:"header"})),"fixed"===this.type?"":e("bds-button-icon",{class:{closeButton:!0},icon:"close",size:"short",variant:"secondary",onClick:()=>this.onClickCloseButtom()})),e("div",{class:{body:!0}},e("div",{class:{content:!0,element_scrolled:!0,margin:this.margin}},e("slot",{name:"body"}))),this.hasFooterSlot&&e("div",{class:{footer:!0}},e("div",{class:{content:!0}},e("slot",{name:"footer"})))))}get hostElement(){return s(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};o.style=".sidebar_dialog{width:100%;height:100vh;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);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;display:none}.sidebar_dialog.type_over{position:fixed;top:0;left:0;z-index:80000}.sidebar_dialog.type_fixed{width:288px;position:relative;height:100%;-webkit-box-shadow:none;box-shadow:none}.sidebar_dialog.is_open{display:-ms-flexbox;display:flex;opacity:1;visibility:visible}.sidebar_dialog .outzone{-ms-flex-order:2;order:2;width:100%;height:100vh}.sidebar_dialog .sidebar{width:360px;-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;z-index:90000;-ms-flex-negative:0;flex-shrink:0}.sidebar_dialog .sidebar.position_left{-ms-flex-order:1;order:1}.sidebar_dialog .sidebar.position_right{-ms-flex-order:3;order:3}.sidebar_dialog .sidebar.type_fixed{width:288px}.sidebar_dialog .sidebar .header{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.sidebar_dialog .sidebar .header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;color:#202c44}.sidebar_dialog .sidebar .header .content ::slotted(*){width:100%}.sidebar_dialog .sidebar .header .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_dialog .sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar_dialog .sidebar .body .content{position:absolute;inset:0;z-index:999999;overflow-y:overlay;overflow-x:clip}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar_dialog .sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar_dialog .sidebar .body .margin{padding:8px 24px}.sidebar_dialog .sidebar .footer .content{padding:24px}.sidebar_dialog .sidebar .footer .content ::slotted(*){height:40px;overflow:hidden}.sidebar_dialog .sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar_dialog .sidebar.is_open.position_right{left:calc(100% - 360px)}";export{o as bds_sidebar}