@trendyol/baklava 2.0.0-beta.50 → 2.0.0-beta.51

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{a as P}from"./chunk-7FCUFV6V.js";import{a as m}from"./chunk-4H6GIXMH.js";import{a as s}from"./chunk-EA5US64C.js";import{a as n}from"./chunk-A25HQAVJ.js";import{c,f as i}from"./chunk-WFBCOT52.js";import{a as B}from"./chunk-GBFJ2WUI.js";import{a as x}from"./chunk-KWTSWXUL.js";import"./chunk-VNGNBBSS.js";import{a as I}from"./chunk-C5HFLPOK.js";import{a as b}from"./chunk-EX6STMCI.js";import{a as g}from"./chunk-IDG5M2QP.js";import{a as e}from"./chunk-OEJUFPBS.js";import{a as r}from"./chunk-54XXQVFL.js";import{b as f,e as p}from"./chunk-FEQIC2KZ.js";import"./chunk-KQBKSEYJ.js";import"./chunk-5VLVLBWY.js";import{a as u}from"./chunk-H37QVPNF.js";import{a as d}from"./chunk-UL6BSR26.js";import{a as l}from"./chunk-5JOXJIWB.js";import"./chunk-ENFFFE4I.js";import"./chunk-2TVOKUHE.js";import{a as o,b as t,c as a}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{e as BlAlert,r as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,u as BlDialog,d as BlDrawer,a as BlIcon,s as BlInput,m as BlPagination,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,B as BlSelect,x as BlSelectOption,b as BlTab,I as BlTabGroup,g as BlTabPanel,P as BlTooltip,t as getIconPath,o as setIconPath};
+import{a as P}from"./chunk-7FCUFV6V.js";import{a as m}from"./chunk-4H6GIXMH.js";import{a as s}from"./chunk-EA5US64C.js";import{a as n}from"./chunk-A25HQAVJ.js";import{c,f as i}from"./chunk-WFBCOT52.js";import{a as B}from"./chunk-GBFJ2WUI.js";import{a as x}from"./chunk-KWTSWXUL.js";import"./chunk-VNGNBBSS.js";import{a as I}from"./chunk-C5HFLPOK.js";import{a as b}from"./chunk-EX6STMCI.js";import{a as g}from"./chunk-IDG5M2QP.js";import{a as e}from"./chunk-OEJUFPBS.js";import{a as r}from"./chunk-54XXQVFL.js";import{b as f,e as p}from"./chunk-FEQIC2KZ.js";import"./chunk-KQBKSEYJ.js";import"./chunk-5VLVLBWY.js";import{a as u}from"./chunk-H37QVPNF.js";import{a as d}from"./chunk-WIJU4SW3.js";import{a as l}from"./chunk-5JOXJIWB.js";import"./chunk-ENFFFE4I.js";import"./chunk-2TVOKUHE.js";import{a as o,b as t,c as a}from"./chunk-WXJKPVRA.js";import"./chunk-72IJCTLJ.js";import"./chunk-23UFIOHV.js";import"./chunk-HG7OBTQS.js";import"./chunk-NZ3RGSR6.js";export{e as BlAlert,r as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,u as BlDialog,d as BlDrawer,a as BlIcon,s as BlInput,m as BlPagination,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,B as BlSelect,x as BlSelectOption,b as BlTab,I as BlTabGroup,g as BlTabPanel,P as BlTooltip,t as getIconPath,o as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/chunk-WIJU4SW3.js

@@ -0,0 +1,28 @@
+import{a}from"./chunk-23UFIOHV.js";import{a as s,b as r,f as o,g as l,h as n,i as d}from"./chunk-HG7OBTQS.js";import{a as t}from"./chunk-NZ3RGSR6.js";var p=s`@keyframes slide-from-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.drawer{position:fixed;top:0;right:0;width:424px;height:100vh;background:var(--bl-color-primary-background);box-shadow:var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);transform:translateX(100%);transition:transform var(--bl-drawer-animation-duration,.25s);z-index:999}:host([open]) .drawer{transform:translateX(0);animation:slide-from-right var(--bl-drawer-animation-duration,.25s)}iframe{height:100%;width:100%;border:0}.container{display:flex;flex-direction:column;width:100%;height:100%}header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl);background-color:white}header .header-buttons{display:flex;gap:24px;margin-left:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-secondary);overflow:hidden;margin:0;padding:0}section{padding:var(--bl-size-xl) var(--bl-size-xl) var(--bl-size-m) var(--bl-size-xl)}.content{overflow-y:scroll}.iframe-content{height:100%}@media only screen and (max-width:424px){:host([open]) .drawer{width:calc(100vw - 24px)}}`,c=p;var e=class extends o{constructor(){super(...arguments);this.open=!1;this.domExistence=!1}static get styles(){return[c]}connectedCallback(){super.connectedCallback(),window==null||window.addEventListener("bl-drawer-open",i=>{i.target!==this&&this.closeDrawer()})}updated(i){i.has("open")&&this.toggleDialogHandler()}toggleDialogHandler(){this.open?(this.domExistenceSchedule&&clearTimeout(this.domExistenceSchedule),this.domExistence=!0,this.onOpen("")):(this.domExistenceSchedule=window.setTimeout(()=>{this.domExistence=!1},1e3),this.onClose(""))}closeDrawer(){this.open=!1}renderContent(){let i=this.embedUrl?r`<iframe src=${this.embedUrl}></iframe>`:r`<slot />`;return r`<section class=${this.embedUrl?"iframe-content":"content"}>
+      ${i}
+      </section>`}renderContainer(){let i=this.caption?r`<h2 id="drawer-caption">${this.caption}</h2>`:"",h=this.externalLink?r`<bl-button
+      icon="external_link"
+      variant="tertiary"
+      kind="neutral"
+      size="small"
+      href="${this.externalLink}"
+      target="_blank"
+    ></bl-button>`:"";return r`<div class="container">
+      <header>
+        ${i}
+        <div class="header-buttons">
+          ${h}
+          <bl-button
+            @click="${this.closeDrawer}"
+            icon="close"
+            size="small"
+            variant="tertiary"
+            kind="neutral"
+          ></bl-button>
+        </div>
+      </header>
+      ${this.renderContent()}
+    </div>`}render(){return this.domExistence?r`<div class="drawer">
+          ${this.renderContainer()}
+        </div>`:r``}};t([n({type:Boolean,reflect:!0})],e.prototype,"open",2),t([n({type:String})],e.prototype,"caption",2),t([n({type:String,attribute:"embed-url"})],e.prototype,"embedUrl",2),t([n({type:String,attribute:"external-link"})],e.prototype,"externalLink",2),t([a("bl-drawer-open")],e.prototype,"onOpen",2),t([a("bl-drawer-close")],e.prototype,"onClose",2),t([d()],e.prototype,"domExistence",2),e=t([l("bl-drawer")],e);export{e as a};
+//# sourceMappingURL=chunk-WIJU4SW3.js.map

package/dist/chunk-WIJU4SW3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/drawer/bl-drawer.css", "../src/components/drawer/bl-drawer.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`@keyframes slide-from-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.drawer{position:fixed;top:0;right:0;width:424px;height:100vh;background:var(--bl-color-primary-background);box-shadow:var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);transform:translateX(100%);transition:transform var(--bl-drawer-animation-duration,.25s);z-index:999}:host([open]) .drawer{transform:translateX(0);animation:slide-from-right var(--bl-drawer-animation-duration,.25s)}iframe{height:100%;width:100%;border:0}.container{display:flex;flex-direction:column;width:100%;height:100%}header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl);background-color:white}header .header-buttons{display:flex;gap:24px;margin-left:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-secondary);overflow:hidden;margin:0;padding:0}section{padding:var(--bl-size-xl) var(--bl-size-xl) var(--bl-size-m) var(--bl-size-xl)}.content{overflow-y:scroll}.iframe-content{height:100%}@media only screen and (max-width:424px){:host([open]) .drawer{width:calc(100vw - 24px)}}`;\nexport default styles;\n", "import {customElement, property, state} from \"lit/decorators.js\";\nimport {CSSResultGroup, html, LitElement, TemplateResult} from \"lit\";\nimport {event, EventDispatcher} from \"../../utilities/event\";\nimport '../button/bl-button';\nimport style from './bl-drawer.css';\nimport {PropertyValues} from \"lit\";\n\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n */\n\n@customElement('bl-drawer')\nexport default class BlDrawer extends LitElement{\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets drawer open-close status\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   *  Sets the drawer title\n   */\n  @property({type:String})\n  caption?: string;\n\n  /**\n   *  Sets the drawer embed url for iframe\n   */\n  @property({type:String, attribute:'embed-url'})\n  embedUrl?: string;\n\n  /**\n   *  Sets the drawer external link\n   */\n  @property({type:String, attribute:'external-link'})\n  externalLink?: string;\n\n  /**\n   * Fires when the drawer is opened\n   */\n  @event('bl-drawer-open') private onOpen: EventDispatcher<string>;\n\n  /**\n   * Fires when the drawer is closed\n   */\n  @event('bl-drawer-close') private onClose: EventDispatcher<string>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    window?.addEventListener('bl-drawer-open',(event) => {\n      if(event.target !== this)\n        this.closeDrawer();\n    });\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (changedProperties.has('open')) {\n      this.toggleDialogHandler();\n    }\n  }\n\n  private domExistenceSchedule: number;\n\n  private toggleDialogHandler() {\n    if (this.open) {\n      if (this.domExistenceSchedule) {\n        clearTimeout(this.domExistenceSchedule);\n      }\n\n      this.domExistence = true;\n      // FIXME: Allow events without payload\n      this.onOpen('');\n    } else {\n      // Give some time for exit animation\n      this.domExistenceSchedule = window.setTimeout(() => {\n        this.domExistence = false;\n      }, 1000);\n\n      // FIXME: Allow events without payload\n      this.onClose('');\n    }\n  }\n\n  @state() private domExistence = false;\n\n  private closeDrawer() {\n    this.open = false;\n  }\n\n  private renderContent(){\n    const content = this.embedUrl ?\n      html`<iframe src=${this.embedUrl}></iframe>`\n      : html`<slot />`\n\n    return html`<section class=${this.embedUrl ? 'iframe-content' : 'content'}>\n      ${content}\n      </section>`\n  }\n\n  private renderContainer() {\n    const title = this.caption ? html`<h2 id=\"drawer-caption\">${this.caption}</h2>` : '';\n    const external_button = this.externalLink ? html`<bl-button\n      icon=\"external_link\"\n      variant=\"tertiary\"\n      kind=\"neutral\"\n      size=\"small\"\n      href=\"${this.externalLink}\"\n      target=\"_blank\"\n    ></bl-button>` : '';\n\n    return html`<div class=\"container\">\n      <header>\n        ${title}\n        <div class=\"header-buttons\">\n          ${external_button}\n          <bl-button\n            @click=\"${this.closeDrawer}\"\n            icon=\"close\"\n            size=\"small\"\n            variant=\"tertiary\"\n            kind=\"neutral\"\n          ></bl-button>\n        </div>\n      </header>\n      ${this.renderContent()}\n    </div>`;\n  }\n\n  render(): TemplateResult{\n    if(this.domExistence){\n      return html`<div class=\"drawer\">\n          ${this.renderContainer()}\n        </div>`;\n    }else {\n      return html``\n    }\n  }\n\n}\ndeclare global{\n  interface HTMLElementTagNameMap {\n    'bl-drawer' : BlDrawer;\n  }\n}\n"],
+  "mappings": "sJACO,IAAMA,EAASC,ypCACfC,EAAQF,ECYf,IAAqBG,EAArB,cAAsCC,CAAU,CAAhD,kCASE,UAAO,GAkEE,KAAQ,aAAe,GA1EhC,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAoCA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,qBAAQ,iBAAiB,iBAAkBC,GAAU,CAChDA,EAAM,SAAW,MAClB,KAAK,YAAY,CACrB,EACF,CAEA,QAAQC,EAAyC,CAC3CA,EAAkB,IAAI,MAAM,GAC9B,KAAK,oBAAoB,CAE7B,CAIQ,qBAAsB,CACxB,KAAK,MACH,KAAK,sBACP,aAAa,KAAK,oBAAoB,EAGxC,KAAK,aAAe,GAEpB,KAAK,OAAO,EAAE,IAGd,KAAK,qBAAuB,OAAO,WAAW,IAAM,CAClD,KAAK,aAAe,EACtB,EAAG,GAAI,EAGP,KAAK,QAAQ,EAAE,EAEnB,CAIQ,aAAc,CACpB,KAAK,KAAO,EACd,CAEQ,eAAe,CACrB,IAAMC,EAAU,KAAK,SACnBC,gBAAmB,KAAK,qBACtBA,YAEJ,OAAOA,mBAAsB,KAAK,SAAW,iBAAmB;AAAA,QAC5DD;AAAA,iBAEN,CAEQ,iBAAkB,CACxB,IAAME,EAAQ,KAAK,QAAUD,4BAA+B,KAAK,eAAiB,GAC5EE,EAAkB,KAAK,aAAeF;AAAA;AAAA;AAAA;AAAA;AAAA,cAKlC,KAAK;AAAA;AAAA,mBAEE,GAEjB,OAAOA;AAAA;AAAA,UAEDC;AAAA;AAAA,YAEEC;AAAA;AAAA,sBAEU,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQnB,KAAK,cAAc;AAAA,WAEzB,CAEA,QAAwB,CACtB,OAAG,KAAK,aACCF;AAAA,YACD,KAAK,gBAAgB;AAAA,gBAGpBA,GAEX,CAEF,EAzHEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBV,EASnB,oBAMAS,EAAA,CADCC,EAAS,CAAC,KAAK,MAAM,CAAC,GAdJV,EAenB,uBAMAS,EAAA,CADCC,EAAS,CAAC,KAAK,OAAQ,UAAU,WAAW,CAAC,GApB3BV,EAqBnB,wBAMAS,EAAA,CADCC,EAAS,CAAC,KAAK,OAAQ,UAAU,eAAe,CAAC,GA1B/BV,EA2BnB,4BAKiCS,EAAA,CAAhCN,EAAM,gBAAgB,GAhCJH,EAgCc,sBAKCS,EAAA,CAAjCN,EAAM,iBAAiB,GArCLH,EAqCe,uBAsCjBS,EAAA,CAAhBE,EAAM,GA3EYX,EA2EF,4BA3EEA,EAArBS,EAAA,CADCG,EAAc,WAAW,GACLZ",
+  "names": ["styles", "r", "bl_drawer_default", "BlDrawer", "s", "bl_drawer_default", "event", "changedProperties", "content", "$", "title", "external_button", "__decorateClass", "e", "t", "n"]
+}

