@trendyol/baklava 3.4.0-beta.17 → 3.4.0-beta.18

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.
Files changed (49) hide show
  1. package/dist/baklava-react.d.ts +140 -119
  2. package/dist/baklava-react.d.ts.map +1 -1
  3. package/dist/baklava-react.js +1 -1
  4. package/dist/baklava-react.js.map +3 -3
  5. package/dist/baklava-svelte.d.ts +342 -312
  6. package/dist/baklava-vue.d.ts +16 -14
  7. package/dist/baklava.d.ts +21 -19
  8. package/dist/baklava.d.ts.map +1 -1
  9. package/dist/baklava.js +1 -1
  10. package/dist/{chunk-KTG566MB.js → chunk-3IZAFXL6.js} +4 -4
  11. package/dist/{chunk-QKUMEP5P.js → chunk-5QGKDF4O.js} +2 -2
  12. package/dist/chunk-BDTCJ2JC.js +16 -0
  13. package/dist/chunk-BDTCJ2JC.js.map +7 -0
  14. package/dist/chunk-HCSEQTUP.js +37 -0
  15. package/dist/chunk-HCSEQTUP.js.map +7 -0
  16. package/dist/{chunk-2EK4TAKQ.js → chunk-JTNWYMYZ.js} +2 -2
  17. package/dist/{chunk-TKTRDALH.js → chunk-LZ6VDMPM.js} +2 -2
  18. package/dist/{chunk-2Q566BEQ.js → chunk-SIQYHQUN.js} +3 -3
  19. package/dist/components/datepicker/bl-datepicker.js +1 -1
  20. package/dist/components/input/bl-input.js +1 -1
  21. package/dist/components/pagination/bl-pagination.js +1 -1
  22. package/dist/components/select/bl-select.js +1 -1
  23. package/dist/components/stepper/bl-stepper-item.d.ts +107 -0
  24. package/dist/components/stepper/bl-stepper-item.d.ts.map +1 -0
  25. package/dist/components/stepper/bl-stepper-item.js +2 -0
  26. package/dist/components/stepper/bl-stepper-item.js.map +7 -0
  27. package/dist/components/stepper/bl-stepper-item.test.d.ts +2 -0
  28. package/dist/components/stepper/bl-stepper-item.test.d.ts.map +1 -0
  29. package/dist/components/stepper/bl-stepper.d.ts +46 -0
  30. package/dist/components/stepper/bl-stepper.d.ts.map +1 -0
  31. package/dist/components/stepper/bl-stepper.js +2 -0
  32. package/dist/components/stepper/bl-stepper.js.map +7 -0
  33. package/dist/components/stepper/bl-stepper.stories.d.ts +23 -0
  34. package/dist/components/stepper/bl-stepper.stories.d.ts.map +1 -0
  35. package/dist/components/stepper/bl-stepper.stories.js +100 -0
  36. package/dist/components/stepper/bl-stepper.stories.js.map +7 -0
  37. package/dist/components/stepper/bl-stepper.test.d.ts +2 -0
  38. package/dist/components/stepper/bl-stepper.test.d.ts.map +1 -0
  39. package/dist/components/tab-group/bl-tab-group.js +1 -1
  40. package/dist/components/table/table-cell/bl-table-cell.js +1 -1
  41. package/dist/components/table/table-header-cell/bl-table-header-cell.js +1 -1
  42. package/dist/components/table/table-row/bl-table-row.js +1 -1
  43. package/dist/custom-elements.json +5940 -5482
  44. package/package.json +1 -1
  45. /package/dist/{chunk-KTG566MB.js.map → chunk-3IZAFXL6.js.map} +0 -0
  46. /package/dist/{chunk-QKUMEP5P.js.map → chunk-5QGKDF4O.js.map} +0 -0
  47. /package/dist/{chunk-2EK4TAKQ.js.map → chunk-JTNWYMYZ.js.map} +0 -0
  48. /package/dist/{chunk-TKTRDALH.js.map → chunk-LZ6VDMPM.js.map} +0 -0
  49. /package/dist/{chunk-2Q566BEQ.js.map → chunk-SIQYHQUN.js.map} +0 -0
@@ -8,40 +8,42 @@ declare module 'vue' {
8
8
  BlButton: import("vue").Component<Baklava.BlButton>
9
9
  BlAlert: import("vue").Component<Baklava.BlAlert>
10
10
  BlBadge: import("vue").Component<Baklava.BlBadge>
11
+ BlCalendar: import("vue").Component<Baklava.BlCalendar>
11
12
  BlCheckbox: import("vue").Component<Baklava.BlCheckbox>
12
13
  BlCheckboxGroup: import("vue").Component<Baklava.BlCheckboxGroup>
14
+ BlInput: import("vue").Component<Baklava.BlInput>
15
+ BlPopover: import("vue").Component<Baklava.BlPopover>
16
+ BlTooltip: import("vue").Component<Baklava.BlTooltip>
17
+ BlDatepicker: import("vue").Component<Baklava.BlDatepicker>
13
18
  BlDialog: import("vue").Component<Baklava.BlDialog>
14
19
  BlDrawer: import("vue").Component<Baklava.BlDrawer>
15
- BlInput: import("vue").Component<Baklava.BlInput>
20
+ BlSplitButton: import("vue").Component<Baklava.BlSplitButton>
21
+ BlDropdownGroup: import("vue").Component<Baklava.BlDropdownGroup>
22
+ BlDropdownItem: import("vue").Component<Baklava.BlDropdownItem>
23
+ BlDropdown: import("vue").Component<Baklava.BlDropdown>
16
24
  BlLink: import("vue").Component<Baklava.BlLink>
25
+ BlNotificationCard: import("vue").Component<Baklava.BlNotificationCard>
26
+ BlNotification: import("vue").Component<Baklava.BlNotification>
17
27
  BlSelectOption: import("vue").Component<Baklava.BlSelectOption>
18
28
  BlSelect: import("vue").Component<Baklava.BlSelect>
19
29
  BlPagination: import("vue").Component<Baklava.BlPagination>
20
30
  BlProgressIndicator: import("vue").Component<Baklava.BlProgressIndicator>
21
31
  BlRadio: import("vue").Component<Baklava.BlRadio>
22
32
  BlRadioGroup: import("vue").Component<Baklava.BlRadioGroup>
33
+ BlStepperItem: import("vue").Component<Baklava.BlStepperItem>
34
+ BlStepper: import("vue").Component<Baklava.BlStepper>
35
+ BlSwitch: import("vue").Component<Baklava.BlSwitch>
23
36
  BlTabPanel: import("vue").Component<Baklava.BlTabPanel>
24
- BlTabGroup: import("vue").Component<Baklava.BlTabGroup>
25
37
  BlTab: import("vue").Component<Baklava.BlTab>
26
- BlTextarea: import("vue").Component<Baklava.BlTextarea>
27
- BlPopover: import("vue").Component<Baklava.BlPopover>
28
- BlTooltip: import("vue").Component<Baklava.BlTooltip>
29
- BlSplitButton: import("vue").Component<Baklava.BlSplitButton>
30
- BlDropdownGroup: import("vue").Component<Baklava.BlDropdownGroup>
31
- BlDropdownItem: import("vue").Component<Baklava.BlDropdownItem>
32
- BlDropdown: import("vue").Component<Baklava.BlDropdown>
33
- BlSwitch: import("vue").Component<Baklava.BlSwitch>
34
- BlNotificationCard: import("vue").Component<Baklava.BlNotificationCard>
35
- BlNotification: import("vue").Component<Baklava.BlNotification>
38
+ BlTabGroup: import("vue").Component<Baklava.BlTabGroup>
36
39
  BlTableBody: import("vue").Component<Baklava.BlTableBody>
37
40
  BlTableHeaderCell: import("vue").Component<Baklava.BlTableHeaderCell>
38
41
  BlTableHeader: import("vue").Component<Baklava.BlTableHeader>
39
42
  BlTableRow: import("vue").Component<Baklava.BlTableRow>
40
43
  BlTableCell: import("vue").Component<Baklava.BlTableCell>
41
44
  BlTable: import("vue").Component<Baklava.BlTable>
42
- BlCalendar: import("vue").Component<Baklava.BlCalendar>
43
45
  BlTag: import("vue").Component<Baklava.BlTag>
44
- BlDatepicker: import("vue").Component<Baklava.BlDatepicker>
46
+ BlTextarea: import("vue").Component<Baklava.BlTextarea>
45
47
  BlAccordionGroup: import("vue").Component<Baklava.BlAccordionGroup>
46
48
  }
