@trendyol/baklava 3.3.0-beta.23 → 3.3.0-beta.25

package/dist/chunk-SBCJY5IU.js

@@ -0,0 +1,34 @@
+import{b as y,c as g,d as D,e as H,f as $}from"./chunk-AYJMIZZ3.js";import{a as Y}from"./chunk-DINNT5P2.js";import{a as N,b as L,c as R}from"./chunk-7GK5LKBV.js";import{a as k,b as A,c as M,d as S}from"./chunk-5MOOXA2X.js";import{a as P,b as w,c as z,f as C}from"./chunk-4OT5AMS5.js";import{d as v}from"./chunk-IZ2LK5GK.js";var I=(s,f,t)=>{let o=new Map;for(let n=f;n<=t;n++)o.set(s[n],n);return o},V=L(class extends R{constructor(s){if(super(s),s.type!==N.CHILD)throw Error("repeat() can only be used in text expressions")}ct(s,f,t){let o;t===void 0?t=f:f!==void 0&&(o=f);let n=[],i=[],a=0;for(let c of s)n[a]=o?o(c,a):a,i[a]=t(c,a),a++;return{values:i,keys:n}}render(s,f,t){return this.ct(s,f,t).values}update(s,[f,t,o]){var n;let i=H(s),{values:a,keys:c}=this.ct(f,t,o);if(!Array.isArray(i))return this.ut=c,a;let p=(n=this.ut)!==null&&n!==void 0?n:this.ut=[],m=[],b,x,e=0,l=i.length-1,r=0,d=a.length-1;for(;e<=l&&r<=d;)if(i[e]===null)e++;else if(i[l]===null)l--;else if(p[e]===c[r])m[r]=g(i[e],a[r]),e++,r++;else if(p[l]===c[d])m[d]=g(i[l],a[d]),l--,d--;else if(p[e]===c[d])m[d]=g(i[e],a[d]),y(s,m[d+1],i[e]),e++,d--;else if(p[l]===c[r])m[r]=g(i[l],a[r]),y(s,i[e],i[l]),l--,r++;else if(b===void 0&&(b=I(c,r,d),x=I(p,e,l)),b.has(p[e]))if(b.has(p[l])){let h=x.get(c[r]),T=h!==void 0?i[h]:null;if(T===null){let E=y(s,i[e]);g(E,a[r]),m[r]=E}else m[r]=g(T,a[r]),y(s,i[e],T),i[h]=null;r++}else $(i[l]),l--;else $(i[e]),e++;for(;r<=d;){let h=y(s,m[d+1]);g(h,a[r]),m[r++]=h}for(;e<=l;){let h=i[e++];h!==null&&$(h)}return this.ut=c,D(s,m),z}});var X=P`:host{--bl-notification-width:396px;--bl-notification-gap:var(--bl-size-2xs);--bl-notification-animation-duration:0.3s}.wrapper{--margin:var(--bl-size-xl);display:flex;flex-direction:column-reverse;position:fixed;top:0;inset-inline-end:0;max-width:var(--bl-notification-width);margin:var(--margin);width:calc(100% - var(--margin) * 2);z-index:var(--bl-index-notification)}@media screen and (max-width:480px){.wrapper{flex-direction:column;max-width:100%}}.notification{will-change:transform height margin;animation:slide-in-right var(--bl-notification-animation-duration) ease;margin-bottom:var(--bl-notification-gap);touch-action:none}:host(:has([dir=rtl])) .notification{animation:slide-in-left var(--bl-notification-animation-duration) ease}.notification[data-slide=top]{animation:slide-in-top var(--bl-notification-animation-duration) ease}:host([no-animation]) .notification{animation:none}.notification.removing{animation:slide-out-right var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}.notification[data-slide=top].removing{animation:slide-out-top var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}:host([no-animation]) .notification.removing{animation:0 size-to-zero}@media (prefers-reduced-motion){.notification.removing{animation:0 size-to-zero}.notification{animation:none}}@keyframes slide-in-right{from{transform:translateX(var(--travel-distance,10px));height:0;opacity:0;margin:0}}@keyframes slide-in-left{from{transform:translateX(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-right{to{transform:translateX(var(--travel-distance,10px));opacity:0}}@keyframes slide-in-top{from{transform:translateY(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-top{to{transform:translateY(var(--travel-distance,-10px));opacity:0}}@keyframes size-to-zero{to{height:0;margin:0}}`,B=X;var G=-50,u=class extends C{constructor(){super(...arguments);this.noAnimation=!1;this.duration=7;this.notifications=[];this.touchStartY=0}static get styles(){return[B]}get notificationList(){return this.notifications}get touchStart(){return{y:this.touchStartY}}get isMobile(){return window.matchMedia("(max-width: 480px)").matches}addNotification(t){let o=Math.random().toString(36).substr(2,9),n={...t,id:o,duration:t.duration||this.duration,remove:()=>this.removeNotification(o)},i=[...this.notifications,n];return this.notifications=i,n}async removeNotification(t){return new Promise(o=>{var i;let n=(i=this.shadowRoot)==null?void 0:i.getElementById(t);if(!n){o(!1);return}n.style.height=`${n.clientHeight}px`,n.addEventListener("animationend",({animationName:a})=>{a==="size-to-zero"&&(this.notifications=this.notifications.filter(c=>c.id!==t),o(!0))}),n.classList.add("removing")})}handleTouchStart(t){this.isMobile&&(t.stopPropagation(),this.touchStartY=t.touches[0].clientY)}handleTouchMove(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,n=t.touches[0].clientY,i=Math.min(n-this.touchStartY,0);o.style.transform=`translateY(${i}px)`}handleTouchEnd(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,i=t.changedTouches[0].clientY-this.touchStartY;i<G?(o.style.setProperty("--travel-distance",`${i-10}px`),this.removeNotification(o.id)):(o.style.transition="transform 0.3s ease",o.style.transform="translateY(0px)",o.addEventListener("transitionend",()=>{o.style.transition="",o.style.transform=""})),this.touchStartY=0}renderActionSlot(t,o){let n=t==="primary-action"?o.primaryAction:o.secondaryAction;return!n||!n.label?"":w`<bl-button slot="${t}" @bl-click=${()=>n.onClick(o)}>
+      ${n.label}
+    </bl-button>`}render(){return w`
+      <div class="wrapper">
+        ${V(this.notifications,t=>t.id,t=>{let{caption:o,description:n,icon:i=!0,variant:a="info",id:c,duration:p=this.duration,permanent:m}=t,b=this.renderActionSlot("primary-action",t),x=this.renderActionSlot("secondary-action",t);return w`
+              <bl-notification-card
+                id="${c}"
+                class="notification"
+                data-slide=${this.isMobile?"top":"right"}
+                duration=${p}
+                caption="${Y(o)}"
+                icon=${i}
+                variant=${Y(a)}
+                ?permanent=${m}
+                @bl-notification-card-request-close=${e=>{e.preventDefault(),this.removeNotification(c)}}
+                @touchstart=${this.handleTouchStart}
+                @touchmove=${this.handleTouchMove}
+                @touchend=${this.handleTouchEnd}
+              >
+                ${n} ${b} ${x}
+              </bl-notification-card>
+            `})}
+      </div>
+    `}};v([A({type:Boolean,attribute:"no-animation",reflect:!0})],u.prototype,"noAnimation",2),v([A({type:Number})],u.prototype,"duration",2),v([M()],u.prototype,"notifications",2),v([S({passive:!0})],u.prototype,"handleTouchStart",1),v([S({passive:!0})],u.prototype,"handleTouchMove",1),v([S({passive:!0})],u.prototype,"handleTouchEnd",1),u=v([k("bl-notification")],u);export{G as a,u as b};
+/*! Bundled license information:
+
+lit-html/directives/repeat.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk-SBCJY5IU.js.map

package/dist/{chunk-75V3FKJS.js.map → chunk-SBCJY5IU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../node_modules/lit-html/src/directives/repeat.ts", "../src/components/notification/bl-notification.css", "../src/components/notification/bl-notification.ts"],
-  "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ChildPart, noChange} from '../lit-html.js';\nimport {directive, Directive, PartInfo, PartType} from '../directive.js';\nimport {\n  insertPart,\n  getCommittedValue,\n  removePart,\n  setCommittedValue,\n  setChildPartValue,\n} from '../directive-helpers.js';\n\nexport type KeyFn<T> = (item: T, index: number) => unknown;\nexport type ItemTemplate<T> = (item: T, index: number) => unknown;\n\n// Helper for generating a map of array item to its index over a subset\n// of an array (used to lazily generate `newKeyToIndexMap` and\n// `oldKeyToIndexMap`)\nconst generateMap = (list: unknown[], start: number, end: number) => {\n  const map = new Map<unknown, number>();\n  for (let i = start; i <= end; i++) {\n    map.set(list[i], i);\n  }\n  return map;\n};\n\nclass RepeatDirective extends Directive {\n  private _itemKeys?: unknown[];\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error('repeat() can only be used in text expressions');\n    }\n  }\n\n  private _getValuesAndKeys<T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ) {\n    let keyFn: KeyFn<T> | undefined;\n    if (template === undefined) {\n      template = keyFnOrTemplate;\n    } else if (keyFnOrTemplate !== undefined) {\n      keyFn = keyFnOrTemplate as KeyFn<T>;\n    }\n    const keys = [];\n    const values = [];\n    let index = 0;\n    for (const item of items) {\n      keys[index] = keyFn ? keyFn(item, index) : index;\n      values[index] = template!(item, index);\n      index++;\n    }\n    return {\n      values,\n      keys,\n    };\n  }\n\n  render<T>(items: Iterable<T>, template: ItemTemplate<T>): Array<unknown>;\n  render<T>(\n    items: Iterable<T>,\n    keyFn: KeyFn<T> | ItemTemplate<T>,\n    template: ItemTemplate<T>\n  ): Array<unknown>;\n  render<T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ) {\n    return this._getValuesAndKeys(items, keyFnOrTemplate, template).values;\n  }\n\n  override update<T>(\n    containerPart: ChildPart,\n    [items, keyFnOrTemplate, template]: [\n      Iterable<T>,\n      KeyFn<T> | ItemTemplate<T>,\n      ItemTemplate<T>\n    ]\n  ) {\n    // Old part & key lists are retrieved from the last update (which may\n    // be primed by hydration)\n    const oldParts = getCommittedValue(\n      containerPart\n    ) as Array<ChildPart | null>;\n    const {values: newValues, keys: newKeys} = this._getValuesAndKeys(\n      items,\n      keyFnOrTemplate,\n      template\n    );\n\n    // We check that oldParts, the committed value, is an Array as an\n    // indicator that the previous value came from a repeat() call. If\n    // oldParts is not an Array then this is the first render and we return\n    // an array for lit-html's array handling to render, and remember the\n    // keys.\n    if (!Array.isArray(oldParts)) {\n      this._itemKeys = newKeys;\n      return newValues;\n    }\n\n    // In SSR hydration it's possible for oldParts to be an array but for us\n    // to not have item keys because the update() hasn't run yet. We set the\n    // keys to an empty array. This will cause all oldKey/newKey comparisons\n    // to fail and execution to fall to the last nested brach below which\n    // reuses the oldPart.\n    const oldKeys = (this._itemKeys ??= []);\n\n    // New part list will be built up as we go (either reused from\n    // old parts or created for new keys in this update). This is\n    // saved in the above cache at the end of the update.\n    const newParts: ChildPart[] = [];\n\n    // Maps from key to index for current and previous update; these\n    // are generated lazily only when needed as a performance\n    // optimization, since they are only required for multiple\n    // non-contiguous changes in the list, which are less common.\n    let newKeyToIndexMap!: Map<unknown, number>;\n    let oldKeyToIndexMap!: Map<unknown, number>;\n\n    // Head and tail pointers to old parts and new values\n    let oldHead = 0;\n    let oldTail = oldParts.length - 1;\n    let newHead = 0;\n    let newTail = newValues.length - 1;\n\n    // Overview of O(n) reconciliation algorithm (general approach\n    // based on ideas found in ivi, vue, snabbdom, etc.):\n    //\n    // * We start with the list of old parts and new values (and\n    //   arrays of their respective keys), head/tail pointers into\n    //   each, and we build up the new list of parts by updating\n    //   (and when needed, moving) old parts or creating new ones.\n    //   The initial scenario might look like this (for brevity of\n    //   the diagrams, the numbers in the array reflect keys\n    //   associated with the old parts or new values, although keys\n    //   and parts/values are actually stored in parallel arrays\n    //   indexed using the same head/tail pointers):\n    //\n    //      oldHead v                 v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [ ,  ,  ,  ,  ,  ,  ]\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6] <- reflects the user's new\n    //                                      item order\n    //      newHead ^                 ^ newTail\n    //\n    // * Iterate old & new lists from both sides, updating,\n    //   swapping, or removing parts at the head/tail locations\n    //   until neither head nor tail can move.\n    //\n    // * Example below: keys at head pointers match, so update old\n    //   part 0 in-place (no need to move it) and record part 0 in\n    //   the `newParts` list. The last thing we do is advance the\n    //   `oldHead` and `newHead` pointers (will be reflected in the\n    //   next diagram).\n    //\n    //      oldHead v                 v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  ,  ] <- heads matched: update 0\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldHead\n    //                                      & newHead\n    //      newHead ^                 ^ newTail\n    //\n    // * Example below: head pointers don't match, but tail\n    //   pointers do, so update part 6 in place (no need to move\n    //   it), and record part 6 in the `newParts` list. Last,\n    //   advance the `oldTail` and `oldHead` pointers.\n    //\n    //         oldHead v              v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  , 6] <- tails matched: update 6\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldTail\n    //                                      & newTail\n    //         newHead ^              ^ newTail\n    //\n    // * If neither head nor tail match; next check if one of the\n    //   old head/tail items was removed. We first need to generate\n    //   the reverse map of new keys to index (`newKeyToIndexMap`),\n    //   which is done once lazily as a performance optimization,\n    //   since we only hit this case if multiple non-contiguous\n    //   changes were made. Note that for contiguous removal\n    //   anywhere in the list, the head and tails would advance\n    //   from either end and pass each other before we get to this\n    //   case and removals would be handled in the final while loop\n    //   without needing to generate the map.\n    //\n    // * Example below: The key at `oldTail` was removed (no longer\n    //   in the `newKeyToIndexMap`), so remove that part from the\n    //   DOM and advance just the `oldTail` pointer.\n    //\n    //         oldHead v           v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  , 6] <- 5 not in new map: remove\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    5 and advance oldTail\n    //         newHead ^           ^ newTail\n    //\n    // * Once head and tail cannot move, any mismatches are due to\n    //   either new or moved items; if a new key is in the previous\n    //   \"old key to old index\" map, move the old part to the new\n    //   location, otherwise create and insert a new part. Note\n    //   that when moving an old part we null its position in the\n    //   oldParts array if it lies between the head and tail so we\n    //   know to skip it when the pointers get there.\n    //\n    // * Example below: neither head nor tail match, and neither\n    //   were removed; so find the `newHead` key in the\n    //   `oldKeyToIndexMap`, and move that old part's DOM into the\n    //   next head position (before `oldParts[oldHead]`). Last,\n    //   null the part in the `oldPart` array since it was\n    //   somewhere in the remaining oldParts still to be scanned\n    //   (between the head and tail pointers) so that we know to\n    //   skip that old part on future iterations.\n    //\n    //         oldHead v        v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2,  ,  ,  ,  , 6] <- stuck: update & move 2\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    into place and advance\n    //                                      newHead\n    //         newHead ^           ^ newTail\n    //\n    // * Note that for moves/insertions like the one above, a part\n    //   inserted at the head pointer is inserted before the\n    //   current `oldParts[oldHead]`, and a part inserted at the\n    //   tail pointer is inserted before `newParts[newTail+1]`. The\n    //   seeming asymmetry lies in the fact that new parts are\n    //   moved into place outside in, so to the right of the head\n    //   pointer are old parts, and to the right of the tail\n    //   pointer are new parts.\n    //\n    // * We always restart back from the top of the algorithm,\n    //   allowing matching and simple updates in place to\n    //   continue...\n    //\n    // * Example below: the head pointers once again match, so\n    //   simply update part 1 and record it in the `newParts`\n    //   array.  Last, advance both head pointers.\n    //\n    //         oldHead v        v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1,  ,  ,  , 6] <- heads matched: update 1\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldHead\n    //                                      & newHead\n    //            newHead ^        ^ newTail\n    //\n    // * As mentioned above, items that were moved as a result of\n    //   being stuck (the final else clause in the code below) are\n    //   marked with null, so we always advance old pointers over\n    //   these so we're comparing the next actual old value on\n    //   either end.\n    //\n    // * Example below: `oldHead` is null (already placed in\n    //   newParts), so advance `oldHead`.\n    //\n    //            oldHead v     v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6] <- old head already used:\n    //   newParts: [0, 2, 1,  ,  ,  , 6]    advance oldHead\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]\n    //               newHead ^     ^ newTail\n    //\n    // * Note it's not critical to mark old parts as null when they\n    //   are moved from head to tail or tail to head, since they\n    //   will be outside the pointer range and never visited again.\n    //\n    // * Example below: Here the old tail key matches the new head\n    //   key, so the part at the `oldTail` position and move its\n    //   DOM to the new head position (before `oldParts[oldHead]`).\n    //   Last, advance `oldTail` and `newHead` pointers.\n    //\n    //               oldHead v  v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4,  ,  , 6] <- old tail matches new\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]   head: update & move 4,\n    //                                     advance oldTail & newHead\n    //               newHead ^     ^ newTail\n    //\n    // * Example below: Old and new head keys match, so update the\n    //   old head part in place, and advance the `oldHead` and\n    //   `newHead` pointers.\n    //\n    //               oldHead v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4, 3,   ,6] <- heads match: update 3\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance oldHead &\n    //                                      newHead\n    //                  newHead ^  ^ newTail\n    //\n    // * Once the new or old pointers move past each other then all\n    //   we have left is additions (if old list exhausted) or\n    //   removals (if new list exhausted). Those are handled in the\n    //   final while loops at the end.\n    //\n    // * Example below: `oldHead` exceeded `oldTail`, so we're done\n    //   with the main loop.  Create the remaining part and insert\n    //   it at the new head position, and the update is complete.\n    //\n    //                   (oldHead > oldTail)\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4, 3, 7 ,6] <- create and insert 7\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]\n    //                     newHead ^ newTail\n    //\n    // * Note that the order of the if/else clauses is not\n    //   important to the algorithm, as long as the null checks\n    //   come first (to ensure we're always working on valid old\n    //   parts) and that the final else clause comes last (since\n    //   that's where the expensive moves occur). The order of\n    //   remaining clauses is is just a simple guess at which cases\n    //   will be most common.\n    //\n    // * Note, we could calculate the longest\n    //   increasing subsequence (LIS) of old items in new position,\n    //   and only move those not in the LIS set. However that costs\n    //   O(nlogn) time and adds a bit more code, and only helps\n    //   make rare types of mutations require fewer moves. The\n    //   above handles removes, adds, reversal, swaps, and single\n    //   moves of contiguous items in linear time, in the minimum\n    //   number of moves. As the number of multiple moves where LIS\n    //   might help approaches a random shuffle, the LIS\n    //   optimization becomes less helpful, so it seems not worth\n    //   the code at this point. Could reconsider if a compelling\n    //   case arises.\n\n    while (oldHead <= oldTail && newHead <= newTail) {\n      if (oldParts[oldHead] === null) {\n        // `null` means old part at head has already been used\n        // below; skip\n        oldHead++;\n      } else if (oldParts[oldTail] === null) {\n        // `null` means old part at tail has already been used\n        // below; skip\n        oldTail--;\n      } else if (oldKeys[oldHead] === newKeys[newHead]) {\n        // Old head matches new head; update in place\n        newParts[newHead] = setChildPartValue(\n          oldParts[oldHead]!,\n          newValues[newHead]\n        );\n        oldHead++;\n        newHead++;\n      } else if (oldKeys[oldTail] === newKeys[newTail]) {\n        // Old tail matches new tail; update in place\n        newParts[newTail] = setChildPartValue(\n          oldParts[oldTail]!,\n          newValues[newTail]\n        );\n        oldTail--;\n        newTail--;\n      } else if (oldKeys[oldHead] === newKeys[newTail]) {\n        // Old head matches new tail; update and move to new tail\n        newParts[newTail] = setChildPartValue(\n          oldParts[oldHead]!,\n          newValues[newTail]\n        );\n        insertPart(containerPart, newParts[newTail + 1], oldParts[oldHead]!);\n        oldHead++;\n        newTail--;\n      } else if (oldKeys[oldTail] === newKeys[newHead]) {\n        // Old tail matches new head; update and move to new head\n        newParts[newHead] = setChildPartValue(\n          oldParts[oldTail]!,\n          newValues[newHead]\n        );\n        insertPart(containerPart, oldParts[oldHead]!, oldParts[oldTail]!);\n        oldTail--;\n        newHead++;\n      } else {\n        if (newKeyToIndexMap === undefined) {\n          // Lazily generate key-to-index maps, used for removals &\n          // moves below\n          newKeyToIndexMap = generateMap(newKeys, newHead, newTail);\n          oldKeyToIndexMap = generateMap(oldKeys, oldHead, oldTail);\n        }\n        if (!newKeyToIndexMap.has(oldKeys[oldHead])) {\n          // Old head is no longer in new list; remove\n          removePart(oldParts[oldHead]!);\n          oldHead++;\n        } else if (!newKeyToIndexMap.has(oldKeys[oldTail])) {\n          // Old tail is no longer in new list; remove\n          removePart(oldParts[oldTail]!);\n          oldTail--;\n        } else {\n          // Any mismatches at this point are due to additions or\n          // moves; see if we have an old part we can reuse and move\n          // into place\n          const oldIndex = oldKeyToIndexMap.get(newKeys[newHead]);\n          const oldPart = oldIndex !== undefined ? oldParts[oldIndex] : null;\n          if (oldPart === null) {\n            // No old part for this value; create a new one and\n            // insert it\n            const newPart = insertPart(containerPart, oldParts[oldHead]!);\n            setChildPartValue(newPart, newValues[newHead]);\n            newParts[newHead] = newPart;\n          } else {\n            // Reuse old part\n            newParts[newHead] = setChildPartValue(oldPart, newValues[newHead]);\n            insertPart(containerPart, oldParts[oldHead]!, oldPart);\n            // This marks the old part as having been used, so that\n            // it will be skipped in the first two checks above\n            oldParts[oldIndex as number] = null;\n          }\n          newHead++;\n        }\n      }\n    }\n    // Add parts for any remaining new values\n    while (newHead <= newTail) {\n      // For all remaining additions, we insert before last new\n      // tail, since old pointers are no longer valid\n      const newPart = insertPart(containerPart, newParts[newTail + 1]);\n      setChildPartValue(newPart, newValues[newHead]);\n      newParts[newHead++] = newPart;\n    }\n    // Remove any remaining unused old parts\n    while (oldHead <= oldTail) {\n      const oldPart = oldParts[oldHead++];\n      if (oldPart !== null) {\n        removePart(oldPart);\n      }\n    }\n\n    // Save order of new parts for next round\n    this._itemKeys = newKeys;\n    // Directly set part value, bypassing it's dirty-checking\n    setCommittedValue(containerPart, newParts);\n    return noChange;\n  }\n}\n\nexport interface RepeatDirectiveFn {\n  <T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ): unknown;\n  <T>(items: Iterable<T>, template: ItemTemplate<T>): unknown;\n  <T>(\n    items: Iterable<T>,\n    keyFn: KeyFn<T> | ItemTemplate<T>,\n    template: ItemTemplate<T>\n  ): unknown;\n}\n\n/**\n * A directive that repeats a series of values (usually `TemplateResults`)\n * generated from an iterable, and updates those items efficiently when the\n * iterable changes based on user-provided `keys` associated with each item.\n *\n * Note that if a `keyFn` is provided, strict key-to-DOM mapping is maintained,\n * meaning previous DOM for a given key is moved into the new position if\n * needed, and DOM will never be reused with values for different keys (new DOM\n * will always be created for new keys). This is generally the most efficient\n * way to use `repeat` since it performs minimum unnecessary work for insertions\n * and removals.\n *\n * The `keyFn` takes two parameters, the item and its index, and returns a unique key value.\n *\n * ```js\n * html`\n *   <ol>\n *     ${repeat(this.items, (item) => item.id, (item, index) => {\n *       return html`<li>${index}: ${item.name}</li>`;\n *     })}\n *   </ol>\n * `\n * ```\n *\n * **Important**: If providing a `keyFn`, keys *must* be unique for all items in a\n * given call to `repeat`. The behavior when two or more items have the same key\n * is undefined.\n *\n * If no `keyFn` is provided, this directive will perform similar to mapping\n * items to values, and DOM will be reused against potentially different items.\n */\nexport const repeat = directive(RepeatDirective) as RepeatDirectiveFn;\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RepeatDirective};\n", "import {css} from 'lit';\nexport const styles = css`:host{--bl-notification-width:396px;--bl-notification-gap:var(--bl-size-2xs);--bl-notification-animation-duration:0.3s}.wrapper{--margin:var(--bl-size-xl);display:flex;flex-direction:column-reverse;position:fixed;top:0;inset-inline-end:0;max-width:var(--bl-notification-width);margin:var(--margin);width:calc(100% - var(--margin) * 2);z-index:var(--bl-index-notification)}@media screen and (max-width: 480px){.wrapper{flex-direction:column;max-width:100%}}.notification{will-change:transform height margin;animation:slide-in-right var(--bl-notification-animation-duration) ease;margin-bottom:var(--bl-notification-gap);touch-action:none}:host(:has([dir=\"rtl\"])) .notification{animation:slide-in-left var(--bl-notification-animation-duration) ease}.notification[data-slide=\"top\"]{animation:slide-in-top var(--bl-notification-animation-duration) ease}:host([no-animation]) .notification{animation:none}.notification.removing{animation:slide-out-right var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}.notification[data-slide=\"top\"].removing{animation:slide-out-top var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}:host([no-animation]) .notification.removing{animation:size-to-zero 0}@media (prefers-reduced-motion){.notification.removing{animation:size-to-zero 0}.notification{animation:none}}@keyframes slide-in-right{from{transform:translateX(var(--travel-distance, 10px));height:0;opacity:0;margin:0}}@keyframes slide-in-left{from{transform:translateX(var(--travel-distance, -10px));height:0;opacity:0;margin:0}}@keyframes slide-out-right{to{transform:translateX(var(--travel-distance, 10px));opacity:0}}@keyframes slide-in-top{from{transform:translateY(var(--travel-distance, -10px));height:0;opacity:0;margin:0}}@keyframes slide-out-top{to{transform:translateY(var(--travel-distance, -10px));opacity:0}}@keyframes size-to-zero{to{height:0;margin:0}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, eventOptions, property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport BlAlert from \"../alert/bl-alert\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-notification.css\";\nimport BlNotificationCard, { CloseSource, NotificationVariant } from \"./card/bl-notification-card\";\n\ntype Action = {\n  label: string;\n  onClick: (notification: Notification) => void;\n};\n\nexport type NotificationProps = {\n  caption?: string;\n  description: string;\n  icon?: boolean | BaklavaIcon;\n  variant?: NotificationVariant;\n  primaryAction?: Action;\n  secondaryAction?: Action;\n  duration?: number;\n  permanent?: boolean;\n};\n\nexport type Notification = NotificationProps & {\n  id: string;\n  remove: () => Promise<boolean>;\n};\n\nexport const SWIPE_UP_THRESHOLD = -50;\n\n/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */\n\n@customElement(\"bl-notification\")\nexport default class BlNotification extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Disable animations.\n   * It will not be possible to use animations if the user has disabled them.\n   * Animations will respect the user's preferences regardless of this property.\n   */\n  @property({ type: Boolean, attribute: \"no-animation\", reflect: true })\n  noAnimation = false;\n\n  /**\n   * Sets the default duration of notifications in seconds\n   */\n  @property({ type: Number })\n  duration = 7;\n\n  @state()\n  private notifications: Notification[] = [];\n\n  public get notificationList() {\n    return this.notifications;\n  }\n\n  private touchStartY = 0;\n\n  public get touchStart() {\n    return {\n      y: this.touchStartY,\n    };\n  }\n\n  private get isMobile() {\n    return window.matchMedia(\"(max-width: 480px)\").matches;\n  }\n\n  /**\n   * Adds a notification to the list of notifications.\n   * @param {NotificationProps} props Notification properties\n   * @returns {Notification} A notification object with a remove method.\n   */\n  public addNotification(props: NotificationProps) {\n    // TODO id generation\n    const id = Math.random().toString(36).substr(2, 9);\n    const notification: Notification = {\n      ...props,\n      id,\n      duration: props.duration || this.duration,\n      remove: () => this.removeNotification(id),\n    };\n\n    const newNotifications = [...this.notifications, notification];\n\n    this.notifications = newNotifications;\n\n    return notification;\n  }\n\n  /**\n   * Removes a notification from the list of notifications.\n   * @param {string} id Notification id\n   * @returns {Promise<boolean>} A promise that resolves with a boolean indicating whether the notification was removed.\n   */\n  public async removeNotification(id: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const notificationEl = this.shadowRoot?.getElementById(id) as BlAlert;\n\n      if (!notificationEl) {\n        resolve(false);\n        return;\n      }\n\n      notificationEl.style.height = `${notificationEl.clientHeight}px`;\n      notificationEl.addEventListener(\"animationend\", ({ animationName }: AnimationEvent) => {\n        if (animationName !== \"size-to-zero\") {\n          return;\n        }\n\n        this.notifications = this.notifications.filter(notification => notification.id !== id);\n        resolve(true);\n      });\n\n      notificationEl.classList.add(\"removing\");\n    });\n  }\n\n  @eventOptions({ passive: true })\n  private handleTouchStart(event: TouchEvent) {\n    if (!this.isMobile) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    this.touchStartY = event.touches[0].clientY;\n  }\n\n  @eventOptions({ passive: true })\n  private handleTouchMove(event: TouchEvent) {\n    if (!this.isMobile) {\n      return;\n    }\n    event.stopPropagation();\n\n    const currentTarget = event.currentTarget as BlNotificationCard;\n\n    const currentY = event.touches[0].clientY;\n    // Allow only moving up\n    const movedY = Math.min(currentY - this.touchStartY, 0);\n\n    currentTarget.style.transform = `translateY(${movedY}px)`;\n  }\n\n  @eventOptions({ passive: true })\n  private handleTouchEnd(event: TouchEvent) {\n    if (!this.isMobile) {\n      return;\n    }\n    event.stopPropagation();\n\n    const currentTarget = event.currentTarget as BlNotificationCard;\n\n    const currentY = event.changedTouches[0].clientY;\n    const movedY = currentY - this.touchStartY;\n\n    if (movedY < SWIPE_UP_THRESHOLD) {\n      currentTarget.style.setProperty(\"--travel-distance\", `${movedY - 10}px`);\n      this.removeNotification(currentTarget.id);\n    } else {\n      currentTarget.style.transition = \"transform 0.3s ease\";\n      currentTarget.style.transform = \"translateY(0px)\";\n\n      currentTarget.addEventListener(\"transitionend\", () => {\n        currentTarget.style.transition = \"\";\n        currentTarget.style.transform = \"\";\n      });\n    }\n\n    this.touchStartY = 0;\n  }\n\n  private renderActionSlot(\n    slotName: \"primary-action\" | \"secondary-action\",\n    notification: Notification\n  ) {\n    const action =\n      slotName === \"primary-action\" ? notification.primaryAction : notification.secondaryAction;\n\n    if (!action || !action.label) {\n      return \"\";\n    }\n\n    return html`<bl-button slot=\"${slotName}\" @bl-click=${() => action.onClick(notification)}>\n      ${action.label}\n    </bl-button>`;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"wrapper\">\n        ${repeat(\n          this.notifications,\n          notification => notification.id,\n          notification => {\n            const {\n              caption,\n              description,\n              icon = true,\n              variant = \"info\",\n              id,\n              duration = this.duration,\n              permanent,\n            } = notification;\n\n            const actionButton = this.renderActionSlot(\"primary-action\", notification);\n            const secondaryActionButton = this.renderActionSlot(\"secondary-action\", notification);\n\n            return html`\n              <bl-notification-card\n                id=\"${id}\"\n                class=\"notification\"\n                data-slide=${this.isMobile ? \"top\" : \"right\"}\n                duration=${duration}\n                caption=\"${ifDefined(caption)}\"\n                icon=${icon}\n                variant=${ifDefined(variant)}\n                ?permanent=${permanent}\n                @bl-notification-card-request-close=${(\n                  event: CustomEvent<{ source: CloseSource }>\n                ) => {\n                  // We will run animations on the notification card\n                  // so we need to prevent the default close behavior\n                  event.preventDefault();\n                  this.removeNotification(id);\n                }}\n                @touchstart=${this.handleTouchStart}\n                @touchmove=${this.handleTouchMove}\n                @touchend=${this.handleTouchEnd}\n              >\n                ${description} ${actionButton} ${secondaryActionButton}\n              </bl-notification-card>\n            `;\n          }\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-notification\": BlNotification;\n  }\n}\n"],
-  "mappings": "oUAsBA,IAAMA,EAAc,CAACC,EAAiBC,EAAeC,IAAAA,CACnD,IAAMC,EAAM,IAAIC,IAChB,QAASC,EAAIJ,EAAOI,GAAKH,EAAKG,IAC5BF,EAAIG,IAAIN,EAAKK,CAAAA,EAAIA,CAAAA,EAEnB,OAAOF,CAAG,EAqcCI,EAASC,EAlctB,cAA8BC,CAAAA,CAG5BC,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EACFA,EAASE,OAASC,EAASC,MAC7B,MAAUC,MAAM,+CAAA,CAEnB,CAEOC,GACNC,EACAC,EACAC,EAAAA,CAEA,IAAIC,EACAD,IADAC,OAEFD,EAAWD,EACFA,IADEA,SAEXE,EAAQF,GAEV,IAAMG,EAAO,CAAA,EACPC,EAAS,CAAA,EACXC,EAAQ,EACZ,QAAWC,KAAQP,EACjBI,EAAKE,CAAAA,EAASH,EAAQA,EAAMI,EAAMD,CAAAA,EAASA,EAC3CD,EAAOC,CAAAA,EAASJ,EAAUK,EAAMD,CAAAA,EAChCA,IAEF,MAAO,CACLD,OAAAA,EACAD,KAAAA,CAAAA,CAEH,CAQDI,OACER,EACAC,EACAC,EAAAA,CAEA,OAAOO,KAAKV,GAAkBC,EAAOC,EAAiBC,CAAAA,EAAUG,MACjE,CAEQK,OACPC,EAAAA,CACCX,EAAOC,EAAiBC,CAAAA,EAAAA,CAAAA,IAAAA,EAQzB,IAAMU,EAAWC,EACfF,CAAAA,EAAAA,CAEKN,OAAQS,EAAWV,KAAMW,CAAAA,EAAWN,KAAKV,GAC9CC,EACAC,EACAC,CAAAA,EAQF,GAAA,CAAKc,MAAMC,QAAQL,CAAAA,EAEjB,OADAH,KAAKS,GAAYH,EACVD,EAQT,IAAMK,GAAWC,EAAAX,KAAKS,MAAL,MAAAE,IAAKF,OAALE,EAAAX,KAAKS,GAAc,CAAA,EAK9BG,EAAwB,CAAA,EAM1BC,EACAC,EAGAC,EAAU,EACVC,EAAUb,EAASc,OAAS,EAC5BC,EAAU,EACVC,EAAUd,EAAUY,OAAS,EAsMjC,KAAOF,GAAWC,GAAWE,GAAWC,GACtC,GAAIhB,EAASY,CAAAA,IAAa,KAGxBA,YACSZ,EAASa,CAAAA,IAAa,KAG/BA,YACSN,EAAQK,CAAAA,IAAaT,EAAQY,CAAAA,EAEtCN,EAASM,CAAAA,EAAWE,EAClBjB,EAASY,CAAAA,EACTV,EAAUa,CAAAA,CAAAA,EAEZH,IACAG,YACSR,EAAQM,CAAAA,IAAaV,EAAQa,CAAAA,EAEtCP,EAASO,CAAAA,EAAWC,EAClBjB,EAASa,CAAAA,EACTX,EAAUc,CAAAA,CAAAA,EAEZH,IACAG,YACST,EAAQK,CAAAA,IAAaT,EAAQa,CAAAA,EAEtCP,EAASO,CAAAA,EAAWC,EAClBjB,EAASY,CAAAA,EACTV,EAAUc,CAAAA,CAAAA,EAEZE,EAAWnB,EAAeU,EAASO,EAAU,CAAA,EAAIhB,EAASY,CAAAA,CAAAA,EAC1DA,IACAI,YACST,EAAQM,CAAAA,IAAaV,EAAQY,CAAAA,EAEtCN,EAASM,CAAAA,EAAWE,EAClBjB,EAASa,CAAAA,EACTX,EAAUa,CAAAA,CAAAA,EAEZG,EAAWnB,EAAeC,EAASY,CAAAA,EAAWZ,EAASa,CAAAA,CAAAA,EACvDA,IACAE,YAEIL,IAMJ,SAHEA,EAAmBzC,EAAYkC,EAASY,EAASC,CAAAA,EACjDL,EAAmB1C,EAAYsC,EAASK,EAASC,CAAAA,GAE9CH,EAAiBS,IAAIZ,EAAQK,CAAAA,CAAAA,EAI3B,GAAKF,EAAiBS,IAAIZ,EAAQM,CAAAA,CAAAA,EAIlC,CAIL,IAAMO,EAAWT,EAAiBU,IAAIlB,EAAQY,CAAAA,CAAAA,EACxCO,EAAUF,IAAVE,OAAmCtB,EAASoB,CAAAA,EAAY,KAC9D,GAAIE,IAAY,KAAM,CAGpB,IAAMC,EAAUL,EAAWnB,EAAeC,EAASY,CAAAA,CAAAA,EACnDK,EAAkBM,EAASrB,EAAUa,CAAAA,CAAAA,EACrCN,EAASM,CAAAA,EAAWQ,OAGpBd,EAASM,CAAAA,EAAWE,EAAkBK,EAASpB,EAAUa,CAAAA,CAAAA,EACzDG,EAAWnB,EAAeC,EAASY,CAAAA,EAAWU,CAAAA,EAG9CtB,EAASoB,CAAAA,EAAsB,KAEjCL,SAtBAS,EAAWxB,EAASa,CAAAA,CAAAA,EACpBA,SALAW,EAAWxB,EAASY,CAAAA,CAAAA,EACpBA,IA8BN,KAAOG,GAAWC,GAAS,CAGzB,IAAMO,EAAUL,EAAWnB,EAAeU,EAASO,EAAU,CAAA,CAAA,EAC7DC,EAAkBM,EAASrB,EAAUa,CAAAA,CAAAA,EACrCN,EAASM,GAAAA,EAAaQ,EAGxB,KAAOX,GAAWC,GAAS,CACzB,IAAMS,EAAUtB,EAASY,GAAAA,EACrBU,IAAY,MACdE,EAAWF,CAAAA,EAQf,OAHAzB,KAAKS,GAAYH,EAEjBsB,EAAkB1B,EAAeU,CAAAA,EAC1BiB,CACR,CAAA,CAAA,EC/aI,IAAMC,EAASC,6iEACfC,EAAQF,EC4BR,IAAMG,EAAqB,IAQbC,EAArB,cAA4CC,CAAW,CAAvD,kCAWE,iBAAc,GAMd,cAAW,EAGX,KAAQ,cAAgC,CAAC,EAMzC,KAAQ,YAAc,EAzBtB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAmBA,IAAW,kBAAmB,CAC5B,OAAO,KAAK,aACd,CAIA,IAAW,YAAa,CACtB,MAAO,CACL,EAAG,KAAK,WACV,CACF,CAEA,IAAY,UAAW,CACrB,OAAO,OAAO,WAAW,oBAAoB,EAAE,OACjD,CAOO,gBAAgBC,EAA0B,CAE/C,IAAMC,EAAK,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,EAAG,CAAC,EAC3CC,EAA6B,CACjC,GAAGF,EACH,GAAAC,EACA,SAAUD,EAAM,UAAY,KAAK,SACjC,OAAQ,IAAM,KAAK,mBAAmBC,CAAE,CAC1C,EAEME,EAAmB,CAAC,GAAG,KAAK,cAAeD,CAAY,EAE7D,YAAK,cAAgBC,EAEdD,CACT,CAOA,MAAa,mBAAmBD,EAA8B,CAC5D,OAAO,IAAI,QAAQG,GAAW,CAxGlC,IAAAC,EAyGM,IAAMC,GAAiBD,EAAA,KAAK,aAAL,YAAAA,EAAiB,eAAeJ,GAEvD,GAAI,CAACK,EAAgB,CACnBF,EAAQ,EAAK,EACb,OAGFE,EAAe,MAAM,OAAS,GAAGA,EAAe,iBAChDA,EAAe,iBAAiB,eAAgB,CAAC,CAAE,cAAAC,CAAc,IAAsB,CACjFA,IAAkB,iBAItB,KAAK,cAAgB,KAAK,cAAc,OAAOL,GAAgBA,EAAa,KAAOD,CAAE,EACrFG,EAAQ,EAAI,EACd,CAAC,EAEDE,EAAe,UAAU,IAAI,UAAU,CACzC,CAAC,CACH,CAGQ,iBAAiBE,EAAmB,CACrC,KAAK,WAIVA,EAAM,gBAAgB,EAEtB,KAAK,YAAcA,EAAM,QAAQ,CAAC,EAAE,QACtC,CAGQ,gBAAgBA,EAAmB,CACzC,GAAI,CAAC,KAAK,SACR,OAEFA,EAAM,gBAAgB,EAEtB,IAAMC,EAAgBD,EAAM,cAEtBE,EAAWF,EAAM,QAAQ,CAAC,EAAE,QAE5BG,EAAS,KAAK,IAAID,EAAW,KAAK,YAAa,CAAC,EAEtDD,EAAc,MAAM,UAAY,cAAcE,MAChD,CAGQ,eAAeH,EAAmB,CACxC,GAAI,CAAC,KAAK,SACR,OAEFA,EAAM,gBAAgB,EAEtB,IAAMC,EAAgBD,EAAM,cAGtBG,EADWH,EAAM,eAAe,CAAC,EAAE,QACf,KAAK,YAE3BG,EAASf,GACXa,EAAc,MAAM,YAAY,oBAAqB,GAAGE,EAAS,MAAM,EACvE,KAAK,mBAAmBF,EAAc,EAAE,IAExCA,EAAc,MAAM,WAAa,sBACjCA,EAAc,MAAM,UAAY,kBAEhCA,EAAc,iBAAiB,gBAAiB,IAAM,CACpDA,EAAc,MAAM,WAAa,GACjCA,EAAc,MAAM,UAAY,EAClC,CAAC,GAGH,KAAK,YAAc,CACrB,CAEQ,iBACNG,EACAV,EACA,CACA,IAAMW,EACJD,IAAa,iBAAmBV,EAAa,cAAgBA,EAAa,gBAE5E,MAAI,CAACW,GAAU,CAACA,EAAO,MACd,GAGFC,qBAAwBF,gBAAuB,IAAMC,EAAO,QAAQX,CAAY;AAAA,QACnFW,EAAO;AAAA,iBAEb,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA,UAEDC,EACA,KAAK,cACLb,GAAgBA,EAAa,GAC7BA,GAAgB,CACd,GAAM,CACJ,QAAAc,EACA,YAAAC,EACA,KAAAC,EAAO,GACP,QAAAC,EAAU,OACV,GAAAlB,EACA,SAAAmB,EAAW,KAAK,SAChB,UAAAC,CACF,EAAInB,EAEEoB,EAAe,KAAK,iBAAiB,iBAAkBpB,CAAY,EACnEqB,EAAwB,KAAK,iBAAiB,mBAAoBrB,CAAY,EAEpF,OAAOY;AAAA;AAAA,sBAEGb;AAAA;AAAA,6BAEO,KAAK,SAAW,MAAQ;AAAA,2BAC1BmB;AAAA,2BACAI,EAAUR,CAAO;AAAA,uBACrBE;AAAA,0BACGM,EAAUL,CAAO;AAAA,6BACdE;AAAA,sDAEXb,GACG,CAGHA,EAAM,eAAe,EACrB,KAAK,mBAAmBP,CAAE,CAC5B;AAAA,8BACc,KAAK;AAAA,6BACN,KAAK;AAAA,4BACN,KAAK;AAAA;AAAA,kBAEfgB,KAAeK,KAAgBC;AAAA;AAAA,aAGvC,CACF;AAAA;AAAA,KAGN,CACF,EAtMEE,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,UAAW,eAAgB,QAAS,EAAK,CAAC,GAVlD7B,EAWnB,2BAMA4B,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAhBP7B,EAiBnB,wBAGQ4B,EAAA,CADPE,EAAM,GAnBY9B,EAoBX,6BAqEA4B,EAAA,CADPC,EAAa,CAAE,QAAS,EAAK,CAAC,GAxFZ7B,EAyFX,gCAWA4B,EAAA,CADPC,EAAa,CAAE,QAAS,EAAK,CAAC,GAnGZ7B,EAoGX,+BAgBA4B,EAAA,CADPC,EAAa,CAAE,QAAS,EAAK,CAAC,GAnHZ7B,EAoHX,8BApHWA,EAArB4B,EAAA,CADCC,EAAc,iBAAiB,GACX7B",
+  "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ChildPart, noChange} from '../lit-html.js';\nimport {directive, Directive, PartInfo, PartType} from '../directive.js';\nimport {\n  insertPart,\n  getCommittedValue,\n  removePart,\n  setCommittedValue,\n  setChildPartValue,\n} from '../directive-helpers.js';\n\nexport type KeyFn<T> = (item: T, index: number) => unknown;\nexport type ItemTemplate<T> = (item: T, index: number) => unknown;\n\n// Helper for generating a map of array item to its index over a subset\n// of an array (used to lazily generate `newKeyToIndexMap` and\n// `oldKeyToIndexMap`)\nconst generateMap = (list: unknown[], start: number, end: number) => {\n  const map = new Map<unknown, number>();\n  for (let i = start; i <= end; i++) {\n    map.set(list[i], i);\n  }\n  return map;\n};\n\nclass RepeatDirective extends Directive {\n  private _itemKeys?: unknown[];\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error('repeat() can only be used in text expressions');\n    }\n  }\n\n  private _getValuesAndKeys<T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ) {\n    let keyFn: KeyFn<T> | undefined;\n    if (template === undefined) {\n      template = keyFnOrTemplate;\n    } else if (keyFnOrTemplate !== undefined) {\n      keyFn = keyFnOrTemplate as KeyFn<T>;\n    }\n    const keys = [];\n    const values = [];\n    let index = 0;\n    for (const item of items) {\n      keys[index] = keyFn ? keyFn(item, index) : index;\n      values[index] = template!(item, index);\n      index++;\n    }\n    return {\n      values,\n      keys,\n    };\n  }\n\n  render<T>(items: Iterable<T>, template: ItemTemplate<T>): Array<unknown>;\n  render<T>(\n    items: Iterable<T>,\n    keyFn: KeyFn<T> | ItemTemplate<T>,\n    template: ItemTemplate<T>\n  ): Array<unknown>;\n  render<T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ) {\n    return this._getValuesAndKeys(items, keyFnOrTemplate, template).values;\n  }\n\n  override update<T>(\n    containerPart: ChildPart,\n    [items, keyFnOrTemplate, template]: [\n      Iterable<T>,\n      KeyFn<T> | ItemTemplate<T>,\n      ItemTemplate<T>\n    ]\n  ) {\n    // Old part & key lists are retrieved from the last update (which may\n    // be primed by hydration)\n    const oldParts = getCommittedValue(\n      containerPart\n    ) as Array<ChildPart | null>;\n    const {values: newValues, keys: newKeys} = this._getValuesAndKeys(\n      items,\n      keyFnOrTemplate,\n      template\n    );\n\n    // We check that oldParts, the committed value, is an Array as an\n    // indicator that the previous value came from a repeat() call. If\n    // oldParts is not an Array then this is the first render and we return\n    // an array for lit-html's array handling to render, and remember the\n    // keys.\n    if (!Array.isArray(oldParts)) {\n      this._itemKeys = newKeys;\n      return newValues;\n    }\n\n    // In SSR hydration it's possible for oldParts to be an array but for us\n    // to not have item keys because the update() hasn't run yet. We set the\n    // keys to an empty array. This will cause all oldKey/newKey comparisons\n    // to fail and execution to fall to the last nested brach below which\n    // reuses the oldPart.\n    const oldKeys = (this._itemKeys ??= []);\n\n    // New part list will be built up as we go (either reused from\n    // old parts or created for new keys in this update). This is\n    // saved in the above cache at the end of the update.\n    const newParts: ChildPart[] = [];\n\n    // Maps from key to index for current and previous update; these\n    // are generated lazily only when needed as a performance\n    // optimization, since they are only required for multiple\n    // non-contiguous changes in the list, which are less common.\n    let newKeyToIndexMap!: Map<unknown, number>;\n    let oldKeyToIndexMap!: Map<unknown, number>;\n\n    // Head and tail pointers to old parts and new values\n    let oldHead = 0;\n    let oldTail = oldParts.length - 1;\n    let newHead = 0;\n    let newTail = newValues.length - 1;\n\n    // Overview of O(n) reconciliation algorithm (general approach\n    // based on ideas found in ivi, vue, snabbdom, etc.):\n    //\n    // * We start with the list of old parts and new values (and\n    //   arrays of their respective keys), head/tail pointers into\n    //   each, and we build up the new list of parts by updating\n    //   (and when needed, moving) old parts or creating new ones.\n    //   The initial scenario might look like this (for brevity of\n    //   the diagrams, the numbers in the array reflect keys\n    //   associated with the old parts or new values, although keys\n    //   and parts/values are actually stored in parallel arrays\n    //   indexed using the same head/tail pointers):\n    //\n    //      oldHead v                 v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [ ,  ,  ,  ,  ,  ,  ]\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6] <- reflects the user's new\n    //                                      item order\n    //      newHead ^                 ^ newTail\n    //\n    // * Iterate old & new lists from both sides, updating,\n    //   swapping, or removing parts at the head/tail locations\n    //   until neither head nor tail can move.\n    //\n    // * Example below: keys at head pointers match, so update old\n    //   part 0 in-place (no need to move it) and record part 0 in\n    //   the `newParts` list. The last thing we do is advance the\n    //   `oldHead` and `newHead` pointers (will be reflected in the\n    //   next diagram).\n    //\n    //      oldHead v                 v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  ,  ] <- heads matched: update 0\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldHead\n    //                                      & newHead\n    //      newHead ^                 ^ newTail\n    //\n    // * Example below: head pointers don't match, but tail\n    //   pointers do, so update part 6 in place (no need to move\n    //   it), and record part 6 in the `newParts` list. Last,\n    //   advance the `oldTail` and `oldHead` pointers.\n    //\n    //         oldHead v              v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  , 6] <- tails matched: update 6\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldTail\n    //                                      & newTail\n    //         newHead ^              ^ newTail\n    //\n    // * If neither head nor tail match; next check if one of the\n    //   old head/tail items was removed. We first need to generate\n    //   the reverse map of new keys to index (`newKeyToIndexMap`),\n    //   which is done once lazily as a performance optimization,\n    //   since we only hit this case if multiple non-contiguous\n    //   changes were made. Note that for contiguous removal\n    //   anywhere in the list, the head and tails would advance\n    //   from either end and pass each other before we get to this\n    //   case and removals would be handled in the final while loop\n    //   without needing to generate the map.\n    //\n    // * Example below: The key at `oldTail` was removed (no longer\n    //   in the `newKeyToIndexMap`), so remove that part from the\n    //   DOM and advance just the `oldTail` pointer.\n    //\n    //         oldHead v           v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  , 6] <- 5 not in new map: remove\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    5 and advance oldTail\n    //         newHead ^           ^ newTail\n    //\n    // * Once head and tail cannot move, any mismatches are due to\n    //   either new or moved items; if a new key is in the previous\n    //   \"old key to old index\" map, move the old part to the new\n    //   location, otherwise create and insert a new part. Note\n    //   that when moving an old part we null its position in the\n    //   oldParts array if it lies between the head and tail so we\n    //   know to skip it when the pointers get there.\n    //\n    // * Example below: neither head nor tail match, and neither\n    //   were removed; so find the `newHead` key in the\n    //   `oldKeyToIndexMap`, and move that old part's DOM into the\n    //   next head position (before `oldParts[oldHead]`). Last,\n    //   null the part in the `oldPart` array since it was\n    //   somewhere in the remaining oldParts still to be scanned\n    //   (between the head and tail pointers) so that we know to\n    //   skip that old part on future iterations.\n    //\n    //         oldHead v        v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2,  ,  ,  ,  , 6] <- stuck: update & move 2\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    into place and advance\n    //                                      newHead\n    //         newHead ^           ^ newTail\n    //\n    // * Note that for moves/insertions like the one above, a part\n    //   inserted at the head pointer is inserted before the\n    //   current `oldParts[oldHead]`, and a part inserted at the\n    //   tail pointer is inserted before `newParts[newTail+1]`. The\n    //   seeming asymmetry lies in the fact that new parts are\n    //   moved into place outside in, so to the right of the head\n    //   pointer are old parts, and to the right of the tail\n    //   pointer are new parts.\n    //\n    // * We always restart back from the top of the algorithm,\n    //   allowing matching and simple updates in place to\n    //   continue...\n    //\n    // * Example below: the head pointers once again match, so\n    //   simply update part 1 and record it in the `newParts`\n    //   array.  Last, advance both head pointers.\n    //\n    //         oldHead v        v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1,  ,  ,  , 6] <- heads matched: update 1\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldHead\n    //                                      & newHead\n    //            newHead ^        ^ newTail\n    //\n    // * As mentioned above, items that were moved as a result of\n    //   being stuck (the final else clause in the code below) are\n    //   marked with null, so we always advance old pointers over\n    //   these so we're comparing the next actual old value on\n    //   either end.\n    //\n    // * Example below: `oldHead` is null (already placed in\n    //   newParts), so advance `oldHead`.\n    //\n    //            oldHead v     v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6] <- old head already used:\n    //   newParts: [0, 2, 1,  ,  ,  , 6]    advance oldHead\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]\n    //               newHead ^     ^ newTail\n    //\n    // * Note it's not critical to mark old parts as null when they\n    //   are moved from head to tail or tail to head, since they\n    //   will be outside the pointer range and never visited again.\n    //\n    // * Example below: Here the old tail key matches the new head\n    //   key, so the part at the `oldTail` position and move its\n    //   DOM to the new head position (before `oldParts[oldHead]`).\n    //   Last, advance `oldTail` and `newHead` pointers.\n    //\n    //               oldHead v  v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4,  ,  , 6] <- old tail matches new\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]   head: update & move 4,\n    //                                     advance oldTail & newHead\n    //               newHead ^     ^ newTail\n    //\n    // * Example below: Old and new head keys match, so update the\n    //   old head part in place, and advance the `oldHead` and\n    //   `newHead` pointers.\n    //\n    //               oldHead v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4, 3,   ,6] <- heads match: update 3\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance oldHead &\n    //                                      newHead\n    //                  newHead ^  ^ newTail\n    //\n    // * Once the new or old pointers move past each other then all\n    //   we have left is additions (if old list exhausted) or\n    //   removals (if new list exhausted). Those are handled in the\n    //   final while loops at the end.\n    //\n    // * Example below: `oldHead` exceeded `oldTail`, so we're done\n    //   with the main loop.  Create the remaining part and insert\n    //   it at the new head position, and the update is complete.\n    //\n    //                   (oldHead > oldTail)\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4, 3, 7 ,6] <- create and insert 7\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]\n    //                     newHead ^ newTail\n    //\n    // * Note that the order of the if/else clauses is not\n    //   important to the algorithm, as long as the null checks\n    //   come first (to ensure we're always working on valid old\n    //   parts) and that the final else clause comes last (since\n    //   that's where the expensive moves occur). The order of\n    //   remaining clauses is is just a simple guess at which cases\n    //   will be most common.\n    //\n    // * Note, we could calculate the longest\n    //   increasing subsequence (LIS) of old items in new position,\n    //   and only move those not in the LIS set. However that costs\n    //   O(nlogn) time and adds a bit more code, and only helps\n    //   make rare types of mutations require fewer moves. The\n    //   above handles removes, adds, reversal, swaps, and single\n    //   moves of contiguous items in linear time, in the minimum\n    //   number of moves. As the number of multiple moves where LIS\n    //   might help approaches a random shuffle, the LIS\n    //   optimization becomes less helpful, so it seems not worth\n    //   the code at this point. Could reconsider if a compelling\n    //   case arises.\n\n    while (oldHead <= oldTail && newHead <= newTail) {\n      if (oldParts[oldHead] === null) {\n        // `null` means old part at head has already been used\n        // below; skip\n        oldHead++;\n      } else if (oldParts[oldTail] === null) {\n        // `null` means old part at tail has already been used\n        // below; skip\n        oldTail--;\n      } else if (oldKeys[oldHead] === newKeys[newHead]) {\n        // Old head matches new head; update in place\n        newParts[newHead] = setChildPartValue(\n          oldParts[oldHead]!,\n          newValues[newHead]\n        );\n        oldHead++;\n        newHead++;\n      } else if (oldKeys[oldTail] === newKeys[newTail]) {\n        // Old tail matches new tail; update in place\n        newParts[newTail] = setChildPartValue(\n          oldParts[oldTail]!,\n          newValues[newTail]\n        );\n        oldTail--;\n        newTail--;\n      } else if (oldKeys[oldHead] === newKeys[newTail]) {\n        // Old head matches new tail; update and move to new tail\n        newParts[newTail] = setChildPartValue(\n          oldParts[oldHead]!,\n          newValues[newTail]\n        );\n        insertPart(containerPart, newParts[newTail + 1], oldParts[oldHead]!);\n        oldHead++;\n        newTail--;\n      } else if (oldKeys[oldTail] === newKeys[newHead]) {\n        // Old tail matches new head; update and move to new head\n        newParts[newHead] = setChildPartValue(\n          oldParts[oldTail]!,\n          newValues[newHead]\n        );\n        insertPart(containerPart, oldParts[oldHead]!, oldParts[oldTail]!);\n        oldTail--;\n        newHead++;\n      } else {\n        if (newKeyToIndexMap === undefined) {\n          // Lazily generate key-to-index maps, used for removals &\n          // moves below\n          newKeyToIndexMap = generateMap(newKeys, newHead, newTail);\n          oldKeyToIndexMap = generateMap(oldKeys, oldHead, oldTail);\n        }\n        if (!newKeyToIndexMap.has(oldKeys[oldHead])) {\n          // Old head is no longer in new list; remove\n          removePart(oldParts[oldHead]!);\n          oldHead++;\n        } else if (!newKeyToIndexMap.has(oldKeys[oldTail])) {\n          // Old tail is no longer in new list; remove\n          removePart(oldParts[oldTail]!);\n          oldTail--;\n        } else {\n          // Any mismatches at this point are due to additions or\n          // moves; see if we have an old part we can reuse and move\n          // into place\n          const oldIndex = oldKeyToIndexMap.get(newKeys[newHead]);\n          const oldPart = oldIndex !== undefined ? oldParts[oldIndex] : null;\n          if (oldPart === null) {\n            // No old part for this value; create a new one and\n            // insert it\n            const newPart = insertPart(containerPart, oldParts[oldHead]!);\n            setChildPartValue(newPart, newValues[newHead]);\n            newParts[newHead] = newPart;\n          } else {\n            // Reuse old part\n            newParts[newHead] = setChildPartValue(oldPart, newValues[newHead]);\n            insertPart(containerPart, oldParts[oldHead]!, oldPart);\n            // This marks the old part as having been used, so that\n            // it will be skipped in the first two checks above\n            oldParts[oldIndex as number] = null;\n          }\n          newHead++;\n        }\n      }\n    }\n    // Add parts for any remaining new values\n    while (newHead <= newTail) {\n      // For all remaining additions, we insert before last new\n      // tail, since old pointers are no longer valid\n      const newPart = insertPart(containerPart, newParts[newTail + 1]);\n      setChildPartValue(newPart, newValues[newHead]);\n      newParts[newHead++] = newPart;\n    }\n    // Remove any remaining unused old parts\n    while (oldHead <= oldTail) {\n      const oldPart = oldParts[oldHead++];\n      if (oldPart !== null) {\n        removePart(oldPart);\n      }\n    }\n\n    // Save order of new parts for next round\n    this._itemKeys = newKeys;\n    // Directly set part value, bypassing it's dirty-checking\n    setCommittedValue(containerPart, newParts);\n    return noChange;\n  }\n}\n\nexport interface RepeatDirectiveFn {\n  <T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ): unknown;\n  <T>(items: Iterable<T>, template: ItemTemplate<T>): unknown;\n  <T>(\n    items: Iterable<T>,\n    keyFn: KeyFn<T> | ItemTemplate<T>,\n    template: ItemTemplate<T>\n  ): unknown;\n}\n\n/**\n * A directive that repeats a series of values (usually `TemplateResults`)\n * generated from an iterable, and updates those items efficiently when the\n * iterable changes based on user-provided `keys` associated with each item.\n *\n * Note that if a `keyFn` is provided, strict key-to-DOM mapping is maintained,\n * meaning previous DOM for a given key is moved into the new position if\n * needed, and DOM will never be reused with values for different keys (new DOM\n * will always be created for new keys). This is generally the most efficient\n * way to use `repeat` since it performs minimum unnecessary work for insertions\n * and removals.\n *\n * The `keyFn` takes two parameters, the item and its index, and returns a unique key value.\n *\n * ```js\n * html`\n *   <ol>\n *     ${repeat(this.items, (item) => item.id, (item, index) => {\n *       return html`<li>${index}: ${item.name}</li>`;\n *     })}\n *   </ol>\n * `\n * ```\n *\n * **Important**: If providing a `keyFn`, keys *must* be unique for all items in a\n * given call to `repeat`. The behavior when two or more items have the same key\n * is undefined.\n *\n * If no `keyFn` is provided, this directive will perform similar to mapping\n * items to values, and DOM will be reused against potentially different items.\n */\nexport const repeat = directive(RepeatDirective) as RepeatDirectiveFn;\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RepeatDirective};\n", "import {css} from 'lit';\nexport const styles = css`:host{--bl-notification-width:396px;--bl-notification-gap:var(--bl-size-2xs);--bl-notification-animation-duration:0.3s}.wrapper{--margin:var(--bl-size-xl);display:flex;flex-direction:column-reverse;position:fixed;top:0;inset-inline-end:0;max-width:var(--bl-notification-width);margin:var(--margin);width:calc(100% - var(--margin) * 2);z-index:var(--bl-index-notification)}@media screen and (max-width:480px){.wrapper{flex-direction:column;max-width:100%}}.notification{will-change:transform height margin;animation:slide-in-right var(--bl-notification-animation-duration) ease;margin-bottom:var(--bl-notification-gap);touch-action:none}:host(:has([dir=rtl])) .notification{animation:slide-in-left var(--bl-notification-animation-duration) ease}.notification[data-slide=top]{animation:slide-in-top var(--bl-notification-animation-duration) ease}:host([no-animation]) .notification{animation:none}.notification.removing{animation:slide-out-right var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}.notification[data-slide=top].removing{animation:slide-out-top var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}:host([no-animation]) .notification.removing{animation:0 size-to-zero}@media (prefers-reduced-motion){.notification.removing{animation:0 size-to-zero}.notification{animation:none}}@keyframes slide-in-right{from{transform:translateX(var(--travel-distance,10px));height:0;opacity:0;margin:0}}@keyframes slide-in-left{from{transform:translateX(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-right{to{transform:translateX(var(--travel-distance,10px));opacity:0}}@keyframes slide-in-top{from{transform:translateY(var(--travel-distance,-10px));height:0;opacity:0;margin:0}}@keyframes slide-out-top{to{transform:translateY(var(--travel-distance,-10px));opacity:0}}@keyframes size-to-zero{to{height:0;margin:0}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, eventOptions, property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport BlAlert from \"../alert/bl-alert\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-notification.css\";\nimport BlNotificationCard, { CloseSource, NotificationVariant } from \"./card/bl-notification-card\";\n\ntype Action = {\n  label: string;\n  onClick: (notification: Notification) => void;\n};\n\nexport type NotificationProps = {\n  caption?: string;\n  description: string;\n  icon?: boolean | BaklavaIcon;\n  variant?: NotificationVariant;\n  primaryAction?: Action;\n  secondaryAction?: Action;\n  duration?: number;\n  permanent?: boolean;\n};\n\nexport type Notification = NotificationProps & {\n  id: string;\n  remove: () => Promise<boolean>;\n};\n\nexport const SWIPE_UP_THRESHOLD = -50;\n\n/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */\n\n@customElement(\"bl-notification\")\nexport default class BlNotification extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Disable animations.\n   * It will not be possible to use animations if the user has disabled them.\n   * Animations will respect the user's preferences regardless of this property.\n   */\n  @property({ type: Boolean, attribute: \"no-animation\", reflect: true })\n  noAnimation = false;\n\n  /**\n   * Sets the default duration of notifications in seconds\n   */\n  @property({ type: Number })\n  duration = 7;\n\n  @state()\n  private notifications: Notification[] = [];\n\n  public get notificationList() {\n    return this.notifications;\n  }\n\n  private touchStartY = 0;\n\n  public get touchStart() {\n    return {\n      y: this.touchStartY,\n    };\n  }\n\n  private get isMobile() {\n    return window.matchMedia(\"(max-width: 480px)\").matches;\n  }\n\n  /**\n   * Adds a notification to the list of notifications.\n   * @param {NotificationProps} props Notification properties\n   * @returns {Notification} A notification object with a remove method.\n   */\n  public addNotification(props: NotificationProps) {\n    // TODO id generation\n    const id = Math.random().toString(36).substr(2, 9);\n    const notification: Notification = {\n      ...props,\n      id,\n      duration: props.duration || this.duration,\n      remove: () => this.removeNotification(id),\n    };\n\n    const newNotifications = [...this.notifications, notification];\n\n    this.notifications = newNotifications;\n\n    return notification;\n  }\n\n  /**\n   * Removes a notification from the list of notifications.\n   * @param {string} id Notification id\n   * @returns {Promise<boolean>} A promise that resolves with a boolean indicating whether the notification was removed.\n   */\n  public async removeNotification(id: string): Promise<boolean> {\n    return new Promise(resolve => {\n      const notificationEl = this.shadowRoot?.getElementById(id) as BlAlert;\n\n      if (!notificationEl) {\n        resolve(false);\n        return;\n      }\n\n      notificationEl.style.height = `${notificationEl.clientHeight}px`;\n      notificationEl.addEventListener(\"animationend\", ({ animationName }: AnimationEvent) => {\n        if (animationName !== \"size-to-zero\") {\n          return;\n        }\n\n        this.notifications = this.notifications.filter(notification => notification.id !== id);\n        resolve(true);\n      });\n\n      notificationEl.classList.add(\"removing\");\n    });\n  }\n\n  @eventOptions({ passive: true })\n  private handleTouchStart(event: TouchEvent) {\n    if (!this.isMobile) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    this.touchStartY = event.touches[0].clientY;\n  }\n\n  @eventOptions({ passive: true })\n  private handleTouchMove(event: TouchEvent) {\n    if (!this.isMobile) {\n      return;\n    }\n    event.stopPropagation();\n\n    const currentTarget = event.currentTarget as BlNotificationCard;\n\n    const currentY = event.touches[0].clientY;\n    // Allow only moving up\n    const movedY = Math.min(currentY - this.touchStartY, 0);\n\n    currentTarget.style.transform = `translateY(${movedY}px)`;\n  }\n\n  @eventOptions({ passive: true })\n  private handleTouchEnd(event: TouchEvent) {\n    if (!this.isMobile) {\n      return;\n    }\n    event.stopPropagation();\n\n    const currentTarget = event.currentTarget as BlNotificationCard;\n\n    const currentY = event.changedTouches[0].clientY;\n    const movedY = currentY - this.touchStartY;\n\n    if (movedY < SWIPE_UP_THRESHOLD) {\n      currentTarget.style.setProperty(\"--travel-distance\", `${movedY - 10}px`);\n      this.removeNotification(currentTarget.id);\n    } else {\n      currentTarget.style.transition = \"transform 0.3s ease\";\n      currentTarget.style.transform = \"translateY(0px)\";\n\n      currentTarget.addEventListener(\"transitionend\", () => {\n        currentTarget.style.transition = \"\";\n        currentTarget.style.transform = \"\";\n      });\n    }\n\n    this.touchStartY = 0;\n  }\n\n  private renderActionSlot(\n    slotName: \"primary-action\" | \"secondary-action\",\n    notification: Notification\n  ) {\n    const action =\n      slotName === \"primary-action\" ? notification.primaryAction : notification.secondaryAction;\n\n    if (!action || !action.label) {\n      return \"\";\n    }\n\n    return html`<bl-button slot=\"${slotName}\" @bl-click=${() => action.onClick(notification)}>\n      ${action.label}\n    </bl-button>`;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"wrapper\">\n        ${repeat(\n          this.notifications,\n          notification => notification.id,\n          notification => {\n            const {\n              caption,\n              description,\n              icon = true,\n              variant = \"info\",\n              id,\n              duration = this.duration,\n              permanent,\n            } = notification;\n\n            const actionButton = this.renderActionSlot(\"primary-action\", notification);\n            const secondaryActionButton = this.renderActionSlot(\"secondary-action\", notification);\n\n            return html`\n              <bl-notification-card\n                id=\"${id}\"\n                class=\"notification\"\n                data-slide=${this.isMobile ? \"top\" : \"right\"}\n                duration=${duration}\n                caption=\"${ifDefined(caption)}\"\n                icon=${icon}\n                variant=${ifDefined(variant)}\n                ?permanent=${permanent}\n                @bl-notification-card-request-close=${(\n                  event: CustomEvent<{ source: CloseSource }>\n                ) => {\n                  // We will run animations on the notification card\n                  // so we need to prevent the default close behavior\n                  event.preventDefault();\n                  this.removeNotification(id);\n                }}\n                @touchstart=${this.handleTouchStart}\n                @touchmove=${this.handleTouchMove}\n                @touchend=${this.handleTouchEnd}\n              >\n                ${description} ${actionButton} ${secondaryActionButton}\n              </bl-notification-card>\n            `;\n          }\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-notification\": BlNotification;\n  }\n}\n"],
+  "mappings": "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",
   "names": ["generateMap", "list", "start", "end", "map", "Map", "i", "set", "repeat", "directive", "Directive", "constructor", "partInfo", "super", "type", "PartType", "CHILD", "Error", "_getValuesAndKeys", "items", "keyFnOrTemplate", "template", "keyFn", "keys", "values", "index", "item", "render", "this", "update", "containerPart", "oldParts", "getCommittedValue", "newValues", "newKeys", "Array", "isArray", "_itemKeys", "oldKeys", "_a", "newParts", "newKeyToIndexMap", "oldKeyToIndexMap", "oldHead", "oldTail", "length", "newHead", "newTail", "setChildPartValue", "insertPart", "has", "oldIndex", "get", "oldPart", "newPart", "removePart", "setCommittedValue", "noChange", "styles", "i", "bl_notification_default", "SWIPE_UP_THRESHOLD", "BlNotification", "s", "bl_notification_default", "props", "id", "notification", "newNotifications", "resolve", "_a", "notificationEl", "animationName", "event", "currentTarget", "currentY", "movedY", "slotName", "action", "x", "c", "caption", "description", "icon", "variant", "duration", "permanent", "actionButton", "secondaryActionButton", "l", "__decorateClass", "e", "t"]
 }

