@trendyol/baklava 3.4.0-beta.10 → 3.4.0-beta.12
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/baklava-react.d.ts +236 -304
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava-svelte.d.ts +775 -0
- package/dist/baklava-vue.d.ts +23 -23
- package/dist/baklava.d.ts +1 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-OTLTDVYZ.js → chunk-2EK4TAKQ.js} +2 -2
- package/dist/chunk-7N7YHRPA.js +22 -0
- package/dist/chunk-7N7YHRPA.js.map +7 -0
- package/dist/chunk-ETFCJRBG.js +59 -0
- package/dist/chunk-ETFCJRBG.js.map +7 -0
- package/dist/chunk-M4E4CVZ4.js +18 -0
- package/dist/{chunk-M54AQSC3.js.map → chunk-M4E4CVZ4.js.map} +2 -2
- package/dist/{chunk-MUSNNPY5.js → chunk-QKUMEP5P.js} +2 -2
- package/dist/{chunk-3PA3PCTP.js → chunk-TKTRDALH.js} +2 -2
- package/dist/components/datepicker/bl-datepicker.js +1 -1
- package/dist/components/dialog/bl-dialog.stories.js +1 -1
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/link/bl-link.d.ts +77 -0
- package/dist/components/link/bl-link.d.ts.map +1 -0
- package/dist/components/link/bl-link.js +2 -0
- package/dist/components/link/bl-link.js.map +7 -0
- package/dist/components/link/bl-link.stories.d.ts +31 -0
- package/dist/components/link/bl-link.stories.d.ts.map +1 -0
- package/dist/components/link/bl-link.stories.js +63 -0
- package/dist/components/link/bl-link.stories.js.map +7 -0
- package/dist/components/link/bl-link.test.d.ts +2 -0
- package/dist/components/link/bl-link.test.d.ts.map +1 -0
- package/dist/components/notification/bl-notification.stories.js +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/table/table-cell/bl-table-cell.js +1 -1
- package/dist/components/table/table-header-cell/bl-table-header-cell.js +1 -1
- package/dist/components/table/table-row/bl-table-row.js +1 -1
- package/dist/custom-elements.json +9365 -2601
- package/package.json +3 -5
- package/dist/chunk-7KND5OUR.js +0 -59
- package/dist/chunk-7KND5OUR.js.map +0 -7
- package/dist/chunk-M54AQSC3.js +0 -7
- /package/dist/{chunk-OTLTDVYZ.js.map → chunk-2EK4TAKQ.js.map} +0 -0
- /package/dist/{chunk-MUSNNPY5.js.map → chunk-QKUMEP5P.js.map} +0 -0
- /package/dist/{chunk-3PA3PCTP.js.map → chunk-TKTRDALH.js.map} +0 -0
package/dist/baklava-vue.d.ts
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
|
|
2
1
|
import type * as Baklava from '@trendyol/baklava/dist/baklava'
|
|
3
2
|
|
|
4
3
|
declare module 'vue' {
|
|
5
4
|
export interface GlobalComponents {
|
|
6
|
-
|
|
5
|
+
BlIcon: import("vue").Component<Baklava.BlIcon>
|
|
6
|
+
BlAccordion: import("vue").Component<Baklava.BlAccordion>
|
|
7
|
+
BlSpinner: import("vue").Component<Baklava.BlSpinner>
|
|
8
|
+
BlButton: import("vue").Component<Baklava.BlButton>
|
|
7
9
|
BlAlert: import("vue").Component<Baklava.BlAlert>
|
|
8
10
|
BlBadge: import("vue").Component<Baklava.BlBadge>
|
|
9
|
-
|
|
10
|
-
BlCalendar: import("vue").Component<Baklava.BlCalendar>
|
|
11
|
+
BlCheckbox: import("vue").Component<Baklava.BlCheckbox>
|
|
11
12
|
BlCheckboxGroup: import("vue").Component<Baklava.BlCheckboxGroup>
|
|
12
|
-
BlDatepicker: import("vue").Component<Baklava.BlDatepicker>
|
|
13
13
|
BlDialog: import("vue").Component<Baklava.BlDialog>
|
|
14
14
|
BlDrawer: import("vue").Component<Baklava.BlDrawer>
|
|
15
|
-
BlDropdown: import("vue").Component<Baklava.BlDropdown>
|
|
16
|
-
BlIcon: import("vue").Component<Baklava.BlIcon>
|
|
17
15
|
BlInput: import("vue").Component<Baklava.BlInput>
|
|
18
|
-
|
|
16
|
+
BlLink: import("vue").Component<Baklava.BlLink>
|
|
17
|
+
BlSelectOption: import("vue").Component<Baklava.BlSelectOption>
|
|
18
|
+
BlSelect: import("vue").Component<Baklava.BlSelect>
|
|
19
19
|
BlPagination: import("vue").Component<Baklava.BlPagination>
|
|
20
|
-
BlPopover: import("vue").Component<Baklava.BlPopover>
|
|
21
20
|
BlProgressIndicator: import("vue").Component<Baklava.BlProgressIndicator>
|
|
21
|
+
BlRadio: import("vue").Component<Baklava.BlRadio>
|
|
22
22
|
BlRadioGroup: import("vue").Component<Baklava.BlRadioGroup>
|
|
23
|
-
|
|
24
|
-
BlSpinner: import("vue").Component<Baklava.BlSpinner>
|
|
25
|
-
BlSplitButton: import("vue").Component<Baklava.BlSplitButton>
|
|
26
|
-
BlSwitch: import("vue").Component<Baklava.BlSwitch>
|
|
23
|
+
BlTabPanel: import("vue").Component<Baklava.BlTabPanel>
|
|
27
24
|
BlTabGroup: import("vue").Component<Baklava.BlTabGroup>
|
|
28
|
-
|
|
29
|
-
BlTag: import("vue").Component<Baklava.BlTag>
|
|
25
|
+
BlTab: import("vue").Component<Baklava.BlTab>
|
|
30
26
|
BlTextarea: import("vue").Component<Baklava.BlTextarea>
|
|
27
|
+
BlPopover: import("vue").Component<Baklava.BlPopover>
|
|
31
28
|
BlTooltip: import("vue").Component<Baklava.BlTooltip>
|
|
32
|
-
|
|
33
|
-
BlCheckbox: import("vue").Component<Baklava.BlCheckbox>
|
|
29
|
+
BlSplitButton: import("vue").Component<Baklava.BlSplitButton>
|
|
34
30
|
BlDropdownGroup: import("vue").Component<Baklava.BlDropdownGroup>
|
|
35
31
|
BlDropdownItem: import("vue").Component<Baklava.BlDropdownItem>
|
|
32
|
+
BlDropdown: import("vue").Component<Baklava.BlDropdown>
|
|
33
|
+
BlSwitch: import("vue").Component<Baklava.BlSwitch>
|
|
36
34
|
BlNotificationCard: import("vue").Component<Baklava.BlNotificationCard>
|
|
37
|
-
|
|
38
|
-
BlSelectOption: import("vue").Component<Baklava.BlSelectOption>
|
|
39
|
-
BlTab: import("vue").Component<Baklava.BlTab>
|
|
40
|
-
BlTabPanel: import("vue").Component<Baklava.BlTabPanel>
|
|
35
|
+
BlNotification: import("vue").Component<Baklava.BlNotification>
|
|
41
36
|
BlTableBody: import("vue").Component<Baklava.BlTableBody>
|
|
42
|
-
BlTableCell: import("vue").Component<Baklava.BlTableCell>
|
|
43
|
-
BlTableHeader: import("vue").Component<Baklava.BlTableHeader>
|
|
44
37
|
BlTableHeaderCell: import("vue").Component<Baklava.BlTableHeaderCell>
|
|
38
|
+
BlTableHeader: import("vue").Component<Baklava.BlTableHeader>
|
|
45
39
|
BlTableRow: import("vue").Component<Baklava.BlTableRow>
|
|
40
|
+
BlTableCell: import("vue").Component<Baklava.BlTableCell>
|
|
41
|
+
BlTable: import("vue").Component<Baklava.BlTable>
|
|
42
|
+
BlCalendar: import("vue").Component<Baklava.BlCalendar>
|
|
43
|
+
BlTag: import("vue").Component<Baklava.BlTag>
|
|
44
|
+
BlDatepicker: import("vue").Component<Baklava.BlDatepicker>
|
|
45
|
+
BlAccordionGroup: import("vue").Component<Baklava.BlAccordionGroup>
|
|
46
46
|
}
|
|
47
47
|
}
|
package/dist/baklava.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export { default as BlDialog } from "./components/dialog/bl-dialog";
|
|
|
9
9
|
export { default as BlDrawer } from "./components/drawer/bl-drawer";
|
|
10
10
|
export { default as BlIcon } from "./components/icon/bl-icon";
|
|
11
11
|
export { default as BlInput } from "./components/input/bl-input";
|
|
12
|
+
export { default as BlLink } from "./components/link/bl-link";
|
|
12
13
|
export { default as BlPagination } from "./components/pagination/bl-pagination";
|
|
13
14
|
export { default as BlProgressIndicator } from "./components/progress-indicator/bl-progress-indicator";
|
|
14
15
|
export { default as BlRadioGroup } from "./components/radio-group/bl-radio-group";
|
package/dist/baklava.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"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"}
|
package/dist/baklava.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as E}from"./chunk-
|
|
1
|
+
import{b as E}from"./chunk-TKTRDALH.js";import{b as z}from"./chunk-2EK4TAKQ.js";import{b as q}from"./chunk-QKUMEP5P.js";import{b as j}from"./chunk-JN5BKKQZ.js";import{b as O}from"./chunk-DPKNQOJX.js";import{a as l}from"./chunk-EXUCTLBU.js";import{b as y}from"./chunk-7HEDOM2M.js";import{b as N}from"./chunk-NW7MDZJB.js";import{a as D}from"./chunk-3MLXIDOD.js";import{a as C}from"./chunk-WZBUJ4ER.js";import{a as w}from"./chunk-YH3MSMXL.js";import{b as L}from"./chunk-FCOVZEHC.js";import{a as J}from"./chunk-Z2AZS34W.js";import{a as I}from"./chunk-UF5VCR36.js";import{a as i}from"./chunk-7N7YHRPA.js";import{b as v}from"./chunk-23AVKNCC.js";import{a as b}from"./chunk-P4S537UY.js";import{a as P}from"./chunk-UK2ZEQBN.js";import{c as g,f as h}from"./chunk-FS3MTRC3.js";import{a as T}from"./chunk-2Q566BEQ.js";import{a as c}from"./chunk-H6EUN6QV.js";import{a as s}from"./chunk-UV7BOOVA.js";import{a as B}from"./chunk-D7VPTSSK.js";import{b as k,d as A,f as H}from"./chunk-LIUATY6B.js";import{b as R}from"./chunk-FANRUDPK.js";import{a as f}from"./chunk-LCAPXVGE.js";import"./chunk-ECPWEUBG.js";import{a as p}from"./chunk-UGRBWOQE.js";import{b as m,e as x}from"./chunk-6XM52E7W.js";import{a as K}from"./chunk-4BO66Y63.js";import{a as S}from"./chunk-BCRV6HG6.js";import{b as G}from"./chunk-RCHKJINV.js";import"./chunk-EZSEQHRH.js";import{a as n}from"./chunk-ETFCJRBG.js";import"./chunk-23PSWIUF.js";import{b as F}from"./chunk-2P3LD4HV.js";import"./chunk-IPYZIIRV.js";import{b as u}from"./chunk-NM74WWXQ.js";import{b as d}from"./chunk-OYHUG47P.js";import"./chunk-WEEGH2F4.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import"./chunk-6LT7O7T2.js";import"./chunk-DINNT5P2.js";import{a,b as r,c as t}from"./chunk-3OQA4BKQ.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-HBPBDC7T.js";import{a as e}from"./chunk-HD7EU6S5.js";import"./chunk-5MOOXA2X.js";import{b as o}from"./chunk-4OT5AMS5.js";import"./chunk-BWWXE4SL.js";export{l as BlAccordion,e as BlAccordionGroup,f as BlAlert,p as BlBadge,u as BlButton,F as BlCalendar,m as BlCheckbox,x as BlCheckboxGroup,K as BlDatePicker,s as BlDialog,B as BlDrawer,H as BlDropdown,R as BlDropdownGroup,A as BlDropdownItem,t as BlIcon,n as BlInput,i as BlLink,v as BlNotification,y as BlNotificationCard,b as BlPagination,G as BlPopover,P as BlProgressIndicator,g as BlRadio,h as BlRadioGroup,T as BlSelect,c as BlSelectOption,d as BlSpinner,k as BlSplitButton,N as BlSwitch,w as BlTab,D as BlTabGroup,C as BlTabPanel,L as BlTable,j as BlTableBody,E as BlTableCell,O as BlTableHeader,z as BlTableHeaderCell,q as BlTableRow,J as BlTag,I as BlTextarea,S as BlTooltip,r as getIconPath,o as litHtmlRenderer,a as setIconPath};
|
|
2
2
|
//# sourceMappingURL=baklava.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as m}from"./chunk-
|
|
1
|
+
import{a as m}from"./chunk-QKUMEP5P.js";import{a as u}from"./chunk-DINNT5P2.js";import{a as b,b as p}from"./chunk-5MOOXA2X.js";import{a as d,b as i,f as h}from"./chunk-4OT5AMS5.js";import{d as a}from"./chunk-BWWXE4SL.js";var x=d`:host{--header-cell-width:var(--bl-table-header-cell-width, auto);--header-cell-min-width:var(--bl-table-header-cell-min-width, auto);display:table-cell;border:1px solid var(--bl-color-neutral-lighter);background-color:var(--bl-color-neutral-lightest);padding:var(--bl-size-m);font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;white-space:normal;width:var(--header-cell-width);min-width:var(--header-cell-min-width);background-clip:padding-box}.table-header-cell{display:flex;align-items:center}.table-header-cell.shadow-right::before{content:"";position:absolute;inset-inline-end:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-end:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}.table-header-cell.shadow-left::before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-start:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(-8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-inline-end:var(--bl-size-m)}.sort-icons-wrapper{all:unset;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--bl-size-4xs);cursor:pointer}.sort-icons-wrapper:focus-visible{outline:2px solid var(--bl-color-primary);outline-offset:2px;border-radius:var(--bl-border-radius-xs)}.sort-icons-wrapper bl-icon{font-size:var(--bl-font-size-m);color:var(--bl-color-neutral-darker)}`,g=x;var f="bl-table-header-cell",r=class extends h{constructor(){super(...arguments);this.sortKey=""}static get styles(){return[g]}get _table(){return this.closest("bl-table")}get _tableRow(){return this.closest("bl-table-row")}get selectable(){var e;return this.index===0&&!!((e=this._table)!=null&&e.isSelectable(!0))}get sortable(){var e;return!!((e=this._table)!=null&&e.sortable)&&!!this.sortKey}get index(){let e=this.parentNode;return e?[...e.children].indexOf(this):-1}get checked(){var e;return!!((e=this._table)!=null&&e.isAllSelected())}get indeterminate(){var e;return!!((e=this._table)!=null&&e.isAnySelected())}get isAllUnselectedDisabled(){var e;return!!((e=this._table)!=null&&e.isAllUnselectedDisabled())}get sortDirection(){var e,t;return((e=this._table)==null?void 0:e.sortKey)===this.sortKey&&((t=this._table)==null?void 0:t.sortDirection)||""}get sortIconName(){return this.sortDirection==="asc"?"sorting_asc":this.sortDirection==="desc"?"sorting_desc":"sorting"}get shadowRight(){var e;return!!((e=this._tableRow)!=null&&e.stickyFirstColumn)&&this.index===0}get shadowLeft(){var e;return!!((e=this._tableRow)!=null&&e.stickyLastColumn)&&this.nextElementSibling===null}connectedCallback(){super.connectedCallback(),this.closest(m)||console.warn("bl-table-header-cell is designed to be used inside a bl-table-row",this)}onChange(e){var o,l;let t=(o=this.shadowRoot)==null?void 0:o.querySelector(".select-all");if(e.detail&&this.isAllUnselectedDisabled){setTimeout(()=>{var c;let s=(c=t==null?void 0:t.shadowRoot)==null?void 0:c.querySelector("input");s==null||s.click()},0);return}(l=this._table)==null||l.onSelectionChange(!0,e.detail,""),setTimeout(()=>{t.checked=this.checked,t.indeterminate=this.indeterminate})}onSort(){var t;let e="asc";this.sortDirection==="asc"?e="desc":this.sortDirection==="desc"&&(e=""),(t=this._table)==null||t.onSortChange(this.sortKey,e)}_renderCheckbox(){return this.selectable?i`<bl-checkbox
|
|
2
2
|
class="select-all"
|
|
3
3
|
value="all"
|
|
4
4
|
.indeterminate="${this.indeterminate}"
|
|
@@ -13,4 +13,4 @@ import{a as m}from"./chunk-MUSNNPY5.js";import{a as u}from"./chunk-DINNT5P2.js";
|
|
|
13
13
|
</button>`:i` <slot></slot>`;return i`<div class="table-header-cell ${o}" aria-sort=${u(n)}>
|
|
14
14
|
${this._renderCheckbox()} ${l}
|
|
15
15
|
</div> `}};a([p({type:String,reflect:!0,attribute:"sort-key"})],r.prototype,"sortKey",2),r=a([b(f)],r);export{f as a,r as b};
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
16
|
+
//# sourceMappingURL=chunk-2EK4TAKQ.js.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{a as h}from"./chunk-6LT7O7T2.js";import{a as i}from"./chunk-DINNT5P2.js";import{a as p,b as t}from"./chunk-5MOOXA2X.js";import{a as c,b as l,f as d}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-BWWXE4SL.js";var f=c`:host{display:inline-flex;align-items:center}.link{--color:var(--bl-link-color, var(--bl-color-primary));--hover-color:var(--bl-link-hover-color, var(--bl-color-primary-highlight));--active-color:var(--bl-link-active-color, var(--bl-color-primary-highlight));display:inline-flex;align-items:center;color:var(--color);cursor:pointer;outline:0;position:relative;font-family:var(--bl-font-family)}.link.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link:hover{text-decoration:none;color:var(--hover-color)}.link:active{color:var(--active-color)}.link:focus-visible{outline:0}.link:focus-visible::after{content:"";position:absolute;inset:-2px;border:2px solid var(--bl-color-primary);border-radius:var(--bl-border-radius-s)}.link.standalone.kind-primary{color:var(--bl-color-primary)}.link.standalone.kind-primary.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link.standalone.kind-primary:active,.link.standalone.kind-primary:hover{color:var(--bl-color-primary-highlight)}.link.standalone.kind-neutral{color:var(--bl-color-neutral)}.link.standalone.kind-neutral.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link.standalone.kind-neutral:active,.link.standalone.kind-neutral:hover{color:var(--bl-color-neutral-highlight)}.link.standalone.size-large{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-l)}.link.standalone.size-medium{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-m)}.link.standalone.size-small{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-s)}::slotted([slot=icon]){margin-inline-start:var(--bl-size-3xs);margin-inline-end:var(--bl-size-3xs);display:inline-block;vertical-align:middle}`,m=f;var e=class extends d{constructor(){super(...arguments);this.href="";this.variant="inline";this.size="medium";this.kind="primary";this.ariaLabel="";this.target="_self"}static get styles(){return[m]}get isStandalone(){return this.variant==="standalone"}renderIcon(){return this.isStandalone?l`<bl-icon name="arrow_right" class="icon" aria-hidden="true"></bl-icon>`:l`<slot name="icon"></slot>`}connectedCallback(){if(super.connectedCallback(),this.variant==="inline"){let n=this.parentElement,a=Array.from((n==null?void 0:n.childNodes)||[]).some(o=>{var s;return o.nodeType===Node.TEXT_NODE&&((s=o.textContent)==null?void 0:s.trim())});(!n||!a)&&console.warn("bl-link: Inline variant should be used within a text container. Example: <p>Text with <bl-link variant='inline'>a link</bl-link> inside.</p>")}}render(){let n={link:!0,standalone:this.isStandalone,[`size-${this.size}`]:this.isStandalone,[`kind-${this.kind}`]:this.isStandalone},a=l`
|
|
2
|
+
<slot></slot>
|
|
3
|
+
${this.renderIcon()}
|
|
4
|
+
`;return l`
|
|
5
|
+
<a
|
|
6
|
+
href="${this.href}"
|
|
7
|
+
class="${h(n)}"
|
|
8
|
+
target="${i(this.target)}"
|
|
9
|
+
rel="${i(this.rel)}"
|
|
10
|
+
hreflang="${i(this.hreflang)}"
|
|
11
|
+
type="${i(this.type)}"
|
|
12
|
+
referrerpolicy="${i(this.referrerPolicy)}"
|
|
13
|
+
download="${i(this.download)}"
|
|
14
|
+
ping="${i(this.ping)}"
|
|
15
|
+
role="link"
|
|
16
|
+
aria-label="${i(this.ariaLabel||void 0)}"
|
|
17
|
+
tabindex="0"
|
|
18
|
+
>
|
|
19
|
+
${a}
|
|
20
|
+
</a>
|
|
21
|
+
`}};r([t({type:String,reflect:!0})],e.prototype,"href",2),r([t({type:String,reflect:!0})],e.prototype,"variant",2),r([t({type:String,reflect:!0})],e.prototype,"size",2),r([t({type:String,reflect:!0})],e.prototype,"kind",2),r([t({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2),r([t({type:String,reflect:!0})],e.prototype,"target",2),r([t({type:String,reflect:!0})],e.prototype,"rel",2),r([t({type:String,reflect:!0})],e.prototype,"hreflang",2),r([t({type:String,reflect:!0})],e.prototype,"type",2),r([t({type:String,reflect:!0,attribute:"referrerpolicy"})],e.prototype,"referrerPolicy",2),r([t({type:String,reflect:!0})],e.prototype,"download",2),r([t({type:String,reflect:!0})],e.prototype,"ping",2),e=r([p("bl-link")],e);export{e as a};
|
|
22
|
+
//# sourceMappingURL=chunk-7N7YHRPA.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/link/bl-link.css", "../src/components/link/bl-link.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-flex;align-items:center}.link{--color:var(--bl-link-color, var(--bl-color-primary));--hover-color:var(--bl-link-hover-color, var(--bl-color-primary-highlight));--active-color:var(--bl-link-active-color, var(--bl-color-primary-highlight));display:inline-flex;align-items:center;color:var(--color);cursor:pointer;outline:0;position:relative;font-family:var(--bl-font-family)}.link.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link:hover{text-decoration:none;color:var(--hover-color)}.link:active{color:var(--active-color)}.link:focus-visible{outline:0}.link:focus-visible::after{content:\"\";position:absolute;inset:-2px;border:2px solid var(--bl-color-primary);border-radius:var(--bl-border-radius-s)}.link.standalone.kind-primary{color:var(--bl-color-primary)}.link.standalone.kind-primary.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link.standalone.kind-primary:active,.link.standalone.kind-primary:hover{color:var(--bl-color-primary-highlight)}.link.standalone.kind-neutral{color:var(--bl-color-neutral)}.link.standalone.kind-neutral.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.link.standalone.kind-neutral:active,.link.standalone.kind-neutral:hover{color:var(--bl-color-neutral-highlight)}.link.standalone.size-large{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-l)}.link.standalone.size-medium{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-m)}.link.standalone.size-small{font-weight:var(--bl-font-weight-regular);font-size:var(--bl-font-size-s)}::slotted([slot=icon]){margin-inline-start:var(--bl-size-3xs);margin-inline-end:var(--bl-size-3xs);display:inline-block;vertical-align:middle}`;\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 style from \"./bl-link.css\";\n\nexport type LinkVariant = \"inline\" | \"standalone\";\nexport type LinkSize = \"large\" | \"medium\" | \"small\";\nexport type LinkKind = \"primary\" | \"neutral\";\n\n/**\n * @tag bl-link\n * @summary Baklava Link component for navigation\n *\n * @slot icon - Custom icon slot for non-standalone variants\n *\n * @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link\n * @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link\n * @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link\n */\n\n@customElement(\"bl-link\")\nexport default class BlLink extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * URL that the hyperlink points to\n */\n @property({ type: String, reflect: true })\n href: HTMLAnchorElement[\"href\"] = \"\";\n\n /**\n * Link variant - inline or standalone\n */\n @property({ type: String, reflect: true })\n variant: LinkVariant = \"inline\";\n\n /**\n * Link size - only applies to standalone variant\n */\n @property({ type: String, reflect: true })\n size: LinkSize = \"medium\";\n\n /**\n * Link kind - only applies to standalone variant\n */\n @property({ type: String, reflect: true })\n kind: LinkKind = \"primary\";\n\n /**\n * Aria label for the link\n */\n @property({ type: String, attribute: \"aria-label\" })\n ariaLabel = \"\";\n\n /**\n * Where to display the linked URL\n */\n @property({ type: String, reflect: true })\n target: HTMLAnchorElement[\"target\"] = \"_self\";\n\n /**\n * Relationship between the current document and the linked document.\n * Multiple rel values can be specified by separating them with spaces.\n * Example: \"noopener noreferrer\"\n */\n @property({ type: String, reflect: true })\n rel?: HTMLAnchorElement[\"rel\"];\n\n /**\n * Language of the linked document\n */\n @property({ type: String, reflect: true })\n hreflang?: HTMLAnchorElement[\"hreflang\"];\n\n /**\n * MIME type of the linked document\n */\n @property({ type: String, reflect: true })\n type?: HTMLAnchorElement[\"type\"];\n\n /**\n * Referrer policy for the link\n */\n @property({ type: String, reflect: true, attribute: \"referrerpolicy\" })\n referrerPolicy?: HTMLAnchorElement[\"referrerPolicy\"];\n\n /**\n * Whether to download the resource instead of navigating to it\n */\n @property({ type: String, reflect: true })\n download?: HTMLAnchorElement[\"download\"];\n\n /**\n * Ping URLs to be notified when following the link\n */\n @property({ type: String, reflect: true })\n ping?: HTMLAnchorElement[\"ping\"];\n\n private get isStandalone(): boolean {\n return this.variant === \"standalone\";\n }\n\n private renderIcon(): TemplateResult | null {\n if (this.isStandalone) {\n return html`<bl-icon name=\"arrow_right\" class=\"icon\" aria-hidden=\"true\"></bl-icon>`;\n }\n return html`<slot name=\"icon\"></slot>`;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.variant === \"inline\") {\n const parentElement = this.parentElement;\n const hasTextSibling = Array.from(parentElement?.childNodes || []).some(\n node => node.nodeType === Node.TEXT_NODE && node.textContent?.trim()\n );\n\n if (!parentElement || !hasTextSibling) {\n console.warn(\n \"bl-link: Inline variant should be used within a text container. Example: <p>Text with <bl-link variant='inline'>a link</bl-link> inside.</p>\"\n );\n }\n }\n }\n\n render(): TemplateResult {\n const classes = {\n link: true,\n standalone: this.isStandalone,\n [`size-${this.size}`]: this.isStandalone,\n [`kind-${this.kind}`]: this.isStandalone,\n };\n\n const content = html`\n <slot></slot>\n ${this.renderIcon()}\n `;\n\n return html`\n <a\n href=\"${this.href}\"\n class=\"${classMap(classes)}\"\n target=\"${ifDefined(this.target)}\"\n rel=\"${ifDefined(this.rel)}\"\n hreflang=\"${ifDefined(this.hreflang)}\"\n type=\"${ifDefined(this.type)}\"\n referrerpolicy=\"${ifDefined(this.referrerPolicy)}\"\n download=\"${ifDefined(this.download)}\"\n ping=\"${ifDefined(this.ping)}\"\n role=\"link\"\n aria-label=\"${ifDefined(this.ariaLabel || undefined)}\"\n tabindex=\"0\"\n >\n ${content}\n </a>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-link\": BlLink;\n }\n}\n"],
|
|
5
|
+
"mappings": "6NACO,IAAMA,EAASC,+nDACfC,EAAQF,ECoBf,IAAqBG,EAArB,cAAoCC,CAAW,CAA/C,kCASE,UAAkC,GAMlC,aAAuB,SAMvB,UAAiB,SAMjB,UAAiB,UAMjB,eAAY,GAMZ,YAAsC,QAtCtC,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA4EA,IAAY,cAAwB,CAClC,OAAO,KAAK,UAAY,YAC1B,CAEQ,YAAoC,CAC1C,OAAI,KAAK,aACAC,0EAEFA,4BACT,CAEA,mBAAoB,CAGlB,GAFA,MAAM,kBAAkB,EAEpB,KAAK,UAAY,SAAU,CAC7B,IAAMC,EAAgB,KAAK,cACrBC,EAAiB,MAAM,MAAKD,GAAA,YAAAA,EAAe,aAAc,CAAC,CAAC,EAAE,KACjEE,GAAK,CAtHb,IAAAC,EAsHgB,OAAAD,EAAK,WAAa,KAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,QAChE,GAEI,CAACH,GAAiB,CAACC,IACrB,QAAQ,KACN,8IACF,EAGN,CAEA,QAAyB,CACvB,IAAMG,EAAU,CACd,KAAM,GACN,WAAY,KAAK,aACjB,CAAC,QAAQ,KAAK,MAAM,EAAG,KAAK,aAC5B,CAAC,QAAQ,KAAK,MAAM,EAAG,KAAK,YAC9B,EAEMC,EAAUN;AAAA;AAAA,QAEZ,KAAK,WAAW;AAAA,MAGpB,OAAOA;AAAA;AAAA,gBAEK,KAAK;AAAA,iBACJO,EAASF,CAAO;AAAA,kBACfG,EAAU,KAAK,MAAM;AAAA,eACxBA,EAAU,KAAK,GAAG;AAAA,oBACbA,EAAU,KAAK,QAAQ;AAAA,gBAC3BA,EAAU,KAAK,IAAI;AAAA,0BACTA,EAAU,KAAK,cAAc;AAAA,oBACnCA,EAAU,KAAK,QAAQ;AAAA,gBAC3BA,EAAU,KAAK,IAAI;AAAA;AAAA,sBAEbA,EAAU,KAAK,WAAa,MAAS;AAAA;AAAA;AAAA,UAGjDF;AAAA;AAAA,KAGR,CACF,EAlIEG,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBb,EASnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBb,EAenB,uBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBb,EAqBnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA1BtBb,EA2BnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,CAAC,GAhChCb,EAiCnB,yBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtCtBb,EAuCnB,sBAQAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA9CtBb,EA+CnB,mBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApDtBb,EAqDnB,wBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA1DtBb,EA2DnB,oBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,GAAM,UAAW,gBAAiB,CAAC,GAhEnDb,EAiEnB,8BAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtEtBb,EAuEnB,wBAMAY,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA5EtBb,EA6EnB,oBA7EmBA,EAArBY,EAAA,CADCC,EAAc,SAAS,GACHb",
|
|
6
|
+
"names": ["styles", "i", "bl_link_default", "BlLink", "s", "bl_link_default", "x", "parentElement", "hasTextSibling", "node", "_a", "classes", "content", "o", "l", "__decorateClass", "e"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-NM74WWXQ.js";import{c as m}from"./chunk-EG7U7PM3.js";import{a as g}from"./chunk-XDUIVR6I.js";import{a as p}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{a as f,c as y}from"./chunk-HBPBDC7T.js";import{a as u,b as i,c,e as v}from"./chunk-5MOOXA2X.js";import{a as h,b as r,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var M=h`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-4xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-2xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) 0 calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding:0 0 0 var(--label-padding);font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}slot[name=icon] bl-icon{margin-inline-start:var(--bl-size-3xs);font-size:var(--bl-font-size-m)}`,w=M;var H={date:"calendar","datetime-local":"calendar",month:"calendar",week:"calendar",time:"clock",search:"search"},e=class extends g(d){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.loading=!1;this.autocomplete="on";this.autofocus=!1;this.size="medium";this.disabled=!1;this.readonly=!1;this.labelFixed=!1;this.onKeydown=a=>{a.code==="Enter"&&this.form&&setTimeout(()=>{a.defaultPrevented||b(this.form)})};this.dirty=!1;this.passwordVisible=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[w]}set customInvalidText(a){this._customInvalidText=a,this.setValue(this.value)}get customInvalidText(){return this._customInvalidText}connectedCallback(){var a;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),(a=this.form)==null||a.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}async handleSearchClear(){this.value="",this.setValue(this.value),this.onInput(this.value),await this.clearCustomError(),this.validationTarget.focus()}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.validationTarget.showPicker()}validityCallback(){var a;return this.onInvalid(this.internals.validity),this.customInvalidText||((a=this.validationTarget)==null?void 0:a.validationMessage)}setCustomValidity(a){this.validationTarget.setCustomValidity(a)}async forceCustomError(){await this.updateComplete,this.setCustomValidity(this.customInvalidText||y("An error occurred",{desc:"bl-input: default custom error message"})),this.setValue(this.value),this.reportValidity()}async clearCustomError(){await this.updateComplete,this.setCustomValidity(""),this.setValue(this.value),this.reportValidity()}reportValidity(){return this.dirty=!0,this.requestUpdate(),this.checkValidity()}inputHandler(a){let o=a.target.value;this.value=o,this.setValue(this.value),this.onInput(o)}changeHandler(a){let o=a.target.value;this.dirty=!0,this.value=o,this.setValue(this.value),this.onChange(o)}firstUpdated(){this.setValue(this.value),this.icon||(this.icon=H[this.type])}async updated(a){a.size>0&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),a.has("error")&&this.error&&!this.dirty&&this.reportValidity()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}render(){let a=this.checkValidity()?"":r`<p id="errorMessage" aria-live="polite" class="invalid-text">
|
|
2
|
+
${this.validationMessage}
|
|
3
|
+
</p>`,o=this.helpText?r`<p id="helpText" class="help-text">${this.helpText}</p>`:"",k=r`
|
|
4
|
+
<slot name="icon">
|
|
5
|
+
${this.loading&&this.type==="search"&&this.value!==""&&this.value!==null?r`<bl-spinner></bl-spinner>`:this.icon?r`<bl-icon name="${this.icon}"></bl-icon>`:r`<bl-icon class="error-icon" name="alert"></bl-icon>`}
|
|
6
|
+
</slot>
|
|
7
|
+
`,z=this.label?r`<label for=${this.inputId}>${this.label}</label>`:"",s=this.type==="password",T=s?r`<bl-button
|
|
8
|
+
size="small"
|
|
9
|
+
kind="neutral"
|
|
10
|
+
variant="tertiary"
|
|
11
|
+
class="${p({"reveal-button":!0,"password-visible":this.passwordVisible})}"
|
|
12
|
+
aria-label="Toggle password reveal"
|
|
13
|
+
@bl-click="${this.textVisibilityToggle}"
|
|
14
|
+
>
|
|
15
|
+
<bl-icon class="reveal-icon" slot="icon" name="eye_on"></bl-icon>
|
|
16
|
+
<bl-icon class="reveal-icon" slot="icon" name="eye_off"></bl-icon>
|
|
17
|
+
</bl-button>`:"",$=this.type==="search"&&this.value!==""&&this.value!==null?r`
|
|
18
|
+
<bl-button
|
|
19
|
+
size="small"
|
|
20
|
+
kind="neutral"
|
|
21
|
+
variant="tertiary"
|
|
22
|
+
aria-label="Clear search"
|
|
23
|
+
icon="close"
|
|
24
|
+
@bl-click=${this.handleSearchClear}
|
|
25
|
+
>
|
|
26
|
+
</bl-button>
|
|
27
|
+
<div class="split-divider"></div>
|
|
28
|
+
`:"",V=this.icon||this._hasIconSlot,C={wrapper:!0,dirty:this.dirty,invalid:!this.checkValidity(),"has-icon":s||V||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""},E=this.passwordVisible?"text":"password",S=s?E:this.type;return r`<div class=${p(C)}>
|
|
29
|
+
${z}
|
|
30
|
+
<fieldset class="input-wrapper">
|
|
31
|
+
<legend><span>${this.label}</span></legend>
|
|
32
|
+
<input
|
|
33
|
+
id=${this.inputId}
|
|
34
|
+
type=${S}
|
|
35
|
+
.value=${m(this.value)}
|
|
36
|
+
inputmode="${l(this.inputmode)}"
|
|
37
|
+
?autofocus=${this.autofocus}
|
|
38
|
+
.autocomplete="${this.autocomplete}"
|
|
39
|
+
placeholder="${l(this.placeholder)}"
|
|
40
|
+
minlength="${l(this.minlength)}"
|
|
41
|
+
maxlength="${l(this.maxlength)}"
|
|
42
|
+
min="${l(this.min)}"
|
|
43
|
+
max="${l(this.max)}"
|
|
44
|
+
pattern="${l(this.pattern)}"
|
|
45
|
+
step="${l(this.step)}"
|
|
46
|
+
?required=${this.required}
|
|
47
|
+
?disabled=${this.disabled}
|
|
48
|
+
?readonly=${this.readonly}
|
|
49
|
+
@change=${this.changeHandler}
|
|
50
|
+
@input=${this.inputHandler}
|
|
51
|
+
aria-invalid=${this.checkValidity()?"false":"true"}
|
|
52
|
+
aria-describedby=${l(this.helpText?"helpText":void 0)}
|
|
53
|
+
aria-errormessage=${l(this.checkValidity()?void 0:"errorMessage")}
|
|
54
|
+
/>
|
|
55
|
+
<div class="icon">${T} ${$} ${k}</div>
|
|
56
|
+
</fieldset>
|
|
57
|
+
<div class="hint">${a} ${o}</div>
|
|
58
|
+
</div>`}};e.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0},e.formControlValidators=x,t([v("input")],e.prototype,"validationTarget",2),t([i({reflect:!0})],e.prototype,"name",2),t([i({reflect:!0})],e.prototype,"type",2),t([i({reflect:!0})],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"placeholder",2),t([i({reflect:!0})],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([i({type:Number,reflect:!0})],e.prototype,"minlength",2),t([i({type:Number,reflect:!0})],e.prototype,"maxlength",2),t([i({reflect:!0})],e.prototype,"min",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({reflect:!0})],e.prototype,"max",2),t([i({type:String,reflect:!0})],e.prototype,"pattern",2),t([i({type:Number,reflect:!0})],e.prototype,"step",2),t([i({type:String,reflect:!0})],e.prototype,"autocomplete",2),t([i({type:String,reflect:!0})],e.prototype,"inputmode",2),t([i({type:Boolean,reflect:!0})],e.prototype,"autofocus",2),t([i({type:String,reflect:!0})],e.prototype,"icon",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([i({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),t([i({type:String,attribute:"invalid-text",reflect:!0})],e.prototype,"customInvalidText",1),t([i({reflect:!0,type:String})],e.prototype,"error",2),t([i({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),t([n("bl-change")],e.prototype,"onChange",2),t([n("bl-input")],e.prototype,"onInput",2),t([n("bl-invalid")],e.prototype,"onInvalid",2),t([c()],e.prototype,"dirty",2),t([c()],e.prototype,"passwordVisible",2),e=t([u("bl-input"),f()],e);export{e as a};
|
|
59
|
+
//# sourceMappingURL=chunk-ETFCJRBG.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/input/bl-input.css", "../src/components/input/bl-input.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-4xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-2xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) 0 calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding:0 0 0 var(--label-padding);font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}slot[name=icon] bl-icon{margin-inline-start:var(--bl-size-3xs);font-size:var(--bl-font-size-m)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { localized, msg } from \"@lit/localize\";\nimport { FormControlMixin } from \"@open-wc/form-control\";\nimport { submit } from \"@open-wc/form-helpers\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport { innerInputValidators } from \"../../utilities/form-control\";\nimport \"../button/bl-button\";\nimport \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-input.css\";\n\nexport type InputType =\n | \"text\"\n | \"email\"\n | \"date\"\n | \"time\"\n | \"datetime-local\"\n | \"month\"\n | \"week\"\n | \"password\"\n | \"number\"\n | \"tel\"\n | \"url\"\n | \"search\";\n\nconst inputTypeIcons: Partial<Record<InputType, BaklavaIcon>> = {\n \"date\": \"calendar\",\n \"datetime-local\": \"calendar\",\n \"month\": \"calendar\",\n \"week\": \"calendar\",\n \"time\": \"clock\",\n \"search\": \"search\",\n};\n\nexport type InputSize = \"small\" | \"medium\" | \"large\";\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\n@customElement(\"bl-input\")\n@localized()\nexport default class BlInput extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n static formControlValidators = innerInputValidators;\n\n @query(\"input\")\n validationTarget: HTMLInputElement;\n\n /**\n * Sets name of the input\n */\n @property({ reflect: true })\n name?: string;\n\n /**\n * Type of the input. It's used to set `type` attribute of native input inside.\n */\n @property({ reflect: true })\n type: InputType = \"text\";\n\n /**\n * Sets label of the input\n */\n @property({ reflect: true })\n label?: string;\n\n /**\n * Sets placeholder of the input\n */\n @property({ reflect: true })\n placeholder?: string;\n\n /**\n * Sets initial value of the input\n */\n @property({ reflect: true })\n value = \"\";\n\n /**\n * Makes input a mandatory field\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Sets minimum length of the input\n */\n @property({ type: Number, reflect: true })\n minlength?: number;\n\n /**\n * Sets maximum length of the input\n */\n @property({ type: Number, reflect: true })\n maxlength?: number;\n\n /**\n * Sets the minimum acceptable value for the input\n */\n @property({ reflect: true })\n min?: number | string;\n\n /**\n * Sets the loading value for the input\n */\n @property({ type: Boolean, reflect: true })\n loading = false;\n\n /**\n * Sets the maximum acceptable value for the input\n */\n @property({ reflect: true })\n max?: number | string;\n\n /**\n * Sets a regex pattern form the input validation\n */\n @property({ type: String, reflect: true })\n pattern?: string;\n\n /**\n * Sets the increase and decrease step to a `number` input\n */\n @property({ type: Number, reflect: true })\n step?: number;\n\n /**\n * Hints browser to autocomplete this field.\n */\n @property({ type: String, reflect: true })\n autocomplete: HTMLInputElement[\"autocomplete\"] = \"on\";\n\n /**\n * Sets the input mode of the field for asking browser to show the desired keyboard.\n */\n @property({ type: String, reflect: true })\n inputmode: HTMLInputElement[\"inputMode\"];\n\n /**\n * Sets input to get keyboard focus automatically\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * Sets the custom icon name. `bl-icon` component is used to show an icon\n */\n @property({ type: String, reflect: true })\n icon?: BaklavaIcon;\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 the input readonly.\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Makes label as fixed positioned\n */\n @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n labelFixed = false;\n\n /**\n * Overrides error message. This message will override default error messages\n * @deprecated use setCustomValidity instead\n */\n @property({ type: String, attribute: \"invalid-text\", reflect: true })\n set customInvalidText(value: string) {\n this._customInvalidText = value;\n this.setValue(this.value);\n }\n\n /**\n * @deprecated\n */\n get customInvalidText(): string {\n return this._customInvalidText;\n }\n\n @property({ reflect: true, type: String })\n error: string;\n\n private _customInvalidText: string;\n\n /**\n * Adds help text\n */\n @property({ type: String, attribute: \"help-text\", reflect: true })\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\n this.form?.addEventListener(\"submit\", () => {\n this.reportValidity();\n });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener(\"keydown\", this.onKeydown);\n }\n\n private onKeydown = (event: KeyboardEvent): void => {\n if (event.code === \"Enter\" && this.form) {\n setTimeout(() => {\n if (!event.defaultPrevented) {\n submit(this.form);\n }\n });\n }\n };\n\n @state() private dirty = false;\n\n @state() private passwordVisible = false;\n\n private textVisibilityToggle() {\n this.passwordVisible = !this.passwordVisible;\n }\n\n private async handleSearchClear() {\n this.value = \"\";\n this.setValue(this.value);\n this.onInput(this.value);\n\n await this.clearCustomError();\n this.validationTarget.focus();\n }\n\n showPicker() {\n if (\"showPicker\" in HTMLInputElement.prototype) {\n this.validationTarget.showPicker();\n }\n }\n\n validityCallback(): string | void {\n this.onInvalid(this.internals.validity);\n return this.customInvalidText || this.validationTarget?.validationMessage;\n }\n\n /**\n * Sets a custom validity on the form element.\n * @param message\n */\n setCustomValidity(message: string) {\n this.validationTarget.setCustomValidity(message);\n }\n\n /**\n * Force to set input as in invalid state.\n * @deprecated use error attribute instead\n */\n async forceCustomError() {\n await this.updateComplete;\n this.setCustomValidity(\n this.customInvalidText ||\n msg(\"An error occurred\", { desc: \"bl-input: default custom error message\" })\n );\n this.setValue(this.value);\n this.reportValidity();\n }\n\n /**\n * Clear forced invalid state\n * @deprecated use error attribute instead\n */\n async clearCustomError() {\n await this.updateComplete;\n this.setCustomValidity(\"\");\n this.setValue(this.value);\n this.reportValidity();\n }\n\n reportValidity() {\n this.dirty = true;\n this.requestUpdate();\n return this.checkValidity();\n }\n\n private inputHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.value = value;\n this.setValue(this.value);\n this.onInput(value);\n }\n\n private changeHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.dirty = true;\n this.value = value;\n this.setValue(this.value);\n this.onChange(value);\n }\n\n firstUpdated() {\n this.setValue(this.value);\n if (!this.icon) this.icon = inputTypeIcons[this.type];\n }\n\n protected async updated(changedProperties: PropertyValues) {\n if (changedProperties.size > 0) {\n this.setValue(this.value);\n\n await this.validationComplete;\n\n this.requestUpdate();\n }\n\n if (changedProperties.has(\"error\") && this.error && !this.dirty) {\n this.reportValidity();\n }\n }\n\n private inputId = Math.random().toString(36).substring(2);\n\n private get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n render(): TemplateResult {\n const invalidMessage = !this.checkValidity()\n ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n ${this.validationMessage}\n </p>`\n : \"\";\n const helpMessage = this.helpText\n ? html`<p id=\"helpText\" class=\"help-text\">${this.helpText}</p>`\n : \"\";\n\n const icon = html`\n <slot name=\"icon\">\n ${this.loading && this.type === \"search\" && this.value !== \"\" && this.value !== null\n ? html`<bl-spinner></bl-spinner>`\n : this.icon\n ? html`<bl-icon name=\"${this.icon}\"></bl-icon>`\n : html`<bl-icon class=\"error-icon\" name=\"alert\"></bl-icon>`}\n </slot>\n `;\n\n const label = this.label ? html`<label for=${this.inputId}>${this.label}</label>` : \"\";\n const passwordInput = this.type === \"password\";\n\n const revealButton = passwordInput\n ? html`<bl-button\n size=\"small\"\n kind=\"neutral\"\n variant=\"tertiary\"\n class=\"${classMap({\n \"reveal-button\": true,\n \"password-visible\": this.passwordVisible,\n })}\"\n aria-label=\"Toggle password reveal\"\n @bl-click=\"${this.textVisibilityToggle}\"\n >\n <bl-icon class=\"reveal-icon\" slot=\"icon\" name=\"eye_on\"></bl-icon>\n <bl-icon class=\"reveal-icon\" slot=\"icon\" name=\"eye_off\"></bl-icon>\n </bl-button>`\n : \"\";\n\n const clearSearchButton =\n this.type === \"search\" && this.value !== \"\" && this.value !== null\n ? html`\n <bl-button\n size=\"small\"\n kind=\"neutral\"\n variant=\"tertiary\"\n aria-label=\"Clear search\"\n icon=\"close\"\n @bl-click=${this.handleSearchClear}\n >\n </bl-button>\n <div class=\"split-divider\"></div>\n `\n : \"\";\n\n const hasCustomIcon = this.icon || this._hasIconSlot;\n const classes = {\n \"wrapper\": true,\n \"dirty\": this.dirty,\n \"invalid\": !this.checkValidity(),\n \"has-icon\": passwordInput || hasCustomIcon || (this.dirty && !this.checkValidity()),\n \"has-value\": this.value !== null && this.value !== \"\",\n };\n\n const passwordType = this.passwordVisible ? \"text\" : \"password\";\n const inputType = passwordInput ? passwordType : this.type;\n\n return html`<div class=${classMap(classes)}>\n ${label}\n <fieldset class=\"input-wrapper\">\n <legend><span>${this.label}</span></legend>\n <input\n id=${this.inputId}\n type=${inputType}\n .value=${live(this.value)}\n inputmode=\"${ifDefined(this.inputmode)}\"\n ?autofocus=${this.autofocus}\n .autocomplete=\"${this.autocomplete}\"\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 pattern=\"${ifDefined(this.pattern)}\"\n step=\"${ifDefined(this.step)}\"\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n @change=${this.changeHandler}\n @input=${this.inputHandler}\n aria-invalid=${this.checkValidity() ? \"false\" : \"true\"}\n aria-describedby=${ifDefined(this.helpText ? \"helpText\" : undefined)}\n aria-errormessage=${ifDefined(this.checkValidity() ? undefined : \"errorMessage\")}\n />\n <div class=\"icon\">${revealButton} ${clearSearchButton} ${icon}</div>\n </fieldset>\n <div class=\"hint\">${invalidMessage} ${helpMessage}</div>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-input\": BlInput;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "i", "bl_input_default", "inputTypeIcons", "BlInput", "FormControlMixin", "s", "event", "submit", "bl_input_default", "value", "_a", "message", "msg", "changedProperties", "invalidMessage", "x", "helpMessage", "icon", "label", "passwordInput", "revealButton", "o", "clearSearchButton", "hasCustomIcon", "classes", "passwordType", "inputType", "l", "innerInputValidators", "__decorateClass", "i", "e", "t", "localized"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{b as r}from"./chunk-4OT5AMS5.js";import{b as l,c as p}from"./chunk-BWWXE4SL.js";var a=l((s,i)=>{i.exports=function(o){let e=o||typeof window<"u"&&window;return!!(e&&(e.navigator.userAgent.match(/Chromatic/)||e.location.href.match(/chromatic=true/)))}});var n=p(a(),1),c=(t,o)=>(0,n.default)()?r`${o}
|
|
2
|
+
<div class="chromatic-wrapper">${t()}</div>`:r`${t()}`;var y=t=>c(t,r`<style>
|
|
3
|
+
#root-inner {
|
|
4
|
+
width: 1000px;
|
|
5
|
+
height: 400px;
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
align-items: center;
|
|
9
|
+
}
|
|
10
|
+
.chromatic-wrapper {
|
|
11
|
+
display: flex;
|
|
12
|
+
}
|
|
13
|
+
</style>`),d=t=>c(t,r`<style>
|
|
14
|
+
#root-inner {
|
|
15
|
+
height: 600px;
|
|
16
|
+
}
|
|
17
|
+
</style>`);export{y as a,d as b};
|
|
18
|
+
//# sourceMappingURL=chunk-M4E4CVZ4.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../node_modules/chromatic/isChromatic.js", "../src/utilities/chromatic-decorators.ts"],
|
|
4
4
|
"sourcesContent": ["/* eslint-env browser */\n\nmodule.exports = function isChromatic(windowArg) {\n const windowToCheck = windowArg || (typeof window !== 'undefined' && window);\n return !!(\n windowToCheck &&\n (windowToCheck.navigator.userAgent.match(/Chromatic/) ||\n windowToCheck.location.href.match(/chromatic=true/))\n );\n};\n", "import { html, TemplateResult } from \"lit\";\nimport { PartialStoryFn } from \"@storybook/types\";\nimport isChromatic from \"chromatic/isChromatic\";\n\nconst chromaticDecorator = (story: PartialStoryFn, addition: TemplateResult) =>\n isChromatic()\n ? html`${addition}\n <div class=\"chromatic-wrapper\">${story()}</div>`\n : html`${story()}`;\n\nexport const withNoAnimation = (story: PartialStoryFn) =>\n chromaticDecorator(\n story,\n html`<style>\n .chromatic-wrapper {\n --bl-drawer-animation-duration: 0;\n }\n </style>`\n );\n\nexport const extraPadding = (story: PartialStoryFn) =>\n chromaticDecorator(\n story,\n html`<style>\n .chromatic-wrapper {\n display: inline-block;\n padding: 25px;\n }\n </style>`\n );\n\nexport const centeredLayout = (story: PartialStoryFn) =>\n chromaticDecorator(\n story,\n html`<style>\n #root-inner {\n width: 1000px;\n height: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .chromatic-wrapper {\n display: flex;\n }\n </style>`\n );\n\nexport const fullscreenLayout = (story: PartialStoryFn) =>\n chromaticDecorator(\n story,\n html`<style>\n #root-inner {\n height: 600px;\n }\n </style>`\n );\n"],
|
|
5
|
-
"mappings": "uFAAA,IAAAA,EAAAC,EAAA,CAAAC,EAAAC,IAAA,CAEAA,EAAO,QAAU,SAAqBC,EAAW,CAC/C,IAAMC,EAAgBD,GAAc,OAAO,OAAW,KAAe,OACrE,MAAO,CAAC,EACNC,IACCA,EAAc,UAAU,UAAU,MAAM,WAAW,GAClDA,EAAc,SAAS,KAAK,MAAM,gBAAgB,GAExD,ICPA,IAAAC,EAAwB,SAElBC,EAAqB,CAACC,EAAuBC,OACjD,EAAAC,SAAY,EACRC,IAAOF;AAAA,yCAC4BD,EAAM,UACzCG,IAAOH,EAAM,
|
|
6
|
-
"names": ["require_isChromatic", "__commonJSMin", "exports", "module", "windowArg", "windowToCheck", "import_isChromatic", "chromaticDecorator", "story", "addition", "isChromatic", "x", "
|
|
5
|
+
"mappings": "uFAAA,IAAAA,EAAAC,EAAA,CAAAC,EAAAC,IAAA,CAEAA,EAAO,QAAU,SAAqBC,EAAW,CAC/C,IAAMC,EAAgBD,GAAc,OAAO,OAAW,KAAe,OACrE,MAAO,CAAC,EACNC,IACCA,EAAc,UAAU,UAAU,MAAM,WAAW,GAClDA,EAAc,SAAS,KAAK,MAAM,gBAAgB,GAExD,ICPA,IAAAC,EAAwB,SAElBC,EAAqB,CAACC,EAAuBC,OACjD,EAAAC,SAAY,EACRC,IAAOF;AAAA,yCAC4BD,EAAM,UACzCG,IAAOH,EAAM,IAuBZ,IAAMI,EAAkBC,GAC7BC,EACED,EACAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAYF,EAEWC,EAAoBH,GAC/BC,EACED,EACAE;AAAA;AAAA;AAAA;AAAA,aAKF",
|
|
6
|
+
"names": ["require_isChromatic", "__commonJSMin", "exports", "module", "windowArg", "windowToCheck", "import_isChromatic", "chromaticDecorator", "story", "addition", "isChromatic", "x", "centeredLayout", "story", "chromaticDecorator", "x", "fullscreenLayout"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as u}from"./chunk-JN5BKKQZ.js";import{a as n}from"./chunk-DPKNQOJX.js";import{a as c,b as h}from"./chunk-5MOOXA2X.js";import{a,b,f as d}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-BWWXE4SL.js";var y=a`:host{display:table-row}:host([checked]),:host([checked]) ::slotted(bl-table-cell){background-color:var(--bl-color-primary-contrast)}:host([disabled]),:host([disabled]) ::slotted(bl-table-cell){background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light)}:host(:not([checked],[disabled]).__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__),:host(:not([checked],[disabled]):hover),:host(:not([checked],[disabled]):hover) ::slotted(bl-table-cell){background-color:var(--bl-color-tertiary-background)}:host ::slotted(:first-child){border-inline-start:none}:host ::slotted(:last-child){border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell){border-top:none;border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell:first-child){border-top-left-radius:var(--bl-size-3xs)}:host(:first-child) ::slotted(bl-table-header-cell:last-child){border-top-right-radius:var(--bl-size-3xs);border-inline-end:1px}:host(:last-child) ::slotted(bl-table-cell){border-bottom:none}:host(:first-child) ::slotted(bl-table-cell){border-top:none}:host(:last-child) ::slotted(bl-table-cell:first-child){border-bottom-left-radius:var(--bl-size-3xs)}:host(:last-child) ::slotted(bl-table-cell:last-child){border-bottom-right-radius:var(--bl-size-3xs)}:host([sticky-first-column]) ::slotted(bl-table-cell:first-child),:host([sticky-first-column]) ::slotted(bl-table-header-cell:first-child){position:sticky;z-index:2;inset-inline-start:0}:host([sticky-last-column]) ::slotted(bl-table-cell:last-child),:host([sticky-last-column]) ::slotted(bl-table-header-cell:last-child){position:sticky;z-index:2;inset-inline-end:0}`,m=y;var f="bl-table-row",t=class extends d{constructor(){super(...arguments);this.selectionKey=""}static get styles(){return[m]}connectedCallback(){super.connectedCallback(),!this.closest(n)&&!this.closest(u)&&console.warn("bl-table-row is designed to be used inside a bl-table-header or bl-table-body",this)}updated(e){super.updated(e),this.removeAttribute("checked"),this.removeAttribute("disabled"),this.removeAttribute("sticky-first-column"),this.removeAttribute("sticky-last-column"),this.stickyFirstColumn&&this.setAttribute("sticky-first-column","true"),this.stickyLastColumn&&this.setAttribute("sticky-last-column","true"),this.checked?this.setAttribute("checked","true"):this.disabled&&this.setAttribute("disabled","true"),e.has("selectionKey")&&this.updateComplete.then(()=>{var s,r,o,i;Array.from(this.querySelectorAll("bl-table-header-cell,bl-table-cell")).map(p=>{p.requestUpdate()}),(s=this._table)!=null&&s.multiple&&((r=this._table)!=null&&r.selectable)&&((i=(o=this._table)==null?void 0:o.querySelector("bl-table-header-cell"))==null||i.requestUpdate())})}get _table(){return this.closest("bl-table")}get _firstTableCell(){return this.querySelector("bl-table-cell")}get disabled(){var e;return!!((e=this._firstTableCell)!=null&&e.disabled)}get checked(){var e;return!!((e=this._table)!=null&&e.isRowSelected(this.selectionKey))}get stickyFirstColumn(){var e;return!!((e=this._table)!=null&&e.isFirstColumnSticky())}get stickyLastColumn(){var e;return!!((e=this._table)!=null&&e.isLastColumnSticky())}render(){return b`<slot></slot>`}};l([h({type:String,reflect:!0,attribute:"selection-key"})],t.prototype,"selectionKey",2),t=l([c(f)],t);export{f as a,t as b};
|
|
2
|
+
//# sourceMappingURL=chunk-QKUMEP5P.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as b}from"./chunk-
|
|
1
|
+
import{a as b}from"./chunk-QKUMEP5P.js";import{a as s,b as n}from"./chunk-5MOOXA2X.js";import{a as i,b as o,f as a}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-BWWXE4SL.js";var d=i`:host{display:table-cell;border:1px solid var(--bl-color-neutral-lighter);padding:var(--bl-size-m);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;word-break:break-word;background-color:var(--bl-color-neutral-full);background-clip:padding-box;border-top:none;border-inline-end:none}.table-cell{display:flex;align-items:center}.table-cell.shadow-right::before{content:"";position:absolute;inset-inline-end:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-end:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}.table-cell.shadow-left::before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-start:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(-8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-inline-end:var(--bl-size-m)}`,c=d;var h="bl-table-cell",t=class extends a{constructor(){super(...arguments);this.disableSelection=!1}static get styles(){return[c]}get _table(){return this.closest("bl-table")}get _tableRow(){return this.closest("bl-table-row")}get disabled(){return this.disableSelection}get selectable(){var e;return this.index===0&&!!((e=this._table)!=null&&e.isSelectable(!1))&&this.selectionKey}get index(){let e=this.parentNode;return e?[...e.children].indexOf(this):-1}get selectionKey(){return this._tableRow?this._tableRow.selectionKey:""}get checked(){var e;return!!((e=this._tableRow)!=null&&e.checked)}get shadowRight(){var e;return!!((e=this._tableRow)!=null&&e.stickyFirstColumn)&&this.index===0}get shadowLeft(){var e;return!!((e=this._tableRow)!=null&&e.stickyLastColumn)&&this.nextElementSibling===null}connectedCallback(){super.connectedCallback(),this.closest(b)||console.warn("bl-table-cell is designed to be used inside a bl-table-row",this)}onChange(e){var r;(r=this._table)==null||r.onSelectionChange(!1,e.detail,this.selectionKey)}_renderCheckbox(){return this.selectable?o`<bl-checkbox
|
|
2
2
|
?checked=${this.checked}
|
|
3
3
|
?disabled=${this.disabled}
|
|
4
4
|
value="row"
|
|
@@ -8,4 +8,4 @@ import{a as b}from"./chunk-MUSNNPY5.js";import{a as s,b as n}from"./chunk-5MOOXA
|
|
|
8
8
|
${this._renderCheckbox()}
|
|
9
9
|
<slot></slot>
|
|
10
10
|
</div>`}};l([n({type:Boolean,reflect:!0,attribute:"disabled"})],t.prototype,"disableSelection",2),t=l([s(h)],t);export{h as a,t as b};
|
|
11
|
-
//# sourceMappingURL=chunk-
|
|
11
|
+
//# sourceMappingURL=chunk-TKTRDALH.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-4BO66Y63.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-4BO66Y63.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-ETFCJRBG.js";import"../../chunk-23PSWIUF.js";import"../../chunk-2P3LD4HV.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-datepicker.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as c}from"../../chunk-M4E4CVZ4.js";import{a as n}from"../../chunk-DINNT5P2.js";import{b as s}from"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import{b as e}from"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";var d={title:"Components/Dialog",component:"bl-dialog",parameters:{chromatic:{viewports:[1e3]},controls:{exclude:["id"]}},decorators:[c],argTypes:{open:{control:"boolean"},polyfilled:{control:"boolean"},caption:{control:"text"},content:{control:"text"}}},q=d,t=i=>async()=>{let a=document.getElementById(i);a.open=!0},o=i=>e`
|
|
2
2
|
<bl-button @bl-click="${t(i.id)}" variant="secondary">Open Dialog</bl-button>
|
|
3
3
|
|
|
4
4
|
<bl-dialog
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-ETFCJRBG.js";import"../../chunk-23PSWIUF.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-input.js.map
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, TemplateResult } from "lit";
|
|
2
|
+
export type LinkVariant = "inline" | "standalone";
|
|
3
|
+
export type LinkSize = "large" | "medium" | "small";
|
|
4
|
+
export type LinkKind = "primary" | "neutral";
|
|
5
|
+
/**
|
|
6
|
+
* @tag bl-link
|
|
7
|
+
* @summary Baklava Link component for navigation
|
|
8
|
+
*
|
|
9
|
+
* @slot icon - Custom icon slot for non-standalone variants
|
|
10
|
+
*
|
|
11
|
+
* @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link
|
|
12
|
+
* @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link
|
|
13
|
+
* @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link
|
|
14
|
+
*/
|
|
15
|
+
export default class BlLink extends LitElement {
|
|
16
|
+
static get styles(): CSSResultGroup;
|
|
17
|
+
/**
|
|
18
|
+
* URL that the hyperlink points to
|
|
19
|
+
*/
|
|
20
|
+
href: HTMLAnchorElement["href"];
|
|
21
|
+
/**
|
|
22
|
+
* Link variant - inline or standalone
|
|
23
|
+
*/
|
|
24
|
+
variant: LinkVariant;
|
|
25
|
+
/**
|
|
26
|
+
* Link size - only applies to standalone variant
|
|
27
|
+
*/
|
|
28
|
+
size: LinkSize;
|
|
29
|
+
/**
|
|
30
|
+
* Link kind - only applies to standalone variant
|
|
31
|
+
*/
|
|
32
|
+
kind: LinkKind;
|
|
33
|
+
/**
|
|
34
|
+
* Aria label for the link
|
|
35
|
+
*/
|
|
36
|
+
ariaLabel: string;
|
|
37
|
+
/**
|
|
38
|
+
* Where to display the linked URL
|
|
39
|
+
*/
|
|
40
|
+
target: HTMLAnchorElement["target"];
|
|
41
|
+
/**
|
|
42
|
+
* Relationship between the current document and the linked document.
|
|
43
|
+
* Multiple rel values can be specified by separating them with spaces.
|
|
44
|
+
* Example: "noopener noreferrer"
|
|
45
|
+
*/
|
|
46
|
+
rel?: HTMLAnchorElement["rel"];
|
|
47
|
+
/**
|
|
48
|
+
* Language of the linked document
|
|
49
|
+
*/
|
|
50
|
+
hreflang?: HTMLAnchorElement["hreflang"];
|
|
51
|
+
/**
|
|
52
|
+
* MIME type of the linked document
|
|
53
|
+
*/
|
|
54
|
+
type?: HTMLAnchorElement["type"];
|
|
55
|
+
/**
|
|
56
|
+
* Referrer policy for the link
|
|
57
|
+
*/
|
|
58
|
+
referrerPolicy?: HTMLAnchorElement["referrerPolicy"];
|
|
59
|
+
/**
|
|
60
|
+
* Whether to download the resource instead of navigating to it
|
|
61
|
+
*/
|
|
62
|
+
download?: HTMLAnchorElement["download"];
|
|
63
|
+
/**
|
|
64
|
+
* Ping URLs to be notified when following the link
|
|
65
|
+
*/
|
|
66
|
+
ping?: HTMLAnchorElement["ping"];
|
|
67
|
+
private get isStandalone();
|
|
68
|
+
private renderIcon;
|
|
69
|
+
connectedCallback(): void;
|
|
70
|
+
render(): TemplateResult;
|
|
71
|
+
}
|
|
72
|
+
declare global {
|
|
73
|
+
interface HTMLElementTagNameMap {
|
|
74
|
+
"bl-link": BlLink;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=bl-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-link.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7C;;;;;;;;;GASG;AAGH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAM;IAErC;;OAEG;IAEH,OAAO,EAAE,WAAW,CAAY;IAEhC;;OAEG;IAEH,IAAI,EAAE,QAAQ,CAAY;IAE1B;;OAEG;IAEH,IAAI,EAAE,QAAQ,CAAa;IAE3B;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAW;IAE9C;;;;OAIG;IAEH,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE/B;;OAEG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IAEH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjC;;OAEG;IAEH,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAErD;;OAEG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IAEH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,UAAU;IAOlB,iBAAiB;IAiBjB,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"../../chunk-7N7YHRPA.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
|
+
//# sourceMappingURL=bl-link.js.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/web-components";
|
|
2
|
+
interface LinkArgs {
|
|
3
|
+
href?: string;
|
|
4
|
+
variant?: "inline" | "standalone";
|
|
5
|
+
size?: "small" | "medium" | "large";
|
|
6
|
+
kind?: "primary" | "neutral";
|
|
7
|
+
target?: HTMLAnchorElement["target"];
|
|
8
|
+
rel?: HTMLAnchorElement["rel"];
|
|
9
|
+
hreflang?: HTMLAnchorElement["hreflang"];
|
|
10
|
+
type?: HTMLAnchorElement["type"];
|
|
11
|
+
referrerPolicy?: HTMLAnchorElement["referrerPolicy"];
|
|
12
|
+
download?: HTMLAnchorElement["download"];
|
|
13
|
+
ping?: HTMLAnchorElement["ping"];
|
|
14
|
+
"aria-label"?: string;
|
|
15
|
+
content?: string;
|
|
16
|
+
customStyles?: string;
|
|
17
|
+
icon?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const meta: Meta<LinkArgs>;
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<LinkArgs>;
|
|
22
|
+
export declare const Default: Story;
|
|
23
|
+
export declare const InlineLink: Story;
|
|
24
|
+
export declare const StandaloneLink: Story;
|
|
25
|
+
export declare const CustomIconLink: Story;
|
|
26
|
+
export declare const SizeVariants: Story;
|
|
27
|
+
export declare const KindVariants: Story;
|
|
28
|
+
export declare const NativeAnchorAttributes: Story;
|
|
29
|
+
export declare const AccessibleLink: Story;
|
|
30
|
+
export declare const CustomInlineColors: Story;
|
|
31
|
+
//# sourceMappingURL=bl-link.stories.d.ts.map
|