47
49
  }
package/dist/baklava.d.ts CHANGED
@@ -1,44 +1,46 @@
1
- export { default as BlAccordionGroup } from "./components/accordion-group/bl-accordion-group";
1
+ export { html as litHtmlRenderer } from "lit";
2
2
  export { default as BlAccordion } from "./components/accordion-group/accordion/bl-accordion";
3
+ export { default as BlAccordionGroup } from "./components/accordion-group/bl-accordion-group";
3
4
  export { default as BlAlert } from "./components/alert/bl-alert";
4
5
  export { default as BlBadge } from "./components/badge/bl-badge";
5
6
  export { default as BlButton } from "./components/button/bl-button";
7
+ export { default as BlCalendar } from "./components/calendar/bl-calendar";
6
8
  export { default as BlCheckboxGroup } from "./components/checkbox-group/bl-checkbox-group";
7
9
  export { default as BlCheckbox } from "./components/checkbox-group/checkbox/bl-checkbox";
10
+ export { default as BlDatePicker } from "./components/datepicker/bl-datepicker";
8
11
  export { default as BlDialog } from "./components/dialog/bl-dialog";
9
12
  export { default as BlDrawer } from "./components/drawer/bl-drawer";
13
+ export { default as BlDropdown } from "./components/dropdown/bl-dropdown";
14
+ export { default as BlDropdownGroup } from "./components/dropdown/group/bl-dropdown-group";
15
+ export { default as BlDropdownItem } from "./components/dropdown/item/bl-dropdown-item";
10
16
  export { default as BlIcon } from "./components/icon/bl-icon";
11
17
  export { default as BlInput } from "./components/input/bl-input";
12
18
  export { default as BlLink } from "./components/link/bl-link";
19
+ export { default as BlNotification } from "./components/notification/bl-notification";
20
+ export { default as BlNotificationCard } from "./components/notification/card/bl-notification-card";
13
21
  export { default as BlPagination } from "./components/pagination/bl-pagination";
22
+ export { default as BlPopover } from "./components/popover/bl-popover";
14
23
  export { default as BlProgressIndicator } from "./components/progress-indicator/bl-progress-indicator";
15
24
  export { default as BlRadioGroup } from "./components/radio-group/bl-radio-group";
16
25
  export { default as BlRadio } from "./components/radio-group/radio/bl-radio";
17
26
  export { default as BlSelect } from "./components/select/bl-select";
18
27
  export { default as BlSelectOption } from "./components/select/option/bl-select-option";
19
- export { default as BlTab } from "./components/tab-group/tab/bl-tab";
28
+ export { default as BlSpinner } from "./components/spinner/bl-spinner";
29
+ export { default as BlSplitButton } from "./components/split-button/bl-split-button";
30
+ export { default as BlStepper } from "./components/stepper/bl-stepper";
31
+ export { default as BlStepperItem } from "./components/stepper/bl-stepper-item";
32
+ export { default as BlSwitch } from "./components/switch/bl-switch";
20
33
  export { default as BlTabGroup } from "./components/tab-group/bl-tab-group";
21
34
  export { default as BlTabPanel } from "./components/tab-group/tab-panel/bl-tab-panel";
22
- export { default as BlTextarea } from "./components/textarea/bl-textarea";
23
- export { default as BlTooltip } from "./components/tooltip/bl-tooltip";
24
- export { default as BlPopover } from "./components/popover/bl-popover";
25
- export { default as BlDropdown } from "./components/dropdown/bl-dropdown";
26
- export { default as BlDropdownItem } from "./components/dropdown/item/bl-dropdown-item";
27
- export { default as BlDropdownGroup } from "./components/dropdown/group/bl-dropdown-group";
28
- export { default as BlSwitch } from "./components/switch/bl-switch";
29
- export { default as BlSpinner } from "./components/spinner/bl-spinner";
30
- export { default as BlNotification } from "./components/notification/bl-notification";
31
- export { default as BlNotificationCard } from "./components/notification/card/bl-notification-card";
35
+ export { default as BlTab } from "./components/tab-group/tab/bl-tab";
32
36
  export { default as BlTable } from "./components/table/bl-table";
33
- export { default as BlTableHeader } from "./components/table/table-header/bl-table-header";
34
37
  export { default as BlTableBody } from "./components/table/table-body/bl-table-body";
35
- export { default as BlTableRow } from "./components/table/table-row/bl-table-row";
36
- export { default as BlTableHeaderCell } from "./components/table/table-header-cell/bl-table-header-cell";
37
38
  export { default as BlTableCell } from "./components/table/table-cell/bl-table-cell";
38
- export { default as BlSplitButton } from "./components/split-button/bl-split-button";
39
- export { default as BlCalendar } from "./components/calendar/bl-calendar";
39
+ export { default as BlTableHeaderCell } from "./components/table/table-header-cell/bl-table-header-cell";
40
+ export { default as BlTableHeader } from "./components/table/table-header/bl-table-header";
41
+ export { default as BlTableRow } from "./components/table/table-row/bl-table-row";
40
42
  export { default as BlTag } from "./components/tag/bl-tag";
41
- export { default as BlDatePicker } from "./components/datepicker/bl-datepicker";
43
+ export { default as BlTextarea } from "./components/textarea/bl-textarea";
44
+ export { default as BlTooltip } from "./components/tooltip/bl-tooltip";
42
45
  export { getIconPath, setIconPath } from "./utilities/asset-paths";
43
- export { html as litHtmlRenderer } from "lit";
44
46
  //# sourceMappingURL=baklava.d.ts.map