package/dist/chunk-STZJ3LBU.js

@@ -0,0 +1,37 @@
+import{b as k}from"./chunk-23PSWIUF.js";import{c as $}from"./chunk-EG7U7PM3.js";import{a as z}from"./chunk-XDUIVR6I.js";import{a as w}from"./chunk-6LT7O7T2.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as c}from"./chunk-GRL4DWKG.js";import{a as f,b as y,c as x}from"./chunk-7GK5LKBV.js";import{a as b,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as v,b as d,c as g,f as p}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var C="important",I=" !"+C,S=y(class extends x{constructor(o){var l;if(super(o),o.type!==f.ATTRIBUTE||o.name!=="style"||((l=o.strings)===null||l===void 0?void 0:l.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((l,e)=>{let i=o[e];return i==null?l:l+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(o,[l]){let{style:e}=o.element;if(this.ht===void 0){this.ht=new Set;for(let i in l)this.ht.add(i);return this.render(l)}this.ht.forEach(i=>{l[i]==null&&(this.ht.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(let i in l){let n=l[i];if(n!=null){this.ht.add(i);let h=typeof n=="string"&&n.endsWith(I);i.includes("-")||h?e.setProperty(i,h?n.slice(0,-11):n,h?C:""):e[i]=n}}return g}});var L=v`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size=large]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.invalid,.dirty.max-len-invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color .4s ease-out}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:.1s ease-in;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);inset-inline-start:var(--padding-horizontal);inset-inline-end:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within,.wrapper.has-value) label{top:0;inset-inline-start:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within,.wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.dirty.invalid .hint,:host([character-counter]) .hint,:host([help-text]) .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-inline-start:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`,E=L;var t=class extends z(p){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.autofocus=!1;this.spellchecker="false";this.customScrollHeight=null;this.inputId=Math.random().toString(36).substring(2);this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[E]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let i=e.target.value;this.value=i,this.setValue(this.value),this.onInput(i)}changeHandler(e){let i=e.target.value;this.dirty=!0,this.value=i,this.setValue(this.value),this.onChange(i)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),e.has("error")&&this.error&&!this.dirty&&this.reportValidity()}setCustomValidity(e){this.validationTarget.setCustomValidity(e)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,i=this.checkValidity()?"":d`<p class="invalid-text">${this.validationMessage}</p>`,n=this.helpText?d`<p class="help-text">${this.helpText}</p>`:"",h=this.label?d`<label for="${this.inputId}">${this.label}</label>`:"",V=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",M=this.characterCounter?d`<p class="counter-text">${V}</p>`:"",R={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},H={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return d`
+      <div style=${S(H)} class=${w(R)}>
+        ${h}
+        <fieldset class="input-wrapper">
+          <legend><span>${this.label}</span></legend>
+          <textarea
+            id="${this.inputId}"
+            name="${s(this.name)}"
+            .value=${$(this.value)}
+            ?autofocus=${this.autofocus}
+            autocomplete="${s(this.autocomplete)}"
+            inputmode="${s(this.inputmode)}"
+            placeholder="${s(this.placeholder)}"
+            minlength="${s(this.minlength)}"
+            rows="${s(this.rows)}"
+            ?required=${this.required}
+            ?disabled=${this.disabled}
+            spellcheck="${this.spellchecker}"
+            @change=${this.changeHandler}
+            @input=${this.inputHandler}
+            @invalid=${this.onError}
+          >
+          </textarea>
+        </fieldset>
+        <div class="hint">${i}${n}${M}</div>
+      </div>
+    `}};t.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},t.formControlValidators=k,r([m("textarea")],t.prototype,"validationTarget",2),r([a({reflect:!0,type:String})],t.prototype,"error",2),r([a({type:String,reflect:!0})],t.prototype,"name",2),r([a({type:Boolean,reflect:!0})],t.prototype,"required",2),r([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([a({type:Boolean,reflect:!0})],t.prototype,"expand",2),r([a({type:Number,reflect:!0,attribute:"max-rows"})],t.prototype,"maxRows",2),r([a({type:String,reflect:!0})],t.prototype,"size",2),r([a({reflect:!0})],t.prototype,"label",2),r([a({type:Boolean,attribute:"label-fixed",reflect:!0})],t.prototype,"labelFixed",2),r([a({reflect:!0})],t.prototype,"placeholder",2),r([a({type:Boolean,attribute:"character-counter",reflect:!0})],t.prototype,"characterCounter",2),r([a({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),r([a({type:String,attribute:"invalid-text",reflect:!0})],t.prototype,"customInvalidText",2),r([a({type:Number,reflect:!0})],t.prototype,"minlength",2),r([a({type:Number,reflect:!0})],t.prototype,"maxlength",2),r([a({reflect:!0})],t.prototype,"value",2),r([a({type:Number,reflect:!0})],t.prototype,"rows",2),r([a({type:String,reflect:!0})],t.prototype,"inputmode",2),r([a({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),r([a({type:String,reflect:!0})],t.prototype,"autocomplete",2),r([a({type:String,reflect:!0,attribute:"spellcheck"})],t.prototype,"spellchecker",2),r([c("bl-input")],t.prototype,"onInput",2),r([c("bl-change")],t.prototype,"onChange",2),r([c("bl-invalid")],t.prototype,"onInvalid",2),r([u()],t.prototype,"customScrollHeight",2),r([u()],t.prototype,"dirty",2),t=r([b("bl-textarea")],t);export{t as a};
+/*! Bundled license information:
+
+lit-html/directives/style-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk-STZJ3LBU.js.map

package/dist/{chunk-KBNVATXF.js.map → chunk-STZJ3LBU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../node_modules/lit-html/src/directives/style-map.ts", "../src/components/textarea/bl-textarea.css", "../src/components/textarea/bl-textarea.ts"],
-  "sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  PartInfo,\n  PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of CSS properties and values.\n *\n * The key should be either a valid CSS property name string, like\n * `'background-color'`, or a valid JavaScript camel case property name\n * for CSSStyleDeclaration like `backgroundColor`.\n */\nexport interface StyleInfo {\n  [name: string]: string | number | undefined | null;\n}\n\nconst important = 'important';\n// The leading space is important\nconst importantFlag = ' !' + important;\n// How many characters to remove from a value, as a negative number\nconst flagTrim = 0 - importantFlag.length;\n\nclass StyleMapDirective extends Directive {\n  _previousStyleProperties?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'style' ||\n      (partInfo.strings?.length as number) > 2\n    ) {\n      throw new Error(\n        'The `styleMap` directive must be used in the `style` attribute ' +\n          'and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  render(styleInfo: Readonly<StyleInfo>) {\n    return Object.keys(styleInfo).reduce((style, prop) => {\n      const value = styleInfo[prop];\n      if (value == null) {\n        return style;\n      }\n      // Convert property names from camel-case to dash-case, i.e.:\n      //  `backgroundColor` -> `background-color`\n      // Vendor-prefixed names need an extra `-` appended to front:\n      //  `webkitAppearance` -> `-webkit-appearance`\n      // Exception is any property name containing a dash, including\n      // custom properties; we assume these are already dash-cased i.e.:\n      //  `--my-button-color` --> `--my-button-color`\n      prop = prop.includes('-')\n        ? prop\n        : prop\n            .replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, '-$&')\n            .toLowerCase();\n      return style + `${prop}:${value};`;\n    }, '');\n  }\n\n  override update(part: AttributePart, [styleInfo]: DirectiveParameters<this>) {\n    const {style} = part.element as HTMLElement;\n\n    if (this._previousStyleProperties === undefined) {\n      this._previousStyleProperties = new Set();\n      for (const name in styleInfo) {\n        this._previousStyleProperties.add(name);\n      }\n      return this.render(styleInfo);\n    }\n\n    // Remove old properties that no longer exist in styleInfo\n    // We use forEach() instead of for-of so that re don't require down-level\n    // iteration.\n    this._previousStyleProperties!.forEach((name) => {\n      // If the name isn't in styleInfo or it's null/undefined\n      if (styleInfo[name] == null) {\n        this._previousStyleProperties!.delete(name);\n        if (name.includes('-')) {\n          style.removeProperty(name);\n        } else {\n          // Note reset using empty string (vs null) as IE11 does not always\n          // reset via null (https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style#setting_styles)\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (style as any)[name] = '';\n        }\n      }\n    });\n\n    // Add or update properties\n    for (const name in styleInfo) {\n      const value = styleInfo[name];\n      if (value != null) {\n        this._previousStyleProperties.add(name);\n        const isImportant =\n          typeof value === 'string' && value.endsWith(importantFlag);\n        if (name.includes('-') || isImportant) {\n          style.setProperty(\n            name,\n            isImportant\n              ? (value as string).slice(0, flagTrim)\n              : (value as string),\n            isImportant ? important : ''\n          );\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (style as any)[name] = value;\n        }\n      }\n    }\n    return noChange;\n  }\n}\n\n/**\n * A directive that applies CSS properties to an element.\n *\n * `styleMap` can only be used in the `style` attribute and must be the only\n * expression in the attribute. It takes the property names in the\n * {@link StyleInfo styleInfo} object and adds the properties to the inline\n * style of the element.\n *\n * Property names with dashes (`-`) are assumed to be valid CSS\n * property names and set on the element's style object using `setProperty()`.\n * Names without dashes are assumed to be camelCased JavaScript property names\n * and set on the element's style object using property assignment, allowing the\n * style object to translate JavaScript-style names to CSS property names.\n *\n * For example `styleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\n * '0'})` sets the `background-color`, `border-top` and `--size` properties.\n *\n * @param styleInfo\n * @see {@link https://lit.dev/docs/templates/directives/#stylemap styleMap code samples on Lit.dev}\n */\nexport const styleMap = directive(StyleMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {StyleMapDirective};\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:none;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size=\"large\"]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=\"small\"]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height), var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.max-len-invalid,.dirty.invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color ease-out 0.4s}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:all ease-in 0.1s;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);inset-inline-start:var(--padding-horizontal);inset-inline-end:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within, .wrapper.has-value) label{top:0;inset-inline-start:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within, .wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}:host([character-counter]) .hint,:host([help-text]) .hint,.dirty.invalid .hint{display:flex;gap:var(--bl-size-3xs)}.hint > *{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-inline-start:auto}:where(.max-len-invalid, .dirty.invalid) .hint > .counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid, .dirty.invalid) .hint > .invalid-text{display:inline-block}.dirty.invalid .hint > .help-text{display:none}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { FormControlMixin } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport { textAreaValidators } from \"../../utilities/form-control\";\nimport style from \"./bl-textarea.css\";\n\nexport type TextareaSize = \"small\" | \"medium\" | \"large\";\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\n@customElement(\"bl-textarea\")\nexport default class BlTextarea extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n  static formControlValidators = textAreaValidators;\n\n  @query(\"textarea\")\n  validationTarget: HTMLTextAreaElement;\n\n  @property({ reflect: true, type: String })\n  error: string;\n\n  /**\n   * Name of textarea\n   */\n  @property({ type: String, reflect: true })\n  name = \"\";\n\n  /**\n   * Makes textarea a mandatory field\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Disables the textarea\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets expandity\n   */\n  @property({ type: Boolean, reflect: true })\n  expand = false;\n\n  /**\n   * Sets max row when expand is true\n   */\n  @property({ type: Number, reflect: true, attribute: \"max-rows\" })\n  maxRows?: number;\n\n  /**\n   * Sets textarea size.\n   */\n  @property({ type: String, reflect: true })\n  size?: TextareaSize = \"medium\";\n\n  /**\n   * Sets label of the textarea\n   */\n  @property({ reflect: true })\n  label?: string;\n\n  /**\n   * Makes label as fixed positioned\n   */\n  @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n  labelFixed = false;\n\n  /**\n   * Sets placeholder of the textarea\n   */\n  @property({ reflect: true })\n  placeholder?: string;\n\n  /**\n   * Enables showing character counter.\n   */\n  @property({ type: Boolean, attribute: \"character-counter\", reflect: true })\n  characterCounter = false;\n\n  /**\n   * Adds help text\n   */\n  @property({ type: String, attribute: \"help-text\", reflect: true })\n  helpText?: string;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  /**\n   * Sets minimum length of the textarea\n   */\n  @property({ type: Number, reflect: true })\n  minlength?: number;\n\n  /**\n   * Sets max length of textarea\n   */\n  @property({ type: Number, reflect: true })\n  maxlength?: number;\n\n  /**\n   * Sets initial value of the textarea\n   */\n  @property({ reflect: true })\n  value = \"\";\n\n  /**\n   * Sets textarea visible row count.\n   */\n  @property({ type: Number, reflect: true })\n  rows?: number = 4;\n\n  /**\n   * Sets the input mode of the field for asking browser to show the desired keyboard.\n   */\n  @property({ type: String, reflect: true })\n  inputmode: \"none\" | \"text\" | \"decimal\" | \"numeric\" | \"tel\" | \"search\" | \"email\" | \"url\";\n\n  /**\n   * Sets input to get keyboard focus automatically\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * Hints browser to autocomplete this field.\n   */\n  @property({ type: String, reflect: true })\n  autocomplete: string;\n\n  /**\n   * Enables/disables spellcheck feature inside the textarea\n   */\n  @property({ type: String, reflect: true, attribute: \"spellcheck\" })\n  spellchecker: \"true\" | \"false\" = \"false\";\n\n  @event(\"bl-input\") private onInput: EventDispatcher<string>;\n\n  @event(\"bl-change\") private onChange: EventDispatcher<string>;\n\n  @event(\"bl-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n  @state()\n  private customScrollHeight: string | null = null;\n\n  private inputId = Math.random().toString(36).substring(2);\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.internals.form?.addEventListener(\"submit\", () => {\n      this.reportValidity();\n    });\n  }\n\n  private onError = (): void => {\n    this.onInvalid(this.internals.validity);\n  };\n\n  private inputHandler(event: Event) {\n    this.autoResize();\n\n    const value = (event.target as HTMLTextAreaElement).value;\n\n    this.value = value;\n    this.setValue(this.value);\n    this.onInput(value);\n  }\n\n  private changeHandler(event: Event) {\n    const value = (event.target as HTMLTextAreaElement).value;\n\n    this.dirty = true;\n    this.value = value;\n    this.setValue(this.value);\n    this.onChange(value);\n  }\n\n  firstUpdated() {\n    this.setValue(this.value);\n    this.autoResize();\n  }\n\n  protected async updated(changedProperties: PropertyValues) {\n    if (changedProperties.has(\"rows\")) {\n      this.autoResize();\n    }\n\n    if (changedProperties.has(\"value\")) {\n      this.setValue(this.value);\n\n      await this.validationComplete;\n\n      this.requestUpdate();\n    }\n\n    if (changedProperties.has(\"error\") && this.error && !this.dirty) {\n      this.reportValidity();\n    }\n  }\n\n  /**\n   * Sets a custom validity on the form element.\n   * @param message\n   */\n  setCustomValidity(message: string) {\n    this.validationTarget.setCustomValidity(message);\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  valueChangedCallback(value: string): void {\n    this.value = value;\n  }\n\n  validityCallback(): string | void {\n    return this.customInvalidText || this.validationTarget?.validationMessage;\n  }\n\n  private autoResize() {\n    if (!this.expand) {\n      return;\n    }\n\n    this.validationTarget.style.height = \"auto\";\n    const scrollHeight = this.validationTarget.scrollHeight;\n\n    this.customScrollHeight = `${scrollHeight}px`;\n    this.validationTarget.style.removeProperty(\"height\");\n  }\n\n  @state() private dirty = false;\n\n  render(): TemplateResult {\n    const maxLengthInvalid = this.internals.validity.tooLong;\n    const invalidMessage = !this.checkValidity()\n      ? html`<p class=\"invalid-text\">${this.validationMessage}</p>`\n      : \"\";\n    const helpMessage = this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : \"\";\n\n    const label = this.label ? html`<label for=\"${this.inputId}\">${this.label}</label>` : \"\";\n    const characterCounterText =\n      this.characterCounter && this.maxlength\n        ? `${this.value.length}/${this.maxlength}`\n        : this.characterCounter\n        ? `${this.value.length}`\n        : \"\";\n    const characterCounter = this.characterCounter\n      ? html`<p class=\"counter-text\">${characterCounterText}</p>`\n      : \"\";\n\n    const wrapperClasses = {\n      \"wrapper\": true,\n      \"has-value\": this.value !== null && this.value !== \"\",\n      \"dirty\": this.dirty,\n      \"max-len-invalid\": maxLengthInvalid,\n      \"invalid\": !this.checkValidity(),\n    };\n\n    const styles = {\n      \"--row-count\": `${this.rows}`,\n      \"--maxrow-count\": this.maxRows ? `${this.maxRows}` : null,\n      \"--scroll-height\": this.customScrollHeight,\n    };\n\n    return html`\n      <div style=${styleMap(styles)} class=${classMap(wrapperClasses)}>\n        ${label}\n        <fieldset class=\"input-wrapper\">\n          <legend><span>${this.label}</span></legend>\n          <textarea\n            id=\"${this.inputId}\"\n            name=\"${ifDefined(this.name)}\"\n            .value=${live(this.value)}\n            ?autofocus=${this.autofocus}\n            autocomplete=\"${ifDefined(this.autocomplete)}\"\n            inputmode=\"${ifDefined(this.inputmode)}\"\n            placeholder=\"${ifDefined(this.placeholder)}\"\n            minlength=\"${ifDefined(this.minlength)}\"\n            rows=\"${ifDefined(this.rows)}\"\n            ?required=${this.required}\n            ?disabled=${this.disabled}\n            spellcheck=\"${this.spellchecker}\"\n            @change=${this.changeHandler}\n            @input=${this.inputHandler}\n            @invalid=${this.onError}\n          >\n          </textarea>\n        </fieldset>\n        <div class=\"hint\">${invalidMessage}${helpMessage}${characterCounter}</div>\n      </div>\n    `;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-textarea\": BlTextarea;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  PartInfo,\n  PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of CSS properties and values.\n *\n * The key should be either a valid CSS property name string, like\n * `'background-color'`, or a valid JavaScript camel case property name\n * for CSSStyleDeclaration like `backgroundColor`.\n */\nexport interface StyleInfo {\n  [name: string]: string | number | undefined | null;\n}\n\nconst important = 'important';\n// The leading space is important\nconst importantFlag = ' !' + important;\n// How many characters to remove from a value, as a negative number\nconst flagTrim = 0 - importantFlag.length;\n\nclass StyleMapDirective extends Directive {\n  _previousStyleProperties?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'style' ||\n      (partInfo.strings?.length as number) > 2\n    ) {\n      throw new Error(\n        'The `styleMap` directive must be used in the `style` attribute ' +\n          'and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  render(styleInfo: Readonly<StyleInfo>) {\n    return Object.keys(styleInfo).reduce((style, prop) => {\n      const value = styleInfo[prop];\n      if (value == null) {\n        return style;\n      }\n      // Convert property names from camel-case to dash-case, i.e.:\n      //  `backgroundColor` -> `background-color`\n      // Vendor-prefixed names need an extra `-` appended to front:\n      //  `webkitAppearance` -> `-webkit-appearance`\n      // Exception is any property name containing a dash, including\n      // custom properties; we assume these are already dash-cased i.e.:\n      //  `--my-button-color` --> `--my-button-color`\n      prop = prop.includes('-')\n        ? prop\n        : prop\n            .replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, '-$&')\n            .toLowerCase();\n      return style + `${prop}:${value};`;\n    }, '');\n  }\n\n  override update(part: AttributePart, [styleInfo]: DirectiveParameters<this>) {\n    const {style} = part.element as HTMLElement;\n\n    if (this._previousStyleProperties === undefined) {\n      this._previousStyleProperties = new Set();\n      for (const name in styleInfo) {\n        this._previousStyleProperties.add(name);\n      }\n      return this.render(styleInfo);\n    }\n\n    // Remove old properties that no longer exist in styleInfo\n    // We use forEach() instead of for-of so that re don't require down-level\n    // iteration.\n    this._previousStyleProperties!.forEach((name) => {\n      // If the name isn't in styleInfo or it's null/undefined\n      if (styleInfo[name] == null) {\n        this._previousStyleProperties!.delete(name);\n        if (name.includes('-')) {\n          style.removeProperty(name);\n        } else {\n          // Note reset using empty string (vs null) as IE11 does not always\n          // reset via null (https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style#setting_styles)\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (style as any)[name] = '';\n        }\n      }\n    });\n\n    // Add or update properties\n    for (const name in styleInfo) {\n      const value = styleInfo[name];\n      if (value != null) {\n        this._previousStyleProperties.add(name);\n        const isImportant =\n          typeof value === 'string' && value.endsWith(importantFlag);\n        if (name.includes('-') || isImportant) {\n          style.setProperty(\n            name,\n            isImportant\n              ? (value as string).slice(0, flagTrim)\n              : (value as string),\n            isImportant ? important : ''\n          );\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (style as any)[name] = value;\n        }\n      }\n    }\n    return noChange;\n  }\n}\n\n/**\n * A directive that applies CSS properties to an element.\n *\n * `styleMap` can only be used in the `style` attribute and must be the only\n * expression in the attribute. It takes the property names in the\n * {@link StyleInfo styleInfo} object and adds the properties to the inline\n * style of the element.\n *\n * Property names with dashes (`-`) are assumed to be valid CSS\n * property names and set on the element's style object using `setProperty()`.\n * Names without dashes are assumed to be camelCased JavaScript property names\n * and set on the element's style object using property assignment, allowing the\n * style object to translate JavaScript-style names to CSS property names.\n *\n * For example `styleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\n * '0'})` sets the `background-color`, `border-top` and `--size` properties.\n *\n * @param styleInfo\n * @see {@link https://lit.dev/docs/templates/directives/#stylemap styleMap code samples on Lit.dev}\n */\nexport const styleMap = directive(StyleMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {StyleMapDirective};\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size=large]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.invalid,.dirty.max-len-invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color .4s ease-out}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:.1s ease-in;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);inset-inline-start:var(--padding-horizontal);inset-inline-end:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within,.wrapper.has-value) label{top:0;inset-inline-start:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within,.wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.dirty.invalid .hint,:host([character-counter]) .hint,:host([help-text]) .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-inline-start:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { FormControlMixin } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport { textAreaValidators } from \"../../utilities/form-control\";\nimport style from \"./bl-textarea.css\";\n\nexport type TextareaSize = \"small\" | \"medium\" | \"large\";\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\n@customElement(\"bl-textarea\")\nexport default class BlTextarea extends FormControlMixin(LitElement) {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n  static formControlValidators = textAreaValidators;\n\n  @query(\"textarea\")\n  validationTarget: HTMLTextAreaElement;\n\n  @property({ reflect: true, type: String })\n  error: string;\n\n  /**\n   * Name of textarea\n   */\n  @property({ type: String, reflect: true })\n  name = \"\";\n\n  /**\n   * Makes textarea a mandatory field\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Disables the textarea\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets expandity\n   */\n  @property({ type: Boolean, reflect: true })\n  expand = false;\n\n  /**\n   * Sets max row when expand is true\n   */\n  @property({ type: Number, reflect: true, attribute: \"max-rows\" })\n  maxRows?: number;\n\n  /**\n   * Sets textarea size.\n   */\n  @property({ type: String, reflect: true })\n  size?: TextareaSize = \"medium\";\n\n  /**\n   * Sets label of the textarea\n   */\n  @property({ reflect: true })\n  label?: string;\n\n  /**\n   * Makes label as fixed positioned\n   */\n  @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n  labelFixed = false;\n\n  /**\n   * Sets placeholder of the textarea\n   */\n  @property({ reflect: true })\n  placeholder?: string;\n\n  /**\n   * Enables showing character counter.\n   */\n  @property({ type: Boolean, attribute: \"character-counter\", reflect: true })\n  characterCounter = false;\n\n  /**\n   * Adds help text\n   */\n  @property({ type: String, attribute: \"help-text\", reflect: true })\n  helpText?: string;\n\n  /**\n   * Set custom error message\n   */\n  @property({ type: String, attribute: \"invalid-text\", reflect: true })\n  customInvalidText?: string;\n\n  /**\n   * Sets minimum length of the textarea\n   */\n  @property({ type: Number, reflect: true })\n  minlength?: number;\n\n  /**\n   * Sets max length of textarea\n   */\n  @property({ type: Number, reflect: true })\n  maxlength?: number;\n\n  /**\n   * Sets initial value of the textarea\n   */\n  @property({ reflect: true })\n  value = \"\";\n\n  /**\n   * Sets textarea visible row count.\n   */\n  @property({ type: Number, reflect: true })\n  rows?: number = 4;\n\n  /**\n   * Sets the input mode of the field for asking browser to show the desired keyboard.\n   */\n  @property({ type: String, reflect: true })\n  inputmode: \"none\" | \"text\" | \"decimal\" | \"numeric\" | \"tel\" | \"search\" | \"email\" | \"url\";\n\n  /**\n   * Sets input to get keyboard focus automatically\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * Hints browser to autocomplete this field.\n   */\n  @property({ type: String, reflect: true })\n  autocomplete: string;\n\n  /**\n   * Enables/disables spellcheck feature inside the textarea\n   */\n  @property({ type: String, reflect: true, attribute: \"spellcheck\" })\n  spellchecker: \"true\" | \"false\" = \"false\";\n\n  @event(\"bl-input\") private onInput: EventDispatcher<string>;\n\n  @event(\"bl-change\") private onChange: EventDispatcher<string>;\n\n  @event(\"bl-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n  @state()\n  private customScrollHeight: string | null = null;\n\n  private inputId = Math.random().toString(36).substring(2);\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.internals.form?.addEventListener(\"submit\", () => {\n      this.reportValidity();\n    });\n  }\n\n  private onError = (): void => {\n    this.onInvalid(this.internals.validity);\n  };\n\n  private inputHandler(event: Event) {\n    this.autoResize();\n\n    const value = (event.target as HTMLTextAreaElement).value;\n\n    this.value = value;\n    this.setValue(this.value);\n    this.onInput(value);\n  }\n\n  private changeHandler(event: Event) {\n    const value = (event.target as HTMLTextAreaElement).value;\n\n    this.dirty = true;\n    this.value = value;\n    this.setValue(this.value);\n    this.onChange(value);\n  }\n\n  firstUpdated() {\n    this.setValue(this.value);\n    this.autoResize();\n  }\n\n  protected async updated(changedProperties: PropertyValues) {\n    if (changedProperties.has(\"rows\")) {\n      this.autoResize();\n    }\n\n    if (changedProperties.has(\"value\")) {\n      this.setValue(this.value);\n\n      await this.validationComplete;\n\n      this.requestUpdate();\n    }\n\n    if (changedProperties.has(\"error\") && this.error && !this.dirty) {\n      this.reportValidity();\n    }\n  }\n\n  /**\n   * Sets a custom validity on the form element.\n   * @param message\n   */\n  setCustomValidity(message: string) {\n    this.validationTarget.setCustomValidity(message);\n  }\n\n  reportValidity() {\n    this.dirty = true;\n    return this.checkValidity();\n  }\n\n  valueChangedCallback(value: string): void {\n    this.value = value;\n  }\n\n  validityCallback(): string | void {\n    return this.customInvalidText || this.validationTarget?.validationMessage;\n  }\n\n  private autoResize() {\n    if (!this.expand) {\n      return;\n    }\n\n    this.validationTarget.style.height = \"auto\";\n    const scrollHeight = this.validationTarget.scrollHeight;\n\n    this.customScrollHeight = `${scrollHeight}px`;\n    this.validationTarget.style.removeProperty(\"height\");\n  }\n\n  @state() private dirty = false;\n\n  render(): TemplateResult {\n    const maxLengthInvalid = this.internals.validity.tooLong;\n    const invalidMessage = !this.checkValidity()\n      ? html`<p class=\"invalid-text\">${this.validationMessage}</p>`\n      : \"\";\n    const helpMessage = this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : \"\";\n\n    const label = this.label ? html`<label for=\"${this.inputId}\">${this.label}</label>` : \"\";\n    const characterCounterText =\n      this.characterCounter && this.maxlength\n        ? `${this.value.length}/${this.maxlength}`\n        : this.characterCounter\n        ? `${this.value.length}`\n        : \"\";\n    const characterCounter = this.characterCounter\n      ? html`<p class=\"counter-text\">${characterCounterText}</p>`\n      : \"\";\n\n    const wrapperClasses = {\n      \"wrapper\": true,\n      \"has-value\": this.value !== null && this.value !== \"\",\n      \"dirty\": this.dirty,\n      \"max-len-invalid\": maxLengthInvalid,\n      \"invalid\": !this.checkValidity(),\n    };\n\n    const styles = {\n      \"--row-count\": `${this.rows}`,\n      \"--maxrow-count\": this.maxRows ? `${this.maxRows}` : null,\n      \"--scroll-height\": this.customScrollHeight,\n    };\n\n    return html`\n      <div style=${styleMap(styles)} class=${classMap(wrapperClasses)}>\n        ${label}\n        <fieldset class=\"input-wrapper\">\n          <legend><span>${this.label}</span></legend>\n          <textarea\n            id=\"${this.inputId}\"\n            name=\"${ifDefined(this.name)}\"\n            .value=${live(this.value)}\n            ?autofocus=${this.autofocus}\n            autocomplete=\"${ifDefined(this.autocomplete)}\"\n            inputmode=\"${ifDefined(this.inputmode)}\"\n            placeholder=\"${ifDefined(this.placeholder)}\"\n            minlength=\"${ifDefined(this.minlength)}\"\n            rows=\"${ifDefined(this.rows)}\"\n            ?required=${this.required}\n            ?disabled=${this.disabled}\n            spellcheck=\"${this.spellchecker}\"\n            @change=${this.changeHandler}\n            @input=${this.inputHandler}\n            @invalid=${this.onError}\n          >\n          </textarea>\n        </fieldset>\n        <div class=\"hint\">${invalidMessage}${helpMessage}${characterCounter}</div>\n      </div>\n    `;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-textarea\": BlTextarea;\n  }\n}\n"],
+  "mappings": "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",
   "names": ["important", "importantFlag", "styleMap", "directive", "Directive", "constructor", "partInfo", "super", "type", "PartType", "ATTRIBUTE", "name", "_a", "strings", "length", "Error", "render", "styleInfo", "Object", "keys", "reduce", "style", "prop", "value", "includes", "replace", "toLowerCase", "update", "part", "element", "this", "_previousStyleProperties", "Set", "add", "forEach", "delete", "removeProperty", "isImportant", "endsWith", "setProperty", "slice", "noChange", "styles", "i", "bl_textarea_default", "BlTextarea", "FormControlMixin", "s", "bl_textarea_default", "_a", "event", "value", "changedProperties", "message", "scrollHeight", "maxLengthInvalid", "invalidMessage", "x", "helpMessage", "label", "characterCounterText", "characterCounter", "wrapperClasses", "styles", "o", "l", "textAreaValidators", "__decorateClass", "i", "e", "t"]
 }

package/dist/{chunk-4BZSILLM.js → chunk-T5MEA7JO.js}

@@ -1,5 +1,5 @@
-import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var c=i`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color, white);font:var(--font);font-kerning:none;height:var(--height)}:host([size="small"]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size="large"]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size="small"]) bl-icon{display:none}`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?r`<bl-icon name=${this.icon}></bl-icon>`:"";return r`<span class="badge">
+import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var c=i`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([size=small]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size=large]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size=small]) bl-icon{display:none}`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?r`<bl-icon name=${this.icon}></bl-icon>`:"";return r`<span class="badge">
       <slot name="icon">${s}</slot>
       <slot></slot>
     </span>`}};o([t({type:String,reflect:!0})],e.prototype,"size",2),o([t({type:String})],e.prototype,"icon",2),e=o([l("bl-badge")],e);export{e as a};
-//# sourceMappingURL=chunk-4BZSILLM.js.map
+//# sourceMappingURL=chunk-T5MEA7JO.js.map

package/dist/chunk-T5MEA7JO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/badge/bl-badge.css", "../src/components/badge/bl-badge.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([size=small]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size=large]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size=small]) bl-icon{display:none}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-badge.css\";\n\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\n\n@customElement(\"bl-badge\")\nexport default class BlBadge extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the badge size\n   */\n  @property({ type: String, reflect: true })\n  size: BadgeSize = \"medium\";\n\n  /**\n   * Sets the name of the icon\n   */\n  @property({ type: String })\n  icon?: BaklavaIcon;\n\n  render(): TemplateResult {\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : \"\";\n\n    return html`<span class=\"badge\">\n      <slot name=\"icon\">${icon}</slot>\n      <slot></slot>\n    </span>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-badge\": BlBadge;\n  }\n}\n"],
+  "mappings": "6IACO,IAAMA,EAAS,qkCACfC,EAAQD,ECef,IAAqBE,EAArB,cAAqCC,CAAW,CAAhD,kCASE,UAAkB,SARlB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAcA,QAAyB,CACvB,IAAMC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GAEvE,OAAOA;AAAA,0BACeD;AAAA;AAAA,YAGxB,CACF,EAhBEE,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBN,EASnB,oBAMAK,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAdPN,EAenB,oBAfmBA,EAArBK,EAAA,CADCC,EAAc,UAAU,GACJN",
+  "names": ["styles", "bl_badge_default", "BlBadge", "s", "bl_badge_default", "icon", "x", "__decorateClass", "e"]
+}

package/dist/chunk-TUUQIEDI.js

@@ -0,0 +1,25 @@
+import{a as c}from"./chunk-GRL4DWKG.js";import{a as n,b as r}from"./chunk-5MOOXA2X.js";import{a as i,b as l,d as o,f as s}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var v=i`:host{display:inline-block;max-width:100%}.tag{--bg-color:var(--bl-color-neutral-full);--color:var(--bl-color-neutral-darker);--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-m);--height:var(--bl-size-2xl);--border-radius:var(--bl-size-m);--remove-icon-size:var(--bl-size-s);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;width:100%;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--border-radius);padding-block:var(--padding-vertical);padding-inline:var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([variant=selectable]) .tag{cursor:pointer;user-select:none}:host([variant=selectable]) .tag.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,:host([variant=selectable]) .tag:hover{background-color:var(--bl-color-neutral-lightest)}:host([variant=selectable][selected]) .tag{border-color:var(--bl-color-neutral-darker);background-color:var(--bl-color-neutral-darker);--color:var(--bl-color-neutral-full)}:host([variant=selectable][disabled]) .tag{background-color:var(--bl-color-neutral-lightest);border-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([variant=removable]) .remove-button{--bl-border-radius-m:var(--bl-border-radius-circle)}:host([size=small]) .tag{--font:var(--bl-font-title-4-medium);--height:var(--bl-size-xl);--icon-size:var(--bl-size-s);--border-radius:var(--bl-size-xs);--padding-vertical:0px;--padding-horizontal:var(--bl-size-2xs);--remove-icon-size:var(--bl-size-xs)}:host([size=large]) .tag{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--height:var(--bl-size-3xl);--icon-size:var(--bl-size-m);--border-radius:var(--bl-size-l)}:host([variant=removable][size=small]) .tag{--padding-horizontal:var(--bl-size-2xs) 0px}:host([variant=removable]) .tag{--padding-horizontal:var(--bl-size-xs) var(--bl-size-3xs)}:host([variant=removable][size=large]) .tag{--padding-horizontal:var(--bl-size-m) var(--bl-size-2xs)}slot[name=icon] bl-icon{font-size:var(--icon-size);color:var(--color)}`,b=v;var e=class extends s{constructor(){super(...arguments);this.size="medium";this.variant="selectable";this.selected=!1;this.disabled=!1;this.value=null;this._handleClick=()=>{this.variant==="selectable"&&(this.selected=!this.selected),this._onBlTagClick({selected:this.selected,value:this.value})}}static get styles(){return[b]}_removeButtonTemplate(){let a=this.size==="large"?"medium":"small";return l`
+      <bl-button
+        icon="close"
+        size=${a}
+        label="Remove"
+        variant="tertiary"
+        kind="neutral"
+        class="remove-button"
+        ?disabled=${this.disabled}
+        @bl-click=${this._handleClick}
+      ></bl-button>
+    `}_iconTemplate(){return this.icon?l`<bl-icon name=${this.icon}></bl-icon>`:o}render(){let a=l`<button
+      class="tag"
+      role="checkbox"
+      @click=${this._handleClick}
+      ?disabled=${this.disabled}
+    >
+      ${this._iconTemplate()}
+      <slot></slot>
+    </button>`,d=l`<div class="tag">
+      ${this._iconTemplate()}
+      <slot></slot>
+      ${this._removeButtonTemplate()}
+    </div>`;return this.variant==="selectable"?a:d}};t([r({type:String,reflect:!0})],e.prototype,"size",2),t([r({type:String,reflect:!0})],e.prototype,"variant",2),t([r({type:String})],e.prototype,"icon",2),t([r({type:Boolean,reflect:!0})],e.prototype,"selected",2),t([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([r({type:String,reflect:!0})],e.prototype,"value",2),t([c("bl-tag-click")],e.prototype,"_onBlTagClick",2),e=t([n("bl-tag")],e);export{e as a};
+//# sourceMappingURL=chunk-TUUQIEDI.js.map

package/dist/chunk-TUUQIEDI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/tag/bl-tag.css", "../src/components/tag/bl-tag.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;max-width:100%}.tag{--bg-color:var(--bl-color-neutral-full);--color:var(--bl-color-neutral-darker);--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-m);--height:var(--bl-size-2xl);--border-radius:var(--bl-size-m);--remove-icon-size:var(--bl-size-s);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;width:100%;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--border-radius);padding-block:var(--padding-vertical);padding-inline:var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([variant=selectable]) .tag{cursor:pointer;user-select:none}:host([variant=selectable]) .tag.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,:host([variant=selectable]) .tag:hover{background-color:var(--bl-color-neutral-lightest)}:host([variant=selectable][selected]) .tag{border-color:var(--bl-color-neutral-darker);background-color:var(--bl-color-neutral-darker);--color:var(--bl-color-neutral-full)}:host([variant=selectable][disabled]) .tag{background-color:var(--bl-color-neutral-lightest);border-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([variant=removable]) .remove-button{--bl-border-radius-m:var(--bl-border-radius-circle)}:host([size=small]) .tag{--font:var(--bl-font-title-4-medium);--height:var(--bl-size-xl);--icon-size:var(--bl-size-s);--border-radius:var(--bl-size-xs);--padding-vertical:0px;--padding-horizontal:var(--bl-size-2xs);--remove-icon-size:var(--bl-size-xs)}:host([size=large]) .tag{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--height:var(--bl-size-3xl);--icon-size:var(--bl-size-m);--border-radius:var(--bl-size-l)}:host([variant=removable][size=small]) .tag{--padding-horizontal:var(--bl-size-2xs) 0px}:host([variant=removable]) .tag{--padding-horizontal:var(--bl-size-xs) var(--bl-size-3xs)}:host([variant=removable][size=large]) .tag{--padding-horizontal:var(--bl-size-m) var(--bl-size-2xs)}slot[name=icon] bl-icon{font-size:var(--icon-size);color:var(--color)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-tag.css\";\n\nexport type TagSize = \"small\" | \"medium\" | \"large\";\ntype TagVariant = \"selectable\" | \"removable\";\n\n/**\n * @tag bl-tag\n * @summary Baklava Tag component\n */\n@customElement(\"bl-tag\")\nexport default class BlTag extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the tag size\n   */\n  @property({ type: String, reflect: true })\n  size: TagSize = \"medium\";\n\n  /**\n   * Sets the tag variant\n   */\n  @property({ type: String, reflect: true })\n  variant: TagVariant = \"selectable\";\n\n  /**\n   * Sets the name of the icon\n   */\n  @property({ type: String })\n  icon?: BaklavaIcon;\n\n  /**\n   * Sets the selected state of the tag\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   *  Disables the tag\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Sets the value of the tag\n   */\n  @property({ type: String, reflect: true })\n  value: string | null = null;\n\n  /**\n   * Dispatches when the tag is clicked\n   */\n  @event(\"bl-tag-click\") private _onBlTagClick: EventDispatcher<{\n    value: string | null;\n    selected: boolean;\n  }>;\n\n  private _handleClick = () => {\n    if (this.variant === \"selectable\") this.selected = !this.selected;\n    this._onBlTagClick({ selected: this.selected, value: this.value });\n  };\n\n  private _removeButtonTemplate() {\n    const removeIconSize = this.size === \"large\" ? \"medium\" : \"small\";\n\n    return html`\n      <bl-button\n        icon=\"close\"\n        size=${removeIconSize}\n        label=\"Remove\"\n        variant=\"tertiary\"\n        kind=\"neutral\"\n        class=\"remove-button\"\n        ?disabled=${this.disabled}\n        @bl-click=${this._handleClick}\n      ></bl-button>\n    `;\n  }\n\n  private _iconTemplate() {\n    if (!this.icon) return nothing;\n    return html`<bl-icon name=${this.icon}></bl-icon>`;\n  }\n\n  render(): TemplateResult {\n    const selectableVariant = html`<button\n      class=\"tag\"\n      role=\"checkbox\"\n      @click=${this._handleClick}\n      ?disabled=${this.disabled}\n    >\n      ${this._iconTemplate()}\n      <slot></slot>\n    </button>`;\n\n    const removableVariant = html`<div class=\"tag\">\n      ${this._iconTemplate()}\n      <slot></slot>\n      ${this._removeButtonTemplate()}\n    </div>`;\n\n    if (this.variant === \"selectable\") return selectableVariant;\n    return removableVariant;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-tag\": BlTag;\n  }\n}\n"],
+  "mappings": "4LACO,IAAMA,EAAS,qxEACfC,EAAQD,ECcf,IAAqBE,EAArB,cAAmC,CAAW,CAA9C,kCASE,UAAgB,SAMhB,aAAsB,aAYtB,cAAW,GAMX,cAAW,GAMX,WAAuB,KAUvB,KAAQ,aAAe,IAAM,CACvB,KAAK,UAAY,eAAc,KAAK,SAAW,CAAC,KAAK,UACzD,KAAK,cAAc,CAAE,SAAU,KAAK,SAAU,MAAO,KAAK,KAAM,CAAC,CACnE,EAnDA,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAmDQ,uBAAwB,CAC9B,IAAMC,EAAiB,KAAK,OAAS,QAAU,SAAW,QAE1D,OAAOC;AAAA;AAAA;AAAA,eAGID;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKK,KAAK;AAAA,oBACL,KAAK;AAAA;AAAA,KAGvB,CAEQ,eAAgB,CACtB,OAAK,KAAK,KACHC,kBAAqB,KAAK,kBADVC,CAEzB,CAEA,QAAyB,CACvB,IAAMC,EAAoBF;AAAA;AAAA;AAAA,eAGf,KAAK;AAAA,kBACF,KAAK;AAAA;AAAA,QAEf,KAAK,cAAc;AAAA;AAAA,eAIjBG,EAAmBH;AAAA,QACrB,KAAK,cAAc;AAAA;AAAA,QAEnB,KAAK,sBAAsB;AAAA,YAG/B,OAAI,KAAK,UAAY,aAAqBE,EACnCC,CACT,CACF,EAvFEC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBR,EASnB,oBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBR,EAenB,uBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GApBPR,EAqBnB,oBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA1BvBR,EA2BnB,wBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhCvBR,EAiCnB,wBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtCtBR,EAuCnB,qBAK+BO,EAAA,CAA9BE,EAAM,cAAc,GA5CFT,EA4CY,6BA5CZA,EAArBO,EAAA,CADCC,EAAc,QAAQ,GACFR",
+  "names": ["styles", "bl_tag_default", "BlTag", "bl_tag_default", "removeIconSize", "x", "A", "selectableVariant", "removableVariant", "__decorateClass", "e", "event"]
+}

package/dist/{chunk-BNUJWONI.js → chunk-UOGCEUXK.js}

@@ -1,5 +1,5 @@
-import{a as w,b as f,c as E,d as y,e as x,f as _,g as k,h as M}from"./chunk-EZSEQHRH.js";import{a as g}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as u,b as a,c as n,e as s}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as b}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";function z(i){return typeof i=="string"?document.getElementById(i):i instanceof Element?i:null}var S=c`:host{display:contents}.popover{--arrow-display:var(--bl-popover-arrow-display, none);--background-color:var(--bl-popover-background-color, var(--bl-color-neutral-full));--border-color:var(--bl-popover-border-color, var(--bl-color-primary-highlight));--border-size:var(--bl-popover-border-size, 1px);--padding:var(--bl-popover-padding, var(--bl-size-m));--border-radius:var(--bl-popover-border-radius, var(--bl-size-3xs));--position:var(--bl-popover-position, fixed);--max-width:var(--bl-popover-max-width, 100vw);--max-viewport:calc(100vw - var(--bl-size-s));position:var(--position);box-sizing:border-box;border:var(--border-size) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);z-index:var(--bl-index-popover);max-width:min(var(--max-viewport), var(--max-width));width:max-content;hyphens:auto;background-color:var(--background-color);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker)}.popover:not(.visible){visibility:hidden}.arrow{--arrow-rotation:45deg;--size:var(--bl-size-2xs);--arrow-position:calc((var(--size) / -2) - var(--border-size));box-sizing:border-box;display:var(--arrow-display);position:absolute;background-color:var(--background-color);width:var(--size);height:var(--size);transform:rotate(var(--arrow-rotation));border:var(--border-size) solid var(--border-color);border-bottom:none;border-inline-end:none}.popover[data-placement*="bottom"] .arrow{top:var(--arrow-position)}.popover[data-placement*="top"] .arrow{--arrow-rotation:225deg;bottom:var(--arrow-position)}.popover[data-placement*="left"] .arrow{--arrow-rotation:135deg;right:var(--arrow-position)}.popover[data-placement*="right"] .arrow{--arrow-rotation:315deg;left:var(--arrow-position)}`,C=S;var t=class extends b{constructor(){super(...arguments);this.placement="bottom";this.fitSize=!1;this.offset=8;this._visible=!1;this._handleClickOutside=e=>{let r=e.composedPath();!r.includes(this._target)&&!r.includes(this)&&this.hide()}}static get styles(){return[C]}get target(){return this._target}set target(e){let r=z(e);if(!r){console.warn("BlPopover target only accepts an Element instance or a string id of a DOM element.");return}this._target=r}get visible(){return this._visible}connectedCallback(){super.connectedCallback(),this._handlePopoverShowEvent=this._handlePopoverShowEvent.bind(this),this._handleKeydownEvent=this._handleKeydownEvent.bind(this),this._handleClickOutside=this._handleClickOutside.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.popoverAutoUpdateCleanup&&this.popoverAutoUpdateCleanup()}show(){this._visible=!0,this.setPopover(),this.onBlPopoverShow(""),document.addEventListener("click",this._handleClickOutside),document.addEventListener("keydown",this._handleKeydownEvent),document.addEventListener("bl-popover-show",this._handlePopoverShowEvent)}hide(){this._visible=!1,document.removeEventListener("click",this._handleClickOutside),document.removeEventListener("keydown",this._handleKeydownEvent),document.removeEventListener("bl-popover-show",this._handlePopoverShowEvent),this.onBlPopoverHide("",{bubbles:!1})}render(){let e=g({popover:!0,visible:this._visible});return m` <div class=${e}>
+import{a as w,b as f,c as E,d as y,e as x,f as _,g as k,h as M}from"./chunk-EZSEQHRH.js";import{a as g}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as u,b as a,c as n,e as s}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as b}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";function z(i){return typeof i=="string"?document.getElementById(i):i instanceof Element?i:null}var S=c`:host{display:contents}.popover{--arrow-display:var(--bl-popover-arrow-display, none);--background-color:var(--bl-popover-background-color, var(--bl-color-neutral-full));--border-color:var(--bl-popover-border-color, var(--bl-color-primary-highlight));--border-size:var(--bl-popover-border-size, 1px);--padding:var(--bl-popover-padding, var(--bl-size-m));--border-radius:var(--bl-popover-border-radius, var(--bl-size-3xs));--position:var(--bl-popover-position, fixed);--max-width:var(--bl-popover-max-width, 100vw);--max-viewport:calc(100vw - var(--bl-size-s));position:var(--position);box-sizing:border-box;border:var(--border-size) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);z-index:var(--bl-index-popover);max-width:min(var(--max-viewport),var(--max-width));width:max-content;hyphens:auto;background-color:var(--background-color);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker)}.popover:not(.visible){visibility:hidden}.arrow{--arrow-rotation:45deg;--size:var(--bl-size-2xs);--arrow-position:calc((var(--size) / -2) - var(--border-size));box-sizing:border-box;display:var(--arrow-display);position:absolute;background-color:var(--background-color);width:var(--size);height:var(--size);transform:rotate(var(--arrow-rotation));border:var(--border-size) solid var(--border-color);border-bottom:none;border-inline-end:none}.popover[data-placement*=bottom] .arrow{top:var(--arrow-position)}.popover[data-placement*=top] .arrow{--arrow-rotation:225deg;bottom:var(--arrow-position)}.popover[data-placement*=left] .arrow{--arrow-rotation:135deg;right:var(--arrow-position)}.popover[data-placement*=right] .arrow{--arrow-rotation:315deg;left:var(--arrow-position)}`,C=S;var t=class extends b{constructor(){super(...arguments);this.placement="bottom";this.fitSize=!1;this.offset=8;this._visible=!1;this._handleClickOutside=e=>{let r=e.composedPath();!r.includes(this._target)&&!r.includes(this)&&this.hide()}}static get styles(){return[C]}get target(){return this._target}set target(e){let r=z(e);if(!r){console.warn("BlPopover target only accepts an Element instance or a string id of a DOM element.");return}this._target=r}get visible(){return this._visible}connectedCallback(){super.connectedCallback(),this._handlePopoverShowEvent=this._handlePopoverShowEvent.bind(this),this._handleKeydownEvent=this._handleKeydownEvent.bind(this),this._handleClickOutside=this._handleClickOutside.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.popoverAutoUpdateCleanup&&this.popoverAutoUpdateCleanup()}show(){this._visible=!0,this.setPopover(),this.onBlPopoverShow(""),document.addEventListener("click",this._handleClickOutside),document.addEventListener("keydown",this._handleKeydownEvent),document.addEventListener("bl-popover-show",this._handlePopoverShowEvent)}hide(){this._visible=!1,document.removeEventListener("click",this._handleClickOutside),document.removeEventListener("keydown",this._handleKeydownEvent),document.removeEventListener("bl-popover-show",this._handlePopoverShowEvent),this.onBlPopoverHide("",{bubbles:!1})}render(){let e=g({popover:!0,visible:this._visible});return m` <div class=${e}>
       <slot id="popover" aria-live=${this._visible?"polite":"off"}></slot>
       <div class="arrow" aria-hidden="true"></div>
     </div>`}getMiddleware(){let e=[];return e.push(y(this.offset),E(),f(),x({padding:4})),this.fitSize&&e.push(_({apply(r){r.elements.floating&&r.elements.reference&&Object.assign(r.elements.floating.style,{"min-width":`${r.elements.reference.getBoundingClientRect().width}px`})}})),e.push(w({element:this.arrow,padding:5})),e}setPopover(){this.target&&(this.popoverAutoUpdateCleanup=k(this.target,this._popover,()=>{M(this.target,this._popover,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware()}).then(({x:e,y:r,placement:d,middlewareData:p})=>{if(Object.assign(this._popover.style,{left:`${e}px`,top:`${r}px`}),this._popover.dataset.placement=d,p.arrow){let{x:v,y:h}=p.arrow;Object.assign(this.arrow.style,{left:v!=null?`${v}px`:"",top:h!=null?`${h}px`:""})}})}))}_handlePopoverShowEvent(e){if(e.target!==this){let{parentElement:r}=e.target;!this.contains(r)&&e.target.tagName===this.tagName&&this.hide()}}_handleKeydownEvent(e){e.key==="Escape"&&this.visible&&(e.preventDefault(),this.hide())}};o([a({type:String})],t.prototype,"placement",2),o([a({type:Boolean,attribute:"fit-size"})],t.prototype,"fitSize",2),o([a({type:Number})],t.prototype,"offset",2),o([s(".popover")],t.prototype,"_popover",2),o([s(".arrow")],t.prototype,"arrow",2),o([l("bl-popover-show")],t.prototype,"onBlPopoverShow",2),o([l("bl-popover-hide")],t.prototype,"onBlPopoverHide",2),o([n()],t.prototype,"_target",2),o([a()],t.prototype,"target",1),o([n()],t.prototype,"_visible",2),t=o([u("bl-popover")],t);export{z as a,t as b};
-//# sourceMappingURL=chunk-BNUJWONI.js.map
+//# sourceMappingURL=chunk-UOGCEUXK.js.map

package/dist/chunk-UOGCEUXK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utilities/elements.ts", "../src/components/popover/bl-popover.css", "../src/components/popover/bl-popover.ts"],
+  "sourcesContent": ["export function getMiddleOfElement(element: Element) {\n  const { x, y, width, height } = element.getBoundingClientRect();\n\n  return {\n    x: Math.floor(x + window.pageXOffset + width / 2),\n    y: Math.floor(y + window.pageYOffset + height / 2),\n  };\n}\n\nexport function getTarget(value: string | Element): Element | null {\n  if (typeof value === \"string\") {\n    return document.getElementById(value) as Element;\n  } else if (value instanceof Element) {\n    return value;\n  }\n\n  return null;\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{display:contents}.popover{--arrow-display:var(--bl-popover-arrow-display, none);--background-color:var(--bl-popover-background-color, var(--bl-color-neutral-full));--border-color:var(--bl-popover-border-color, var(--bl-color-primary-highlight));--border-size:var(--bl-popover-border-size, 1px);--padding:var(--bl-popover-padding, var(--bl-size-m));--border-radius:var(--bl-popover-border-radius, var(--bl-size-3xs));--position:var(--bl-popover-position, fixed);--max-width:var(--bl-popover-max-width, 100vw);--max-viewport:calc(100vw - var(--bl-size-s));position:var(--position);box-sizing:border-box;border:var(--border-size) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);z-index:var(--bl-index-popover);max-width:min(var(--max-viewport),var(--max-width));width:max-content;hyphens:auto;background-color:var(--background-color);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker)}.popover:not(.visible){visibility:hidden}.arrow{--arrow-rotation:45deg;--size:var(--bl-size-2xs);--arrow-position:calc((var(--size) / -2) - var(--border-size));box-sizing:border-box;display:var(--arrow-display);position:absolute;background-color:var(--background-color);width:var(--size);height:var(--size);transform:rotate(var(--arrow-rotation));border:var(--border-size) solid var(--border-color);border-bottom:none;border-inline-end:none}.popover[data-placement*=bottom] .arrow{top:var(--arrow-position)}.popover[data-placement*=top] .arrow{--arrow-rotation:225deg;bottom:var(--arrow-position)}.popover[data-placement*=left] .arrow{--arrow-rotation:135deg;right:var(--arrow-position)}.popover[data-placement*=right] .arrow{--arrow-rotation:315deg;left:var(--arrow-position)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  inline,\n  Middleware,\n  MiddlewareState,\n  offset,\n  shift,\n  size,\n} from \"@floating-ui/dom\";\nimport { getTarget } from \"../../utilities/elements\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-popover.css\";\n\nexport type Placement =\n  | \"top-start\"\n  | \"top\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"right-end\";\n\n/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popbover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\n@customElement(\"bl-popover\")\nexport default class BlPopover extends LitElement {\n  /**\n   * Sets placement of the popover\n   */\n  @property({ type: String })\n  placement: Placement = \"bottom\";\n  /**\n   * Sets size of popover same as trigger element\n   */\n  @property({ type: Boolean, attribute: \"fit-size\" })\n  fitSize = false;\n  /**\n   * Sets the distance between popover and target/trigger element\n   */\n  @property({ type: Number })\n  offset = 8;\n  @query(\".popover\") private _popover: HTMLElement;\n  @query(\".arrow\") private arrow: HTMLElement;\n  /**\n   * Fires when the popover is shown\n   */\n  @event(\"bl-popover-show\") private onBlPopoverShow: EventDispatcher<string>;\n  /**\n   * Fires when popover becomes hidden\n   */\n  @event(\"bl-popover-hide\") private onBlPopoverHide: EventDispatcher<string>;\n  private popoverAutoUpdateCleanup: () => void;\n\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Target elements state\n   */\n  @state() _target: string | Element;\n\n  /**\n   * Sets the target element of the popover to align and trigger.\n   * It can be a string id of the target element or can be a direct Element reference of it.\n   */\n  @property()\n  get target(): string | Element {\n    return this._target;\n  }\n\n  set target(value: string | Element) {\n    const target = getTarget(value);\n\n    if (!target) {\n      console.warn(\n        \"BlPopover target only accepts an Element instance or a string id of a DOM element.\"\n      );\n      return;\n    }\n\n    this._target = target;\n  }\n\n  /**\n   * Visibility state\n   */\n  @state() private _visible = false;\n\n  /**\n   * Gives the visibility status of the popover\n   */\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this._handlePopoverShowEvent = this._handlePopoverShowEvent.bind(this);\n    this._handleKeydownEvent = this._handleKeydownEvent.bind(this);\n    this._handleClickOutside = this._handleClickOutside.bind(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.popoverAutoUpdateCleanup && this.popoverAutoUpdateCleanup();\n  }\n\n  /**\n   * Shows popover\n   */\n  show() {\n    this._visible = true;\n\n    this.setPopover();\n    this.onBlPopoverShow(\"\");\n    document.addEventListener(\"click\", this._handleClickOutside);\n    document.addEventListener(\"keydown\", this._handleKeydownEvent);\n    document.addEventListener(\"bl-popover-show\", this._handlePopoverShowEvent);\n  }\n\n  /**\n   * Hides popover\n   */\n  hide() {\n    this._visible = false;\n    document.removeEventListener(\"click\", this._handleClickOutside);\n    document.removeEventListener(\"keydown\", this._handleKeydownEvent);\n    document.removeEventListener(\"bl-popover-show\", this._handlePopoverShowEvent);\n    this.onBlPopoverHide(\"\", { bubbles: false });\n  }\n\n  render(): TemplateResult {\n    const classes = classMap({\n      popover: true,\n      visible: this._visible,\n    });\n\n    return html` <div class=${classes}>\n      <slot id=\"popover\" aria-live=${this._visible ? \"polite\" : \"off\"}></slot>\n      <div class=\"arrow\" aria-hidden=\"true\"></div>\n    </div>`;\n  }\n\n  private getMiddleware(): Middleware[] {\n    const middlewareParams: Middleware[] = [];\n\n    middlewareParams.push(offset(this.offset), inline(), flip(), shift({ padding: 4 }));\n\n    if (this.fitSize) {\n      middlewareParams.push(\n        size({\n          apply(args: MiddlewareState) {\n            if (args.elements.floating && args.elements.reference) {\n              Object.assign(args.elements.floating.style, {\n                \"min-width\": `${args.elements.reference.getBoundingClientRect().width}px`,\n              });\n            }\n          },\n        })\n      );\n    }\n\n    middlewareParams.push(arrow({ element: this.arrow, padding: 5 }));\n\n    return middlewareParams;\n  }\n\n  private _handleClickOutside = (event: MouseEvent) => {\n    const eventPath = event.composedPath() as HTMLElement[];\n\n    if (!eventPath.includes(this._target as HTMLElement) && !eventPath.includes(this)) {\n      this.hide();\n    }\n  };\n\n  private setPopover() {\n    if (this.target) {\n      this.popoverAutoUpdateCleanup = autoUpdate(this.target as Element, this._popover, () => {\n        computePosition(this.target as Element, this._popover, {\n          placement: this.placement,\n          strategy: \"fixed\",\n          middleware: this.getMiddleware(),\n        }).then(({ x, y, placement, middlewareData }) => {\n          Object.assign(this._popover.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n          });\n\n          this._popover.dataset.placement = placement;\n\n          if (middlewareData.arrow) {\n            const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n            Object.assign(this.arrow.style, {\n              left: arrowX != null ? `${arrowX}px` : \"\",\n              top: arrowY != null ? `${arrowY}px` : \"\",\n            });\n          }\n        });\n      });\n    }\n  }\n\n  private _handlePopoverShowEvent(event: Event) {\n    if (event.target !== this) {\n      const { parentElement } = event.target as HTMLElement;\n      const isNestedPopover = this.contains(parentElement);\n\n      if (!isNestedPopover && (event.target as HTMLElement).tagName === this.tagName) {\n        this.hide();\n      }\n    }\n  }\n\n  private _handleKeydownEvent(event: KeyboardEvent) {\n    if (event.key === \"Escape\" && this.visible) {\n      event.preventDefault();\n      this.hide();\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"bl-popover\": BlPopover;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["getTarget", "value", "styles", "i", "bl_popover_default", "BlPopover", "s", "event", "eventPath", "bl_popover_default", "value", "target", "getTarget", "classes", "o", "x", "middlewareParams", "offset", "inline", "flip", "shift", "size", "args", "arrow", "autoUpdate", "computePosition", "y", "placement", "middlewareData", "arrowX", "arrowY", "parentElement", "__decorateClass", "e", "i", "t"]
+}