package/dist/components/drawer/bl-drawer.d.ts

@@ -34,7 +34,9 @@ export default class BlDrawer extends LitElement {
     private onClose;
     connectedCallback(): void;
     updated(changedProperties: PropertyValues<this>): void;
+    private domExistenceSchedule;
     private toggleDialogHandler;
+    private domExistence;
     private closeDrawer;
     private renderContent;
     private renderContainer;

package/dist/components/drawer/bl-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/bl-drawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAErE,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAEnC;;;;GAIG;AAGH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACsB,OAAO,CAAC,MAAM,CAA0B;IAEjE;;OAEG;IACuB,OAAO,CAAC,OAAO,CAA0B;IAEnE,iBAAiB;IAQjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,eAAe;IA+BvB,MAAM,IAAI,cAAc;CAUzB;AACD,OAAO,CAAC,MAAM,CAAA;IACZ,UAAU,qBAAqB;QAC7B,WAAW,EAAG,QAAQ,CAAC;KACxB;CACF"}
+{"version":3,"file":"bl-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/bl-drawer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAErE,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAEnC;;;;GAIG;AAGH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACsB,OAAO,CAAC,MAAM,CAA0B;IAEjE;;OAEG;IACuB,OAAO,CAAC,OAAO,CAA0B;IAEnE,iBAAiB;IAQjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,mBAAmB;IAoBlB,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,eAAe;IA6BvB,MAAM,IAAI,cAAc;CAUzB;AACD,OAAO,CAAC,MAAM,CAAA;IACZ,UAAU,qBAAqB;QAC7B,WAAW,EAAG,QAAQ,CAAC;KACxB;CACF"}

package/dist/components/drawer/bl-drawer.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-UL6BSR26.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-WIJU4SW3.js";import"../../chunk-5JOXJIWB.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-drawer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.50",
+  "version": "2.0.0-beta.51",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -97,6 +97,7 @@
     "@web/test-runner-playwright": "^0.8.6",
     "@web/test-runner-puppeteer": "^0.10.5",
     "@webcomponents/webcomponentsjs": "^2.5.0",
+    "chromatic": "^6.11.4",
     "del": "^6.1.0",
     "del-cli": "^5.0.0",
     "esbuild": "^0.14.50",

package/dist/chunk-UL6BSR26.js

@@ -1,28 +0,0 @@
-import{a}from"./chunk-23UFIOHV.js";import{a as o,b as t,f as l,g as s,h as n}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var p=o`@keyframes slide-from-right{0%{transform:translateX(+100%)}100%{transform:translateX(0)}}.drawer{position:fixed;top:0;right:0;width:424px;height:100%;background:var(--bl-color-primary-background);box-shadow:var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);animation:.25s slide-from-right;z-index:999}iframe{height:100%;width:100%;border:0}.container{display:flex;flex-direction:column;width:100%;height:100%}header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl);background-color:white}header .header-buttons{display:flex;gap:24px;margin-left:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-secondary);overflow:hidden;margin:0;padding:0}section{padding:var(--bl-size-xl) var(--bl-size-xl) var(--bl-size-m) var(--bl-size-xl)}.content{overflow-y:scroll}.iframe-content{height:100%}@media only screen and (max-width:424px){:host([open]) .drawer{width:calc(100vw - 24px)}}`,d=p;var e=class extends l{constructor(){super(...arguments);this.open=!1}static get styles(){return[d]}connectedCallback(){super.connectedCallback(),window==null||window.addEventListener("bl-drawer-open",i=>{i.target!==this&&this.closeDrawer()})}updated(i){i.has("open")&&this.toggleDialogHandler()}toggleDialogHandler(){this.open?this.onOpen(""):this.onClose("")}closeDrawer(){this.open=!1}renderContent(){let i=this.embedUrl?t`<iframe src=${this.embedUrl}></iframe>`:t`<slot />`;return t`<section class=${this.embedUrl?"iframe-content":"content"}>
-      ${i}
-      </section>`}renderContainer(){let i=this.caption?t`<h2 id="drawer-caption">${this.caption}</h2>`:"",c=this.externalLink?t`<bl-button
-      icon="external_link"
-      variant="tertiary"
-      kind="neutral"
-      size="small"
-      href="${this.externalLink}"
-      target="_blank"
-    ></bl-button>`:"";return t`<div class="container">
-      <header>
-        ${i}
-        <div class="header-buttons">
-          ${c}
-          <bl-button
-            @click="${this.closeDrawer}"
-            icon="close"
-            size="small"
-            variant="tertiary"
-            kind="neutral"
-          ></bl-button>
-        </div>
-      </header>
-      ${this.renderContent()}
-    </div>`}render(){return this.open?t`<div class="drawer">
-          ${this.renderContainer()}
-        </div>`:t``}};r([n({type:Boolean,reflect:!0})],e.prototype,"open",2),r([n({type:String})],e.prototype,"caption",2),r([n({type:String,attribute:"embed-url"})],e.prototype,"embedUrl",2),r([n({type:String,attribute:"external-link"})],e.prototype,"externalLink",2),r([a("bl-drawer-open")],e.prototype,"onOpen",2),r([a("bl-drawer-close")],e.prototype,"onClose",2),e=r([s("bl-drawer")],e);export{e as a};
-//# sourceMappingURL=chunk-UL6BSR26.js.map

package/dist/chunk-UL6BSR26.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/drawer/bl-drawer.css", "../src/components/drawer/bl-drawer.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`@keyframes slide-from-right{0%{transform:translateX(+100%)}100%{transform:translateX(0)}}.drawer{position:fixed;top:0;right:0;width:424px;height:100%;background:var(--bl-color-primary-background);box-shadow:var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);animation:.25s slide-from-right;z-index:999}iframe{height:100%;width:100%;border:0}.container{display:flex;flex-direction:column;width:100%;height:100%}header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl);background-color:white}header .header-buttons{display:flex;gap:24px;margin-left:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-secondary);overflow:hidden;margin:0;padding:0}section{padding:var(--bl-size-xl) var(--bl-size-xl) var(--bl-size-m) var(--bl-size-xl)}.content{overflow-y:scroll}.iframe-content{height:100%}@media only screen and (max-width:424px){:host([open]) .drawer{width:calc(100vw - 24px)}}`;\nexport default styles;\n", "import {customElement, property} from \"lit/decorators.js\";\nimport {CSSResultGroup, html, LitElement, TemplateResult} from \"lit\";\nimport {event, EventDispatcher} from \"../../utilities/event\";\nimport '../button/bl-button';\nimport style from './bl-drawer.css';\nimport {PropertyValues} from \"lit\";\n\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n */\n\n@customElement('bl-drawer')\nexport default class BlDrawer extends LitElement{\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets drawer open-close status\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   *  Sets the drawer title\n   */\n  @property({type:String})\n  caption?: string;\n\n  /**\n   *  Sets the drawer embed url for iframe\n   */\n  @property({type:String, attribute:'embed-url'})\n  embedUrl?: string;\n\n  /**\n   *  Sets the drawer external link\n   */\n  @property({type:String, attribute:'external-link'})\n  externalLink?: string;\n\n  /**\n   * Fires when the drawer is opened\n   */\n  @event('bl-drawer-open') private onOpen: EventDispatcher<string>;\n\n  /**\n   * Fires when the drawer is closed\n   */\n  @event('bl-drawer-close') private onClose: EventDispatcher<string>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    window?.addEventListener('bl-drawer-open',(event) => {\n      if(event.target !== this)\n        this.closeDrawer();\n    });\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (changedProperties.has('open')) {\n      this.toggleDialogHandler();\n    }\n  }\n\n  private toggleDialogHandler() {\n    if (this.open) {\n      // FIXME: Allow events without payload\n      this.onOpen('');\n    } else {\n      // FIXME: Allow events without payload\n      this.onClose('');\n    }\n  }\n\n  private closeDrawer() {\n    this.open = false;\n  }\n\n  private renderContent(){\n    const content = this.embedUrl ?\n      html`<iframe src=${this.embedUrl}></iframe>`\n      : html`<slot />`\n\n    return html`<section class=${this.embedUrl ? 'iframe-content' : 'content'}>\n      ${content}\n      </section>`\n  }\n\n  private renderContainer() {\n    const title = this.caption ? html`<h2 id=\"drawer-caption\">${this.caption}</h2>` : '';\n    const external_button = this.externalLink ? html`<bl-button\n      icon=\"external_link\"\n      variant=\"tertiary\"\n      kind=\"neutral\"\n      size=\"small\"\n      href=\"${this.externalLink}\"\n      target=\"_blank\"\n    ></bl-button>` : '';\n\n    return html`<div class=\"container\">\n      <header>\n        ${title}\n        <div class=\"header-buttons\">\n          ${external_button}\n          <bl-button\n            @click=\"${this.closeDrawer}\"\n            icon=\"close\"\n            size=\"small\"\n            variant=\"tertiary\"\n            kind=\"neutral\"\n          ></bl-button>\n        </div>\n      </header>\n      ${this.renderContent()}\n    </div>`;\n  }\n\n\n\n  render(): TemplateResult{\n    if(this.open){\n      return html`<div class=\"drawer\">\n          ${this.renderContainer()}\n        </div>`;\n    }else {\n      return html``\n    }\n  }\n\n}\ndeclare global{\n  interface HTMLElementTagNameMap {\n    'bl-drawer' : BlDrawer;\n  }\n}\n"],
-  "mappings": "+IACO,IAAMA,EAASC,8+BACfC,EAAQF,ECYf,IAAqBG,EAArB,cAAsCC,CAAU,CAAhD,kCASE,UAAO,GARP,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAoCA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,qBAAQ,iBAAiB,iBAAkBC,GAAU,CAChDA,EAAM,SAAW,MAClB,KAAK,YAAY,CACrB,EACF,CAEA,QAAQC,EAAyC,CAC3CA,EAAkB,IAAI,MAAM,GAC9B,KAAK,oBAAoB,CAE7B,CAEQ,qBAAsB,CACxB,KAAK,KAEP,KAAK,OAAO,EAAE,EAGd,KAAK,QAAQ,EAAE,CAEnB,CAEQ,aAAc,CACpB,KAAK,KAAO,EACd,CAEQ,eAAe,CACrB,IAAMC,EAAU,KAAK,SACnBC,gBAAmB,KAAK,qBACtBA,YAEJ,OAAOA,mBAAsB,KAAK,SAAW,iBAAmB;AAAA,QAC5DD;AAAA,iBAEN,CAEQ,iBAAkB,CACxB,IAAME,EAAQ,KAAK,QAAUD,4BAA+B,KAAK,eAAiB,GAC5EE,EAAkB,KAAK,aAAeF;AAAA;AAAA;AAAA;AAAA;AAAA,cAKlC,KAAK;AAAA;AAAA,mBAEE,GAEjB,OAAOA;AAAA;AAAA,UAEDC;AAAA;AAAA,YAEEC;AAAA;AAAA,sBAEU,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQnB,KAAK,cAAc;AAAA,WAEzB,CAIA,QAAwB,CACtB,OAAG,KAAK,KACCF;AAAA,YACD,KAAK,gBAAgB;AAAA,gBAGpBA,GAEX,CAEF,EA7GEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBV,EASnB,oBAMAS,EAAA,CADCC,EAAS,CAAC,KAAK,MAAM,CAAC,GAdJV,EAenB,uBAMAS,EAAA,CADCC,EAAS,CAAC,KAAK,OAAQ,UAAU,WAAW,CAAC,GApB3BV,EAqBnB,wBAMAS,EAAA,CADCC,EAAS,CAAC,KAAK,OAAQ,UAAU,eAAe,CAAC,GA1B/BV,EA2BnB,4BAKiCS,EAAA,CAAhCN,EAAM,gBAAgB,GAhCJH,EAgCc,sBAKCS,EAAA,CAAjCN,EAAM,iBAAiB,GArCLH,EAqCe,uBArCfA,EAArBS,EAAA,CADCE,EAAc,WAAW,GACLX",
-  "names": ["styles", "r", "bl_drawer_default", "BlDrawer", "s", "bl_drawer_default", "event", "changedProperties", "content", "$", "title", "external_button", "__decorateClass", "e", "n"]
-}