@@ -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-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-IR2QY2VG.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-C2UDBDKV.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-KTG566MB.js";import"./chunk-23PSWIUF.js";import{b as F}from"./chunk-IEFQ6PGY.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};
1
+ import{b as J}from"./chunk-LZ6VDMPM.js";import{b as K}from"./chunk-JTNWYMYZ.js";import{b as F}from"./chunk-5QGKDF4O.js";import{b as z}from"./chunk-JN5BKKQZ.js";import{b as E}from"./chunk-DPKNQOJX.js";import{a as M}from"./chunk-Z2AZS34W.js";import{a as Q}from"./chunk-UF5VCR36.js";import{a as r}from"./chunk-IR2QY2VG.js";import{b as C}from"./chunk-7HEDOM2M.js";import{a as v}from"./chunk-BDTCJ2JC.js";import{a as N}from"./chunk-HCSEQTUP.js";import{b as y}from"./chunk-NW7MDZJB.js";import{a as j}from"./chunk-3MLXIDOD.js";import{a as O}from"./chunk-YH3MSMXL.js";import{a as L}from"./chunk-WZBUJ4ER.js";import{b as q}from"./chunk-FCOVZEHC.js";import{a as h}from"./chunk-7N7YHRPA.js";import{b as w}from"./chunk-23AVKNCC.js";import{a as k}from"./chunk-P4S537UY.js";import{a as R}from"./chunk-UK2ZEQBN.js";import{c as A,f as H}from"./chunk-FS3MTRC3.js";import{a as G}from"./chunk-SIQYHQUN.js";import{a as D}from"./chunk-H6EUN6QV.js";import{a as T}from"./chunk-UV7BOOVA.js";import{a as b}from"./chunk-D7VPTSSK.js";import{b as I,d as S,f as g}from"./chunk-LIUATY6B.js";import{b as P}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 x,e as s}from"./chunk-6XM52E7W.js";import{a as c}from"./chunk-C2UDBDKV.js";import{a as i}from"./chunk-BCRV6HG6.js";import{b as n}from"./chunk-RCHKJINV.js";import"./chunk-EZSEQHRH.js";import{a as B}from"./chunk-3IZAFXL6.js";import"./chunk-23PSWIUF.js";import{b as m}from"./chunk-IEFQ6PGY.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 as o,b as t,c as a}from"./chunk-3OQA4BKQ.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-HBPBDC7T.js";import{a as l}from"./chunk-HD7EU6S5.js";import"./chunk-5MOOXA2X.js";import{b as e}from"./chunk-4OT5AMS5.js";import"./chunk-BWWXE4SL.js";export{r as BlAccordion,l as BlAccordionGroup,f as BlAlert,p as BlBadge,u as BlButton,m as BlCalendar,x as BlCheckbox,s as BlCheckboxGroup,c as BlDatePicker,T as BlDialog,b as BlDrawer,g as BlDropdown,P as BlDropdownGroup,S as BlDropdownItem,a as BlIcon,B as BlInput,h as BlLink,w as BlNotification,C as BlNotificationCard,k as BlPagination,n as BlPopover,R as BlProgressIndicator,A as BlRadio,H as BlRadioGroup,G as BlSelect,D as BlSelectOption,d as BlSpinner,I as BlSplitButton,v as BlStepper,N as BlStepperItem,y as BlSwitch,O as BlTab,j as BlTabGroup,L as BlTabPanel,q as BlTable,z as BlTableBody,J as BlTableCell,E as BlTableHeader,K as BlTableHeaderCell,F as BlTableRow,M as BlTag,Q as BlTextarea,i as BlTooltip,t as getIconPath,e as litHtmlRenderer,o as setIconPath};
2
2
  //# sourceMappingURL=baklava.js.map
