@trendyol/baklava 2.0.0-beta.27 → 2.0.0-beta.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/disable.svg +3 -0
- package/dist/assets/partial_approve.svg +6 -0
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava.js +1 -1
- package/dist/chunk-2TVOKUHE.js +7 -0
- package/dist/{chunk-E2DT737L.js.map → chunk-2TVOKUHE.js.map} +0 -0
- package/dist/{chunk-E6WXDMOY.js → chunk-6UWMQKJW.js} +2 -2
- package/dist/{chunk-E6WXDMOY.js.map → chunk-6UWMQKJW.js.map} +0 -0
- package/dist/{chunk-CEIAWSNF.js → chunk-C5HFLPOK.js} +2 -2
- package/dist/{chunk-CEIAWSNF.js.map → chunk-C5HFLPOK.js.map} +0 -0
- package/dist/chunk-ECPBIHTM.js +30 -0
- package/dist/chunk-ECPBIHTM.js.map +7 -0
- package/dist/{chunk-AS43M6VT.js → chunk-EELZVHM7.js} +2 -2
- package/dist/{chunk-AS43M6VT.js.map → chunk-EELZVHM7.js.map} +0 -0
- package/dist/{chunk-W53DEGK2.js → chunk-ENFFFE4I.js} +2 -2
- package/dist/{chunk-W53DEGK2.js.map → chunk-ENFFFE4I.js.map} +0 -0
- package/dist/{chunk-S7TTXZFP.js → chunk-HG7OBTQS.js} +2 -2
- package/dist/{chunk-S7TTXZFP.js.map → chunk-HG7OBTQS.js.map} +4 -4
- package/dist/chunk-IAT752ME.js +12 -0
- package/dist/chunk-IAT752ME.js.map +7 -0
- package/dist/{chunk-S7EEJXFV.js → chunk-IB7GARWV.js} +6 -6
- package/dist/{chunk-S7EEJXFV.js.map → chunk-IB7GARWV.js.map} +2 -2
- package/dist/{chunk-DCSIJZKF.js → chunk-IDG5M2QP.js} +2 -2
- package/dist/{chunk-DCSIJZKF.js.map → chunk-IDG5M2QP.js.map} +0 -0
- package/dist/{chunk-EWAVYEMK.js → chunk-KQBKSEYJ.js} +2 -2
- package/dist/{chunk-EWAVYEMK.js.map → chunk-KQBKSEYJ.js.map} +0 -0
- package/dist/chunk-KWTSWXUL.js +13 -0
- package/dist/chunk-KWTSWXUL.js.map +7 -0
- package/dist/{chunk-5YWWSNRQ.js → chunk-LZHSSAHO.js} +2 -2
- package/dist/{chunk-5YWWSNRQ.js.map → chunk-LZHSSAHO.js.map} +0 -0
- package/dist/{chunk-YAJ5XHMW.js → chunk-N6FF6F3Y.js} +2 -2
- package/dist/{chunk-YAJ5XHMW.js.map → chunk-N6FF6F3Y.js.map} +0 -0
- package/dist/{chunk-DJNJ4CN4.js → chunk-OJVJFWT3.js} +2 -2
- package/dist/{chunk-DJNJ4CN4.js.map → chunk-OJVJFWT3.js.map} +0 -0
- package/dist/chunk-QVWNLWDE.js +20 -0
- package/dist/chunk-QVWNLWDE.js.map +7 -0
- package/dist/chunk-VNGNBBSS.js +2 -0
- package/dist/chunk-VNGNBBSS.js.map +7 -0
- package/dist/{chunk-SJW4HPSY.js → chunk-WXJKPVRA.js} +2 -2
- package/dist/{chunk-SJW4HPSY.js.map → chunk-WXJKPVRA.js.map} +0 -0
- package/dist/components/alert/bl-alert.js +1 -1
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/checkbox/bl-checkbox.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/icon/icon-list.js +1 -1
- package/dist/components/icon/icon-list.js.map +2 -2
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/select/bl-select.js +2 -0
- package/dist/components/select/bl-select.js.map +7 -0
- package/dist/components/select/option/bl-select-option.js +2 -0
- package/dist/components/select/option/bl-select-option.js.map +7 -0
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/tab-group/tab/bl-tab.js +1 -1
- package/dist/components/tab-group/tab-panel/bl-tab-panel.js +1 -1
- package/dist/components/tooltip/bl-tooltip.js +1 -1
- package/dist/custom-elements.json +215 -0
- package/package.json +4 -1
- package/dist/chunk-CVDMDPXP.js +0 -20
- package/dist/chunk-CVDMDPXP.js.map +0 -7
- package/dist/chunk-E2DT737L.js +0 -7
- package/dist/chunk-RLRHLKBD.js +0 -12
- package/dist/chunk-RLRHLKBD.js.map +0 -7
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{a as w,b as g,c as y,d as u,g as x}from"./chunk-VNGNBBSS.js";import{a as f}from"./chunk-ENFFFE4I.js";import{a as s}from"./chunk-23UFIOHV.js";import{a as m,b as h,f as v,g as c,h as b,i as d,j as o}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var M=m`.trigger{display:inline-block;cursor:pointer}.tooltip{--left:0;--top:0;--visibility:hidden;position:fixed;box-sizing:border-box;border:0;background-color:var(--bl-color-secondary);color:var(--bl-color-primary-background);border-radius:var(--bl-size-3xs);pointer-events:none;font:var(--bl-font-title-3-regular);padding:var(--bl-size-m);left:var(--left);top:var(--top);visibility:var(--visibility);z-index:999;max-width:424px}.arrow{--arrow-top:0;--arrow-bottom:0;--arrow-right:0;--arrow-left:0;position:absolute;background-color:var(--bl-color-secondary);width:var(--bl-size-2xs);height:var(--bl-size-2xs);transform:rotate(45deg);top:var(--arrow-top);bottom:var(--arrow-bottom);right:var(--arrow-right);left:var(--arrow-left)}.visible{--visibility:visible}`,P=M;var t=class extends v{constructor(){super(...arguments);this.placement="top";this._visible=!1}static get styles(){return[P]}setTooltip(){x(this.trigger,this.tooltip,{placement:this.placement,strategy:"fixed",middleware:[y(8),u({padding:5}),g(),w({element:this.arrow,padding:5})]}).then(({x:i,y:E,placement:S,middlewareData:e})=>{var a,l,p,n;let $=((a=e.arrow)==null?void 0:a.x)!=null?`${(l=e.arrow)==null?void 0:l.x}px`:" ",z=((p=e.arrow)==null?void 0:p.y)!=null?`${(n=e.arrow)==null?void 0:n.y}px`:" ",H={top:"bottom",right:"left",bottom:"top",left:"right"},R=S.split("-")[0],k=H[R];this.tooltip.style.setProperty("--left",`${i}px`),this.tooltip.style.setProperty("--top",`${E}px`),this.arrow.style.setProperty("--arrow-left",$),this.arrow.style.setProperty("--arrow-top",z),this.arrow.style.setProperty("--arrow-bottom","0"),this.arrow.style.setProperty("--arrow-right","0"),this.arrow.style.setProperty(`--arrow-${k}`,"-4px")})}show(){this._visible=!0,this.setTooltip(),this.onShow("Show event fired!")}hide(){this._visible=!1,this.onHide("Hide event fired!")}render(){let i=f({tooltip:!0,visible:this._visible});return h` <slot
|
|
2
|
+
class="trigger"
|
|
3
|
+
name="tooltip-trigger"
|
|
4
|
+
@mouseover="${this.show}"
|
|
5
|
+
@mouseleave="${this.hide}"
|
|
6
|
+
>
|
|
7
|
+
</slot>
|
|
8
|
+
<div class=${i}>
|
|
9
|
+
<slot></slot>
|
|
10
|
+
<div class="arrow"></div>
|
|
11
|
+
</div>`}};r([o(".tooltip")],t.prototype,"tooltip",2),r([o(".trigger")],t.prototype,"trigger",2),r([o(".arrow")],t.prototype,"arrow",2),r([b({type:String})],t.prototype,"placement",2),r([d()],t.prototype,"_visible",2),r([s("bl-tooltip-show")],t.prototype,"onShow",2),r([s("bl-tooltip-hide")],t.prototype,"onHide",2),t=r([c("bl-tooltip")],t);export{t as a};
|
|
12
|
+
//# sourceMappingURL=chunk-IAT752ME.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/tooltip/bl-tooltip.css", "../src/components/tooltip/bl-tooltip.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.trigger{display:inline-block;cursor:pointer}.tooltip{--left:0;--top:0;--visibility:hidden;position:fixed;box-sizing:border-box;border:0;background-color:var(--bl-color-secondary);color:var(--bl-color-primary-background);border-radius:var(--bl-size-3xs);pointer-events:none;font:var(--bl-font-title-3-regular);padding:var(--bl-size-m);left:var(--left);top:var(--top);visibility:var(--visibility);z-index:999;max-width:424px}.arrow{--arrow-top:0;--arrow-bottom:0;--arrow-right:0;--arrow-left:0;position:absolute;background-color:var(--bl-color-secondary);width:var(--bl-size-2xs);height:var(--bl-size-2xs);transform:rotate(45deg);top:var(--arrow-top);bottom:var(--arrow-bottom);right:var(--arrow-right);left:var(--arrow-left)}.visible{--visibility:visible}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { computePosition, flip, shift, offset, arrow } from '@floating-ui/dom';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ReferenceElement } from '@floating-ui/core';\nimport style from './bl-tooltip.css';\nimport { event, EventDispatcher } from '../../utilities/event';\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-tooltip\n * @summary Baklava Tooltip component\n *\n * @property {string} placement - Sets the tooltip placement\n */\n\n@customElement('bl-tooltip')\nexport default class BlTooltip extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n @query('.tooltip') private tooltip: HTMLElement;\n @query('.trigger') private trigger: ReferenceElement;\n @query('.arrow') private arrow: HTMLElement;\n\n /**\n * Sets placement of the tooltip\n */\n @property({ type: String })\n placement: Placement = 'top';\n\n @state() private _visible = false;\n\n /**\n * Fires when hovering over a trigger\n */\n @event('bl-tooltip-show') private onShow: EventDispatcher<string>;\n\n /**\n * Fires when leaving over from trigger\n */\n @event('bl-tooltip-hide') private onHide: EventDispatcher<string>;\n\n private setTooltip() {\n computePosition(this.trigger, this.tooltip, {\n placement: this.placement,\n strategy: 'fixed',\n middleware: [\n offset(8),\n shift({ padding: 5 }),\n flip(),\n arrow({ element: this.arrow, padding: 5 }),\n ],\n }).then(({ x, y, placement, middlewareData }) => {\n const arrowX = middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : ' ';\n const arrowY = middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : ' ';\n const arrowDirections = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n };\n const tooltipPlacement = placement.split('-')[0] as keyof typeof arrowDirections;\n const arrowDirection = arrowDirections[tooltipPlacement];\n\n this.tooltip.style.setProperty('--left', `${x}px`);\n this.tooltip.style.setProperty('--top', `${y}px`);\n this.arrow.style.setProperty('--arrow-left', arrowX);\n this.arrow.style.setProperty('--arrow-top', arrowY);\n this.arrow.style.setProperty('--arrow-bottom', '0');\n this.arrow.style.setProperty('--arrow-right', '0');\n this.arrow.style.setProperty(`--arrow-${arrowDirection}`, '-4px');\n });\n }\n\n private show() {\n this._visible = true;\n this.setTooltip();\n this.onShow('Show event fired!');\n }\n\n private hide() {\n this._visible = false;\n this.onHide('Hide event fired!');\n }\n\n render(): TemplateResult {\n const classes = classMap({\n tooltip: true,\n visible: this._visible,\n });\n\n return html` <slot\n class=\"trigger\"\n name=\"tooltip-trigger\"\n @mouseover=\"${this.show}\"\n @mouseleave=\"${this.hide}\"\n >\n </slot>\n <div class=${classes}>\n <slot></slot>\n <div class=\"arrow\"></div>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-tooltip': BlTooltip;\n }\n}\n"],
|
|
5
|
+
"mappings": "8QACO,IAAMA,EAASC,uvBACfC,EAAQF,EC4Bf,IAAqBG,EAArB,cAAuCC,CAAW,CAAlD,kCAaE,eAAuB,MAEd,KAAQ,SAAW,GAd5B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAwBQ,YAAa,CACnBC,EAAgB,KAAK,QAAS,KAAK,QAAS,CAC1C,UAAW,KAAK,UAChB,SAAU,QACV,WAAY,CACVC,EAAO,CAAC,EACRC,EAAM,CAAE,QAAS,CAAE,CAAC,EACpBC,EAAK,EACLC,EAAM,CAAE,QAAS,KAAK,MAAO,QAAS,CAAE,CAAC,CAC3C,CACF,CAAC,EAAE,KAAK,CAAC,CAAE,EAAAC,EAAG,EAAAC,EAAG,UAAAC,EAAW,eAAAC,CAAe,IAAM,CAnErD,IAAAC,EAAAC,EAAAC,EAAAC,EAoEM,IAAMC,IAASJ,EAAAD,EAAe,QAAf,YAAAC,EAAsB,IAAK,KAAO,IAAGC,EAAAF,EAAe,QAAf,YAAAE,EAAsB,MAAQ,IAC5EI,IAASH,EAAAH,EAAe,QAAf,YAAAG,EAAsB,IAAK,KAAO,IAAGC,EAAAJ,EAAe,QAAf,YAAAI,EAAsB,MAAQ,IAC5EG,EAAkB,CACtB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OACR,EACMC,EAAmBT,EAAU,MAAM,GAAG,EAAE,GACxCU,EAAiBF,EAAgBC,GAEvC,KAAK,QAAQ,MAAM,YAAY,SAAU,GAAGX,KAAK,EACjD,KAAK,QAAQ,MAAM,YAAY,QAAS,GAAGC,KAAK,EAChD,KAAK,MAAM,MAAM,YAAY,eAAgBO,CAAM,EACnD,KAAK,MAAM,MAAM,YAAY,cAAeC,CAAM,EAClD,KAAK,MAAM,MAAM,YAAY,iBAAkB,GAAG,EAClD,KAAK,MAAM,MAAM,YAAY,gBAAiB,GAAG,EACjD,KAAK,MAAM,MAAM,YAAY,WAAWG,IAAkB,MAAM,CAClE,CAAC,CACH,CAEQ,MAAO,CACb,KAAK,SAAW,GAChB,KAAK,WAAW,EAChB,KAAK,OAAO,mBAAmB,CACjC,CAEQ,MAAO,CACb,KAAK,SAAW,GAChB,KAAK,OAAO,mBAAmB,CACjC,CAEA,QAAyB,CACvB,IAAMC,EAAUC,EAAS,CACvB,QAAS,GACT,QAAS,KAAK,QAChB,CAAC,EAED,OAAOC;AAAA;AAAA;AAAA,sBAGW,KAAK;AAAA,uBACJ,KAAK;AAAA;AAAA;AAAA,mBAGTF;AAAA;AAAA;AAAA,aAIjB,CACF,EAnF6BG,EAAA,CAA1BC,EAAM,UAAU,GALEzB,EAKQ,uBACAwB,EAAA,CAA1BC,EAAM,UAAU,GANEzB,EAMQ,uBACFwB,EAAA,CAAxBC,EAAM,QAAQ,GAPIzB,EAOM,qBAMzBwB,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAZP1B,EAanB,yBAEiBwB,EAAA,CAAhBG,EAAM,GAfY3B,EAeF,wBAKiBwB,EAAA,CAAjCI,EAAM,iBAAiB,GApBL5B,EAoBe,sBAKAwB,EAAA,CAAjCI,EAAM,iBAAiB,GAzBL5B,EAyBe,sBAzBfA,EAArBwB,EAAA,CADCK,EAAc,YAAY,GACN7B",
|
|
6
|
+
"names": ["styles", "r", "bl_tooltip_default", "BlTooltip", "s", "bl_tooltip_default", "z", "T", "D", "b", "m", "x", "y", "placement", "middlewareData", "_a", "_b", "_c", "_d", "arrowX", "arrowY", "arrowDirections", "tooltipPlacement", "arrowDirection", "classes", "o", "$", "__decorateClass", "i", "e", "t", "event", "n"]
|
|
7
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import{a as n}from"./chunk-
|
|
2
|
-
class=${
|
|
1
|
+
import{a as n}from"./chunk-2TVOKUHE.js";import{a as h}from"./chunk-ENFFFE4I.js";import{a as d}from"./chunk-23UFIOHV.js";import{a as s,b as a,f as c,g as u,h as r}from"./chunk-HG7OBTQS.js";import{a as o}from"./chunk-NZ3RGSR6.js";var p=s`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative;--bl-button-main-color:var(--bl-color-primary);--bl-button-main-hover-color:var(--bl-color-primary-hover);--bl-button-text-hover-color:var(--bl-color-secondary-background);--bl-button-content-color:var(--bl-color-primary-background);--bl-button-bg-color:var(--bl-button-main-color);--bl-button-border-color:var(--bl-button-main-color);--bl-button-padding-vertical:var(--bl-size-2xs);--bl-button-padding-horizontal:var(--bl-size-m);--bl-button-margin-icon:var(--bl-button-padding-vertical);--bl-button-icon-size:var(--bl-size-m);--bl-button-font:var(--bl-font-title-3-medium);--bl-button-height:var(--bl-size-2xl)}.button{display:flex;gap:var(--bl-button-margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--bl-button-height);border:solid 1px var(--bl-button-border-color);border-radius:6px;text-decoration:none;padding:var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);cursor:pointer;background-color:var(--bl-button-bg-color);color:var(--bl-button-content-color);font:var(--bl-button-font);font-kerning:none;user-select:none}:host(:hover),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__){--bl-button-bg-color:var(--bl-button-main-hover-color);--bl-button-border-color:var(--bl-button-main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']){--bl-button-font:var(--bl-font-title-4-medium);--bl-button-padding-vertical:var(--bl-size-3xs);--bl-button-padding-horizontal:var(--bl-size-2xs);--bl-button-icon-size:var(--bl-size-s);--bl-button-height:var(--bl-size-xl)}:host([size='large']){--bl-button-font:var(--bl-font-title-3-medium);--bl-button-padding-vertical:var(--bl-size-xs);--bl-button-padding-horizontal:var(--bl-size-xl);--bl-button-margin-icon:var(--bl-size-2xs);--bl-button-height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--bl-button-icon-size)}.has-icon:not(.has-content){--bl-button-padding-horizontal:var(--bl-button-padding-vertical);--bl-button-margin-icon:0}:host([variant='secondary']){--bl-button-main-color:var(--bl-color-secondary);--bl-button-main-hover-color:var(--bl-color-secondary-hover)}:host([variant='success']){--bl-button-main-color:var(--bl-color-success);--bl-button-main-hover-color:var(--bl-color-success-hover)}:host([variant='danger']){--bl-button-main-color:var(--bl-color-danger);--bl-button-main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed;--bl-button-main-color:var(--bl-color-tertiary);--bl-button-main-hover-color:var(--bl-color-tertiary);--bl-button-content-color:var(--bl-color-content-passive);--bl-button-bg-color:var(--bl-button-main-color)}:host([disabled]) .button{pointer-events:none;text-decoration:none}:host([kind='text']){--bl-button-content-color:var(--bl-button-main-color);--bl-button-border-color:transparent;--bl-button-bg-color:transparent}:host([kind='outline']){--bl-button-bg-color:transparent;--bl-button-content-color:var(--bl-button-main-color)}:host([kind='outline']:hover:not([disabled])),:host([kind='outline'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])){--bl-button-content-color:var(--bl-color-primary-background);--bl-button-bg-color:var(--bl-button-main-hover-color)}:host([kind='text']:hover:not([disabled])),:host([kind='text'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])){--bl-button-content-color:var(--bl-button-main-hover-color);--bl-button-bg-color:var(--bl-button-text-hover-color)}`,v=p;var t=class extends c{constructor(){super(...arguments);this.variant="primary";this.kind="contained";this.size="medium";this.disabled=!1;this.target="_self"}static get styles(){return[v]}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(e=>{var i;let l=e.nodeType;return l===e.TEXT_NODE&&((i=e.textContent)==null?void 0:i.trim())!==""||l===e.ELEMENT_NODE&&!e.hasAttribute("slot")})}render(){let b=!!this.href,e=this.icon?a`<bl-icon name=${this.icon}></bl-icon>`:"",l=a`<slot name="icon">${e}</slot> <span class="label"><slot></slot></span>`,i=h({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot});return b?a`<a
|
|
2
|
+
class=${i}
|
|
3
3
|
aria-disabled="${n(this.disabled)}"
|
|
4
4
|
aria-label="${n(this.label)}"
|
|
5
5
|
href=${n(this.href)}
|
|
6
6
|
target=${n(this.target)}
|
|
7
7
|
role="button"
|
|
8
8
|
>${l}</a
|
|
9
|
-
>`:
|
|
10
|
-
class=${
|
|
9
|
+
>`:a`<button
|
|
10
|
+
class=${i}
|
|
11
11
|
aria-disabled="${n(this.disabled)}"
|
|
12
12
|
aria-label="${n(this.label)}"
|
|
13
13
|
?disabled=${this.disabled}
|
|
14
14
|
@click="${this._handleClick}"
|
|
15
15
|
>
|
|
16
16
|
${l}
|
|
17
|
-
</button>`}_handleClick(){this.onClick("Click event fired!")}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([d("bl-click")],t.prototype,"onClick",2),t=o([u("bl-button")],t);export{t as a};
|
|
18
|
-
//# sourceMappingURL=chunk-
|
|
17
|
+
</button>`}_handleClick(){this.onClick("Click event fired!")}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([r({type:String})],t.prototype,"type",2),o([d("bl-click")],t.prototype,"onClick",2),t=o([u("bl-button")],t);export{t as a};
|
|
18
|
+
//# sourceMappingURL=chunk-IB7GARWV.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative;--bl-button-main-color:var(--bl-color-primary);--bl-button-main-hover-color:var(--bl-color-primary-hover);--bl-button-text-hover-color:var(--bl-color-secondary-background);--bl-button-content-color:var(--bl-color-primary-background);--bl-button-bg-color:var(--bl-button-main-color);--bl-button-border-color:var(--bl-button-main-color);--bl-button-padding-vertical:var(--bl-size-2xs);--bl-button-padding-horizontal:var(--bl-size-m);--bl-button-margin-icon:var(--bl-button-padding-vertical);--bl-button-icon-size:var(--bl-size-m);--bl-button-font:var(--bl-font-title-3-medium);--bl-button-height:var(--bl-size-2xl)}.button{display:flex;gap:var(--bl-button-margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--bl-button-height);border:solid 1px var(--bl-button-border-color);border-radius:6px;text-decoration:none;padding:var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);cursor:pointer;background-color:var(--bl-button-bg-color);color:var(--bl-button-content-color);font:var(--bl-button-font);font-kerning:none;user-select:none}:host(:hover),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__){--bl-button-bg-color:var(--bl-button-main-hover-color);--bl-button-border-color:var(--bl-button-main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']){--bl-button-font:var(--bl-font-title-4-medium);--bl-button-padding-vertical:var(--bl-size-3xs);--bl-button-padding-horizontal:var(--bl-size-2xs);--bl-button-icon-size:var(--bl-size-s);--bl-button-height:var(--bl-size-xl)}:host([size='large']){--bl-button-font:var(--bl-font-title-3-medium);--bl-button-padding-vertical:var(--bl-size-xs);--bl-button-padding-horizontal:var(--bl-size-xl);--bl-button-margin-icon:var(--bl-size-2xs);--bl-button-height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--bl-button-icon-size)}.has-icon:not(.has-content){--bl-button-padding-horizontal:var(--bl-button-padding-vertical);--bl-button-margin-icon:0}:host([variant='secondary']){--bl-button-main-color:var(--bl-color-secondary);--bl-button-main-hover-color:var(--bl-color-secondary-hover)}:host([variant='success']){--bl-button-main-color:var(--bl-color-success);--bl-button-main-hover-color:var(--bl-color-success-hover)}:host([variant='danger']){--bl-button-main-color:var(--bl-color-danger);--bl-button-main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed;--bl-button-main-color:var(--bl-color-tertiary);--bl-button-main-hover-color:var(--bl-color-tertiary);--bl-button-content-color:var(--bl-color-content-passive);--bl-button-bg-color:var(--bl-button-main-color)}:host([disabled]) .button{pointer-events:none;text-decoration:none}:host([kind='text']){--bl-button-content-color:var(--bl-button-main-color);--bl-button-border-color:transparent;--bl-button-bg-color:transparent}:host([kind='outline']){--bl-button-bg-color:transparent;--bl-button-content-color:var(--bl-button-main-color)}:host([kind='outline']:hover:not([disabled])),:host([kind='outline'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])){--bl-button-content-color:var(--bl-color-primary-background);--bl-button-bg-color:var(--bl-button-main-hover-color)}:host([kind='text']:hover:not([disabled])),:host([kind='text'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])){--bl-button-content-color:var(--bl-button-main-hover-color);--bl-button-bg-color:var(--bl-button-text-hover-color)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger';\nexport type ButtonKind = 'contained' | 'outline' | 'text';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the button variant\n */\n @property({ type: String, reflect: true })\n variant: ButtonVariant = 'primary';\n\n /**\n * Sets the button kind\n */\n @property({ type: String, reflect: true })\n kind: ButtonKind = 'contained';\n\n /**\n * Sets the button size\n */\n @property({ type: String, reflect: true })\n size: ButtonSize = 'medium';\n\n /**\n * Sets the button label. Used for accessibility.\n */\n @property({ type: String })\n label: string;\n\n /**\n * Sets button as disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Set link url. If set, button will be rendered as anchor tag.\n */\n @property({ type: String })\n href?: string;\n\n /**\n * Sets the icon name. Shows icon with bl-icon component\n */\n @property({ type: String })\n icon?: string;\n\n /**\n * Sets the anchor target. Used when `href` is set.\n */\n @property({ type: String })\n target?: TargetType = '_self';\n\n /**\n * Fires when button clicked\n */\n @event('bl-click') private onClick: EventDispatcher<string>;\n\n get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n get _hasDefaultSlot() {\n const childNodes = [...this.childNodes];\n return childNodes.some(node => {\n const nodeType = node.nodeType;\n // has only text node.\n if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n return true;\n }\n // has element node, it should not have slot attribute.\n if (nodeType === node.ELEMENT_NODE) {\n if (!(node as HTMLElement).hasAttribute('slot')) {\n return true;\n }\n }\n return false;\n });\n }\n\n render(): TemplateResult {\n const isAnchor = !!this.href;\n const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\"><slot></slot></span>`;\n const classes = classMap({\n 'button': true,\n 'has-icon': this.icon || this._hasIconSlot,\n 'has-content': this._hasDefaultSlot,\n });\n\n return isAnchor\n ? html`<a\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n role=\"button\"\n >${slots}</a\n >`\n : html`<button\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n ?disabled=${this.disabled}\n @click=\"${this._handleClick}\"\n >\n ${slots}\n </button>`;\n }\n\n private _handleClick() {\n this.onClick('Click event fired!');\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-button': BlButton;\n }\n}\n"],
|
|
5
|
-
"mappings": "oOACO,IAAMA,EAASC,u/GACfC,EAAQF,ECmBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,YAMnB,UAAmB,SAYnB,cAAW,GAkBX,YAAsB,QAlDtB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative;--bl-button-main-color:var(--bl-color-primary);--bl-button-main-hover-color:var(--bl-color-primary-hover);--bl-button-text-hover-color:var(--bl-color-secondary-background);--bl-button-content-color:var(--bl-color-primary-background);--bl-button-bg-color:var(--bl-button-main-color);--bl-button-border-color:var(--bl-button-main-color);--bl-button-padding-vertical:var(--bl-size-2xs);--bl-button-padding-horizontal:var(--bl-size-m);--bl-button-margin-icon:var(--bl-button-padding-vertical);--bl-button-icon-size:var(--bl-size-m);--bl-button-font:var(--bl-font-title-3-medium);--bl-button-height:var(--bl-size-2xl)}.button{display:flex;gap:var(--bl-button-margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--bl-button-height);border:solid 1px var(--bl-button-border-color);border-radius:6px;text-decoration:none;padding:var(--bl-button-padding-vertical) var(--bl-button-padding-horizontal);cursor:pointer;background-color:var(--bl-button-bg-color);color:var(--bl-button-content-color);font:var(--bl-button-font);font-kerning:none;user-select:none}:host(:hover),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__){--bl-button-bg-color:var(--bl-button-main-hover-color);--bl-button-border-color:var(--bl-button-main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']){--bl-button-font:var(--bl-font-title-4-medium);--bl-button-padding-vertical:var(--bl-size-3xs);--bl-button-padding-horizontal:var(--bl-size-2xs);--bl-button-icon-size:var(--bl-size-s);--bl-button-height:var(--bl-size-xl)}:host([size='large']){--bl-button-font:var(--bl-font-title-3-medium);--bl-button-padding-vertical:var(--bl-size-xs);--bl-button-padding-horizontal:var(--bl-size-xl);--bl-button-margin-icon:var(--bl-size-2xs);--bl-button-height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--bl-button-icon-size)}.has-icon:not(.has-content){--bl-button-padding-horizontal:var(--bl-button-padding-vertical);--bl-button-margin-icon:0}:host([variant='secondary']){--bl-button-main-color:var(--bl-color-secondary);--bl-button-main-hover-color:var(--bl-color-secondary-hover)}:host([variant='success']){--bl-button-main-color:var(--bl-color-success);--bl-button-main-hover-color:var(--bl-color-success-hover)}:host([variant='danger']){--bl-button-main-color:var(--bl-color-danger);--bl-button-main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed;--bl-button-main-color:var(--bl-color-tertiary);--bl-button-main-hover-color:var(--bl-color-tertiary);--bl-button-content-color:var(--bl-color-content-passive);--bl-button-bg-color:var(--bl-button-main-color)}:host([disabled]) .button{pointer-events:none;text-decoration:none}:host([kind='text']){--bl-button-content-color:var(--bl-button-main-color);--bl-button-border-color:transparent;--bl-button-bg-color:transparent}:host([kind='outline']){--bl-button-bg-color:transparent;--bl-button-content-color:var(--bl-button-main-color)}:host([kind='outline']:hover:not([disabled])),:host([kind='outline'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])){--bl-button-content-color:var(--bl-color-primary-background);--bl-button-bg-color:var(--bl-button-main-hover-color)}:host([kind='text']:hover:not([disabled])),:host([kind='text'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])){--bl-button-content-color:var(--bl-button-main-hover-color);--bl-button-bg-color:var(--bl-button-text-hover-color)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger';\nexport type ButtonKind = 'contained' | 'outline' | 'text';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the button variant\n */\n @property({ type: String, reflect: true })\n variant: ButtonVariant = 'primary';\n\n /**\n * Sets the button kind\n */\n @property({ type: String, reflect: true })\n kind: ButtonKind = 'contained';\n\n /**\n * Sets the button size\n */\n @property({ type: String, reflect: true })\n size: ButtonSize = 'medium';\n\n /**\n * Sets the button label. Used for accessibility.\n */\n @property({ type: String })\n label: string;\n\n /**\n * Sets button as disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Set link url. If set, button will be rendered as anchor tag.\n */\n @property({ type: String })\n href?: string;\n\n /**\n * Sets the icon name. Shows icon with bl-icon component\n */\n @property({ type: String })\n icon?: string;\n\n /**\n * Sets the anchor target. Used when `href` is set.\n */\n @property({ type: String })\n target?: TargetType = '_self';\n\n /**\n * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n */\n @property({ type: String })\n type: 'submit' | null;\n\n /**\n * Fires when button clicked\n */\n @event('bl-click') private onClick: EventDispatcher<string>;\n\n get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n get _hasDefaultSlot() {\n const childNodes = [...this.childNodes];\n return childNodes.some(node => {\n const nodeType = node.nodeType;\n // has only text node.\n if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n return true;\n }\n // has element node, it should not have slot attribute.\n if (nodeType === node.ELEMENT_NODE) {\n if (!(node as HTMLElement).hasAttribute('slot')) {\n return true;\n }\n }\n return false;\n });\n }\n\n render(): TemplateResult {\n const isAnchor = !!this.href;\n const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\"><slot></slot></span>`;\n const classes = classMap({\n 'button': true,\n 'has-icon': this.icon || this._hasIconSlot,\n 'has-content': this._hasDefaultSlot,\n });\n\n return isAnchor\n ? html`<a\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n role=\"button\"\n >${slots}</a\n >`\n : html`<button\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n ?disabled=${this.disabled}\n @click=\"${this._handleClick}\"\n >\n ${slots}\n </button>`;\n }\n\n private _handleClick() {\n this.onClick('Click event fired!');\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-button': BlButton;\n }\n}\n"],
|
|
5
|
+
"mappings": "oOACO,IAAMA,EAASC,u/GACfC,EAAQF,ECmBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,YAMnB,UAAmB,SAYnB,cAAW,GAkBX,YAAsB,QAlDtB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA6DA,IAAI,cAAe,CACjB,OAAO,KAAK,cAAc,wBAAwB,IAAM,IAC1D,CAEA,IAAI,iBAAkB,CAEpB,MADmB,CAAC,GAAG,KAAK,UAAU,EACpB,KAAKC,GAAQ,CA3FnC,IAAAC,EA4FM,IAAMC,EAAWF,EAAK,SAMtB,OAJIE,IAAaF,EAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,UAAW,IAI5DC,IAAaF,EAAK,cAChB,CAAEA,EAAqB,aAAa,MAAM,CAKlD,CAAC,CACH,CAEA,QAAyB,CACvB,IAAMG,EAAW,CAAC,CAAC,KAAK,KAClBC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GACjEC,EAAQD,sBAAyBD,oDACjCG,EAAUC,EAAS,CACvB,OAAU,GACV,WAAY,KAAK,MAAQ,KAAK,aAC9B,cAAe,KAAK,eACtB,CAAC,EAED,OAAOL,EACHE;AAAA,kBACUE;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,iBAC3BA,EAAU,KAAK,IAAI;AAAA,mBACjBA,EAAU,KAAK,MAAM;AAAA;AAAA,aAE3BH;AAAA,WAELD;AAAA,kBACUE;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,sBACtB,KAAK;AAAA,oBACP,KAAK;AAAA;AAAA,YAEbH;AAAA,kBAEV,CAEQ,cAAe,CACrB,KAAK,QAAQ,oBAAoB,CACnC,CACF,EA/GEI,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBd,EASnB,uBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBd,EAenB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBd,EAqBnB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA1BPd,EA2BnB,qBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhCvBd,EAiCnB,wBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAtCPd,EAuCnB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA5CPd,EA6CnB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAlDPd,EAmDnB,sBAMCa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxDRd,EAyDlB,oBAK0Ba,EAAA,CAA1BE,EAAM,UAAU,GA9DEf,EA8DQ,uBA9DRA,EAArBa,EAAA,CADCG,EAAc,WAAW,GACLhB",
|
|
6
6
|
"names": ["styles", "r", "bl_button_default", "BlButton", "s", "bl_button_default", "node", "_a", "nodeType", "isAnchor", "icon", "$", "slots", "classes", "o", "l", "__decorateClass", "e", "event", "n"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as o,b as s,f as a,g as p,h as l}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as o,b as s,f as a,g as p,h as l}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var u=o`:host{display:none;border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}:host([visible]){display:block;padding:var(--bl-size-xl);background-color:var(--bl-color-primary-background)}`,i=u;var t=class extends a{constructor(){super(...arguments);this.visible=!1}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e;this.tabGroup=this.closest("bl-tab-group"),(e=this.tabGroup)==null||e.registerTabPanel(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.tabGroup)==null||e.unregisterTabPanel(this)}render(){return s`<slot></slot>`}};r([l({type:String,reflect:!0})],t.prototype,"tab",2),r([l({type:Boolean,reflect:!0})],t.prototype,"visible",2),t=r([p("bl-tab-panel")],t);export{t as a};
|
|
2
|
+
//# sourceMappingURL=chunk-IDG5M2QP.js.map
|
|
File without changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{a as i,b as a,c as v}from"./chunk-72IJCTLJ.js";import{c as r,d as o,e as l}from"./chunk-
|
|
1
|
+
import{a as i,b as a,c as v}from"./chunk-72IJCTLJ.js";import{c as r,d as o,e as l}from"./chunk-HG7OBTQS.js";var{H:p}=l;var d=e=>e.strings===void 0;var A={},u=(e,t=A)=>e._$AH=t;var T=a(class extends v{constructor(e){if(super(e),e.type!==i.PROPERTY&&e.type!==i.ATTRIBUTE&&e.type!==i.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===r||t===o)return t;let s=e.element,n=e.name;if(e.type===i.PROPERTY){if(t===s[n])return r}else if(e.type===i.BOOLEAN_ATTRIBUTE){if(!!t===s.hasAttribute(n))return r}else if(e.type===i.ATTRIBUTE&&s.getAttribute(n)===t+"")return r;return u(e),t}});export{T as a};
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2020 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
//# sourceMappingURL=chunk-
|
|
7
|
+
//# sourceMappingURL=chunk-KQBKSEYJ.js.map
|
|
File without changes
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{a as p}from"./chunk-23UFIOHV.js";import{a as s,b as l,f as r,g as a,h as i,i as c}from"./chunk-HG7OBTQS.js";import{a as o}from"./chunk-NZ3RGSR6.js";var h=s`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-padding:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-hover);--option-color:var(--bl-color-secondary);--option-disabled-color:var(--bl-color-content-passive);--option-seperator:1px solid var(--bl-color-border);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:'';width:100%;bottom:0;border-bottom:var(--option-seperator)}:host(:last-of-type) .option-container::after{border-bottom:0}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);padding:var(--option-padding);transition:var(--option-transition);font:var(--option-font);user-select:none}:host(:hover) .single-option,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-padding)}`,d=h;var e=class extends r{constructor(){super(...arguments);this.disabled=!1;this.selected=!1;this.multiple=!1}static get styles(){return[d]}singleOptionTemplate(){return l`<div class="single-option" @click="${this._onClickOption}">
|
|
2
|
+
<slot></slot>
|
|
3
|
+
</div>`}checkboxOptionTemplate(){return l`<bl-checkbox
|
|
4
|
+
class="checkbox-option"
|
|
5
|
+
.checked="${this.selected}"
|
|
6
|
+
.disabled="${this.disabled}"
|
|
7
|
+
@bl-checkbox-change="${this._onCheckboxChange}"
|
|
8
|
+
>
|
|
9
|
+
<slot></slot>
|
|
10
|
+
</bl-checkbox>`}render(){return l`<div class="option-container">
|
|
11
|
+
${this.multiple?this.checkboxOptionTemplate():this.singleOptionTemplate()}
|
|
12
|
+
</div>`}_handleEvent(){this._onSelect({value:this.value,text:this.textContent,selected:this.selected})}_onClickOption(){this.selected=!this.selected,this._handleEvent()}_onCheckboxChange(t){this.selected=t.detail,this._handleEvent()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t,n;this.blSelect=this.closest("bl-select"),this.multiple=((t=this.blSelect)==null?void 0:t.multiple)||!1,(n=this.blSelect)==null||n.registerOption(this)})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.blSelect)==null||t.unregisterOption(this)}};o([i({})],e.prototype,"value",2),o([i({type:Boolean})],e.prototype,"disabled",2),o([i({type:Boolean,reflect:!0})],e.prototype,"selected",2),o([c()],e.prototype,"multiple",2),o([p("bl-select-option")],e.prototype,"_onSelect",2),e=o([a("bl-select-option")],e);export{e as a};
|
|
13
|
+
//# sourceMappingURL=chunk-KWTSWXUL.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/select/option/bl-select-option.css", "../src/components/select/option/bl-select-option.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative}.option-container{--option-font:var(--bl-font-title-3-regular);--option-padding:var(--bl-size-xs) 0;--option-selected-color:var(--bl-color-primary);--option-hover-color:var(--bl-color-primary-hover);--option-color:var(--bl-color-secondary);--option-disabled-color:var(--bl-color-content-passive);--option-seperator:1px solid var(--bl-color-border);--option-gap:var(--bl-size-2xs);--option-transition:color 120ms ease-out}.option-container::after{position:absolute;content:'';width:100%;bottom:0;border-bottom:var(--option-seperator)}:host(:last-of-type) .option-container::after{border-bottom:0}.single-option{width:100%;display:block;cursor:pointer;color:var(--option-color);padding:var(--option-padding);transition:var(--option-transition);font:var(--option-font);user-select:none}:host(:hover) .single-option,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .single-option{color:var(--option-hover-color)}:host([selected]) .single-option{color:var(--option-selected-color)}:host([disabled]){cursor:not-allowed}:host([disabled]) .single-option{color:var(--option-disabled-color);cursor:not-allowed;pointer-events:none}.checkbox-option{width:100%;display:block;color:var(--option-color);padding:var(--option-padding)}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { event, EventDispatcher } from '../../../utilities/event';\nimport BlSelect, { ISelectOption } from '../bl-select';\nimport style from './bl-select-option.css';\n\n@customElement('bl-select-option')\nexport default class BlSelectOption extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /* Declare reactive properties */\n /**\n * Sets the value for the option\n */\n @property({})\n value: string;\n\n /**\n * Sets option as disabled\n */\n @property({ type: Boolean })\n disabled = false;\n\n /**\n * Sets option as selected state\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @state()\n multiple = false;\n\n /**\n * Fires when clicked on the option\n */\n @event('bl-select-option') private _onSelect: EventDispatcher<ISelectOption>;\n\n private blSelect: BlSelect | null;\n\n private singleOptionTemplate() {\n return html`<div class=\"single-option\" @click=\"${this._onClickOption}\">\n <slot></slot>\n </div>`;\n }\n\n private checkboxOptionTemplate() {\n return html`<bl-checkbox\n class=\"checkbox-option\"\n .checked=\"${this.selected}\"\n .disabled=\"${this.disabled}\"\n @bl-checkbox-change=\"${this._onCheckboxChange}\"\n >\n <slot></slot>\n </bl-checkbox>`;\n }\n\n render() {\n return html`<div class=\"option-container\">\n ${this.multiple ? this.checkboxOptionTemplate() : this.singleOptionTemplate()}\n </div>`;\n }\n\n private _handleEvent() {\n this._onSelect({\n value: this.value,\n text: this.textContent,\n selected: this.selected,\n } as ISelectOption);\n }\n\n private _onClickOption() {\n this.selected = !this.selected;\n this._handleEvent();\n }\n\n private _onCheckboxChange(event: CustomEvent) {\n this.selected = event.detail;\n this._handleEvent();\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.updateComplete.then(() => {\n this.blSelect = this.closest<BlSelect>('bl-select');\n // FIXME: We should warn when parent is not bl-select\n\n this.multiple = this.blSelect?.multiple || false;\n this.blSelect?.registerOption(this);\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.blSelect?.unregisterOption(this);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-select-option': BlSelectOption;\n }\n}\n"],
|
|
5
|
+
"mappings": "2JACO,IAAMA,EAASC,guCACfC,EAAQF,ECKf,IAAqBG,EAArB,cAA4CC,CAAW,CAAvD,kCAgBE,cAAW,GAMX,cAAW,GAGX,cAAW,GAxBX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA+BQ,sBAAuB,CAC7B,OAAOC,uCAA0C,KAAK;AAAA;AAAA,WAGxD,CAEQ,wBAAyB,CAC/B,OAAOA;AAAA;AAAA,kBAEO,KAAK;AAAA,mBACJ,KAAK;AAAA,6BACK,KAAK;AAAA;AAAA;AAAA,mBAIhC,CAEA,QAAS,CACP,OAAOA;AAAA,QACH,KAAK,SAAW,KAAK,uBAAuB,EAAI,KAAK,qBAAqB;AAAA,WAEhF,CAEQ,cAAe,CACrB,KAAK,UAAU,CACb,MAAO,KAAK,MACZ,KAAM,KAAK,YACX,SAAU,KAAK,QACjB,CAAkB,CACpB,CAEQ,gBAAiB,CACvB,KAAK,SAAW,CAAC,KAAK,SACtB,KAAK,aAAa,CACpB,CAEQ,kBAAkBC,EAAoB,CAC5C,KAAK,SAAWA,EAAM,OACtB,KAAK,aAAa,CACpB,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,eAAe,KAAK,IAAM,CArFnC,IAAAC,EAAAC,EAsFM,KAAK,SAAW,KAAK,QAAkB,WAAW,EAGlD,KAAK,WAAWD,EAAA,KAAK,WAAL,YAAAA,EAAe,WAAY,IAC3CC,EAAA,KAAK,WAAL,MAAAA,EAAe,eAAe,KAChC,CAAC,CACH,CAEA,sBAAuB,CA9FzB,IAAAD,EA+FI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,WAAL,MAAAA,EAAe,iBAAiB,KAClC,CACF,EAjFEE,EAAA,CADCC,EAAS,CAAC,CAAC,GATOR,EAUnB,qBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAfRR,EAgBnB,wBAMAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GArBvBR,EAsBnB,wBAGAO,EAAA,CADCE,EAAM,GAxBYT,EAyBnB,wBAKmCO,EAAA,CAAlCH,EAAM,kBAAkB,GA9BNJ,EA8BgB,yBA9BhBA,EAArBO,EAAA,CADCG,EAAc,kBAAkB,GACZV",
|
|
6
|
+
"names": ["styles", "r", "bl_select_option_default", "BlSelectOption", "s", "bl_select_option_default", "$", "event", "_a", "_b", "__decorateClass", "e", "t", "n"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as s}from"./chunk-23UFIOHV.js";import{a as l,b as r,f as a,g as n,h as o}from"./chunk-
|
|
1
|
+
import{a as s}from"./chunk-23UFIOHV.js";import{a as l,b as r,f as a,g as n,h as o}from"./chunk-HG7OBTQS.js";import{a as e}from"./chunk-NZ3RGSR6.js";var v=l`:host{position:relative;display:flex;align-items:center;background-color:var(--bl-color-primary-background)}.container{--title-padding-vertical:var(--bl-size-m);--title-padding-horizontal:var(--bl-size-xl);--title-color:var(--bl-color-secondary);--caption-color:var(--bl-color-secondary);--icon-color:var(--bl-color-secondary);--border-bottom-width:var(--bl-size-4xs);--border-left-space:var(--bl-size-xl);--font-title:var(--bl-font-title-3-medium);--font-caption:var(--bl-font-title-4-regular);--tab-right-padding:var(--bl-size-xl);--help-container-width:var(--bl-size-2xl);--tab-height:calc(var(--bl-size-3xl) + var(--bl-size-s));display:flex;border:0;cursor:pointer;background-color:initial;width:max-content;height:var(--tab-height);padding:0 var(--tab-right-padding)}.container::after{position:absolute;content:'';right:0;top:var(--bl-size-m);height:calc(100% - var(--bl-size-2xl));border-right:1px solid var(--bl-color-tertiary-hover)}:host(:last-of-type) .container::after{border-right:0}:host .container::before{content:'';position:absolute;opacity:0;bottom:calc(-1 * var(--bl-size-4xs));left:var(--border-left-space);width:calc(100% - var(--bl-size-4xl));border-bottom:var(--border-bottom-width) solid var(--bl-color-primary)}:host([selected]:not([disabled])) .container::before{opacity:1}:host(:hover) .container,:host([selected]) .container,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .container,:host([selected]) .container{--title-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}:host([disabled]) .container{cursor:not-allowed;--title-color:var(--bl-color-content-passive);--caption-color:var(--bl-color-content-passive);--icon-color:var(--bl-color-content-passive)}:host(:hover) :where(.title,.icon),:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) :where(.title,.icon){transition:color 120ms ease-out}:host([selected]) .border-bottom{display:inline-block}:host([disabled]) .container:hover,:host([disabled]) .container.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__{cursor:not-allowed}:host([help-text]) button{padding-right:0}.tab-button{width:max-content}.help-container{display:flex;justify-content:center;align-items:center;width:var(--help-container-width);height:100%;font-size:var(--bl-font-size-m);pointer-events:visible;padding-right:var(--tab-right-padding)}bl-tooltip{--bl-tooltip-position:fixed}.title{display:flex;align-items:center;justify-content:center;font:var(--font-title);color:var(--title-color);line-height:var(--bl-size-m);white-space:nowrap}.title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.badge-container{padding-left:var(--bl-size-3xs);display:flex;margin-bottom:1px}.caption{font:var(--font-caption);line-height:var(--bl-size-xs);color:var(--caption-color);text-align:center;margin-top:var(--bl-size-4xs)}.icon{display:flex;color:var(--icon-color);font-size:var(--bl-font-size-l);margin-right:var(--bl-size-3xs);margin-bottom:1px}:host([notify]) .title::after{content:'';height:var(--bl-size-2xs);width:var(--bl-size-2xs);border-radius:var(--bl-size-3xs);margin-left:var(--bl-size-3xs);background-color:var(--bl-color-danger);margin-bottom:1px}`,c=v;var t=class extends a{constructor(){super(...arguments);this.icon="";this.notify=!1;this.badge="";this.selected=!1;this.disabled=!1}static get styles(){return[c]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var i;this.tabGroup=this.closest("bl-tab-group"),(i=this.tabGroup)==null||i.registerTab(this)})}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.tabGroup)==null||i.unregisterTab(this)}select(){this._onSelect(this.name)}render(){let i=r` <slot></slot>`,b=this.helpText?r` <div class="help-container">
|
|
2
2
|
<bl-tooltip>
|
|
3
3
|
<bl-button
|
|
4
4
|
slot="tooltip-trigger"
|
|
@@ -27,4 +27,4 @@ import{a as s}from"./chunk-23UFIOHV.js";import{a as l,b as r,f as a,g as n,h as
|
|
|
27
27
|
${b}
|
|
28
28
|
</button>
|
|
29
29
|
`}};e([o({type:String})],t.prototype,"caption",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([o({type:String})],t.prototype,"icon",2),e([o({type:Boolean,reflect:!0})],t.prototype,"notify",2),e([o({type:String})],t.prototype,"badge",2),e([o({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([s("bl-tab-selected")],t.prototype,"_onSelect",2),t=e([n("bl-tab")],t);export{t as a};
|
|
30
|
-
//# sourceMappingURL=chunk-
|
|
30
|
+
//# sourceMappingURL=chunk-LZHSSAHO.js.map
|
|
File without changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as d}from"./chunk-
|
|
1
|
+
import{a as d}from"./chunk-KQBKSEYJ.js";import{a as n}from"./chunk-23UFIOHV.js";import{a as i,b as l,f as s,g as c,h as a}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var p=i`:host{display:inline-block;vertical-align:middle}label{display:flex;align-items:center;gap:var(--bl-size-2xs);color:var(--bl-color-secondary);font:var(--bl-font-title-3);cursor:pointer;user-select:none}input{appearance:none;position:absolute}.check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);border:1px solid var(--bl-color-border);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-primary-background);font-size:var(--bl-font-size-2xs)}:host([checked]) .label{color:var(--bl-color-primary)}:host(:is([checked],[indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:0}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-content-passive)}:host([disabled]) .check-mark{background-color:var(--bl-color-secondary-background)}`,h=p;var e=class extends s{constructor(){super(...arguments);this.checked=!1;this.disabled=!1;this.indeterminate=!1}static get styles(){return[h]}handleChange(t){let o=t.target;this.checked=o.checked,this.onChange(o.checked),this.indeterminate=!1}update(t){super.update(t),this.indeterminate&&this.checked&&(this.checked=!1,this.requestUpdate("checked",!0))}render(){let t="";return this.checked&&(t="check"),this.indeterminate&&(t="minus"),l`
|
|
2
2
|
<label>
|
|
3
3
|
<input
|
|
4
4
|
type="checkbox"
|
|
@@ -12,4 +12,4 @@ import{a as d}from"./chunk-EWAVYEMK.js";import{a as n}from"./chunk-23UFIOHV.js";
|
|
|
12
12
|
<span class="label"><slot></slot></span>
|
|
13
13
|
</label>
|
|
14
14
|
`}};r([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),r([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([a({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),r([n("bl-checkbox-change")],e.prototype,"onChange",2),e=r([c("bl-checkbox")],e);export{e as a};
|
|
15
|
-
//# sourceMappingURL=chunk-
|
|
15
|
+
//# sourceMappingURL=chunk-N6FF6F3Y.js.map
|
|
File without changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{a as i,b as l,f as o,g as u,h as a,i as s,j as p}from"./chunk-
|
|
1
|
+
import{a as i,b as l,f as o,g as u,h as a,i as s,j as p}from"./chunk-HG7OBTQS.js";import{a as r}from"./chunk-NZ3RGSR6.js";var v=i`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-size-3xs);position:relative;background-color:var(--bl-color-secondary-background);height:var(--height);border-radius:var(--radius);width:100%}.progress-indicator::before{content:'';position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius)}:host([size='small']) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-size-4xs)}:host([size='large']) .progress-indicator{--height:var(--bl-size-xs);--radius:6px}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`,m=v;var e=class extends o{constructor(){super(...arguments);this.size="medium";this.failed=!1;this._max=100;this._value=0}static get styles(){return m}get max(){return this._max}set max(t){this._max=t,this.updateCssVariable()}get value(){return this._value}set value(t){this._value=t,this.updateCssVariable()}async updateCssVariable(){await this.updateComplete,this.wrapper.style.setProperty("--value",`${this.value}`),this.wrapper.style.setProperty("--max",`${this.max}`)}render(){return l`<div
|
|
2
2
|
class="progress-indicator"
|
|
3
3
|
role="progressbar"
|
|
4
4
|
aria-valuemax="${this._max}"
|
|
5
5
|
aria-valuenow="${this._value}"
|
|
6
6
|
></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String})],e.prototype,"size",2),r([a({type:Boolean})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
|
|
7
|
-
//# sourceMappingURL=chunk-
|
|
7
|
+
//# sourceMappingURL=chunk-OJVJFWT3.js.map
|
|
File without changes
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import{a as K}from"./chunk-2TVOKUHE.js";import{a as dt}from"./chunk-ENFFFE4I.js";import{a as ht}from"./chunk-KQBKSEYJ.js";import{a as Z}from"./chunk-23UFIOHV.js";import{a as ot,b as q,f as st,g as nt,h as E,i as lt,j as ct}from"./chunk-HG7OBTQS.js";import{a as f}from"./chunk-NZ3RGSR6.js";var d=function(l,o,s,r){if(s==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof o=="function"?l!==o||!r:!o.has(l))throw new TypeError("Cannot read private member from an object whose class did not declare it");return s==="m"?r:s==="a"?r.call(l):r?r.value:o.get(l)},C=function(l,o,s,r,g){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!g)throw new TypeError("Private accessor was defined without a setter");if(typeof o=="function"?l!==o||!g:!o.has(l))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?g.call(l,s):g?g.value=s:o.set(l,s),s};function ut(l){var o,s,r,g,F,S,A,W,I,R,O,$,L,P,_,D,H,G;class Q extends l{constructor(...n){super(...n),o.add(this),this.internals=this.attachInternals(),s.set(this,!1),r.set(this,!1),g.set(this,!1),F.set(this,void 0),S.set(this,void 0),W.set(this,""),I.set(this,()=>{C(this,g,!0,"f"),C(this,s,!0,"f"),d(this,o,"m",_).call(this)}),R.set(this,()=>{C(this,s,!1,"f"),d(this,o,"m",D).call(this,this.shouldFormValueUpdate()?d(this,W,"f"):""),!this.validity.valid&&d(this,g,"f")&&C(this,r,!0,"f");let c=d(this,o,"m",_).call(this);this.validationMessageCallback&&this.validationMessageCallback(c?this.internals.validationMessage:"")}),O.set(this,()=>{var c;C(this,r,!0,"f"),d(this,o,"m",_).call(this),(c=this===null||this===void 0?void 0:this.validationMessageCallback)===null||c===void 0||c.call(this,this.showError?this.internals.validationMessage:"")}),$.set(this,void 0),L.set(this,!1),P.set(this,Promise.resolve()),this.addEventListener("focus",d(this,I,"f")),this.addEventListener("blur",d(this,R,"f")),this.addEventListener("invalid",d(this,O,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(y=>y.attribute),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}get form(){return this.internals.form}get showError(){return d(this,o,"m",_).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,w){var y;(y=super.attributeChangedCallback)===null||y===void 0||y.call(this,n,c,w),this.constructor.getValidator(n)&&this.validationTarget&&this.setValue(d(this,W,"f"))}setValue(n){var c;C(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),C(this,W,n,"f");let y=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(y),d(this,o,"m",D).call(this,y),this.valueChangedCallback&&this.valueChangedCallback(y),d(this,o,"m",_).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,P,"f")))}formResetCallback(){var n,c;C(this,g,!1,"f"),C(this,r,!1,"f"),d(this,o,"m",_).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,o,"m",_).call(this)?this.validationMessage:"")}}return s=new WeakMap,r=new WeakMap,g=new WeakMap,F=new WeakMap,S=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,O=new WeakMap,$=new WeakMap,L=new WeakMap,P=new WeakMap,o=new WeakSet,A=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},_=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,r,"f")||d(this,g,"f")&&!this.validity.valid&&!d(this,s,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},D=function(n){let c=this.constructor,w={},y=c.validators,U=[];d(this,L,"f")||(C(this,P,new Promise(k=>{C(this,$,k,"f")}),"f"),C(this,L,!0,"f")),d(this,F,"f")&&(d(this,F,"f").abort(),C(this,S,d(this,F,"f"),"f"));let V=new AbortController;C(this,F,V,"f");let x,Y=!1;!y.length||(y.forEach(k=>{let N=k.key||"customError",z=k.isValid(this,n,V.signal);z instanceof Promise?(U.push(z),z.then(J=>{J!=null&&(w[N]=!J,x=d(this,o,"m",G).call(this,k,n),d(this,o,"m",H).call(this,w,x))})):(w[N]=!z,this.validity[N]!==!z&&(Y=!0),z||(x=d(this,o,"m",G).call(this,k,n)))}),Promise.allSettled(U).then(()=>{var k;V!=null&&V.signal.aborted||(C(this,L,!1,"f"),(k=d(this,$,"f"))===null||k===void 0||k.call(this))}),Y&&d(this,o,"m",H).call(this,w,x))},H=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget);else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;let w=0,y=setInterval(()=>{w>=100||this.validity.valid?clearInterval(y):this.validationTarget&&(this.internals.setValidity(this.validity,c,this.validationTarget),clearInterval(y)),w+=1},0)}},G=function(n,c){if(this.validityCallback){let w=this.validityCallback(n.key||"customError");if(w)return w}return n.message instanceof Function?n.message(this,c):n.message},Q}var mt=l=>{if(l.reportValidity()){let o=new Event("submit",{cancelable:!0});l.dispatchEvent(o),o.defaultPrevented||l.submit()}else return};var Et=["valueMissing","typeMismatch","tooLong","tooShort","rangeUnderflow","rangeOverflow","badInput","customError"],pt=Et.map(l=>({key:l,isValid(o){return o.validationTarget?!o.validationTarget.validity[l]:!0}}));(function(){"use strict";let l=new WeakMap,o=new WeakMap,s=new WeakMap,r=new WeakMap,g=new WeakMap,F=new WeakMap,S=new WeakMap,A=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,O=new WeakMap,$=new WeakMap,L=new WeakMap,P={attributes:!0,attributeFilter:["disabled"]},_=new MutationObserver(e=>{for(let t of e){let a=t.target;if(a.constructor.formAssociated){let i=a.hasAttribute("disabled");a.toggleAttribute("internals-disabled",i),i?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled"),a.formDisabledCallback&&a.formDisabledCallback.apply(a,[i])}}}),D=e=>{s.get(e).forEach(a=>{a.remove()}),s.set(e,[])},H=(e,t)=>{let a=document.createElement("input");return a.type="hidden",a.name=e.getAttribute("name"),e.after(a),s.get(t).push(a),a},G=(e,t)=>{s.set(t,[]);let a=e.hasAttribute("disabled");e.toggleAttribute("internals-disabled",a),_.observe(e,P)},Q=(e,t)=>{if(t.length){Array.from(t).forEach(i=>i.addEventListener("click",e.focus.bind(e)));let a=t[0].id;t[0].id||(a=`${t[0].htmlFor}_Label`,t[0].id=a),e.setAttribute("aria-labelledby",a)}},T=e=>{let t=Array.from(e.elements).filter(u=>u.validity).map(u=>u.validity.valid),a=A.get(e)||[],i=Array.from(a).filter(u=>u.isConnected).map(u=>r.get(u).validity.valid),m=[...t,...i].includes(!1);e.toggleAttribute("internals-invalid",m),e.toggleAttribute("internals-valid",!m)},n=e=>{T(V(e.target))},c=e=>{T(V(e.target))},w=e=>{let t=e.target,a=A.get(t);t.noValidate||a.size&&(Array.from(a).reverse().map(u=>r.get(u).reportValidity()).includes(!1)?(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault()):L.get(t)&&L.get(t).call(t,e)===!1&&e.preventDefault())},y=e=>{let t=A.get(e.target);t&&t.size&&t.forEach(a=>{a.constructor.formAssociated&&a.formResetCallback&&a.formResetCallback.apply(a)})},U=(e,t,a)=>{if(t){t.onsubmit&&(L.set(t,t.onsubmit.bind(t)),t.onsubmit=null);let i=A.get(t);if(i)i.add(e);else{let m=new Set;m.add(e),A.set(t,m),t.addEventListener("submit",w),t.addEventListener("reset",y),t.addEventListener("input",n),t.addEventListener("change",c)}F.set(t,{ref:e,internals:a}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),T(t)}},V=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=V(t)),t},x=(e,t,a=DOMException)=>{if(!e.constructor.formAssociated)throw new a(t)},Y=(e,t,a)=>{let i=A.get(e);return i&&i.size&&i.forEach(m=>{r.get(m)[a]()||(t=!1)}),t},k=e=>{if(e.constructor.formAssociated){let t=r.get(e),{labels:a,form:i}=t;Q(e,a),U(e,i,t)}},N={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},z=(e,t)=>{for(let a in N){t[a]=null;let i=null,m=N[a];Object.defineProperty(t,a,{get(){return i},set(u){i=u,e.isConnected?e.setAttribute(m,u):I.set(e,t)}})}};class et{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}let J=e=>(e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1,e),vt=(e,t,a)=>(e.valid=bt(t),Object.keys(t).forEach(i=>e[i]=t[i]),a&&T(a),e),bt=e=>{let t=!0;for(let a in e)a!=="valid"&&e[a]!==!1&&(t=!1);return t};function at(e){let t=r.get(e),{form:a}=t;U(e,a,t),Q(e,t.labels)}function j(e){e.forEach(t=>{let{addedNodes:a,removedNodes:i}=t,m=Array.from(a),u=Array.from(i);m.forEach(p=>{if(r.has(p)&&p.constructor.formAssociated&&at(p),I.has(p)){let v=I.get(p);Object.keys(N).filter(M=>v[M]!==null).forEach(M=>{p.setAttribute(N[M],v[M])}),I.delete(p)}if(p.localName==="form"){let v=A.get(p),b=document.createTreeWalker(p,NodeFilter.SHOW_ELEMENT,{acceptNode(rt){return r.has(rt)&&!v&&!v.has(rt)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),M=b.nextNode();for(;M;)at(M),M=b.nextNode()}}),u.forEach(p=>{let v=r.get(p);v&&s.get(v)&&D(v),S.has(p)&&S.get(p).disconnect()})})}function gt(e){e.forEach(t=>{let{removedNodes:a}=t;a.forEach(i=>{let m=$.get(t.target);r.has(i)&&k(i),m.disconnect()})})}let yt=e=>{let t=new MutationObserver(gt);t.observe(e,{childList:!0}),$.set(e,t)};new MutationObserver(j);let B={childList:!0,subtree:!0},tt=new WeakMap;class X extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");tt.set(this,t)}add(t){if(!/^--/.test(t)||typeof t!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);let a=super.add(t),i=tt.get(this);return i.toggleAttribute(`state${t}`,!0),i.part&&i.part.add(`state${t}`),a}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){let a=super.delete(t),i=tt.get(this);return i.toggleAttribute(`state${t}`,!1),i.part&&i.part.remove(`state${t}`),a}}class it{constructor(t){if(!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");let a=t.getRootNode(),i=new et;this.states=new X(t),l.set(this,t),o.set(this,i),r.set(t,this),z(t,this),G(t,this),Object.seal(this),k(t),a instanceof DocumentFragment&&yt(a)}static get isPolyfilled(){return!0}checkValidity(){let t=l.get(this);if(x(t,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=o.get(this);if(!a.valid){let i=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});t.dispatchEvent(i)}return a.valid}get form(){let t=l.get(this);x(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let a;return t.constructor.formAssociated===!0&&(a=V(t)),a}get labels(){let t=l.get(this);x(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");let a=t.getAttribute("id"),i=t.getRootNode();return i&&a?i.querySelectorAll(`[for=${a}]`):[]}reportValidity(){let t=l.get(this);if(x(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=this.checkValidity(),i=O.get(this);if(i&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!a&&i&&(t.focus(),i.focus()),a}setFormValue(t){let a=l.get(this);if(x(a,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),D(this),t!=null&&!(t instanceof FormData)){if(a.getAttribute("name")){let i=H(a,this);i.value=t}}else t!=null&&t instanceof FormData&&Array.from(t).reverse().forEach(([i,m])=>{if(typeof m=="string"){let u=H(a,this);u.name=i,u.value=m}});W.set(a,t)}setValidity(t,a,i){let m=l.get(this);if(x(m,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!t)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");O.set(this,i);let u=o.get(this),p={};for(let M in t)p[M]=t[M];Object.keys(p).length===0&&J(u);let v={...u,...p};delete v.valid;let{valid:b}=vt(u,v,this.form);if(!b&&!a)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");g.set(this,b?"":a),m.toggleAttribute("internals-invalid",!b),m.toggleAttribute("internals-valid",b),m.setAttribute("aria-invalid",`${!b}`)}get shadowRoot(){let t=l.get(this),a=R.get(t);return a||null}get validationMessage(){let t=l.get(this);return x(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),g.get(this)}get validity(){let t=l.get(this);return x(t,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),o.get(this)}get willValidate(){let t=l.get(this);return x(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}function wt(){if(!window.ElementInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}let t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);let a=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(i=>i in a.internals)}if(wt()){if(!window.CustomStateSet){window.CustomStateSet=X;let e=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(...t){let a=e.call(this,t);return a.states=new X(this),a}}}else{let e=function(...v){let b=i.apply(this,v),M=new MutationObserver(j);return R.set(this,b),window.ShadyDOM?M.observe(this,B):M.observe(b,B),S.set(this,M),b},t=function(...v){let b=u.apply(this,v);return Y(this,b,"checkValidity")},a=function(...v){let b=p.apply(this,v);return Y(this,b,"reportValidity")};window.ElementInternals=it,HTMLElement.prototype.attachInternals=function(){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(r.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new it(this)};let i=Element.prototype.attachShadow;Element.prototype.attachShadow=e,new MutationObserver(j).observe(document.documentElement,B);let u=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=t;let p=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=a,window.CustomStateSet||(window.CustomStateSet=X)}})();var Mt=ot`:host{display:inline-block;width:200px;position:relative;--bl-input-padding-vertical:var(--bl-size-2xs);--bl-input-padding-horizontal:var(--bl-size-xs);--bl-input-border-color:var(--bl-color-border);--bl-input-icon-color:var(--bl-color-content-tertiary);--bl-input-text-color:var(--bl-color-content-primary);--bl-input-height:var(--bl-size-2xl)}input{outline:0;box-sizing:border-box;height:var(--bl-input-height);border:solid 1px var(--bl-input-border-color);width:100%;font:var(--bl-font-title-3-regular);padding:0 var(--bl-input-padding-horizontal);margin:0;border-radius:4px;color:var(--bl-input-text-color)}bl-icon{position:absolute;top:var(--bl-input-padding-vertical);right:var(--bl-input-padding-horizontal);font-size:var(--bl-size-m);z-index:1;color:var(--bl-input-icon-color)}input:focus{--bl-input-border-color:var(--bl-color-primary)}:host([label-fixed]) bl-icon{top:calc(var(--bl-input-padding-vertical) + var(--bl-size-m))}input:focus ~ bl-icon{--bl-input-icon-color:var(--bl-color-primary)}:host ::placeholder{color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}:host input:focus::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}input:disabled{background-color:var(--bl-color-primary-background);--bl-input-text-color:var(--bl-color-content-tertiary)}input.dirty:invalid{--bl-input-border-color:var(--bl-color-danger)}input.has-icon{padding-right:calc(var(--bl-size-xs) * 2 + var(--bl-size-m))}.error-icon,.invalid-text{display:none}label{position:absolute;top:var(--bl-input-padding-vertical);left:var(--bl-input-padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0}:where(input:focus,input.has-value) ~ label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial}:host([label-fixed]){padding-top:var(--bl-size-m)}:host([label-fixed]) label{top:0;left:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0}.dirty:invalid ~ label{color:var(--bl-color-danger)}.invalid-text,.help-text{font:var(--bl-font-title-4-regular);padding:var(--bl-size-3xs) var(--bl-input-padding-horizontal);margin:0}.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.error-icon{color:var(--bl-color-danger)}.dirty:invalid ~ .invalid-text{display:block}.dirty:invalid ~ .help-text{display:none}.dirty:invalid ~ .error-icon{display:inline-block}.dirty:invalid ~ .custom-icon ~ .error-icon{display:none}.dirty:invalid ~ .custom-icon{--bl-input-icon-color:var(--bl-color-danger)}:host([size='large']){--bl-input-height:var(--bl-size-3xl);--bl-input-padding-vertical:var(--bl-size-xs);--bl-input-padding-horizontal:var(--bl-size-m)}`,ft=Mt;var h=class extends ut(st){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.size="medium";this.disabled=!1;this.labelFixed=!1;this.onKeydown=s=>{s.code==="Enter"&&this.form&&mt(this.form)};this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[ft]}connectedCallback(){var s;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("invalid",this.onError),(s=this.internals.form)==null||s.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),this.removeEventListener("invalid",this.onError)}validityCallback(){var s;return this.customInvalidText||((s=this.validationTarget)==null?void 0:s.validationMessage)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(s){this.value=s}inputHandler(s){let r=s.target.value;this.setValue(r),this.onInput(r)}changeHandler(s){let r=s.target.value;this.dirty=!0,this.setValue(r),this.onChange(r)}firstUpdated(){this.setValue(this.value)}render(){let s=this.checkValidity()?"":q`<p class="invalid-text">${this.validationMessage}</p>`,r=this.helpText?q`<p class="help-text">${this.helpText}</p>`:"",g=this.icon?q` <bl-icon class="custom-icon" name="${this.icon}"></bl-icon>`:"",F=this.label?q`<label>${this.label}</label>`:"",S={dirty:this.dirty,"has-icon":this.icon||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""};return q`
|
|
2
|
+
<input
|
|
3
|
+
type=${this.type}
|
|
4
|
+
class=${dt(S)}
|
|
5
|
+
.value=${ht(this.value)}
|
|
6
|
+
placeholder="${K(this.placeholder)}"
|
|
7
|
+
minlength="${K(this.minlength)}"
|
|
8
|
+
maxlength="${K(this.maxlength)}"
|
|
9
|
+
min="${K(this.min)}"
|
|
10
|
+
max="${K(this.max)}"
|
|
11
|
+
?required=${this.required}
|
|
12
|
+
?disabled=${this.disabled}
|
|
13
|
+
@change=${this.changeHandler}
|
|
14
|
+
@input=${this.inputHandler}
|
|
15
|
+
/>
|
|
16
|
+
${F} ${g}
|
|
17
|
+
<bl-icon class="error-icon" name="alert"></bl-icon>
|
|
18
|
+
${s} ${r}
|
|
19
|
+
`}};h.formControlValidators=pt,f([ct("input")],h.prototype,"validationTarget",2),f([E({})],h.prototype,"type",2),f([E({})],h.prototype,"label",2),f([E({})],h.prototype,"placeholder",2),f([E()],h.prototype,"value",2),f([E({type:Boolean})],h.prototype,"required",2),f([E({type:Number})],h.prototype,"minlength",2),f([E({type:Number})],h.prototype,"maxlength",2),f([E({type:Number})],h.prototype,"min",2),f([E({type:Number})],h.prototype,"max",2),f([E({type:String})],h.prototype,"icon",2),f([E({type:String,reflect:!0})],h.prototype,"size",2),f([E({type:Boolean,reflect:!0})],h.prototype,"disabled",2),f([E({type:Boolean,attribute:"label-fixed"})],h.prototype,"labelFixed",2),f([E({type:String,attribute:"invalid-text"})],h.prototype,"customInvalidText",2),f([E({type:String,attribute:"help-text"})],h.prototype,"helpText",2),f([Z("bl-change")],h.prototype,"onChange",2),f([Z("bl-input")],h.prototype,"onInput",2),f([Z("bl-invalid")],h.prototype,"onInvalid",2),f([lt()],h.prototype,"dirty",2),h=f([nt("bl-input")],h);export{h as a};
|
|
20
|
+
//# sourceMappingURL=chunk-QVWNLWDE.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../node_modules/@open-wc/form-control/src/FormControlMixin.ts", "../node_modules/@open-wc/form-helpers/src/index.ts", "../src/utilities/form-control.ts", "../node_modules/element-internals-polyfill/dist/index.js", "../src/components/input/bl-input.css", "../src/components/input/bl-input.ts"],
|
|
4
|
+
"sourcesContent": [null, null, "const validityStates: Array<keyof ValidityState> = [\n 'valueMissing',\n 'typeMismatch',\n 'tooLong',\n 'tooShort',\n 'rangeUnderflow',\n 'rangeOverflow',\n 'badInput',\n 'customError',\n];\n\nexport const innerInputValidators = validityStates.map(key => ({\n key,\n isValid(instance: HTMLElement & { validationTarget: HTMLInputElement }) {\n if (instance.validationTarget) {\n return !instance.validationTarget.validity[key];\n }\n return true;\n },\n}));\n", "(function () {\n 'use strict';\n\n const refMap = new WeakMap();\n const validityMap = new WeakMap();\n const hiddenInputMap = new WeakMap();\n const internalsMap = new WeakMap();\n const validationMessageMap = new WeakMap();\n const formsMap = new WeakMap();\n const shadowHostsMap = new WeakMap();\n const formElementsMap = new WeakMap();\n const refValueMap = new WeakMap();\n const upgradeMap = new WeakMap();\n const shadowRootMap = new WeakMap();\n const validationAnchorMap = new WeakMap();\n const documentFragmentMap = new WeakMap();\n const onSubmitMap = new WeakMap();\n\n const observerConfig$1 = { attributes: true, attributeFilter: ['disabled'] };\n const observer = new MutationObserver((mutationsList) => {\n for (const mutation of mutationsList) {\n const target = mutation.target;\n if (target.constructor['formAssociated']) {\n const isDisabled = target.hasAttribute('disabled');\n target.toggleAttribute('internals-disabled', isDisabled);\n if (isDisabled) {\n target.setAttribute('aria-disabled', 'true');\n }\n else {\n target.removeAttribute('aria-disabled');\n }\n if (target.formDisabledCallback) {\n target.formDisabledCallback.apply(target, [isDisabled]);\n }\n }\n }\n });\n const removeHiddenInputs = (internals) => {\n const hiddenInputs = hiddenInputMap.get(internals);\n hiddenInputs.forEach(hiddenInput => {\n hiddenInput.remove();\n });\n hiddenInputMap.set(internals, []);\n };\n const createHiddenInput = (ref, internals) => {\n const input = document.createElement('input');\n input.type = 'hidden';\n input.name = ref.getAttribute('name');\n ref.after(input);\n hiddenInputMap.get(internals).push(input);\n return input;\n };\n const initRef = (ref, internals) => {\n hiddenInputMap.set(internals, []);\n const isDisabled = ref.hasAttribute('disabled');\n ref.toggleAttribute('internals-disabled', isDisabled);\n observer.observe(ref, observerConfig$1);\n };\n const initLabels = (ref, labels) => {\n if (labels.length) {\n Array.from(labels).forEach(label => label.addEventListener('click', ref.focus.bind(ref)));\n let firstLabelId = labels[0].id;\n if (!labels[0].id) {\n firstLabelId = `${labels[0].htmlFor}_Label`;\n labels[0].id = firstLabelId;\n }\n ref.setAttribute('aria-labelledby', firstLabelId);\n }\n };\n const setFormValidity = (form) => {\n const nativeControlValidity = Array.from(form.elements)\n .filter((element) => element.validity)\n .map((element) => element.validity.valid);\n const polyfilledElements = formElementsMap.get(form) || [];\n const polyfilledValidity = Array.from(polyfilledElements)\n .filter(control => control.isConnected)\n .map((control) => internalsMap.get(control).validity.valid);\n const hasInvalid = [...nativeControlValidity, ...polyfilledValidity].includes(false);\n form.toggleAttribute('internals-invalid', hasInvalid);\n form.toggleAttribute('internals-valid', !hasInvalid);\n };\n const formInputCallback = (event) => {\n setFormValidity(findParentForm(event.target));\n };\n const formChangeCallback = (event) => {\n setFormValidity(findParentForm(event.target));\n };\n const formSubmitCallback = (event) => {\n const form = event.target;\n const elements = formElementsMap.get(form);\n if (form.noValidate) {\n return;\n }\n if (elements.size) {\n const nodes = Array.from(elements);\n const validityList = nodes\n .reverse()\n .map(node => {\n const internals = internalsMap.get(node);\n return internals.reportValidity();\n });\n if (validityList.includes(false)) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n else if (onSubmitMap.get(form)) {\n const callback = onSubmitMap.get(form);\n const canceled = callback.call(form, event);\n if (canceled === false) {\n event.preventDefault();\n }\n }\n }\n };\n const formResetCallback = (event) => {\n const elements = formElementsMap.get(event.target);\n if (elements && elements.size) {\n elements.forEach(element => {\n if (element.constructor.formAssociated && element.formResetCallback) {\n element.formResetCallback.apply(element);\n }\n });\n }\n };\n const initForm = (ref, form, internals) => {\n if (form) {\n if (form.onsubmit) {\n onSubmitMap.set(form, form.onsubmit.bind(form));\n form.onsubmit = null;\n }\n const formElements = formElementsMap.get(form);\n if (formElements) {\n formElements.add(ref);\n }\n else {\n const initSet = new Set();\n initSet.add(ref);\n formElementsMap.set(form, initSet);\n form.addEventListener('submit', formSubmitCallback);\n form.addEventListener('reset', formResetCallback);\n form.addEventListener('input', formInputCallback);\n form.addEventListener('change', formChangeCallback);\n }\n formsMap.set(form, { ref, internals });\n if (ref.constructor['formAssociated'] && ref.formAssociatedCallback) {\n setTimeout(() => {\n ref.formAssociatedCallback.apply(ref, [form]);\n }, 0);\n }\n setFormValidity(form);\n }\n };\n const findParentForm = (elem) => {\n let parent = elem.parentNode;\n if (parent && parent.tagName !== 'FORM') {\n parent = findParentForm(parent);\n }\n return parent;\n };\n const throwIfNotFormAssociated = (ref, message, ErrorType = DOMException) => {\n if (!ref.constructor['formAssociated']) {\n throw new ErrorType(message);\n }\n };\n const overrideFormMethod = (form, returnValue, method) => {\n const elements = formElementsMap.get(form);\n if (elements && elements.size) {\n elements.forEach(element => {\n const internals = internalsMap.get(element);\n const valid = internals[method]();\n if (!valid) {\n returnValue = false;\n }\n });\n }\n return returnValue;\n };\n const upgradeInternals = (ref) => {\n if (ref.constructor['formAssociated']) {\n const internals = internalsMap.get(ref);\n const { labels, form } = internals;\n initLabels(ref, labels);\n initForm(ref, form, internals);\n }\n };\n\n const aom = {\n ariaAtomic: 'aria-atomic',\n ariaAutoComplete: 'aria-autocomplete',\n ariaBusy: 'aria-busy',\n ariaChecked: 'aria-checked',\n ariaColCount: 'aria-colcount',\n ariaColIndex: 'aria-colindex',\n ariaColSpan: 'aria-colspan',\n ariaCurrent: 'aria-current',\n ariaDisabled: 'aria-disabled',\n ariaExpanded: 'aria-expanded',\n ariaHasPopup: 'aria-haspopup',\n ariaHidden: 'aria-hidden',\n ariaKeyShortcuts: 'aria-keyshortcuts',\n ariaLabel: 'aria-label',\n ariaLevel: 'aria-level',\n ariaLive: 'aria-live',\n ariaModal: 'aria-modal',\n ariaMultiLine: 'aria-multiline',\n ariaMultiSelectable: 'aria-multiselectable',\n ariaOrientation: 'aria-orientation',\n ariaPlaceholder: 'aria-placeholder',\n ariaPosInSet: 'aria-posinset',\n ariaPressed: 'aria-pressed',\n ariaReadOnly: 'aria-readonly',\n ariaRelevant: 'aria-relevant',\n ariaRequired: 'aria-required',\n ariaRoleDescription: 'aria-roledescription',\n ariaRowCount: 'aria-rowcount',\n ariaRowIndex: 'aria-rowindex',\n ariaRowSpan: 'aria-rowspan',\n ariaSelected: 'aria-selected',\n ariaSetSize: 'aria-setsize',\n ariaSort: 'aria-sort',\n ariaValueMax: 'aria-valuemax',\n ariaValueMin: 'aria-valuemin',\n ariaValueNow: 'aria-valuenow',\n ariaValueText: 'aria-valuetext',\n role: 'role'\n };\n const initAom = (ref, internals) => {\n for (let key in aom) {\n internals[key] = null;\n let closureValue = null;\n const attributeName = aom[key];\n Object.defineProperty(internals, key, {\n get() {\n return closureValue;\n },\n set(value) {\n closureValue = value;\n if (ref.isConnected) {\n ref.setAttribute(attributeName, value);\n }\n else {\n upgradeMap.set(ref, internals);\n }\n }\n });\n }\n };\n\n class ValidityState {\n constructor() {\n this.badInput = false;\n this.customError = false;\n this.patternMismatch = false;\n this.rangeOverflow = false;\n this.rangeUnderflow = false;\n this.stepMismatch = false;\n this.tooLong = false;\n this.tooShort = false;\n this.typeMismatch = false;\n this.valid = true;\n this.valueMissing = false;\n Object.seal(this);\n }\n }\n const setValid = (validityObject) => {\n validityObject.badInput = false;\n validityObject.customError = false;\n validityObject.patternMismatch = false;\n validityObject.rangeOverflow = false;\n validityObject.rangeUnderflow = false;\n validityObject.stepMismatch = false;\n validityObject.tooLong = false;\n validityObject.tooShort = false;\n validityObject.typeMismatch = false;\n validityObject.valid = true;\n validityObject.valueMissing = false;\n return validityObject;\n };\n const reconcileValidity = (validityObject, newState, form) => {\n validityObject.valid = isValid(newState);\n Object.keys(newState).forEach(key => validityObject[key] = newState[key]);\n if (form) {\n setFormValidity(form);\n }\n return validityObject;\n };\n const isValid = (validityState) => {\n let valid = true;\n for (let key in validityState) {\n if (key !== 'valid' && validityState[key] !== false) {\n valid = false;\n }\n }\n return valid;\n };\n\n function initNode(node) {\n const internals = internalsMap.get(node);\n const { form } = internals;\n initForm(node, form, internals);\n initLabels(node, internals.labels);\n }\n function observerCallback(mutationList) {\n mutationList.forEach(mutationRecord => {\n const { addedNodes, removedNodes } = mutationRecord;\n const added = Array.from(addedNodes);\n const removed = Array.from(removedNodes);\n added.forEach(node => {\n if (internalsMap.has(node) && node.constructor['formAssociated']) {\n initNode(node);\n }\n if (upgradeMap.has(node)) {\n const internals = upgradeMap.get(node);\n const aomKeys = Object.keys(aom);\n aomKeys\n .filter(key => internals[key] !== null)\n .forEach(key => {\n node.setAttribute(aom[key], internals[key]);\n });\n upgradeMap.delete(node);\n }\n if (node.localName === 'form') {\n const formElements = formElementsMap.get(node);\n const walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, {\n acceptNode(node) {\n return internalsMap.has(node) && !formElements && !formElements.has(node) ?\n NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n }\n });\n let current = walker.nextNode();\n while (current) {\n initNode(current);\n current = walker.nextNode();\n }\n }\n });\n removed.forEach(node => {\n const internals = internalsMap.get(node);\n if (internals && hiddenInputMap.get(internals)) {\n removeHiddenInputs(internals);\n }\n if (shadowHostsMap.has(node)) {\n const observer = shadowHostsMap.get(node);\n observer.disconnect();\n }\n });\n });\n }\n function fragmentObserverCallback(mutationList) {\n mutationList.forEach(mutation => {\n const { removedNodes } = mutation;\n removedNodes.forEach(node => {\n const observer = documentFragmentMap.get(mutation.target);\n if (internalsMap.has(node)) {\n upgradeInternals(node);\n }\n observer.disconnect();\n });\n });\n }\n const deferUpgrade = (fragment) => {\n const observer = new MutationObserver(fragmentObserverCallback);\n observer.observe(fragment, { childList: true });\n documentFragmentMap.set(fragment, observer);\n };\n new MutationObserver(observerCallback);\n const observerConfig = {\n childList: true,\n subtree: true\n };\n\n const customStateMap = new WeakMap();\n class CustomStateSet extends Set {\n static get isPolyfilled() {\n return true;\n }\n constructor(ref) {\n super();\n if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {\n throw new TypeError('Illegal constructor');\n }\n customStateMap.set(this, ref);\n }\n add(state) {\n if (!/^--/.test(state) || typeof state !== 'string') {\n throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${state} must start with '--'.`);\n }\n const result = super.add(state);\n const ref = customStateMap.get(this);\n ref.toggleAttribute(`state${state}`, true);\n if (ref.part) {\n ref.part.add(`state${state}`);\n }\n return result;\n }\n clear() {\n for (let [entry] of this.entries()) {\n this.delete(entry);\n }\n super.clear();\n }\n delete(state) {\n const result = super.delete(state);\n const ref = customStateMap.get(this);\n ref.toggleAttribute(`state${state}`, false);\n if (ref.part) {\n ref.part.remove(`state${state}`);\n }\n return result;\n }\n }\n\n class ElementInternals {\n constructor(ref) {\n if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {\n throw new TypeError('Illegal constructor');\n }\n const rootNode = ref.getRootNode();\n const validity = new ValidityState();\n this.states = new CustomStateSet(ref);\n refMap.set(this, ref);\n validityMap.set(this, validity);\n internalsMap.set(ref, this);\n initAom(ref, this);\n initRef(ref, this);\n Object.seal(this);\n upgradeInternals(ref);\n if (rootNode instanceof DocumentFragment) {\n deferUpgrade(rootNode);\n }\n }\n static get isPolyfilled() {\n return true;\n }\n checkValidity() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n if (!this.willValidate) {\n return true;\n }\n const validity = validityMap.get(this);\n if (!validity.valid) {\n const validityEvent = new Event('invalid', {\n bubbles: false,\n cancelable: true,\n composed: false\n });\n ref.dispatchEvent(validityEvent);\n }\n return validity.valid;\n }\n get form() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n let form;\n if (ref.constructor['formAssociated'] === true) {\n form = findParentForm(ref);\n }\n return form;\n }\n get labels() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n const id = ref.getAttribute('id');\n const hostRoot = ref.getRootNode();\n if (hostRoot && id) {\n return hostRoot.querySelectorAll(`[for=${id}]`);\n }\n return [];\n }\n reportValidity() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n if (!this.willValidate) {\n return true;\n }\n const valid = this.checkValidity();\n const anchor = validationAnchorMap.get(this);\n if (anchor && !ref.constructor['formAssociated']) {\n throw new DOMException(`Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n }\n if (!valid && anchor) {\n ref.focus();\n anchor.focus();\n }\n return valid;\n }\n setFormValue(value) {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element.`);\n removeHiddenInputs(this);\n if (value != null && !(value instanceof FormData)) {\n if (ref.getAttribute('name')) {\n const hiddenInput = createHiddenInput(ref, this);\n hiddenInput.value = value;\n }\n }\n else if (value != null && value instanceof FormData) {\n Array.from(value).reverse().forEach(([formDataKey, formDataValue]) => {\n if (typeof formDataValue === 'string') {\n const hiddenInput = createHiddenInput(ref, this);\n hiddenInput.name = formDataKey;\n hiddenInput.value = formDataValue;\n }\n });\n }\n refValueMap.set(ref, value);\n }\n setValidity(validityChanges, validationMessage, anchor) {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n if (!validityChanges) {\n throw new TypeError('Failed to execute \\'setValidity\\' on \\'ElementInternals\\': 1 argument required, but only 0 present.');\n }\n validationAnchorMap.set(this, anchor);\n const validity = validityMap.get(this);\n const validityChangesObj = {};\n for (const key in validityChanges) {\n validityChangesObj[key] = validityChanges[key];\n }\n if (Object.keys(validityChangesObj).length === 0) {\n setValid(validity);\n }\n const check = { ...validity, ...validityChangesObj };\n delete check.valid;\n const { valid } = reconcileValidity(validity, check, this.form);\n if (!valid && !validationMessage) {\n throw new DOMException(`Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.`);\n }\n validationMessageMap.set(this, valid ? '' : validationMessage);\n ref.toggleAttribute('internals-invalid', !valid);\n ref.toggleAttribute('internals-valid', valid);\n ref.setAttribute('aria-invalid', `${!valid}`);\n }\n get shadowRoot() {\n const ref = refMap.get(this);\n const shadowRoot = shadowRootMap.get(ref);\n if (shadowRoot) {\n return shadowRoot;\n }\n return null;\n }\n get validationMessage() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n return validationMessageMap.get(this);\n }\n get validity() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n const validity = validityMap.get(this);\n return validity;\n }\n get willValidate() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n if ((ref.disabled || ref.hasAttribute('disabled')) ||\n ref.hasAttribute('readonly')) {\n return false;\n }\n return true;\n }\n }\n function isElementInternalsSupported() {\n if (!window.ElementInternals) {\n return false;\n }\n class ElementInternalsFeatureDetection extends HTMLElement {\n constructor() {\n super();\n this.internals = this.attachInternals();\n }\n }\n const randomName = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, '')}`;\n customElements.define(randomName, ElementInternalsFeatureDetection);\n const featureDetectionElement = new ElementInternalsFeatureDetection();\n return [\n 'shadowRoot',\n 'form',\n 'willValidate',\n 'validity',\n 'validationMessage',\n 'labels',\n 'setFormValue',\n 'setValidity',\n 'checkValidity',\n 'reportValidity'\n ].every(prop => prop in featureDetectionElement.internals);\n }\n if (!isElementInternalsSupported()) {\n window.ElementInternals = ElementInternals;\n function attachShadowObserver(...args) {\n const shadowRoot = attachShadow.apply(this, args);\n const observer = new MutationObserver(observerCallback);\n shadowRootMap.set(this, shadowRoot);\n if (window.ShadyDOM) {\n observer.observe(this, observerConfig);\n }\n else {\n observer.observe(shadowRoot, observerConfig);\n }\n shadowHostsMap.set(this, observer);\n return shadowRoot;\n }\n function checkValidityOverride(...args) {\n let returnValue = checkValidity.apply(this, args);\n return overrideFormMethod(this, returnValue, 'checkValidity');\n }\n function reportValidityOverride(...args) {\n let returnValue = reportValidity.apply(this, args);\n return overrideFormMethod(this, returnValue, 'reportValidity');\n }\n HTMLElement.prototype.attachInternals = function () {\n if (this.tagName.indexOf('-') === -1) {\n throw new Error(`Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.`);\n }\n if (internalsMap.has(this)) {\n throw new DOMException(`DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.`);\n }\n return new ElementInternals(this);\n };\n const attachShadow = Element.prototype.attachShadow;\n Element.prototype.attachShadow = attachShadowObserver;\n const documentObserver = new MutationObserver(observerCallback);\n documentObserver.observe(document.documentElement, observerConfig);\n const checkValidity = HTMLFormElement.prototype.checkValidity;\n HTMLFormElement.prototype.checkValidity = checkValidityOverride;\n const reportValidity = HTMLFormElement.prototype.reportValidity;\n HTMLFormElement.prototype.reportValidity = reportValidityOverride;\n if (!window.CustomStateSet) {\n window.CustomStateSet = CustomStateSet;\n }\n }\n else if (!window.CustomStateSet) {\n window.CustomStateSet = CustomStateSet;\n const attachInternals = HTMLElement.prototype.attachInternals;\n HTMLElement.prototype.attachInternals = function (...args) {\n const internals = attachInternals.call(this, args);\n internals.states = new CustomStateSet(this);\n return internals;\n };\n }\n\n}());\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative;--bl-input-padding-vertical:var(--bl-size-2xs);--bl-input-padding-horizontal:var(--bl-size-xs);--bl-input-border-color:var(--bl-color-border);--bl-input-icon-color:var(--bl-color-content-tertiary);--bl-input-text-color:var(--bl-color-content-primary);--bl-input-height:var(--bl-size-2xl)}input{outline:0;box-sizing:border-box;height:var(--bl-input-height);border:solid 1px var(--bl-input-border-color);width:100%;font:var(--bl-font-title-3-regular);padding:0 var(--bl-input-padding-horizontal);margin:0;border-radius:4px;color:var(--bl-input-text-color)}bl-icon{position:absolute;top:var(--bl-input-padding-vertical);right:var(--bl-input-padding-horizontal);font-size:var(--bl-size-m);z-index:1;color:var(--bl-input-icon-color)}input:focus{--bl-input-border-color:var(--bl-color-primary)}:host([label-fixed]) bl-icon{top:calc(var(--bl-input-padding-vertical) + var(--bl-size-m))}input:focus ~ bl-icon{--bl-input-icon-color:var(--bl-color-primary)}:host ::placeholder{color:var(--bl-color-content-tertiary)}:host([label]) ::placeholder{color:transparent;transition:color ease-out .4s}:host input:focus::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-content-tertiary)}input:disabled{background-color:var(--bl-color-primary-background);--bl-input-text-color:var(--bl-color-content-tertiary)}input.dirty:invalid{--bl-input-border-color:var(--bl-color-danger)}input.has-icon{padding-right:calc(var(--bl-size-xs) * 2 + var(--bl-size-m))}.error-icon,.invalid-text{display:none}label{position:absolute;top:var(--bl-input-padding-vertical);left:var(--bl-input-padding-horizontal);transition:all ease-in .2s;pointer-events:none;font:var(--bl-font-title-3-regular);color:var(--bl-color-content-tertiary);padding:0}:where(input:focus,input.has-value) ~ label{top:0;left:var(--bl-size-2xs);transform:translateY(-50%);font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0 var(--bl-size-3xs);background-color:var(--bl-color-primary-background);pointer-events:initial}:host([label-fixed]){padding-top:var(--bl-size-m)}:host([label-fixed]) label{top:0;left:0;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-form-label);color:var(--bl-color-content-secondary);padding:0}.dirty:invalid ~ label{color:var(--bl-color-danger)}.invalid-text,.help-text{font:var(--bl-font-title-4-regular);padding:var(--bl-size-3xs) var(--bl-input-padding-horizontal);margin:0}.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-content-secondary)}.error-icon{color:var(--bl-color-danger)}.dirty:invalid ~ .invalid-text{display:block}.dirty:invalid ~ .help-text{display:none}.dirty:invalid ~ .error-icon{display:inline-block}.dirty:invalid ~ .custom-icon ~ .error-icon{display:none}.dirty:invalid ~ .custom-icon{--bl-input-icon-color:var(--bl-color-danger)}:host([size='large']){--bl-input-height:var(--bl-size-3xl);--bl-input-padding-vertical:var(--bl-size-xs);--bl-input-padding-horizontal:var(--bl-size-m)}`;\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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { FormControlMixin } from '@open-wc/form-control';\nimport { submit } from '@open-wc/form-helpers';\nimport { live } from 'lit/directives/live.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport { innerInputValidators } from '../../utilities/form-control';\nimport 'element-internals-polyfill';\nimport '../icon/bl-icon';\n\nimport style from './bl-input.css';\n\nexport type InputSize = 'medium' | 'large';\n/**\n * @tag bl-input\n * @summary Baklava Input component\n */\n@customElement('bl-input')\nexport default class BlInput extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n static formControlValidators = innerInputValidators;\n\n @query('input')\n validationTarget: HTMLInputElement;\n\n /**\n * Type of the input. It's used to set `type` attribute of native input inside. Only `text` and `number` is supported for now.\n */\n @property({})\n type: 'text' | 'number' = 'text';\n\n /**\n * Sets label of the input\n */\n @property({})\n label?: string;\n\n /**\n * Sets placeholder of the input\n */\n @property({})\n placeholder?: string;\n\n /**\n * Sets initial value of the input\n */\n @property()\n value = '';\n\n /**\n * Makes input a mandatory field\n */\n @property({ type: Boolean })\n required = false;\n\n /**\n * Sets minimum length of the input\n */\n @property({ type: Number })\n minlength?: number;\n\n /**\n * Sets maximum length of the input\n */\n @property({ type: Number })\n maxlength?: number;\n\n /**\n * Sets the smallest number can be entered to a `number` input\n */\n @property({ type: Number })\n min?: number;\n\n /**\n * Sets the biggest number can be entered to a `number` input\n */\n @property({ type: Number })\n max?: number;\n\n /**\n * Sets the custom icon name. `bl-icon` component is used to show an icon\n */\n @property({ type: String })\n icon?: string;\n\n /**\n * Sets input size.\n */\n @property({ type: String, reflect: true })\n size?: InputSize = 'medium';\n\n /**\n * Disables the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Makes label as fixed positioned\n */\n @property({ type: Boolean, attribute: 'label-fixed' })\n labelFixed = false;\n\n /**\n * Set custom error message\n */\n @property({ type: String, attribute: 'invalid-text' })\n customInvalidText?: string;\n\n /**\n * Adds help text\n */\n @property({ type: String, attribute: 'help-text' })\n helpText?: string;\n\n /**\n * Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.\n */\n @event('bl-change') private onChange: EventDispatcher<string>;\n\n /**\n * Fires when the value of an input element has been changed.\n */\n @event('bl-input') private onInput: EventDispatcher<string>;\n\n /**\n * Fires when the value of an input element has been changed.\n */\n @event('bl-invalid') private onInvalid: EventDispatcher<ValidityState>;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener('keydown', this.onKeydown);\n this.addEventListener('invalid', this.onError);\n\n this.internals.form?.addEventListener('submit', () => {\n this.reportValidity();\n });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener('keydown', this.onKeydown);\n this.removeEventListener('invalid', this.onError);\n }\n\n private onKeydown = (event: KeyboardEvent): void => {\n if (event.code === 'Enter' && this.form) {\n submit(this.form);\n }\n }\n\n private onError = (): void => {\n this.onInvalid(this.internals.validity);\n }\n\n @state() private dirty = false;\n\n validityCallback(): string | void {\n return this.customInvalidText || this.validationTarget?.validationMessage;\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 private inputHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.setValue(value);\n this.onInput(value);\n }\n\n private changeHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.dirty = true;\n this.setValue(value);\n this.onChange(value);\n }\n\n firstUpdated() {\n this.setValue(this.value);\n }\n\n render(): TemplateResult {\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 const icon = this.icon\n ? html` <bl-icon class=\"custom-icon\" name=\"${this.icon}\"></bl-icon>`\n : '';\n const label = this.label ? html`<label>${this.label}</label>` : '';\n\n const classes = {\n 'dirty': this.dirty,\n 'has-icon': this.icon || (this.dirty && !this.checkValidity()),\n 'has-value': this.value !== null && this.value !== '',\n };\n\n return html`\n <input\n type=${this.type}\n class=${classMap(classes)}\n .value=${live(this.value)}\n placeholder=\"${ifDefined(this.placeholder)}\"\n minlength=\"${ifDefined(this.minlength)}\"\n maxlength=\"${ifDefined(this.maxlength)}\"\n min=\"${ifDefined(this.min)}\"\n max=\"${ifDefined(this.max)}\"\n ?required=${this.required}\n ?disabled=${this.disabled}\n @change=${this.changeHandler}\n @input=${this.inputHandler}\n />\n ${label} ${icon}\n <bl-icon class=\"error-icon\" name=\"alert\"></bl-icon>\n ${invalidMessage} ${helpMessage}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-input': BlInput;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["FormControlMixin", "SuperClass", "FormControl", "args", "_FormControl_focused", "_FormControl_forceError", "_FormControl_touched", "_FormControl_abortController", "_FormControl_previousAbortController", "_FormControl_value", "_FormControl_onFocus", "__classPrivateFieldSet", "__classPrivateFieldGet", "_FormControl_instances", "_FormControl_shouldShowError", "_FormControl_onBlur", "_FormControl_runValidators", "showError", "_FormControl_onInvalid", "_a", "_FormControl_validationCompleteResolver", "_FormControl_isValidationPending", "_FormControl_validationComplete", "validatorAttributes", "validator", "observedAttributes", "attribute", "name", "oldValue", "newValue", "value", "valueToUpdate", "resolve", "_b", "rootNode", "selector", "proto", "validity", "validators", "asyncValidators", "abortController", "validationMessage", "hasChange", "key", "isValid", "isValidatorValid", "_FormControl_getValidatorMessageForValue", "_FormControl_setValidityWithOptionalTarget", "tick", "id", "message", "submit", "form", "submitEvent", "validityStates", "innerInputValidators", "key", "instance", "refMap", "validityMap", "hiddenInputMap", "internalsMap", "validationMessageMap", "formsMap", "shadowHostsMap", "formElementsMap", "refValueMap", "upgradeMap", "shadowRootMap", "validationAnchorMap", "documentFragmentMap", "onSubmitMap", "observerConfig$1", "observer", "mutationsList", "mutation", "target", "isDisabled", "removeHiddenInputs", "internals", "hiddenInput", "createHiddenInput", "ref", "input", "initRef", "initLabels", "labels", "label", "firstLabelId", "setFormValidity", "form", "nativeControlValidity", "element", "polyfilledElements", "polyfilledValidity", "control", "hasInvalid", "formInputCallback", "event", "findParentForm", "formChangeCallback", "formSubmitCallback", "elements", "node", "formResetCallback", "initForm", "formElements", "initSet", "elem", "parent", "throwIfNotFormAssociated", "message", "ErrorType", "overrideFormMethod", "returnValue", "method", "upgradeInternals", "aom", "initAom", "key", "closureValue", "attributeName", "value", "ValidityState", "setValid", "validityObject", "reconcileValidity", "newState", "isValid", "validityState", "valid", "initNode", "observerCallback", "mutationList", "mutationRecord", "addedNodes", "removedNodes", "added", "removed", "walker", "current", "fragmentObserverCallback", "deferUpgrade", "fragment", "observerConfig", "customStateMap", "CustomStateSet", "state", "result", "entry", "ElementInternals", "rootNode", "validity", "validityEvent", "id", "hostRoot", "anchor", "formDataKey", "formDataValue", "validityChanges", "validationMessage", "validityChangesObj", "check", "shadowRoot", "isElementInternalsSupported", "ElementInternalsFeatureDetection", "randomName", "featureDetectionElement", "prop", "attachInternals", "args", "attachShadowObserver", "attachShadow", "checkValidityOverride", "checkValidity", "reportValidityOverride", "reportValidity", "styles", "r", "bl_input_default", "BlInput", "FormControlMixin", "s", "event", "submit", "bl_input_default", "_a", "value", "invalidMessage", "$", "helpMessage", "icon", "label", "classes", "o", "l", "innerInputValidators", "__decorateClass", "i", "e", "t", "n"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function W(t){return t.split("-")[0]}function z(t){return t.split("-")[1]}function B(t){return["top","bottom"].includes(W(t))?"x":"y"}function K(t){return t==="y"?"height":"width"}function $(t,e,n){let{reference:i,floating:r}=t,l=i.x+i.width/2-r.width/2,s=i.y+i.height/2-r.height/2,o=B(e),c=K(o),f=i[c]/2-r[c]/2,u=o==="x",a;switch(W(e)){case"top":a={x:l,y:i.y-r.height};break;case"bottom":a={x:l,y:i.y+i.height};break;case"right":a={x:i.x+i.width,y:s};break;case"left":a={x:i.x-r.width,y:s};break;default:a={x:i.x,y:i.y}}switch(z(e)){case"start":a[o]-=f*(n&&u?-1:1);break;case"end":a[o]+=f*(n&&u?-1:1)}return a}var et=async(t,e,n)=>{let{placement:i="bottom",strategy:r="absolute",middleware:l=[],platform:s}=n,o=await(s.isRTL==null?void 0:s.isRTL(e)),c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:f,y:u}=$(c,i,o),a=i,m={},h=0;for(let d=0;d<l.length;d++){let{name:g,fn:p}=l[d],{x:y,y:w,data:x,reset:v}=await p({x:f,y:u,initialPlacement:i,placement:a,strategy:r,middlewareData:m,rects:c,platform:s,elements:{reference:t,floating:e}});f=y!=null?y:f,u=w!=null?w:u,m={...m,[g]:{...m[g],...x}},v&&h<=50&&(h++,typeof v=="object"&&(v.placement&&(a=v.placement),v.rects&&(c=v.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:r}):v.rects),{x:f,y:u}=$(c,a,o)),d=-1)}return{x:f,y:u,placement:a,strategy:r,middlewareData:m}};function nt(t){return typeof t!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(t):{top:t,right:t,bottom:t,left:t}}function V(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function Y(t,e){var n;e===void 0&&(e={});let{x:i,y:r,platform:l,rects:s,elements:o,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:a="floating",altBoundary:m=!1,padding:h=0}=e,d=nt(h),g=o[m?a==="floating"?"reference":"floating":a],p=V(await l.getClippingRect({element:(n=await(l.isElement==null?void 0:l.isElement(g)))==null||n?g:g.contextElement||await(l.getDocumentElement==null?void 0:l.getDocumentElement(o.floating)),boundary:f,rootBoundary:u,strategy:c})),y=V(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:a==="floating"?{...s.floating,x:i,y:r}:s.reference,offsetParent:await(l.getOffsetParent==null?void 0:l.getOffsetParent(o.floating)),strategy:c}):s[a]);return{top:p.top-y.top+d.top,bottom:y.bottom-p.bottom+d.bottom,left:p.left-y.left+d.left,right:y.right-p.right+d.right}}var gt=Math.min,C=Math.max;function J(t,e,n){return C(t,gt(e,n))}var pt=t=>({name:"arrow",options:t,async fn(e){let{element:n,padding:i=0}=t!=null?t:{},{x:r,y:l,placement:s,rects:o,platform:c}=e;if(n==null)return{};let f=nt(i),u={x:r,y:l},a=B(s),m=z(s),h=K(a),d=await c.getDimensions(n),g=a==="y"?"top":"left",p=a==="y"?"bottom":"right",y=o.reference[h]+o.reference[a]-u[a]-o.floating[h],w=u[a]-o.reference[a],x=await(c.getOffsetParent==null?void 0:c.getOffsetParent(n)),v=x?a==="y"?x.clientHeight||0:x.clientWidth||0:0;v===0&&(v=o.floating[h]);let M=y/2-w/2,D=f[g],S=v-d[h]-f[p],b=v/2-d[h]/2+M,R=J(D,b,S),H=(m==="start"?f[g]:f[p])>0&&b!==R&&o.reference[h]<=o.floating[h];return{[a]:u[a]-(H?b<D?D-b:S-b:0),data:{[a]:R,centerOffset:b-R}}}}),yt={left:"right",right:"left",bottom:"top",top:"bottom"};function X(t){return t.replace(/left|right|bottom|top/g,e=>yt[e])}function wt(t,e,n){n===void 0&&(n=!1);let i=z(t),r=B(t),l=K(r),s=r==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return e.reference[l]>e.floating[l]&&(s=X(s)),{main:s,cross:X(s)}}var xt={start:"end",end:"start"};function tt(t){return t.replace(/start|end/g,e=>xt[e])}var vt=["top","right","bottom","left"],Dt=vt.reduce((t,e)=>t.concat(e,e+"-start",e+"-end"),[]);var bt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n;let{placement:i,middlewareData:r,rects:l,initialPlacement:s,platform:o,elements:c}=e,{mainAxis:f=!0,crossAxis:u=!0,fallbackPlacements:a,fallbackStrategy:m="bestFit",flipAlignment:h=!0,...d}=t,g=W(i),p=a||(g===s||!h?[X(s)]:function(b){let R=X(b);return[tt(b),R,tt(R)]}(s)),y=[s,...p],w=await Y(e,d),x=[],v=((n=r.flip)==null?void 0:n.overflows)||[];if(f&&x.push(w[g]),u){let{main:b,cross:R}=wt(i,l,await(o.isRTL==null?void 0:o.isRTL(c.floating)));x.push(w[b],w[R])}if(v=[...v,{placement:i,overflows:x}],!x.every(b=>b<=0)){var M,D;let b=((M=(D=r.flip)==null?void 0:D.index)!=null?M:0)+1,R=y[b];if(R)return{data:{index:b,overflows:v},reset:{placement:R}};let H="bottom";switch(m){case"bestFit":{var S;let _=(S=v.map(j=>[j,j.overflows.filter(k=>k>0).reduce((k,mt)=>k+mt,0)]).sort((j,k)=>j[1]-k[1])[0])==null?void 0:S[0].placement;_&&(H=_);break}case"initialPlacement":H=s}if(i!==H)return{reset:{placement:H}}}return{}}}};var Rt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){let{x:n,y:i}=e,r=await async function(l,s){let{placement:o,platform:c,elements:f}=l,u=await(c.isRTL==null?void 0:c.isRTL(f.floating)),a=W(o),m=z(o),h=B(o)==="x",d=["left","top"].includes(a)?-1:1,g=u&&h?-1:1,p=typeof s=="function"?s(l):s,{mainAxis:y,crossAxis:w,alignmentAxis:x}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return m&&typeof x=="number"&&(w=m==="end"?-1*x:x),h?{x:w*g,y:y*d}:{x:y*d,y:w*g}}(e,t);return{x:n+r.x,y:i+r.y,data:r}}}};function At(t){return t==="x"?"y":"x"}var Tt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:i,placement:r}=e,{mainAxis:l=!0,crossAxis:s=!1,limiter:o={fn:p=>{let{x:y,y:w}=p;return{x:y,y:w}}},...c}=t,f={x:n,y:i},u=await Y(e,c),a=B(W(r)),m=At(a),h=f[a],d=f[m];if(l){let p=a==="y"?"bottom":"right";h=J(h+u[a==="y"?"top":"left"],h,h-u[p])}if(s){let p=m==="y"?"bottom":"right";d=J(d+u[m==="y"?"top":"left"],d,d-u[p])}let g=o.fn({...e,[a]:h,[m]:d});return{...g,data:{x:g.x-n,y:g.y-i}}}}};var Lt=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){let{placement:n,rects:i,platform:r,elements:l}=e,{apply:s,...o}=t,c=await Y(e,o),f=W(n),u=z(n),a,m;f==="top"||f==="bottom"?(a=f,m=u===(await(r.isRTL==null?void 0:r.isRTL(l.floating))?"start":"end")?"left":"right"):(m=f,a=u==="end"?"top":"bottom");let h=C(c.left,0),d=C(c.right,0),g=C(c.top,0),p=C(c.bottom,0),y={availableHeight:i.floating.height-(["left","right"].includes(n)?2*(g!==0||p!==0?g+p:C(c.top,c.bottom)):c[a]),availableWidth:i.floating.width-(["top","bottom"].includes(n)?2*(h!==0||d!==0?h+d:C(c.left,c.right)):c[m])},w=await r.getDimensions(l.floating);s==null||s({...e,...y});let x=await r.getDimensions(l.floating);return w.width!==x.width||w.height!==x.height?{reset:{rects:!0}}:{}}}};function ct(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function P(t){if(t==null)return window;if(!ct(t)){let e=t.ownerDocument;return e&&e.defaultView||window}return t}function F(t){return P(t).getComputedStyle(t)}function T(t){return ct(t)?"":t?(t.nodeName||"").toLowerCase():""}function at(){let t=navigator.userAgentData;return t!=null&&t.brands?t.brands.map(e=>e.brand+"/"+e.version).join(" "):navigator.userAgent}function A(t){return t instanceof P(t).HTMLElement}function O(t){return t instanceof P(t).Element}function Z(t){return typeof ShadowRoot>"u"?!1:t instanceof P(t).ShadowRoot||t instanceof ShadowRoot}function U(t){let{overflow:e,overflowX:n,overflowY:i}=F(t);return/auto|scroll|overlay|hidden/.test(e+i+n)}function Pt(t){return["table","td","th"].includes(T(t))}function ot(t){let e=/firefox/i.test(at()),n=F(t);return n.transform!=="none"||n.perspective!=="none"||n.contain==="paint"||["transform","perspective"].includes(n.willChange)||e&&n.willChange==="filter"||e&&!!n.filter&&n.filter!=="none"}function ft(){return!/^((?!chrome|android).)*safari/i.test(at())}var it=Math.min,N=Math.max,q=Math.round;function L(t,e,n){var i,r,l,s;e===void 0&&(e=!1),n===void 0&&(n=!1);let o=t.getBoundingClientRect(),c=1,f=1;e&&A(t)&&(c=t.offsetWidth>0&&q(o.width)/t.offsetWidth||1,f=t.offsetHeight>0&&q(o.height)/t.offsetHeight||1);let u=O(t)?P(t):window,a=!ft()&&n,m=(o.left+(a&&(i=(r=u.visualViewport)==null?void 0:r.offsetLeft)!=null?i:0))/c,h=(o.top+(a&&(l=(s=u.visualViewport)==null?void 0:s.offsetTop)!=null?l:0))/f,d=o.width/c,g=o.height/f;return{width:d,height:g,top:h,right:m+d,bottom:h+g,left:m,x:m,y:h}}function E(t){return(e=t,(e instanceof P(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function G(t){return O(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ut(t){return L(E(t)).left+G(t).scrollLeft}function Et(t,e,n){let i=A(e),r=E(e),l=L(t,i&&function(c){let f=L(c);return q(f.width)!==c.offsetWidth||q(f.height)!==c.offsetHeight}(e),n==="fixed"),s={scrollLeft:0,scrollTop:0},o={x:0,y:0};if(i||!i&&n!=="fixed")if((T(e)!=="body"||U(r))&&(s=G(e)),A(e)){let c=L(e,!0);o.x=c.x+e.clientLeft,o.y=c.y+e.clientTop}else r&&(o.x=ut(r));return{x:l.left+s.scrollLeft-o.x,y:l.top+s.scrollTop-o.y,width:l.width,height:l.height}}function dt(t){return T(t)==="html"?t:t.assignedSlot||t.parentNode||(Z(t)?t.host:null)||E(t)}function rt(t){return A(t)&&getComputedStyle(t).position!=="fixed"?t.offsetParent:null}function Q(t){let e=P(t),n=rt(t);for(;n&&Pt(n)&&getComputedStyle(n).position==="static";)n=rt(n);return n&&(T(n)==="html"||T(n)==="body"&&getComputedStyle(n).position==="static"&&!ot(n))?e:n||function(i){let r=dt(i);for(Z(r)&&(r=r.host);A(r)&&!["html","body"].includes(T(r));){if(ot(r))return r;r=r.parentNode}return null}(t)||e}function lt(t){if(A(t))return{width:t.offsetWidth,height:t.offsetHeight};let e=L(t);return{width:e.width,height:e.height}}function ht(t){let e=dt(t);return["html","body","#document"].includes(T(e))?t.ownerDocument.body:A(e)&&U(e)?e:ht(e)}function I(t,e){var n;e===void 0&&(e=[]);let i=ht(t),r=i===((n=t.ownerDocument)==null?void 0:n.body),l=P(i),s=r?[l].concat(l.visualViewport||[],U(i)?i:[]):i,o=e.concat(s);return r?o:o.concat(I(s))}function st(t,e,n){return e==="viewport"?V(function(i,r){let l=P(i),s=E(i),o=l.visualViewport,c=s.clientWidth,f=s.clientHeight,u=0,a=0;if(o){c=o.width,f=o.height;let m=ft();(m||!m&&r==="fixed")&&(u=o.offsetLeft,a=o.offsetTop)}return{width:c,height:f,x:u,y:a}}(t,n)):O(e)?function(i,r){let l=L(i,!1,r==="fixed"),s=l.top+i.clientTop,o=l.left+i.clientLeft;return{top:s,left:o,x:o,y:s,right:o+i.clientWidth,bottom:s+i.clientHeight,width:i.clientWidth,height:i.clientHeight}}(e,n):V(function(i){var r;let l=E(i),s=G(i),o=(r=i.ownerDocument)==null?void 0:r.body,c=N(l.scrollWidth,l.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),f=N(l.scrollHeight,l.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),u=-s.scrollLeft+ut(i),a=-s.scrollTop;return F(o||l).direction==="rtl"&&(u+=N(l.clientWidth,o?o.clientWidth:0)-c),{width:c,height:f,x:u,y:a}}(E(t)))}function Ot(t){let e=I(t),n=["absolute","fixed"].includes(F(t).position)&&A(t)?Q(t):t;return O(n)?e.filter(i=>O(i)&&function(r,l){let s=l.getRootNode==null?void 0:l.getRootNode();if(r.contains(l))return!0;if(s&&Z(s)){let o=l;do{if(o&&r===o)return!0;o=o.parentNode||o.host}while(o)}return!1}(i,n)&&T(i)!=="body"):[]}var Ct={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:r}=t,l=[...n==="clippingAncestors"?Ot(e):[].concat(n),i],s=l[0],o=l.reduce((c,f)=>{let u=st(e,f,r);return c.top=N(u.top,c.top),c.right=it(u.right,c.right),c.bottom=it(u.bottom,c.bottom),c.left=N(u.left,c.left),c},st(e,s,r));return{width:o.right-o.left,height:o.bottom-o.top,x:o.left,y:o.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:i}=t,r=A(n),l=E(n);if(n===l)return e;let s={scrollLeft:0,scrollTop:0},o={x:0,y:0};if((r||!r&&i!=="fixed")&&((T(n)!=="body"||U(l))&&(s=G(n)),A(n))){let c=L(n,!0);o.x=c.x+n.clientLeft,o.y=c.y+n.clientTop}return{...e,x:e.x-s.scrollLeft+o.x,y:e.y-s.scrollTop+o.y}},isElement:O,getDimensions:lt,getOffsetParent:Q,getDocumentElement:E,getElementRects:t=>{let{reference:e,floating:n,strategy:i}=t;return{reference:Et(e,Q(n),i),floating:{...lt(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>F(t).direction==="rtl"};function Bt(t,e,n,i){i===void 0&&(i={});let{ancestorScroll:r=!0,ancestorResize:l=!0,elementResize:s=!0,animationFrame:o=!1}=i,c=r&&!o,f=l&&!o,u=c||f?[...O(t)?I(t):[],...I(e)]:[];u.forEach(d=>{c&&d.addEventListener("scroll",n,{passive:!0}),f&&d.addEventListener("resize",n)});let a,m=null;if(s){let d=!0;m=new ResizeObserver(()=>{d||n(),d=!1}),O(t)&&!o&&m.observe(t),m.observe(e)}let h=o?L(t):null;return o&&function d(){let g=L(t);!h||g.x===h.x&&g.y===h.y&&g.width===h.width&&g.height===h.height||n(),h=g,a=requestAnimationFrame(d)}(),n(),()=>{var d;u.forEach(g=>{c&&g.removeEventListener("scroll",n),f&&g.removeEventListener("resize",n)}),(d=m)==null||d.disconnect(),m=null,o&&cancelAnimationFrame(a)}}var Nt=(t,e,n)=>et(t,e,{platform:Ct,...n});export{pt as a,bt as b,Rt as c,Tt as d,Lt as e,Bt as f,Nt as g};
|
|
2
|
+
//# sourceMappingURL=chunk-VNGNBBSS.js.map
|