@@ -1,4 +1,4 @@
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-block:0;padding-inline:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) calc(var(--bl-input-padding-end,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-block:0;padding-inline:var(--label-padding) 0;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">
1
+ import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-NM74WWXQ.js";import{c as y}from"./chunk-EG7U7PM3.js";import{a as f}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 g,c as m}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-block:0;padding-inline:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) calc(var(--bl-input-padding-end,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-block:0;padding-inline:var(--label-padding) 0;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 f(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||m("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
2
  ${this.validationMessage}
3
3
  </p>`,o=this.helpText?r`<p id="helpText" class="help-text">${this.helpText}</p>`:"",k=r`
4
4
  <slot name="icon">
@@ -32,7 +32,7 @@ import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-NM74WWXQ.js";
32
32
  <input
33
33
  id=${this.inputId}
34
34
  type=${S}
35
- .value=${m(this.value)}
35
+ .value=${y(this.value)}
36
36
  inputmode="${l(this.inputmode)}"
37
37
  ?autofocus=${this.autofocus}
38
38
  .autocomplete="${this.autocomplete}"
@@ -55,5 +55,5 @@ import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-NM74WWXQ.js";
55
55
  <div class="icon">${T} ${$} ${k}</div>
56
56
  </fieldset>
57
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-KTG566MB.js.map
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"),g()],e);export{e as a};
59
+ //# sourceMappingURL=chunk-3IZAFXL6.js.map
@@ -1,2 +1,2 @@
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
+ import{a as n}from"./chunk-JN5BKKQZ.js";import{a as u}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(u)&&!this.closest(n)&&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-5QGKDF4O.js.map
@@ -0,0 +1,16 @@
1
+ import{a as h}from"./chunk-6LT7O7T2.js";import{a as f}from"./chunk-GRL4DWKG.js";import{a as u,b as o}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as d}from"./chunk-4OT5AMS5.js";import{d as p}from"./chunk-BWWXE4SL.js";var y=c`:host{display:block;width:100%}.stepper{--spacing:var(--bl-size-m);display:flex;position:relative;width:100%}.stepper.direction-horizontal{flex-direction:row;align-items:flex-start}.stepper.direction-horizontal .stepper-item{flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper.direction-vertical{flex-direction:column;align-items:flex-start}.stepper.direction-vertical .stepper-item{position:relative;width:100%;min-height:80px}.stepper.direction-vertical .stepper-item:not(:last-child){margin-bottom:0}.stepper.usage-non-clickable .stepper-item{cursor:default}.stepper.usage-non-clickable .stepper-item:focus{outline:0}@media (max-width:768px){.stepper.direction-horizontal{flex-direction:column}.stepper.direction-horizontal .stepper-item:not(:last-child)::after{display:none}.stepper.direction-horizontal .stepper-item{margin-bottom:var(--spacing)}}`,g=y;var s=class extends d{constructor(){super(...arguments);this.type="dot";this.direction="horizontal";this.usage="clickable"}static get styles(){return[g]}get stepperItemsArray(){return Array.from(this.querySelectorAll("bl-stepper-item"))}get totalSteps(){return this.stepperItemsArray.length}get activeStep(){return this.stepperItemsArray.findIndex(r=>r.variant==="active")}handleItemClick(e){if(this.usage==="non-clickable")return;let i=e.target.id,t=this.stepperItemsArray,n=t.findIndex(a=>a.id===i);t.forEach((a,l)=>{l<n?a.variant="success":l===n?a.variant="active":a.variant="default"}),this.onStepperChange({activeStep:n,totalSteps:this.totalSteps})}handleKeyDown(e){if(this.usage==="non-clickable")return;let r=this.stepperItemsArray,i=r.findIndex(n=>n===document.activeElement);if(i===-1)return;let t=-1;e.key==="ArrowRight"||e.key==="ArrowDown"?(t=i+1,t>=r.length&&(t=0)):e.key==="ArrowLeft"||e.key==="ArrowUp"?(t=i-1,t<0&&(t=r.length-1)):e.key==="Home"?t=0:e.key==="End"&&(t=r.length-1),t!==-1&&(e.preventDefault(),r[t].focus())}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.updateStepperItems()}updated(e){super.updated(e),(e.has("type")||e.has("direction")||e.has("usage"))&&this.updateStepperItems()}updateStepperItems(){let e=this.stepperItemsArray,r=9;e.forEach((i,t)=>{if(t>=r){i.style.display="none";return}i.style.display="",i.stepperType=this.type,i.direction=this.direction,i.stepUsage=this.usage,i.showLeadingConnector=t>0,i.showTrailingConnector=t<Math.min(e.length,r)-1}),e.length>r&&console.error(`bl-stepper: Maximum ${r} items are allowed. ${e.length-r} item(s) will not be displayed.`)}render(){let e={stepper:!0,[`type-${this.type}`]:!0,[`direction-${this.direction}`]:!0,[`usage-${this.usage}`]:!0};return m`
2
+ <div
3
+ class="${h(e)}"
4
+ role="progressbar"
5
+ aria-valuenow="${this.activeStep}"
6
+ aria-valuemin="0"
7
+ aria-valuemax="${this.totalSteps-1}"
8
+ @keydown="${this.handleKeyDown}"
9
+ >
10
+ <slot
11
+ @slotchange="${this.updateStepperItems}"
12
+ @bl-stepper-item-click="${this.handleItemClick}"
13
+ ></slot>
14
+ </div>
15
+ `}};p([o({type:String,reflect:!0})],s.prototype,"type",2),p([o({type:String,reflect:!0})],s.prototype,"direction",2),p([o({type:String,reflect:!0})],s.prototype,"usage",2),p([f("bl-stepper-change")],s.prototype,"onStepperChange",2),s=p([u("bl-stepper")],s);export{s as a};
16
+ //# sourceMappingURL=chunk-BDTCJ2JC.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/components/stepper/bl-stepper.css", "../src/components/stepper/bl-stepper.ts"],
4
+ "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block;width:100%}.stepper{--spacing:var(--bl-size-m);display:flex;position:relative;width:100%}.stepper.direction-horizontal{flex-direction:row;align-items:flex-start}.stepper.direction-horizontal .stepper-item{flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper.direction-vertical{flex-direction:column;align-items:flex-start}.stepper.direction-vertical .stepper-item{position:relative;width:100%;min-height:80px}.stepper.direction-vertical .stepper-item:not(:last-child){margin-bottom:0}.stepper.usage-non-clickable .stepper-item{cursor:default}.stepper.usage-non-clickable .stepper-item:focus{outline:0}@media (max-width:768px){.stepper.direction-horizontal{flex-direction:column}.stepper.direction-horizontal .stepper-item:not(:last-child)::after{display:none}.stepper.direction-horizontal .stepper-item{margin-bottom:var(--spacing)}}`;\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 { event, EventDispatcher } from \"../../utilities/event\";\nimport \"./bl-stepper-item\";\nimport style from \"./bl-stepper.css\";\n\nexport type StepperType = \"dot\" | \"number\" | \"icon\";\nexport type StepperDirection = \"horizontal\" | \"vertical\";\nexport type StepperUsage = \"clickable\" | \"non-clickable\";\n\ninterface BlStepperItemElement extends HTMLElement {\n id: string;\n variant: \"default\" | \"active\" | \"success\" | \"error\";\n stepperType: StepperType;\n direction: StepperDirection;\n showLeadingConnector: boolean;\n showTrailingConnector: boolean;\n stepUsage: StepperUsage;\n}\n\n/**\n * @tag bl-stepper\n * @summary Baklava Stepper component for displaying progress through a sequence of steps\n *\n * @slot default - Stepper items\n */\n\n@customElement(\"bl-stepper\")\nexport default class BlStepper extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Defines stepper render style\n */\n @property({ type: String, reflect: true })\n type: StepperType = \"dot\";\n\n /**\n * Defines stepper direction is horizontal or vertical\n */\n @property({ type: String, reflect: true })\n direction: StepperDirection = \"horizontal\";\n\n /**\n * Defines stepper usage is clickable or non-clickable\n */\n @property({ type: String, reflect: true })\n usage: StepperUsage = \"clickable\";\n\n private get stepperItemsArray(): BlStepperItemElement[] {\n return Array.from(this.querySelectorAll(\"bl-stepper-item\")) as BlStepperItemElement[];\n }\n\n /**\n * Fires when stepper state changes\n */\n @event(\"bl-stepper-change\") private onStepperChange: EventDispatcher<{\n activeStep: number;\n totalSteps: number;\n }>;\n\n private get totalSteps(): number {\n return this.stepperItemsArray.length;\n }\n\n private get activeStep(): number {\n const items = this.stepperItemsArray;\n\n return items.findIndex(item => {\n return item.variant === \"active\";\n });\n }\n\n private handleItemClick(event: CustomEvent) {\n if (this.usage === \"non-clickable\") {\n return;\n }\n\n const clickedItem = event.target as BlStepperItemElement;\n const itemId = clickedItem.id;\n\n // Update all items based on the clicked item\n const items = this.stepperItemsArray;\n const clickedIndex = items.findIndex(item => item.id === itemId);\n\n items.forEach((item, index) => {\n if (index < clickedIndex) {\n item.variant = \"success\";\n } else if (index === clickedIndex) {\n item.variant = \"active\";\n } else {\n item.variant = \"default\";\n }\n });\n\n // Dispatch change event\n this.onStepperChange({\n activeStep: clickedIndex,\n totalSteps: this.totalSteps,\n });\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (this.usage === \"non-clickable\") {\n return;\n }\n\n const items = this.stepperItemsArray;\n const focusedItemIndex = items.findIndex(item => item === document.activeElement);\n\n if (focusedItemIndex === -1) {\n return;\n }\n\n let nextIndex = -1;\n\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n nextIndex = focusedItemIndex + 1;\n if (nextIndex >= items.length) nextIndex = 0;\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n nextIndex = focusedItemIndex - 1;\n if (nextIndex < 0) nextIndex = items.length - 1;\n } else if (event.key === \"Home\") {\n nextIndex = 0;\n } else if (event.key === \"End\") {\n nextIndex = items.length - 1;\n }\n\n if (nextIndex !== -1) {\n event.preventDefault();\n items[nextIndex].focus();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n firstUpdated(changedProperties: Map<string | number | symbol, unknown>) {\n super.firstUpdated(changedProperties);\n\n // Initialize stepper items\n this.updateStepperItems();\n }\n\n updated(changedProperties: Map<string | number | symbol, unknown>) {\n super.updated(changedProperties);\n\n if (\n changedProperties.has(\"type\") ||\n changedProperties.has(\"direction\") ||\n changedProperties.has(\"usage\")\n ) {\n this.updateStepperItems();\n }\n }\n\n private updateStepperItems() {\n const allItems = this.stepperItemsArray;\n const maxItems = 9;\n\n // Hide items beyond the maximum limit\n allItems.forEach((item, index) => {\n if (index >= maxItems) {\n item.style.display = \"none\";\n return;\n }\n\n item.style.display = \"\";\n item.stepperType = this.type;\n item.direction = this.direction;\n item.stepUsage = this.usage;\n\n item.showLeadingConnector = index > 0;\n\n item.showTrailingConnector = index < Math.min(allItems.length, maxItems) - 1;\n });\n\n // Show error if there are more than maximum items\n if (allItems.length > maxItems) {\n console.error(\n `bl-stepper: Maximum ${maxItems} items are allowed. ${\n allItems.length - maxItems\n } item(s) will not be displayed.`\n );\n }\n }\n\n render(): TemplateResult {\n const classes = {\n stepper: true,\n [`type-${this.type}`]: true,\n [`direction-${this.direction}`]: true,\n [`usage-${this.usage}`]: true,\n };\n\n return html`\n <div\n class=\"${classMap(classes)}\"\n role=\"progressbar\"\n aria-valuenow=\"${this.activeStep}\"\n aria-valuemin=\"0\"\n aria-valuemax=\"${this.totalSteps - 1}\"\n @keydown=\"${this.handleKeyDown}\"\n >\n <slot\n @slotchange=\"${this.updateStepperItems}\"\n @bl-stepper-item-click=\"${this.handleItemClick}\"\n ></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-stepper\": BlStepper;\n }\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["styles", "i", "bl_stepper_default", "BlStepper", "s", "bl_stepper_default", "item", "event", "itemId", "items", "clickedIndex", "index", "focusedItemIndex", "nextIndex", "changedProperties", "allItems", "maxItems", "classes", "x", "o", "__decorateClass", "e"]
7
+ }
@@ -0,0 +1,37 @@
1
+ import{a as v}from"./chunk-6LT7O7T2.js";import{a as u}from"./chunk-DINNT5P2.js";import{a as h}from"./chunk-GRL4DWKG.js";import{a as d,b as o,c}from"./chunk-5MOOXA2X.js";import{a as p,b as e,f as l}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-BWWXE4SL.js";var b=p`:host{display:block;position:relative;flex:1}.stepper-item{--item-color:var(--bl-color-neutral-light);--item-background:var(--bl-color-neutral-full);--active-color:var(--bl-color-primary);--hover-color:var(--bl-color-primary-highlight);--success-color:var(--bl-color-success);--error-color:var(--bl-color-danger);--disabled-color:var(--bl-color-neutral-lighter);--text-color-active:var(--bl-color-primary);--text-color-default:var(--bl-color-neutral-light);--description-color-active:var(--bl-color-neutral-darker);--description-color-default:var(--bl-color-neutral-light);display:flex;align-items:flex-start;gap:0;position:relative;background-color:transparent;padding:0;transition:.2s;width:100%;height:100%}.stepper-item.direction-horizontal{flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper-item.direction-vertical{flex-direction:row;align-items:flex-start;text-align:left;width:100%}.vertical-layout{display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%}.stepper-item.direction-horizontal .connector-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;position:relative;width:100%;flex:1 1 auto;min-width:0}.stepper-item.direction-vertical .connector-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;position:relative;flex:0 0 auto;min-height:100%}.stepper-item.direction-vertical:last-child .connector-wrap{min-height:auto}.connector{background-color:#afbbca;transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:#6e7787}.stepper-item.direction-horizontal .connector{height:2px;flex:1 1 auto;min-width:48px}.connector-placeholder{height:2px;flex:1 1 auto;min-width:48px;visibility:hidden}.stepper-item.direction-vertical .connector{width:2px;flex:1 1 auto;min-height:16px}.stepper-item.direction-vertical .connector-placeholder:first-child,.stepper-item.direction-vertical .connector:first-child{display:none}.stepper-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background-color:var(--item-background);border:2px solid var(--item-color);color:var(--item-color);font-weight:var(--bl-font-weight-medium);font-size:var(--bl-font-size-m);line-height:1;transition:.2s;flex-shrink:0;position:relative;z-index:2}.stepper-content{display:flex;flex-direction:column;gap:var(--bl-size-3xs);min-width:0;flex-shrink:0;margin-top:var(--bl-size-2xs);width:100%;text-align:center}.stepper-item.direction-vertical .stepper-content{margin-top:0;margin-left:var(--bl-size-xs);text-align:left;flex:1;padding-bottom:var(--bl-size-xl,24px);gap:0}.stepper-item.direction-vertical.type-dot .stepper-indicator{margin-top:2px}.stepper-title{font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);color:var(--text-color-default);line-height:1.5}.stepper-description{font-size:var(--bl-font-size-s);font-weight:var(--bl-font-weight-regular);color:var(--description-color-default);line-height:1.5}.step-dot{width:12px;height:12px;border-radius:50%;background-color:currentcolor;transition:.2s}.step-number{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:1}.step-icon{width:18px;height:18px;color:currentcolor;display:flex;align-items:center;justify-content:center}.stepper-item.variant-active .stepper-title{color:var(--text-color-active)}.stepper-item.variant-active .stepper-description{color:var(--description-color-active)}.stepper-item.variant-hover .stepper-title{color:var(--text-color-active)}.stepper-item.variant-hover .stepper-description{color:var(--description-color-active)}.stepper-item.variant-success .stepper-title{color:var(--success-color)}.stepper-item.variant-error .stepper-title{color:var(--error-color)}.stepper-item.disabled .stepper-indicator{border-color:var(--disabled-color);background-color:var(--item-background);color:var(--disabled-color)}.stepper-item.disabled .stepper-description,.stepper-item.disabled .stepper-title{color:var(--text-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-item.clickable.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable:hover .stepper-indicator{transform:scale(1.05)}.stepper-item.clickable:focus{outline:0}.stepper-item.clickable:focus-visible .stepper-indicator{outline:2px solid var(--bl-color-primary);outline-offset:2px}.stepper-item.type-dot .stepper-indicator{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;border:none!important;background-color:var(--item-color);padding:0!important;border-radius:50%}.stepper-item.type-dot .step-dot{display:none}.stepper-item.type-number .stepper-indicator{border:2px solid var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.type-icon .stepper-indicator{border:none;background-color:var(--item-color);color:var(--item-background)}.stepper-item.variant-default.type-dot .stepper-indicator{background-color:var(--item-color)}.stepper-item.variant-hover.type-dot .stepper-indicator{background-color:var(--hover-color)}.stepper-item.clickable.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.type-dot:hover .stepper-indicator{background-color:var(--hover-color)!important}.stepper-item.clickable.variant-success.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-success.type-dot:hover .stepper-indicator{background-color:var(--success-color)!important}.stepper-item.clickable.variant-error.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-error.type-dot:hover .stepper-indicator{background-color:var(--error-color)!important}.stepper-item.clickable.variant-active.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-active.type-dot:hover .stepper-indicator{background-color:var(--active-color)!important}.stepper-item.variant-active.type-dot .stepper-indicator{background-color:var(--active-color)}.stepper-item.variant-success.type-dot .stepper-indicator{background-color:var(--success-color)}.stepper-item.variant-error.type-dot .stepper-indicator{background-color:var(--error-color)}.stepper-item.variant-default.type-number .stepper-indicator{border-color:var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.variant-hover.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--item-background);color:var(--active-color)}.stepper-item.variant-active.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-number .stepper-indicator{border-color:var(--success-color);background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-number .stepper-indicator{border-color:var(--error-color);background-color:var(--error-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-default.type-icon .stepper-indicator{background-color:var(--item-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-active.type-icon .stepper-indicator,.stepper-item.variant-hover.type-icon .stepper-indicator{background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-icon .stepper-indicator{background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-icon .stepper-indicator{background-color:var(--error-color);color:var(--bl-color-neutral-full)}:host([dir=rtl]) .stepper-item.direction-horizontal{text-align:center}:host([dir=rtl]) .stepper-item.direction-vertical{text-align:right}@media (max-width:768px){.stepper-item{padding:var(--bl-size-3xs)}.stepper-content{gap:var(--bl-size-4xs)}.stepper-title{font:var(--bl-font-body-text-3)}.stepper-description{font-size:var(--bl-font-size-s)}}`,m=b;var t=class extends l{constructor(){super(...arguments);this.id="";this.variant="default";this._internalVariant="default";this.disabled=!1;this.icon="check";this.title="";this.description="";this.showLeadingConnector=!1;this.showTrailingConnector=!0;this.stepperType="dot";this.direction="horizontal";this.stepUsage="clickable"}static get styles(){return[m]}static get shadowRootOptions(){return{...l.shadowRootOptions,delegatesFocus:!0}}willUpdate(r){super.willUpdate(r),r.has("variant")&&(this._internalVariant=this.variant)}get isClickable(){return!this.disabled&&this.variant!=="error"&&this.stepUsage==="clickable"}get stepNumber(){let r=this.parentElement;return r?Array.from(r.children).filter(a=>a.tagName.toLowerCase()==="bl-stepper-item").indexOf(this)+1:1}get shouldShowIcon(){return this.stepperType==="icon"?!0:this.stepperType==="number"?this.variant==="success"||this.variant==="error":!1}get iconName(){return this.stepperType==="icon"?this.icon:this.variant==="success"?"check":this.variant==="error"?"close":"check"}handleClick(r){this.isClickable&&(r.preventDefault(),r.stopPropagation(),this.onItemClick(this.id))}handleKeyDown(r){this.isClickable&&(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this.onItemClick(this.id))}handleMouseEnter(){this.isClickable&&this.variant==="default"&&(this._internalVariant="hover",this.requestUpdate())}handleMouseLeave(){this._internalVariant==="hover"&&(this._internalVariant="default",this.requestUpdate())}render(){let r={"stepper-item":!0,[`variant-${this._internalVariant}`]:!0,[`type-${this.stepperType}`]:!0,[`direction-${this.direction}`]:!0,disabled:this.disabled,clickable:this.isClickable},n=e`
2
+ <div class="stepper-content">
3
+ ${this.title?e`<div class="stepper-title">${this.title}</div>`:""}
4
+ ${this.description?e`<div class="stepper-description">${this.description}</div>`:""}
5
+ </div>
6
+ `,a=this.variant==="success"||this.variant==="active"?"completed":"default",s=e`
7
+ <div class="connector-wrap">
8
+ ${this.direction==="horizontal"?e`
9
+ ${this.showLeadingConnector?e`<div class="connector connector-leading ${a}"></div>`:e`<div class="connector-placeholder"></div>`}
10
+ <div class="stepper-indicator">
11
+ ${this.shouldShowIcon?e`<bl-icon name="${this.iconName}" class="step-icon"></bl-icon>`:this.stepperType==="number"?e`<span class="step-number">${this.stepNumber}</span>`:""}
12
+ </div>
13
+ ${this.showTrailingConnector?e`<div class="connector connector-trailing ${a}"></div>`:e`<div class="connector-placeholder"></div>`}
14
+ `:e`
15
+ ${this.showLeadingConnector?e`<div class="connector connector-leading ${a}"></div>`:""}
16
+ <div class="stepper-indicator">
17
+ ${this.shouldShowIcon?e`<bl-icon name="${this.iconName}" class="step-icon"></bl-icon>`:this.stepperType==="number"?e`<span class="step-number">${this.stepNumber}</span>`:""}
18
+ </div>
19
+ ${this.showTrailingConnector?e`<div class="connector connector-trailing ${a}"></div>`:""}
20
+ `}
21
+ </div>
22
+ `;return e`
23
+ <div
24
+ class="${v(r)}"
25
+ role="button"
26
+ tabindex="${this.isClickable?"0":"-1"}"
27
+ aria-label="${u(this.title||`Step ${this.stepNumber}`)}"
28
+ aria-disabled="${this.disabled}"
29
+ @click="${this.handleClick}"
30
+ @keydown="${this.handleKeyDown}"
31
+ @mouseenter="${this.handleMouseEnter}"
32
+ @mouseleave="${this.handleMouseLeave}"
33
+ >
34
+ ${this.direction==="horizontal"?e` ${s} ${n} `:e` <div class="vertical-layout">${s} ${n}</div> `}
35
+ </div>
36
+ `}};i([o({type:String,reflect:!0})],t.prototype,"id",2),i([o({type:String,reflect:!0})],t.prototype,"variant",2),i([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([o({type:String})],t.prototype,"icon",2),i([o({type:String,reflect:!0})],t.prototype,"title",2),i([o({type:String,reflect:!0})],t.prototype,"description",2),i([c()],t.prototype,"showLeadingConnector",2),i([c()],t.prototype,"showTrailingConnector",2),i([c()],t.prototype,"stepperType",2),i([c()],t.prototype,"direction",2),i([c()],t.prototype,"stepUsage",2),i([h("bl-stepper-item-click")],t.prototype,"onItemClick",2),t=i([d("bl-stepper-item")],t);export{t as a};
37
+ //# sourceMappingURL=chunk-HCSEQTUP.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/components/stepper/bl-stepper-item.css", "../src/components/stepper/bl-stepper-item.ts"],
4
+ "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block;position:relative;flex:1}.stepper-item{--item-color:var(--bl-color-neutral-light);--item-background:var(--bl-color-neutral-full);--active-color:var(--bl-color-primary);--hover-color:var(--bl-color-primary-highlight);--success-color:var(--bl-color-success);--error-color:var(--bl-color-danger);--disabled-color:var(--bl-color-neutral-lighter);--text-color-active:var(--bl-color-primary);--text-color-default:var(--bl-color-neutral-light);--description-color-active:var(--bl-color-neutral-darker);--description-color-default:var(--bl-color-neutral-light);display:flex;align-items:flex-start;gap:0;position:relative;background-color:transparent;padding:0;transition:.2s;width:100%;height:100%}.stepper-item.direction-horizontal{flex-direction:column;align-items:center;text-align:center;min-width:0}.stepper-item.direction-vertical{flex-direction:row;align-items:flex-start;text-align:left;width:100%}.vertical-layout{display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%}.stepper-item.direction-horizontal .connector-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;position:relative;width:100%;flex:1 1 auto;min-width:0}.stepper-item.direction-vertical .connector-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;position:relative;flex:0 0 auto;min-height:100%}.stepper-item.direction-vertical:last-child .connector-wrap{min-height:auto}.connector{background-color:#afbbca;transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:#6e7787}.stepper-item.direction-horizontal .connector{height:2px;flex:1 1 auto;min-width:48px}.connector-placeholder{height:2px;flex:1 1 auto;min-width:48px;visibility:hidden}.stepper-item.direction-vertical .connector{width:2px;flex:1 1 auto;min-height:16px}.stepper-item.direction-vertical .connector-placeholder:first-child,.stepper-item.direction-vertical .connector:first-child{display:none}.stepper-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background-color:var(--item-background);border:2px solid var(--item-color);color:var(--item-color);font-weight:var(--bl-font-weight-medium);font-size:var(--bl-font-size-m);line-height:1;transition:.2s;flex-shrink:0;position:relative;z-index:2}.stepper-content{display:flex;flex-direction:column;gap:var(--bl-size-3xs);min-width:0;flex-shrink:0;margin-top:var(--bl-size-2xs);width:100%;text-align:center}.stepper-item.direction-vertical .stepper-content{margin-top:0;margin-left:var(--bl-size-xs);text-align:left;flex:1;padding-bottom:var(--bl-size-xl,24px);gap:0}.stepper-item.direction-vertical.type-dot .stepper-indicator{margin-top:2px}.stepper-title{font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);color:var(--text-color-default);line-height:1.5}.stepper-description{font-size:var(--bl-font-size-s);font-weight:var(--bl-font-weight-regular);color:var(--description-color-default);line-height:1.5}.step-dot{width:12px;height:12px;border-radius:50%;background-color:currentcolor;transition:.2s}.step-number{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:1}.step-icon{width:18px;height:18px;color:currentcolor;display:flex;align-items:center;justify-content:center}.stepper-item.variant-active .stepper-title{color:var(--text-color-active)}.stepper-item.variant-active .stepper-description{color:var(--description-color-active)}.stepper-item.variant-hover .stepper-title{color:var(--text-color-active)}.stepper-item.variant-hover .stepper-description{color:var(--description-color-active)}.stepper-item.variant-success .stepper-title{color:var(--success-color)}.stepper-item.variant-error .stepper-title{color:var(--error-color)}.stepper-item.disabled .stepper-indicator{border-color:var(--disabled-color);background-color:var(--item-background);color:var(--disabled-color)}.stepper-item.disabled .stepper-description,.stepper-item.disabled .stepper-title{color:var(--text-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-item.clickable.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable:hover .stepper-indicator{transform:scale(1.05)}.stepper-item.clickable:focus{outline:0}.stepper-item.clickable:focus-visible .stepper-indicator{outline:2px solid var(--bl-color-primary);outline-offset:2px}.stepper-item.type-dot .stepper-indicator{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;border:none!important;background-color:var(--item-color);padding:0!important;border-radius:50%}.stepper-item.type-dot .step-dot{display:none}.stepper-item.type-number .stepper-indicator{border:2px solid var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.type-icon .stepper-indicator{border:none;background-color:var(--item-color);color:var(--item-background)}.stepper-item.variant-default.type-dot .stepper-indicator{background-color:var(--item-color)}.stepper-item.variant-hover.type-dot .stepper-indicator{background-color:var(--hover-color)}.stepper-item.clickable.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.type-dot:hover .stepper-indicator{background-color:var(--hover-color)!important}.stepper-item.clickable.variant-success.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-success.type-dot:hover .stepper-indicator{background-color:var(--success-color)!important}.stepper-item.clickable.variant-error.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-error.type-dot:hover .stepper-indicator{background-color:var(--error-color)!important}.stepper-item.clickable.variant-active.type-dot.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__ .stepper-indicator,.stepper-item.clickable.variant-active.type-dot:hover .stepper-indicator{background-color:var(--active-color)!important}.stepper-item.variant-active.type-dot .stepper-indicator{background-color:var(--active-color)}.stepper-item.variant-success.type-dot .stepper-indicator{background-color:var(--success-color)}.stepper-item.variant-error.type-dot .stepper-indicator{background-color:var(--error-color)}.stepper-item.variant-default.type-number .stepper-indicator{border-color:var(--item-color);background-color:var(--item-background);color:var(--item-color)}.stepper-item.variant-hover.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--item-background);color:var(--active-color)}.stepper-item.variant-active.type-number .stepper-indicator{border-color:var(--active-color);background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-number .stepper-indicator{border-color:var(--success-color);background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-number .stepper-indicator{border-color:var(--error-color);background-color:var(--error-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-default.type-icon .stepper-indicator{background-color:var(--item-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-active.type-icon .stepper-indicator,.stepper-item.variant-hover.type-icon .stepper-indicator{background-color:var(--active-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-success.type-icon .stepper-indicator{background-color:var(--success-color);color:var(--bl-color-neutral-full)}.stepper-item.variant-error.type-icon .stepper-indicator{background-color:var(--error-color);color:var(--bl-color-neutral-full)}:host([dir=rtl]) .stepper-item.direction-horizontal{text-align:center}:host([dir=rtl]) .stepper-item.direction-vertical{text-align:right}@media (max-width:768px){.stepper-item{padding:var(--bl-size-3xs)}.stepper-content{gap:var(--bl-size-4xs)}.stepper-title{font:var(--bl-font-body-text-3)}.stepper-description{font-size:var(--bl-font-size-s)}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, state } 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 \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-stepper-item.css\";\n\nexport type StepperItemVariant = \"default\" | \"active\" | \"success\" | \"error\";\ntype InternalStepperItemVariant = StepperItemVariant | \"hover\";\nexport type StepperType = \"dot\" | \"number\" | \"icon\";\nexport type StepperDirection = \"horizontal\" | \"vertical\";\n\n/**\n * @tag bl-stepper-item\n * @summary Baklava Stepper Item component for individual steps in a stepper\n *\n * @slot default - Step content (title and description)\n */\n\n@customElement(\"bl-stepper-item\")\nexport default class BlStepperItem extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * @internal\n */\n static get shadowRootOptions() {\n return { ...LitElement.shadowRootOptions, delegatesFocus: true };\n }\n\n /**\n * Defines stepper item's id\n */\n @property({ type: String, reflect: true })\n id: string = \"\";\n\n /**\n * Defines stepper item's status\n */\n @property({ type: String, reflect: true })\n variant: StepperItemVariant = \"default\";\n\n /**\n * Internal variant state that includes hover\n * @internal\n */\n private _internalVariant: InternalStepperItemVariant = \"default\";\n\n /**\n * Defines stepper item's interaction\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * If stepper type is icon, it should be rendered on stepper items\n */\n @property({ type: String })\n icon: BaklavaIcon = \"check\";\n\n /**\n * Defines stepper item's main title\n */\n @property({ type: String, reflect: true })\n title = \"\";\n\n /**\n * Defines stepper item's description\n */\n @property({ type: String, reflect: true })\n description = \"\";\n\n /**\n * Internal state to show leading connector (line before the step)\n * @internal\n */\n @state()\n showLeadingConnector = false;\n\n /**\n * Internal state to show trailing connector (line after the step)\n * @internal\n */\n @state()\n showTrailingConnector = true;\n\n /**\n * Internal state to track stepper type from parent\n * @internal\n */\n @state()\n stepperType: StepperType = \"dot\";\n\n /**\n * Internal state to track stepper direction from parent\n * @internal\n */\n @state()\n direction: StepperDirection = \"horizontal\";\n\n /**\n * Internal state to track stepper usage from parent\n * @internal\n */\n @state()\n stepUsage: \"clickable\" | \"non-clickable\" = \"clickable\";\n\n /**\n * Fires when stepper item is clicked\n */\n @event(\"bl-stepper-item-click\") private onItemClick: EventDispatcher<string>;\n\n willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n super.willUpdate(changedProperties);\n\n // Sync internal variant with public variant\n if (changedProperties.has(\"variant\")) {\n this._internalVariant = this.variant;\n }\n }\n\n private get isClickable(): boolean {\n return !this.disabled && this.variant !== \"error\" && this.stepUsage === \"clickable\";\n }\n\n /**\n * @internal\n */\n get stepNumber(): number {\n const parent = this.parentElement;\n\n if (!parent) return 1;\n\n const items = Array.from(parent.children).filter(\n child => child.tagName.toLowerCase() === \"bl-stepper-item\"\n );\n\n return items.indexOf(this) + 1;\n }\n\n /**\n * @internal\n */\n get shouldShowIcon(): boolean {\n if (this.stepperType === \"icon\") {\n return true;\n }\n if (this.stepperType === \"number\") {\n return this.variant === \"success\" || this.variant === \"error\";\n }\n return false;\n }\n\n /**\n * @internal\n */\n get iconName(): BaklavaIcon {\n if (this.stepperType === \"icon\") {\n return this.icon;\n }\n if (this.variant === \"success\") {\n return \"check\";\n }\n if (this.variant === \"error\") {\n return \"close\";\n }\n return \"check\";\n }\n\n private handleClick(event: Event) {\n if (!this.isClickable) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n this.onItemClick(this.id);\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (!this.isClickable) {\n return;\n }\n\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n this.onItemClick(this.id);\n }\n }\n\n private handleMouseEnter() {\n if (this.isClickable && this.variant === \"default\") {\n this._internalVariant = \"hover\";\n this.requestUpdate();\n }\n }\n\n private handleMouseLeave() {\n if (this._internalVariant === \"hover\") {\n this._internalVariant = \"default\";\n this.requestUpdate();\n }\n }\n\n render(): TemplateResult {\n const classes = {\n \"stepper-item\": true,\n [`variant-${this._internalVariant}`]: true,\n [`type-${this.stepperType}`]: true,\n [`direction-${this.direction}`]: true,\n disabled: this.disabled,\n clickable: this.isClickable,\n };\n\n const content = html`\n <div class=\"stepper-content\">\n ${this.title ? html`<div class=\"stepper-title\">${this.title}</div>` : \"\"}\n ${this.description ? html`<div class=\"stepper-description\">${this.description}</div>` : \"\"}\n </div>\n `;\n\n const connectorState =\n this.variant === \"success\" || this.variant === \"active\" ? \"completed\" : \"default\";\n\n const stepIndicator = html`\n <div class=\"connector-wrap\">\n ${this.direction === \"horizontal\"\n ? html`\n ${this.showLeadingConnector\n ? html`<div class=\"connector connector-leading ${connectorState}\"></div>`\n : html`<div class=\"connector-placeholder\"></div>`}\n <div class=\"stepper-indicator\">\n ${this.shouldShowIcon\n ? html`<bl-icon name=\"${this.iconName}\" class=\"step-icon\"></bl-icon>`\n : this.stepperType === \"number\"\n ? html`<span class=\"step-number\">${this.stepNumber}</span>`\n : \"\"}\n </div>\n ${this.showTrailingConnector\n ? html`<div class=\"connector connector-trailing ${connectorState}\"></div>`\n : html`<div class=\"connector-placeholder\"></div>`}\n `\n : html`\n ${this.showLeadingConnector\n ? html`<div class=\"connector connector-leading ${connectorState}\"></div>`\n : \"\"}\n <div class=\"stepper-indicator\">\n ${this.shouldShowIcon\n ? html`<bl-icon name=\"${this.iconName}\" class=\"step-icon\"></bl-icon>`\n : this.stepperType === \"number\"\n ? html`<span class=\"step-number\">${this.stepNumber}</span>`\n : \"\"}\n </div>\n ${this.showTrailingConnector\n ? html`<div class=\"connector connector-trailing ${connectorState}\"></div>`\n : \"\"}\n `}\n </div>\n `;\n\n return html`\n <div\n class=\"${classMap(classes)}\"\n role=\"button\"\n tabindex=\"${this.isClickable ? \"0\" : \"-1\"}\"\n aria-label=\"${ifDefined(this.title || `Step ${this.stepNumber}`)}\"\n aria-disabled=\"${this.disabled}\"\n @click=\"${this.handleClick}\"\n @keydown=\"${this.handleKeyDown}\"\n @mouseenter=\"${this.handleMouseEnter}\"\n @mouseleave=\"${this.handleMouseLeave}\"\n >\n ${this.direction === \"horizontal\"\n ? html` ${stepIndicator} ${content} `\n : html` <div class=\"vertical-layout\">${stepIndicator} ${content}</div> `}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-stepper-item\": BlStepperItem;\n }\n}\n"],
5
+ "mappings": "uQACO,IAAMA,EAASC,y8PACfC,EAAQF,ECoBf,IAAqBG,EAArB,cAA2CC,CAAW,CAAtD,kCAgBE,QAAa,GAMb,aAA8B,UAM9B,KAAQ,iBAA+C,UAMvD,cAAW,GAMX,UAAoB,QAMpB,WAAQ,GAMR,iBAAc,GAOd,0BAAuB,GAOvB,2BAAwB,GAOxB,iBAA2B,MAO3B,eAA8B,aAO9B,eAA2C,YAtF3C,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAKA,WAAW,mBAAoB,CAC7B,MAAO,CAAE,GAAGD,EAAW,kBAAmB,eAAgB,EAAK,CACjE,CAoFA,WAAWE,EAA2D,CACpE,MAAM,WAAWA,CAAiB,EAG9BA,EAAkB,IAAI,SAAS,IACjC,KAAK,iBAAmB,KAAK,QAEjC,CAEA,IAAY,aAAuB,CACjC,MAAO,CAAC,KAAK,UAAY,KAAK,UAAY,SAAW,KAAK,YAAc,WAC1E,CAKA,IAAI,YAAqB,CACvB,IAAMC,EAAS,KAAK,cAEpB,OAAKA,EAES,MAAM,KAAKA,EAAO,QAAQ,EAAE,OACxCC,GAASA,EAAM,QAAQ,YAAY,IAAM,iBAC3C,EAEa,QAAQ,IAAI,EAAI,EANT,CAOtB,CAKA,IAAI,gBAA0B,CAC5B,OAAI,KAAK,cAAgB,OAChB,GAEL,KAAK,cAAgB,SAChB,KAAK,UAAY,WAAa,KAAK,UAAY,QAEjD,EACT,CAKA,IAAI,UAAwB,CAC1B,OAAI,KAAK,cAAgB,OAChB,KAAK,KAEV,KAAK,UAAY,UACZ,QAEL,KAAK,UAAY,QACZ,QAEF,OACT,CAEQ,YAAYC,EAAc,CAC3B,KAAK,cAIVA,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtB,KAAK,YAAY,KAAK,EAAE,EAC1B,CAEQ,cAAcA,EAAsB,CACrC,KAAK,cAINA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACzCA,EAAM,eAAe,EACrB,KAAK,YAAY,KAAK,EAAE,EAE5B,CAEQ,kBAAmB,CACrB,KAAK,aAAe,KAAK,UAAY,YACvC,KAAK,iBAAmB,QACxB,KAAK,cAAc,EAEvB,CAEQ,kBAAmB,CACrB,KAAK,mBAAqB,UAC5B,KAAK,iBAAmB,UACxB,KAAK,cAAc,EAEvB,CAEA,QAAyB,CACvB,IAAMC,EAAU,CACd,eAAgB,GAChB,CAAC,WAAW,KAAK,kBAAkB,EAAG,GACtC,CAAC,QAAQ,KAAK,aAAa,EAAG,GAC9B,CAAC,aAAa,KAAK,WAAW,EAAG,GACjC,SAAU,KAAK,SACf,UAAW,KAAK,WAClB,EAEMC,EAAUC;AAAA;AAAA,UAEV,KAAK,MAAQA,+BAAkC,KAAK,cAAgB;AAAA,UACpE,KAAK,YAAcA,qCAAwC,KAAK,oBAAsB;AAAA;AAAA,MAItFC,EACJ,KAAK,UAAY,WAAa,KAAK,UAAY,SAAW,YAAc,UAEpEC,EAAgBF;AAAA;AAAA,UAEhB,KAAK,YAAc,aACjBA;AAAA,gBACI,KAAK,qBACHA,4CAA+CC,YAC/CD;AAAA;AAAA,kBAEA,KAAK,eACHA,mBAAsB,KAAK,yCAC3B,KAAK,cAAgB,SACrBA,8BAAiC,KAAK,oBACtC;AAAA;AAAA,gBAEJ,KAAK,sBACHA,6CAAgDC,YAChDD;AAAA,cAENA;AAAA,gBACI,KAAK,qBACHA,4CAA+CC,YAC/C;AAAA;AAAA,kBAEA,KAAK,eACHD,mBAAsB,KAAK,yCAC3B,KAAK,cAAgB,SACrBA,8BAAiC,KAAK,oBACtC;AAAA;AAAA,gBAEJ,KAAK,sBACHA,6CAAgDC,YAChD;AAAA;AAAA;AAAA,MAKd,OAAOD;AAAA;AAAA,iBAEMG,EAASL,CAAO;AAAA;AAAA,oBAEb,KAAK,YAAc,IAAM;AAAA,sBACvBM,EAAU,KAAK,OAAS,QAAQ,KAAK,YAAY;AAAA,yBAC9C,KAAK;AAAA,kBACZ,KAAK;AAAA,oBACH,KAAK;AAAA,uBACF,KAAK;AAAA,uBACL,KAAK;AAAA;AAAA,UAElB,KAAK,YAAc,aACjBJ,KAAQE,KAAiBH,KACzBC,kCAAqCE,KAAiBH;AAAA;AAAA,KAGhE,CACF,EApPEM,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAftBf,EAgBnB,kBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GArBtBf,EAsBnB,uBAYAc,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjCvBf,EAkCnB,wBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAvCPf,EAwCnB,oBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA7CtBf,EA8CnB,qBAMAc,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAnDtBf,EAoDnB,2BAOAc,EAAA,CADCE,EAAM,GA1DYhB,EA2DnB,oCAOAc,EAAA,CADCE,EAAM,GAjEYhB,EAkEnB,qCAOAc,EAAA,CADCE,EAAM,GAxEYhB,EAyEnB,2BAOAc,EAAA,CADCE,EAAM,GA/EYhB,EAgFnB,yBAOAc,EAAA,CADCE,EAAM,GAtFYhB,EAuFnB,yBAKwCc,EAAA,CAAvCR,EAAM,uBAAuB,GA5FXN,EA4FqB,2BA5FrBA,EAArBc,EAAA,CADCC,EAAc,iBAAiB,GACXf",
6
+ "names": ["styles", "i", "bl_stepper_item_default", "BlStepperItem", "s", "bl_stepper_item_default", "changedProperties", "parent", "child", "event", "classes", "content", "x", "connectorState", "stepIndicator", "o", "l", "__decorateClass", "e", "t"]
7
+ }
@@ -1,4 +1,4 @@
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
1
+ import{a as m}from"./chunk-5QGKDF4O.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-QKUMEP5P.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-2EK4TAKQ.js.map
16
+ //# sourceMappingURL=chunk-JTNWYMYZ.js.map
@@ -1,4 +1,4 @@
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
1
+ import{a as b}from"./chunk-5QGKDF4O.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-QKUMEP5P.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-TKTRDALH.js.map
11
+ //# sourceMappingURL=chunk-LZ6VDMPM.js.map