@trendyol/baklava 3.4.0-beta.2 → 3.4.0-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/baklava-react.d.ts +262 -307
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava-svelte.d.ts +807 -0
- package/dist/baklava-vue.d.ts +26 -24
- package/dist/baklava.d.ts +22 -18
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-SBCJY5IU.js → chunk-23AVKNCC.js} +2 -2
- package/dist/chunk-3IZAFXL6.js +59 -0
- package/dist/chunk-3IZAFXL6.js.map +7 -0
- package/dist/{chunk-5TPDRTCU.js → chunk-3MLXIDOD.js} +2 -2
- package/dist/{chunk-BH64QNLE.js → chunk-3OQA4BKQ.js} +2 -2
- package/dist/chunk-5NSAJ3SX.js +23 -0
- package/dist/chunk-5NSAJ3SX.js.map +7 -0
- package/dist/{chunk-5EAI6722.js → chunk-5QGKDF4O.js} +2 -2
- package/dist/{chunk-MWFGDECP.js → chunk-6XM52E7W.js} +2 -2
- package/dist/{chunk-GISZRI4I.js → chunk-7HEDOM2M.js} +2 -2
- package/dist/chunk-7N7YHRPA.js +22 -0
- package/dist/chunk-7N7YHRPA.js.map +7 -0
- package/dist/{chunk-DE3A37FL.js → chunk-BCRV6HG6.js} +2 -2
- package/dist/chunk-BDTCJ2JC.js +16 -0
- package/dist/chunk-BDTCJ2JC.js.map +7 -0
- package/dist/chunk-BWWXE4SL.js +2 -0
- package/dist/{chunk-RQOF4US5.js → chunk-C2UDBDKV.js} +7 -5
- package/dist/chunk-C2UDBDKV.js.map +7 -0
- package/dist/{chunk-J5YZ4HBV.js → chunk-DPKNQOJX.js} +2 -2
- package/dist/chunk-FANRUDPK.js +5 -0
- package/dist/chunk-FANRUDPK.js.map +7 -0
- package/dist/{chunk-P5TOP3NH.js → chunk-FCOVZEHC.js} +2 -2
- package/dist/{chunk-IKYI4JCF.js → chunk-FS3MTRC3.js} +2 -2
- package/dist/{chunk-MWG4TBH7.js → chunk-GBJ4SP2Y.js} +2 -2
- package/dist/chunk-GBJ4SP2Y.js.map +7 -0
- package/dist/{chunk-ZLJF4SVG.js → chunk-HD7EU6S5.js} +2 -2
- package/dist/chunk-IEFQ6PGY.js +80 -0
- package/dist/chunk-IEFQ6PGY.js.map +7 -0
- package/dist/chunk-IR2QY2VG.js +24 -0
- package/dist/chunk-IR2QY2VG.js.map +7 -0
- package/dist/chunk-JN5BKKQZ.js +14 -0
- package/dist/chunk-JN5BKKQZ.js.map +7 -0
- package/dist/{chunk-EZJ3WW6Y.js → chunk-JTNWYMYZ.js} +2 -2
- package/dist/{chunk-2IJL7HNY.js → chunk-KYLWO3YR.js} +33 -21
- package/dist/chunk-KYLWO3YR.js.map +7 -0
- package/dist/{chunk-ERL6CBPO.js → chunk-LCAPXVGE.js} +2 -2
- package/dist/{chunk-NXVLNG4L.js → chunk-LIUATY6B.js} +2 -2
- package/dist/{chunk-JC4VETUE.js → chunk-LZ6VDMPM.js} +2 -2
- package/dist/chunk-M4E4CVZ4.js +18 -0
- package/dist/{chunk-HSVSMABT.js.map → chunk-M4E4CVZ4.js.map} +2 -2
- package/dist/{chunk-4UO3W4WP.js → chunk-NM74WWXQ.js} +2 -2
- package/dist/{chunk-4BLKAURK.js → chunk-NW7MDZJB.js} +2 -2
- package/dist/{chunk-ZE7GYACV.js → chunk-OYHUG47P.js} +2 -2
- package/dist/{chunk-H4WETBHJ.js → chunk-P4S537UY.js} +2 -2
- package/dist/{chunk-UOGCEUXK.js → chunk-RCHKJINV.js} +2 -2
- package/dist/{chunk-STZJ3LBU.js → chunk-UF5VCR36.js} +2 -2
- package/dist/{chunk-T5MEA7JO.js → chunk-UGRBWOQE.js} +2 -2
- package/dist/{chunk-QDYWH7BU.js → chunk-UK2ZEQBN.js} +2 -2
- package/dist/{chunk-QKII4FCI.js → chunk-UV7BOOVA.js} +2 -2
- package/dist/{chunk-QF4LGACD.js → chunk-WZBUJ4ER.js} +2 -2
- package/dist/chunk-XCSIJWLQ.js +2 -0
- package/dist/{chunk-DNSU2ZXO.js.map → chunk-XCSIJWLQ.js.map} +2 -2
- package/dist/{chunk-WPESQSKX.js → chunk-YH3MSMXL.js} +2 -2
- package/dist/{chunk-G4DOH6BQ.js → chunk-Z2AZS34W.js} +2 -2
- package/dist/chunk-Z5ZIVLUH.js +37 -0
- package/dist/chunk-Z5ZIVLUH.js.map +7 -0
- package/dist/components/accordion-group/accordion/bl-accordion.d.ts +1 -0
- package/dist/components/accordion-group/accordion/bl-accordion.d.ts.map +1 -1
- package/dist/components/accordion-group/accordion/bl-accordion.js +1 -1
- package/dist/components/accordion-group/bl-accordion-group.js +1 -1
- package/dist/components/accordion-group/bl-accordion-group.test.d.ts.map +1 -1
- package/dist/components/alert/bl-alert.js +1 -1
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/calendar/bl-calendar.constant.js +1 -1
- package/dist/components/calendar/bl-calendar.d.ts +11 -6
- package/dist/components/calendar/bl-calendar.d.ts.map +1 -1
- package/dist/components/calendar/bl-calendar.js +1 -1
- package/dist/components/calendar/bl-calendar.test.d.ts.map +1 -1
- package/dist/components/checkbox-group/bl-checkbox-group.js +1 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.js +1 -1
- package/dist/components/datepicker/bl-datepicker.d.ts +5 -0
- package/dist/components/datepicker/bl-datepicker.d.ts.map +1 -1
- package/dist/components/datepicker/bl-datepicker.js +1 -1
- package/dist/components/dialog/bl-dialog.js +1 -1
- package/dist/components/dialog/bl-dialog.stories.js +1 -1
- package/dist/components/drawer/bl-drawer.js +1 -1
- package/dist/components/dropdown/bl-dropdown.js +1 -1
- package/dist/components/dropdown/group/bl-dropdown-group.js +1 -1
- package/dist/components/dropdown/item/bl-dropdown-item.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/icon/icon-list.js +1 -1
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/link/bl-link.d.ts +77 -0
- package/dist/components/link/bl-link.d.ts.map +1 -0
- package/dist/components/link/bl-link.js +2 -0
- package/dist/components/link/bl-link.js.map +7 -0
- package/dist/components/link/bl-link.stories.d.ts +31 -0
- package/dist/components/link/bl-link.stories.d.ts.map +1 -0
- package/dist/components/link/bl-link.stories.js +63 -0
- package/dist/components/link/bl-link.stories.js.map +7 -0
- package/dist/components/link/bl-link.test.d.ts +2 -0
- package/dist/components/link/bl-link.test.d.ts.map +1 -0
- package/dist/components/notification/bl-notification.js +1 -1
- package/dist/components/notification/bl-notification.stories.d.ts.map +1 -1
- package/dist/components/notification/bl-notification.stories.js +20 -8
- package/dist/components/notification/bl-notification.stories.js.map +2 -2
- package/dist/components/notification/card/bl-notification-card.js +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/popover/bl-popover.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/radio-group/bl-radio-group.js +1 -1
- package/dist/components/radio-group/radio/bl-radio.js +1 -1
- package/dist/components/select/bl-select.d.ts +1 -0
- package/dist/components/select/bl-select.d.ts.map +1 -1
- package/dist/components/select/bl-select.js +1 -1
- package/dist/components/select/option/bl-select-option.d.ts +5 -0
- package/dist/components/select/option/bl-select-option.d.ts.map +1 -1
- package/dist/components/select/option/bl-select-option.js +1 -1
- package/dist/components/spinner/bl-spinner.js +1 -1
- package/dist/components/split-button/bl-split-button.js +1 -1
- package/dist/components/stepper/bl-stepper-item.d.ts +107 -0
- package/dist/components/stepper/bl-stepper-item.d.ts.map +1 -0
- package/dist/components/stepper/bl-stepper-item.js +2 -0
- package/dist/components/stepper/bl-stepper-item.js.map +7 -0
- package/dist/components/stepper/bl-stepper-item.test.d.ts +2 -0
- package/dist/components/stepper/bl-stepper-item.test.d.ts.map +1 -0
- package/dist/components/stepper/bl-stepper.d.ts +46 -0
- package/dist/components/stepper/bl-stepper.d.ts.map +1 -0
- package/dist/components/stepper/bl-stepper.js +2 -0
- package/dist/components/stepper/bl-stepper.js.map +7 -0
- package/dist/components/stepper/bl-stepper.stories.d.ts +23 -0
- package/dist/components/stepper/bl-stepper.stories.d.ts.map +1 -0
- package/dist/components/stepper/bl-stepper.stories.js +100 -0
- package/dist/components/stepper/bl-stepper.stories.js.map +7 -0
- package/dist/components/stepper/bl-stepper.test.d.ts +2 -0
- package/dist/components/stepper/bl-stepper.test.d.ts.map +1 -0
- package/dist/components/switch/bl-switch.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/tab-group/tab/bl-tab.js +1 -1
- package/dist/components/tab-group/tab-panel/bl-tab-panel.js +1 -1
- package/dist/components/table/bl-table.js +1 -1
- package/dist/components/table/table-body/bl-table-body.d.ts +5 -1
- package/dist/components/table/table-body/bl-table-body.d.ts.map +1 -1
- package/dist/components/table/table-body/bl-table-body.js +1 -1
- package/dist/components/table/table-cell/bl-table-cell.js +1 -1
- package/dist/components/table/table-header/bl-table-header.js +1 -1
- package/dist/components/table/table-header-cell/bl-table-header-cell.js +1 -1
- package/dist/components/table/table-row/bl-table-row.js +1 -1
- package/dist/components/tag/bl-tag.js +1 -1
- package/dist/components/textarea/bl-textarea.js +1 -1
- package/dist/components/tooltip/bl-tooltip.js +1 -1
- package/dist/custom-elements.json +10157 -2901
- package/dist/generated/locale-codes.d.ts +2 -2
- package/dist/generated/locale-codes.d.ts.map +1 -1
- package/dist/generated/locale-codes.js +1 -1
- package/dist/generated/locales/ar.d.ts +14 -0
- package/dist/generated/locales/ar.d.ts.map +1 -0
- package/dist/generated/locales/ar.js +2 -0
- package/dist/generated/locales/ar.js.map +7 -0
- package/dist/generated/locales/ro.d.ts +14 -0
- package/dist/generated/locales/ro.d.ts.map +1 -0
- package/dist/generated/locales/ro.js +2 -0
- package/dist/generated/locales/ro.js.map +7 -0
- package/dist/generated/locales/tr.d.ts +4 -0
- package/dist/generated/locales/tr.d.ts.map +1 -1
- package/dist/generated/locales/tr.js +1 -1
- package/dist/generated/locales/tr.js.map +4 -4
- package/dist/localization.d.ts +2 -1
- package/dist/localization.d.ts.map +1 -1
- package/dist/localization.js +1 -1
- package/dist/localization.js.map +3 -3
- package/dist/mixins/datepicker-calendar-mixin/datepicker-calendar-mixin.d.ts +4 -0
- package/dist/mixins/datepicker-calendar-mixin/datepicker-calendar-mixin.d.ts.map +1 -1
- package/dist/themes/dark.css +2 -0
- package/dist/themes/dark.css.map +7 -0
- package/dist/themes/default.css +1 -1
- package/dist/themes/default.css.map +2 -2
- package/dist/utilities/format-to-date-array.d.ts +1 -1
- package/dist/utilities/format-to-date-array.d.ts.map +1 -1
- package/package.json +5 -6
- package/dist/chunk-2IJL7HNY.js.map +0 -7
- package/dist/chunk-7F6RR2JV.js +0 -2
- package/dist/chunk-7F6RR2JV.js.map +0 -7
- package/dist/chunk-APLBTZ36.js +0 -24
- package/dist/chunk-APLBTZ36.js.map +0 -7
- package/dist/chunk-DNSU2ZXO.js +0 -2
- package/dist/chunk-HSVSMABT.js +0 -7
- package/dist/chunk-HYBPEELZ.js +0 -5
- package/dist/chunk-HYBPEELZ.js.map +0 -7
- package/dist/chunk-IZ2LK5GK.js +0 -2
- package/dist/chunk-MWG4TBH7.js.map +0 -7
- package/dist/chunk-OTAAXK2L.js +0 -84
- package/dist/chunk-OTAAXK2L.js.map +0 -7
- package/dist/chunk-RER7OLAQ.js +0 -22
- package/dist/chunk-RER7OLAQ.js.map +0 -7
- package/dist/chunk-RQOF4US5.js.map +0 -7
- package/dist/chunk-WC5CTIZH.js +0 -59
- package/dist/chunk-WC5CTIZH.js.map +0 -7
- package/dist/chunk-Y2Q465TD.js +0 -2
- package/dist/chunk-Y2Q465TD.js.map +0 -7
- /package/dist/{chunk-SBCJY5IU.js.map → chunk-23AVKNCC.js.map} +0 -0
- /package/dist/{chunk-5TPDRTCU.js.map → chunk-3MLXIDOD.js.map} +0 -0
- /package/dist/{chunk-BH64QNLE.js.map → chunk-3OQA4BKQ.js.map} +0 -0
- /package/dist/{chunk-5EAI6722.js.map → chunk-5QGKDF4O.js.map} +0 -0
- /package/dist/{chunk-MWFGDECP.js.map → chunk-6XM52E7W.js.map} +0 -0
- /package/dist/{chunk-GISZRI4I.js.map → chunk-7HEDOM2M.js.map} +0 -0
- /package/dist/{chunk-DE3A37FL.js.map → chunk-BCRV6HG6.js.map} +0 -0
- /package/dist/{chunk-IZ2LK5GK.js.map → chunk-BWWXE4SL.js.map} +0 -0
- /package/dist/{chunk-J5YZ4HBV.js.map → chunk-DPKNQOJX.js.map} +0 -0
- /package/dist/{chunk-P5TOP3NH.js.map → chunk-FCOVZEHC.js.map} +0 -0
- /package/dist/{chunk-IKYI4JCF.js.map → chunk-FS3MTRC3.js.map} +0 -0
- /package/dist/{chunk-ZLJF4SVG.js.map → chunk-HD7EU6S5.js.map} +0 -0
- /package/dist/{chunk-EZJ3WW6Y.js.map → chunk-JTNWYMYZ.js.map} +0 -0
- /package/dist/{chunk-ERL6CBPO.js.map → chunk-LCAPXVGE.js.map} +0 -0
- /package/dist/{chunk-NXVLNG4L.js.map → chunk-LIUATY6B.js.map} +0 -0
- /package/dist/{chunk-JC4VETUE.js.map → chunk-LZ6VDMPM.js.map} +0 -0
- /package/dist/{chunk-4UO3W4WP.js.map → chunk-NM74WWXQ.js.map} +0 -0
- /package/dist/{chunk-4BLKAURK.js.map → chunk-NW7MDZJB.js.map} +0 -0
- /package/dist/{chunk-ZE7GYACV.js.map → chunk-OYHUG47P.js.map} +0 -0
- /package/dist/{chunk-H4WETBHJ.js.map → chunk-P4S537UY.js.map} +0 -0
- /package/dist/{chunk-UOGCEUXK.js.map → chunk-RCHKJINV.js.map} +0 -0
- /package/dist/{chunk-STZJ3LBU.js.map → chunk-UF5VCR36.js.map} +0 -0
- /package/dist/{chunk-T5MEA7JO.js.map → chunk-UGRBWOQE.js.map} +0 -0
- /package/dist/{chunk-QDYWH7BU.js.map → chunk-UK2ZEQBN.js.map} +0 -0
- /package/dist/{chunk-QKII4FCI.js.map → chunk-UV7BOOVA.js.map} +0 -0
- /package/dist/{chunk-QF4LGACD.js.map → chunk-WZBUJ4ER.js.map} +0 -0
- /package/dist/{chunk-WPESQSKX.js.map → chunk-YH3MSMXL.js.map} +0 -0
- /package/dist/{chunk-G4DOH6BQ.js.map → chunk-Z2AZS34W.js.map} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as f}from"./chunk-6LT7O7T2.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as y}from"./chunk-GRL4DWKG.js";import{a as v,b as e,c as m,e as g}from"./chunk-5MOOXA2X.js";import{a as u,b as a,f as p}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-
|
|
1
|
+
import{a as f}from"./chunk-6LT7O7T2.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as y}from"./chunk-GRL4DWKG.js";import{a as v,b as e,c as m,e as g}from"./chunk-5MOOXA2X.js";import{a as u,b as a,f as p}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var _=l=>{if(!(!l.noValidate&&!l.reportValidity())){let b=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});l.dispatchEvent(b),b.defaultPrevented||l.submit()}};var z=u`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-highlight);--text-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify,center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);min-width:var(--height);border:solid 1px var(--border-color);border-radius:var(--bl-border-radius-m);text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button,:host(:hover) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size=small]) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size=large]) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}.button:focus-visible{position:relative;outline:0}.button:focus-visible::after{border:2px solid var(--bl-button-focus-border-color,var(--main-color));border-radius:var(--bl-border-radius-l);content:"";position:absolute;inset:-4px}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([loading]) ::slotted(bl-icon){display:none}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant=secondary]) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant=tertiary]) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind=neutral]) .button{--main-color:var(--bl-color-neutral-darker);--main-hover-color:var(--bl-color-neutral-darkest)}:host([kind=success]) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-highlight)}:host([kind=danger]) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-highlight)}:host([disabled]){cursor:not-allowed}:host([loading]){cursor:wait}:host .button[aria-disabled=true]{--main-color:var(--bl-color-neutral-lightest);--main-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-lighter);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant=tertiary]) .button[aria-disabled=true]{--main-color:transparent}:host([variant=secondary].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled=false],:host([variant=secondary]:hover) .button[aria-disabled=false]{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant=tertiary].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled=false],:host([variant=tertiary]:hover) .button[aria-disabled=false]{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant=secondary]) .active.button{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant=tertiary]) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-neutral-lightest);--border-color:transparent}`,x=z;var t=class extends p{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.loading=!1;this.disabled=!1;this.target="_self";this.dropdown=!1;this.autofocus=!1;this.active=!1}static get styles(){return[x]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback()}caretTemplate(){return a` <bl-icon class="open" name="arrow_up"></bl-icon>
|
|
2
2
|
<bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){if(this.type==="submit"){let r;this.form instanceof HTMLFormElement?r=this.form:typeof this.form=="string"?r=document.getElementById(this.form):r=this.closest("form"),r&&_(r)}this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(i=>{var c;let s=i.nodeType;return s===i.TEXT_NODE&&((c=i.textContent)==null?void 0:c.trim())!==""||s===i.ELEMENT_NODE&&!i.hasAttribute("slot")})}render(){let r=this.loading||this.disabled,i=this.loading&&this.loadingLabel?this.loadingLabel:a`<slot></slot>`,s=!!this.href,c=this.icon?a`<bl-icon name=${this.icon}></bl-icon>`:"",T=a`<bl-spinner
|
|
3
3
|
class="loading-spinner"
|
|
4
4
|
?disabled="${r}"
|
|
@@ -23,4 +23,4 @@ import{a as f}from"./chunk-6LT7O7T2.js";import{a as n}from"./chunk-DINNT5P2.js";
|
|
|
23
23
|
>
|
|
24
24
|
${d} ${E}
|
|
25
25
|
</button>`}};o([e({type:String,reflect:!0})],t.prototype,"variant",2),o([e({type:String,reflect:!0})],t.prototype,"kind",2),o([e({type:String,reflect:!0})],t.prototype,"size",2),o([e({type:String})],t.prototype,"label",2),o([e({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([e({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:String})],t.prototype,"href",2),o([e({type:String})],t.prototype,"icon",2),o([e({type:String})],t.prototype,"target",2),o([e({type:String})],t.prototype,"type",2),o([e({type:Boolean})],t.prototype,"dropdown",2),o([e({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),o([e({type:String})],t.prototype,"form",2),o([m({})],t.prototype,"active",2),o([g(".button")],t.prototype,"button",2),o([y("bl-click")],t.prototype,"onClick",2),t=o([v("bl-button")],t);export{_ as a,t as b};
|
|
26
|
-
//# sourceMappingURL=chunk-
|
|
26
|
+
//# sourceMappingURL=chunk-NM74WWXQ.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as u}from"./chunk-IPYZIIRV.js";import{a as b}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as h,b as a}from"./chunk-5MOOXA2X.js";import{a as s,b as c,f as n}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-
|
|
1
|
+
import{a as u}from"./chunk-IPYZIIRV.js";import{a as b}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as h,b as a}from"./chunk-5MOOXA2X.js";import{a as s,b as c,f as n}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-BWWXE4SL.js";var m=s`:host{display:inline-block;cursor:pointer;vertical-align:middle}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:"";display:inline-block;background-color:#fff;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);inset-inline-start:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none;line-height:normal;align-items:center;margin-block:0}.label{overflow-wrap:anywhere}:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label,:host([checked]) .label{color:var(--bl-color-primary)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset))))}:host([checked][dir=rtl]) .switch::before{transform:translateX(calc(calc(2 * var(--thumb-offset)) - var(--track-width) + var(--thumb-width)))}:host([disabled]) .switch{opacity:.5;cursor:not-allowed}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:0}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:"";position:absolute;inset:-3px}`,p=m;var v="bl-switch",t=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1}static get styles(){return[p]}toggle(){this.disabled||(this.checked=!this.checked,this.onToggle(this.checked))}connectedCallback(){super.connectedCallback(),u(this)}handleKeyDown(e){(e.code==="Enter"||e.code==="Space")&&(this.toggle(),e.preventDefault())}render(){var o,l,i;let e=(i=(l=this.ariaLabel)!=null?l:(o=this.attributes.getNamedItem("aria-label"))==null?void 0:o.value)!=null?i:void 0;return c`
|
|
2
2
|
<label @click=${this.toggle}>
|
|
3
3
|
<slot class="label"></slot>
|
|
4
4
|
<span
|
|
@@ -13,4 +13,4 @@ import{a as u}from"./chunk-IPYZIIRV.js";import{a as b}from"./chunk-DINNT5P2.js";
|
|
|
13
13
|
</span>
|
|
14
14
|
</label>
|
|
15
15
|
`}};r([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),r([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([d("bl-switch-toggle")],t.prototype,"onToggle",2),t=r([h(v)],t);export{v as a,t as b};
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
16
|
+
//# sourceMappingURL=chunk-NW7MDZJB.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{a as i,b as r}from"./chunk-5MOOXA2X.js";import{a as o,b as l,f as s}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-
|
|
1
|
+
import{a as i,b as r}from"./chunk-5MOOXA2X.js";import{a as o,b as l,f as s}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var n=o`:host{cursor:wait;display:inline-flex;align-items:center}.spinner{animation:1s linear infinite spin}:host([overlay]){position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(39 49 66 / 70%);z-index:10}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}`,a=n;var c="bl-spinner",e=class extends s{constructor(){super(...arguments);this.size="var(--bl-font-size-m)";this.disabled=!1;this.overlay=!1;this.color="var(--bl-color-primary)"}static get styles(){return[a]}render(){return l`<bl-icon
|
|
2
2
|
class="spinner"
|
|
3
3
|
name="loading"
|
|
4
4
|
style="color: ${this.disabled?"var(--bl-color-neutral-light)":this.color}; font-size: ${this.size};"
|
|
5
5
|
></bl-icon>`}};t([r({type:String,reflect:!0})],e.prototype,"size",2),t([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([r({type:Boolean,reflect:!0})],e.prototype,"overlay",2),t([r({type:String,reflect:!0})],e.prototype,"color",2),e=t([i(c)],e);export{c as a,e as b};
|
|
6
|
-
//# sourceMappingURL=chunk-
|
|
6
|
+
//# sourceMappingURL=chunk-OYHUG47P.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as P}from"./chunk-IPYZIIRV.js";import{a as
|
|
1
|
+
import{a as P}from"./chunk-IPYZIIRV.js";import{a as d}from"./chunk-DINNT5P2.js";import{a as b}from"./chunk-GRL4DWKG.js";import{a as v,c as n}from"./chunk-HBPBDC7T.js";import{a as h,b as i,c as m}from"./chunk-5MOOXA2X.js";import{a as c,b as s,f as g}from"./chunk-4OT5AMS5.js";import{d as a}from"./chunk-BWWXE4SL.js";var x=c`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}:host([dir=rtl]) .page-container :is(bl-button.next,bl-button.previous){transform:rotate(180deg)}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:" \\B7 \\B7 \\B7";color:var(--bl-color-neutral-darker)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-neutral-darker)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:auto}@media only screen and (max-width:768px){label{display:none}}`,f=x;var t=class extends g{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=10;this.hasJumper=!1;this.hasSelect=!1;this.itemsPerPageOptions=[{text:"10 Items",value:10},{text:"25 Items",value:25},{text:"50 Items",value:50},{text:"100 Items",value:100}];this.pages=[]}static get styles(){return[f]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("resize",()=>this._paginate())}),P(this)}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this._paginate)}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&this._paginate()}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(r,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){let r=this.currentPage;this.currentPage=e,this.onChange({selectedPage:e,prevPage:r,itemsPerPage:this.itemsPerPage})}_pageBack(){this.currentPage!==1&&this._changePage(this.currentPage-1)}_pageForward(){this.currentPage!==this._getLastPage()&&this._changePage(this.currentPage+1)}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){e.stopPropagation();let r=+e.target.value,l=r>0?Math.min(this._getLastPage(),r):1;this._changePage(l)}_selectHandler(e){var r;this.itemsPerPage=+((r=e==null?void 0:e.detail)==null?void 0:r.value)||100,this._changePage(1)}_renderSinglePage(e){if(typeof e=="string")return s`<li class="dots"></li>`;let r=this.currentPage===e?"page":void 0;return s` <li>
|
|
2
2
|
<bl-button
|
|
3
3
|
@click="${()=>this._changePage(e)}"
|
|
4
4
|
variant=${this.currentPage===e?"primary":"tertiary"}
|
|
@@ -47,4 +47,4 @@ import{a as P}from"./chunk-IPYZIIRV.js";import{a as v,c as n}from"./chunk-HBPBDC
|
|
|
47
47
|
</div>`:null;return s` <nav class="pagination" aria-label="Pagination">
|
|
48
48
|
${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return s` <div class="pagination-helpers">${l} ${y}</div> `})()} ${this.renderPages()}
|
|
49
49
|
</nav>`}};a([i({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),a([i({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),a([i({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),a([i({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),a([i({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),a([i({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),a([i({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),a([i({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),a([m()],t.prototype,"pages",2),a([b("bl-change")],t.prototype,"onChange",2),t=a([h("bl-pagination"),v()],t);export{t as a};
|
|
50
|
-
//# sourceMappingURL=chunk-
|
|
50
|
+
//# sourceMappingURL=chunk-P4S537UY.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as w,b as f,c as E,d as y,e as x,f as _,g as k,h as M}from"./chunk-EZSEQHRH.js";import{a as g}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as u,b as a,c as n,e as s}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as b}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-
|
|
1
|
+
import{a as w,b as f,c as E,d as y,e as x,f as _,g as k,h as M}from"./chunk-EZSEQHRH.js";import{a as g}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-GRL4DWKG.js";import{a as u,b as a,c as n,e as s}from"./chunk-5MOOXA2X.js";import{a as c,b as m,f as b}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";function z(i){return typeof i=="string"?document.getElementById(i):i instanceof Element?i:null}var S=c`:host{display:contents}.popover{--arrow-display:var(--bl-popover-arrow-display, none);--background-color:var(--bl-popover-background-color, var(--bl-color-neutral-full));--border-color:var(--bl-popover-border-color, var(--bl-color-primary-highlight));--border-size:var(--bl-popover-border-size, 1px);--padding:var(--bl-popover-padding, var(--bl-size-m));--border-radius:var(--bl-popover-border-radius, var(--bl-size-3xs));--position:var(--bl-popover-position, fixed);--max-width:var(--bl-popover-max-width, 100vw);--max-viewport:calc(100vw - var(--bl-size-s));position:var(--position);box-sizing:border-box;border:var(--border-size) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);z-index:var(--bl-index-popover);max-width:min(var(--max-viewport),var(--max-width));width:max-content;hyphens:auto;background-color:var(--background-color);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker)}.popover:not(.visible){visibility:hidden}.arrow{--arrow-rotation:45deg;--size:var(--bl-size-2xs);--arrow-position:calc((var(--size) / -2) - var(--border-size));box-sizing:border-box;display:var(--arrow-display);position:absolute;background-color:var(--background-color);width:var(--size);height:var(--size);transform:rotate(var(--arrow-rotation));border:var(--border-size) solid var(--border-color);border-bottom:none;border-inline-end:none}.popover[data-placement*=bottom] .arrow{top:var(--arrow-position)}.popover[data-placement*=top] .arrow{--arrow-rotation:225deg;bottom:var(--arrow-position)}.popover[data-placement*=left] .arrow{--arrow-rotation:135deg;right:var(--arrow-position)}.popover[data-placement*=right] .arrow{--arrow-rotation:315deg;left:var(--arrow-position)}`,C=S;var t=class extends b{constructor(){super(...arguments);this.placement="bottom";this.fitSize=!1;this.offset=8;this._visible=!1;this._handleClickOutside=e=>{let r=e.composedPath();!r.includes(this._target)&&!r.includes(this)&&this.hide()}}static get styles(){return[C]}get target(){return this._target}set target(e){let r=z(e);if(!r){console.warn("BlPopover target only accepts an Element instance or a string id of a DOM element.");return}this._target=r}get visible(){return this._visible}connectedCallback(){super.connectedCallback(),this._handlePopoverShowEvent=this._handlePopoverShowEvent.bind(this),this._handleKeydownEvent=this._handleKeydownEvent.bind(this),this._handleClickOutside=this._handleClickOutside.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.popoverAutoUpdateCleanup&&this.popoverAutoUpdateCleanup()}show(){this._visible=!0,this.setPopover(),this.onBlPopoverShow(""),document.addEventListener("click",this._handleClickOutside),document.addEventListener("keydown",this._handleKeydownEvent),document.addEventListener("bl-popover-show",this._handlePopoverShowEvent)}hide(){this._visible=!1,document.removeEventListener("click",this._handleClickOutside),document.removeEventListener("keydown",this._handleKeydownEvent),document.removeEventListener("bl-popover-show",this._handlePopoverShowEvent),this.onBlPopoverHide("",{bubbles:!1})}render(){let e=g({popover:!0,visible:this._visible});return m` <div class=${e}>
|
|
2
2
|
<slot id="popover" aria-live=${this._visible?"polite":"off"}></slot>
|
|
3
3
|
<div class="arrow" aria-hidden="true"></div>
|
|
4
4
|
</div>`}getMiddleware(){let e=[];return e.push(y(this.offset),E(),f(),x({padding:4})),this.fitSize&&e.push(_({apply(r){r.elements.floating&&r.elements.reference&&Object.assign(r.elements.floating.style,{"min-width":`${r.elements.reference.getBoundingClientRect().width}px`})}})),e.push(w({element:this.arrow,padding:5})),e}setPopover(){this.target&&(this.popoverAutoUpdateCleanup=k(this.target,this._popover,()=>{M(this.target,this._popover,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware()}).then(({x:e,y:r,placement:d,middlewareData:p})=>{if(Object.assign(this._popover.style,{left:`${e}px`,top:`${r}px`}),this._popover.dataset.placement=d,p.arrow){let{x:v,y:h}=p.arrow;Object.assign(this.arrow.style,{left:v!=null?`${v}px`:"",top:h!=null?`${h}px`:""})}})}))}_handlePopoverShowEvent(e){if(e.target!==this){let{parentElement:r}=e.target;!this.contains(r)&&e.target.tagName===this.tagName&&this.hide()}}_handleKeydownEvent(e){e.key==="Escape"&&this.visible&&(e.preventDefault(),this.hide())}};o([a({type:String})],t.prototype,"placement",2),o([a({type:Boolean,attribute:"fit-size"})],t.prototype,"fitSize",2),o([a({type:Number})],t.prototype,"offset",2),o([s(".popover")],t.prototype,"_popover",2),o([s(".arrow")],t.prototype,"arrow",2),o([l("bl-popover-show")],t.prototype,"onBlPopoverShow",2),o([l("bl-popover-hide")],t.prototype,"onBlPopoverHide",2),o([n()],t.prototype,"_target",2),o([a()],t.prototype,"target",1),o([n()],t.prototype,"_visible",2),t=o([u("bl-popover")],t);export{z as a,t as b};
|
|
5
|
-
//# sourceMappingURL=chunk-
|
|
5
|
+
//# sourceMappingURL=chunk-RCHKJINV.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as k}from"./chunk-23PSWIUF.js";import{c as $}from"./chunk-EG7U7PM3.js";import{a as z}from"./chunk-XDUIVR6I.js";import{a as w}from"./chunk-6LT7O7T2.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as c}from"./chunk-GRL4DWKG.js";import{a as f,b as y,c as x}from"./chunk-7GK5LKBV.js";import{a as b,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as v,b as d,c as g,f as p}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-
|
|
1
|
+
import{b as k}from"./chunk-23PSWIUF.js";import{c as $}from"./chunk-EG7U7PM3.js";import{a as z}from"./chunk-XDUIVR6I.js";import{a as w}from"./chunk-6LT7O7T2.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as c}from"./chunk-GRL4DWKG.js";import{a as f,b as y,c as x}from"./chunk-7GK5LKBV.js";import{a as b,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as v,b as d,c as g,f as p}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-BWWXE4SL.js";var C="important",I=" !"+C,S=y(class extends x{constructor(o){var l;if(super(o),o.type!==f.ATTRIBUTE||o.name!=="style"||((l=o.strings)===null||l===void 0?void 0:l.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((l,e)=>{let i=o[e];return i==null?l:l+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(o,[l]){let{style:e}=o.element;if(this.ht===void 0){this.ht=new Set;for(let i in l)this.ht.add(i);return this.render(l)}this.ht.forEach(i=>{l[i]==null&&(this.ht.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(let i in l){let n=l[i];if(n!=null){this.ht.add(i);let h=typeof n=="string"&&n.endsWith(I);i.includes("-")||h?e.setProperty(i,h?n.slice(0,-11):n,h?C:""):e[i]=n}}return g}});var L=v`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:0;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size=large]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height),var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.invalid,.dirty.max-len-invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color .4s ease-out}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:.1s ease-in;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);inset-inline-start:var(--padding-horizontal);inset-inline-end:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within,.wrapper.has-value) label{top:0;inset-inline-start:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within,.wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.dirty.invalid .hint,:host([character-counter]) .hint,:host([help-text]) .hint{display:flex;gap:var(--bl-size-3xs)}.hint>*{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-inline-start:auto}:where(.max-len-invalid,.dirty.invalid) .hint>.counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid,.dirty.invalid) .hint>.invalid-text{display:inline-block}.dirty.invalid .hint>.help-text{display:none}`,E=L;var t=class extends z(p){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.autofocus=!1;this.spellchecker="false";this.customScrollHeight=null;this.inputId=Math.random().toString(36).substring(2);this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[E]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let i=e.target.value;this.value=i,this.setValue(this.value),this.onInput(i)}changeHandler(e){let i=e.target.value;this.dirty=!0,this.value=i,this.setValue(this.value),this.onChange(i)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),e.has("error")&&this.error&&!this.dirty&&this.reportValidity()}setCustomValidity(e){this.validationTarget.setCustomValidity(e)}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,i=this.checkValidity()?"":d`<p class="invalid-text">${this.validationMessage}</p>`,n=this.helpText?d`<p class="help-text">${this.helpText}</p>`:"",h=this.label?d`<label for="${this.inputId}">${this.label}</label>`:"",V=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",M=this.characterCounter?d`<p class="counter-text">${V}</p>`:"",R={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},H={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return d`
|
|
2
2
|
<div style=${S(H)} class=${w(R)}>
|
|
3
3
|
${h}
|
|
4
4
|
<fieldset class="input-wrapper">
|
|
@@ -34,4 +34,4 @@ lit-html/directives/style-map.js:
|
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
35
|
*)
|
|
36
36
|
*/
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
37
|
+
//# sourceMappingURL=chunk-UF5VCR36.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-
|
|
1
|
+
import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var c=i`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([size=small]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size=large]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size=small]) bl-icon{display:none}`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?r`<bl-icon name=${this.icon}></bl-icon>`:"";return r`<span class="badge">
|
|
2
2
|
<slot name="icon">${s}</slot>
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</span>`}};o([t({type:String,reflect:!0})],e.prototype,"size",2),o([t({type:String})],e.prototype,"icon",2),e=o([l("bl-badge")],e);export{e as a};
|
|
5
|
-
//# sourceMappingURL=chunk-
|
|
5
|
+
//# sourceMappingURL=chunk-UGRBWOQE.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{a as u,b as a,c as s,e as p}from"./chunk-5MOOXA2X.js";import{a as i,b as l,f as o}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-
|
|
1
|
+
import{a as u,b as a,c as s,e as p}from"./chunk-5MOOXA2X.js";import{a as i,b as l,f as o}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-BWWXE4SL.js";var m=i`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-border-radius-s);position:relative;background-color:var(--bl-color-neutral-lightest);height:var(--height);border-radius:var(--radius);width:100%;transform:scaleX(var(--bl-text-x-direction))}.progress-indicator::before{content:"";position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius);transition:width ease var(--bl-progress-indicator-transition-duration, .2s)}:host([size=small]) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-border-radius-xs)}:host([size=large]) .progress-indicator{--height:var(--bl-size-xs);--radius:var(--bl-border-radius-m)}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`,d=m;var e=class extends o{constructor(){super(...arguments);this.size="medium";this.failed=!1;this._max=100;this._value=0}static get styles(){return d}get max(){return this._max}set max(t){this._max=t,this.updateCssVariable()}get value(){return this._value}set value(t){this._value=t,this.updateCssVariable()}async updateCssVariable(){await this.updateComplete,this.wrapper.style.setProperty("--value",`${this.value}`),this.wrapper.style.setProperty("--max",`${this.max}`)}render(){return l`<div
|
|
2
2
|
class="progress-indicator"
|
|
3
3
|
role="progressbar"
|
|
4
4
|
aria-label="progress indicator"
|
|
5
5
|
aria-valuemax="${this._max}"
|
|
6
6
|
aria-valuenow="${this._value}"
|
|
7
7
|
></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String,reflect:!0})],e.prototype,"size",2),r([a({type:Boolean,reflect:!0})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
|
|
8
|
-
//# sourceMappingURL=chunk-
|
|
8
|
+
//# sourceMappingURL=chunk-UK2ZEQBN.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as E}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";import{a as w,b as d,c as x,e as c}from"./chunk-5MOOXA2X.js";import{a as m,b as r,f as y}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-
|
|
1
|
+
import{a as E}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";import{a as w,b as d,c as x,e as c}from"./chunk-5MOOXA2X.js";import{a as m,b as r,f as y}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-BWWXE4SL.js";var z=m`:host{display:contents}.container{--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;background:var(--background-color);width:var(--bl-dialog-width,auto);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));min-width:424px;padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog,.dialog-polyfill .container{padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog-polyfill .container{position:fixed;z-index:var(--bl-index-dialog)}.dialog::backdrop{background-color:#273142b3}.dialog-polyfill{display:none;position:fixed;inset-inline-start:0;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:var(--bl-index-dialog);background-color:#273142b3}:host([open]) .dialog-polyfill{display:flex}header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}header bl-button{margin-inline-start:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--bl-dialog-caption-line-clamp,1);margin:0;padding:0}.content{padding:var(--bl-size-xl);overflow:auto}:host([critical]) .content{padding-top:0}.container.has-footer .content{padding-bottom:0}footer{display:none}.container.has-footer footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{box-shadow:0 -4px 15px #27314226}@media only screen and (max-width:471px){.container{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl));min-width:auto;min-height:auto}footer{flex-flow:column wrap}}::slotted(bl-tab-group){display:block;transform:translateX(calc(var(--bl-size-xl) * -1));width:calc(100% + calc(var(--bl-size-xl) * 2))}`,k=z;var t=class extends y{constructor(){super(...arguments);this.open=!1;this.critical=!1;this.polyfilled=!0;this._footerAssignedSlots=new Set;this.clickOutsideHandler=e=>{if(this.critical)return;e.composedPath().includes(this.container)||this.closeDialog("backdrop")};this.onKeydown=e=>{e.code==="Escape"&&this.open&&!this.critical&&(e.preventDefault(),this.closeDialog("keyboard"))};this.toggleFooterShadow=()=>{var l,s,n,h,v,u,f;let e=(l=this.content)==null?void 0:l.scrollTop,i=(s=this.content)==null?void 0:s.scrollHeight,a=(n=this.content)==null?void 0:n.clientHeight;e+a>=i?(v=(h=this.footer)==null?void 0:h.classList)==null||v.remove("shadow"):(f=(u=this.footer)==null?void 0:u.classList)==null||f.add("shadow")}}static get styles(){return[k]}updated(e){(e.has("open")||e.has("polyfilled"))&&this.toggleDialogHandler()}get _hasFooter(){return this._footerAssignedSlots.size>0}toggleDialogHandler(){var e,i,a,l,s,n;this.open?((i=(e=this.dialog)==null?void 0:e.showModal)==null||i.call(e),this.onOpen({isOpen:!0}),document.body.style.overflow="hidden",this.toggleFooterShadow(),window==null||window.addEventListener("keydown",h=>this.onKeydown(h)),window==null||window.addEventListener("resize",this.toggleFooterShadow),(a=this.content)==null||a.addEventListener("scroll",this.toggleFooterShadow)):((s=(l=this.dialog)==null?void 0:l.close)==null||s.call(l),this.onClose({isOpen:!1},{bubbles:!1}),document.body.style.overflow="auto",window==null||window.removeEventListener("keydown",this.onKeydown),window==null||window.removeEventListener("resize",this.toggleFooterShadow),(n=this.content)==null||n.removeEventListener("scroll",this.toggleFooterShadow))}closeDialog(e){this.onRequestClose({source:e},{cancelable:!0}).defaultPrevented||(this.open=!1)}toggleFooterVisibility(e){let i=e.currentTarget;i.assignedNodes().length>0?this._footerAssignedSlots.add(i.name):this._footerAssignedSlots.delete(i.name),this.requestUpdate("_footerAssignedSlots")}renderContainer(){let e=this.caption?r`<h2 id="dialog-caption">${this.caption}</h2>`:"",i=this.critical?null:r`<bl-button
|
|
2
2
|
@click="${()=>this.closeDialog("close-button")}"
|
|
3
3
|
icon="close"
|
|
4
4
|
label="close"
|
|
@@ -29,4 +29,4 @@ import{a as E}from"./chunk-6LT7O7T2.js";import{a as p}from"./chunk-GRL4DWKG.js";
|
|
|
29
29
|
${this.renderContainer()}
|
|
30
30
|
</dialog>
|
|
31
31
|
`}};o([d({type:Boolean,reflect:!0,hasChanged(g,b){return g===!1&&b===void 0?!1:g!==b}})],t.prototype,"open",2),o([d({type:String})],t.prototype,"caption",2),o([d({type:Boolean,reflect:!0})],t.prototype,"critical",2),o([d({type:Boolean,reflect:!0})],t.prototype,"polyfilled",2),o([x()],t.prototype,"_footerAssignedSlots",2),o([c(".dialog")],t.prototype,"dialog",2),o([c("footer")],t.prototype,"footer",2),o([c(".container")],t.prototype,"container",2),o([c(".content")],t.prototype,"content",2),o([p("bl-dialog-open")],t.prototype,"onOpen",2),o([p("bl-dialog-request-close")],t.prototype,"onRequestClose",2),o([p("bl-dialog-close")],t.prototype,"onClose",2),t=o([w("bl-dialog")],t);export{t as a};
|
|
32
|
-
//# sourceMappingURL=chunk-
|
|
32
|
+
//# sourceMappingURL=chunk-UV7BOOVA.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s,b as i,c as d}from"./chunk-5MOOXA2X.js";import{a as l,b as o,f as a}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as s,b as i,c as d}from"./chunk-5MOOXA2X.js";import{a as l,b as o,f as a}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-BWWXE4SL.js";var u=l`div{padding:var(--bl-size-xl);background-color:var(--bl-color-neutral-full);border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}div[hidden]{display:none}`,p=u;var t=class extends a{constructor(){super(...arguments);this.hidden=!0}static get styles(){return[p]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var e;this.tabGroup=this.closest("bl-tab-group"),(e=this.tabGroup)==null||e.registerTabPanel(this)})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.tabGroup)==null||e.unregisterTabPanel(this)}render(){return o`<div ?hidden=${this.hidden}><slot></slot></div>`}};r([d()],t.prototype,"hidden",2),r([i({type:String,reflect:!0})],t.prototype,"tab",2),t=r([s("bl-tab-panel")],t);export{t as a};
|
|
2
|
+
//# sourceMappingURL=chunk-WZBUJ4ER.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/generated/locale-codes.ts"],
|
|
4
|
-
"sourcesContent": ["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize.\n\n/**\n * The locale code that templates in this source code are written in.\n */\nexport const sourceLocale = `en`;\n\n/**\n * The other locale codes that this application is localized into. Sorted\n * lexicographically.\n */\nexport const targetLocales = [\n `tr`,\n] as const;\n\n/**\n * All valid project locale codes. Sorted lexicographically.\n */\nexport const allLocales = [\n `en`,\n `tr`,\n] as const;\n"],
|
|
5
|
-
"mappings": "AAMO,IAAMA,EAAe,KAMfC,EAAgB,CAC3B,IACF,EAKaC,EAAa,CACxB,KACA,IACF",
|
|
4
|
+
"sourcesContent": ["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize.\n\n/**\n * The locale code that templates in this source code are written in.\n */\nexport const sourceLocale = `en`;\n\n/**\n * The other locale codes that this application is localized into. Sorted\n * lexicographically.\n */\nexport const targetLocales = [\n `ar`,\n `ro`,\n `tr`,\n] as const;\n\n/**\n * All valid project locale codes. Sorted lexicographically.\n */\nexport const allLocales = [\n `ar`,\n `en`,\n `ro`,\n `tr`,\n] as const;\n"],
|
|
5
|
+
"mappings": "AAMO,IAAMA,EAAe,KAMfC,EAAgB,CAC3B,KACA,KACA,IACF,EAKaC,EAAa,CACxB,KACA,KACA,KACA,IACF",
|
|
6
6
|
"names": ["sourceLocale", "targetLocales", "allLocales"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as c}from"./chunk-GRL4DWKG.js";import{a,b as o,e as s}from"./chunk-5MOOXA2X.js";import{a as r,b as l,f as n}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-
|
|
1
|
+
import{a as c}from"./chunk-GRL4DWKG.js";import{a,b as o,e as s}from"./chunk-5MOOXA2X.js";import{a as r,b as l,f as n}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-BWWXE4SL.js";var v=r`:host{position:relative;display:flex;align-items:center;background-color:var(--bl-color-neutral-full)}.container{--title-padding-vertical:var(--bl-size-m);--title-padding-horizontal:var(--bl-size-xl);--title-color:var(--bl-color-neutral-darker);--caption-color:var(--bl-color-neutral-darker);--icon-color:var(--bl-color-neutral-darker);--border-bottom-width:var(--bl-size-4xs);--border-left-space:var(--bl-size-xl);--font-title:var(--bl-font-title-3-medium);--font-caption:var(--bl-font-title-4-regular);--tab-right-padding:var(--bl-size-xl);--help-container-width:var(--bl-size-2xl);--tab-height:calc(var(--bl-size-3xl) + var(--bl-size-s));display:flex;border:none;cursor:pointer;background-color:initial;width:max-content;height:var(--tab-height);padding:0 var(--tab-right-padding);margin-inline-end:1px}.container::after{position:absolute;content:"";inset-inline-end:0;top:var(--bl-size-m);height:calc(100% - var(--bl-size-2xl));border-inline-end:1px solid var(--bl-color-neutral-lighter)}:host(:last-of-type) .container::after{border-inline-end:none}:host(:focus-visible){outline:0}.container:focus-visible,:host(:focus-visible) .container{outline:2px solid var(--bl-color-primary);outline-offset:calc(-1 * var(--bl-size-3xs));border-radius:var(--bl-border-radius-s)}:host .container::before{content:"";position:absolute;opacity:0;bottom:calc(-1 * var(--bl-size-4xs));inset-inline-start:var(--border-left-space);width:calc(100% - var(--bl-size-4xl));border-bottom:var(--border-bottom-width) solid var(--bl-color-primary)}:host([selected]:not([disabled])) .container::before{opacity:1}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .container,:host(:hover) .container,:host([selected]) .container{--title-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}:host([disabled]) .container{cursor:not-allowed;--title-color:var(--bl-color-neutral-lighter);--caption-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-lighter)}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) :where(.title,.icon),:host(:hover) :where(.title,.icon){transition:color 120ms ease-out}:host([selected]) .border-bottom{display:inline-block}:host([disabled]) .container.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,:host([disabled]) .container:hover{cursor:not-allowed}:host([help-text]) button{padding-inline-end:0}.tab-button{width:max-content}.help-container{display:flex;justify-content:center;align-items:center;width:var(--help-container-width);height:100%;font-size:var(--bl-font-size-m);pointer-events:visible;padding-inline-end:var(--tab-right-padding)}bl-tooltip{--bl-tooltip-position:fixed;display:flex}.title{display:flex;align-items:center;justify-content:center;font:var(--font-title);color:var(--title-color);line-height:var(--bl-size-m);white-space:nowrap}.title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.badge-container{padding-inline-start:var(--bl-size-3xs);display:flex;margin-bottom:1px}.caption{font:var(--font-caption);line-height:var(--bl-size-xs);color:var(--caption-color);text-align:center;margin-top:var(--bl-size-4xs)}.icon{display:flex;color:var(--icon-color);font-size:var(--bl-font-size-l);margin-inline-end:var(--bl-size-3xs);margin-bottom:1px}:host([notify]) .title::after{content:"";height:var(--bl-size-2xs);width:var(--bl-size-2xs);border-radius:var(--bl-size-3xs);margin-inline-start:var(--bl-size-3xs);background-color:var(--bl-color-danger);margin-bottom:1px}`,d=v;var t=class extends n{constructor(){super(...arguments);this.notify=!1;this.badge="";this.selected=!1;this.disabled=!1}static get styles(){return[d]}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var i;this.tabGroup=this.closest("bl-tab-group"),(i=this.tabGroup)==null||i.registerTab(this)})}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.tabGroup)==null||i.unregisterTab(this)}select(){this.selected=!0}focus(){this.tab.focus()}updated(i){this.tabIndex=this.selected?0:-1,i.has("selected")&&this.selected&&this._onSelect(this.name)}render(){let i=l` <slot></slot>`,b=this.helpText?l` <div class="help-container">
|
|
2
2
|
<bl-tooltip>
|
|
3
3
|
<bl-button
|
|
4
4
|
slot="tooltip-trigger"
|
|
@@ -28,4 +28,4 @@ import{a as c}from"./chunk-GRL4DWKG.js";import{a,b as o,e as s}from"./chunk-5MOO
|
|
|
28
28
|
${b}
|
|
29
29
|
</button>
|
|
30
30
|
`}};e([o({type:String})],t.prototype,"caption",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([o({type:String})],t.prototype,"icon",2),e([o({type:Boolean,reflect:!0})],t.prototype,"notify",2),e([o({type:String})],t.prototype,"badge",2),e([o({type:Boolean,reflect:!0})],t.prototype,"selected",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([c("bl-tab-selected")],t.prototype,"_onSelect",2),e([s(".container")],t.prototype,"tab",2),t=e([a("bl-tab")],t);export{t as a};
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-YH3MSMXL.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as n}from"./chunk-GRL4DWKG.js";import{a as s,b as r}from"./chunk-5MOOXA2X.js";import{a,b as l,d as i,f as o}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-
|
|
1
|
+
import{a as n}from"./chunk-GRL4DWKG.js";import{a as s,b as r}from"./chunk-5MOOXA2X.js";import{a,b as l,d as i,f as o}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var v=a`:host{display:inline-block;max-width:100%}.tag{--bg-color:var(--bl-color-neutral-full);--color:var(--bl-color-neutral-darker);--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-m);--height:var(--bl-size-2xl);--border-radius:var(--bl-size-m);--remove-icon-size:var(--bl-size-s);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;width:100%;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--border-radius);padding-block:var(--padding-vertical);padding-inline:var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,#fff);font:var(--font);font-kerning:none;height:var(--height)}:host([variant=selectable]) .tag{cursor:pointer;user-select:none}:host([variant=selectable]) .tag.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,:host([variant=selectable]) .tag:hover{background-color:var(--bl-color-neutral-lightest)}:host([variant=selectable][selected]) .tag{border-color:var(--bl-color-neutral-darker);background-color:var(--bl-color-neutral-darker);--color:var(--bl-color-neutral-full)}:host([variant=selectable][disabled]) .tag{background-color:var(--bl-color-neutral-lightest);border-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([variant=removable]) .remove-button{--bl-border-radius-m:var(--bl-border-radius-circle)}:host([size=small]) .tag{--font:var(--bl-font-title-4-medium);--height:var(--bl-size-xl);--icon-size:var(--bl-size-s);--border-radius:var(--bl-size-xs);--padding-vertical:0px;--padding-horizontal:var(--bl-size-2xs);--remove-icon-size:var(--bl-size-xs)}:host([size=large]) .tag{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--height:var(--bl-size-3xl);--icon-size:var(--bl-size-m);--border-radius:var(--bl-size-l)}:host([variant=removable][size=small]) .tag{--padding-horizontal:var(--bl-size-2xs) 0px}:host([variant=removable]) .tag{--padding-horizontal:var(--bl-size-xs) var(--bl-size-3xs)}:host([variant=removable][size=large]) .tag{--padding-horizontal:var(--bl-size-m) var(--bl-size-2xs)}slot[name=icon] bl-icon{font-size:var(--icon-size);color:var(--color)}`,c=v;var e=class extends o{constructor(){super(...arguments);this.size="medium";this.variant="selectable";this.selected=!1;this.disabled=!1;this.value=null;this._handleClick=()=>{this.variant==="selectable"&&(this.selected=!this.selected),this._onBlTagClick({selected:this.selected,value:this.value})}}static get styles(){return[c]}_removeButtonTemplate(){return l`
|
|
2
2
|
<bl-button
|
|
3
3
|
icon="close"
|
|
4
4
|
size="small"
|
|
@@ -22,4 +22,4 @@ import{a as n}from"./chunk-GRL4DWKG.js";import{a as s,b as r}from"./chunk-5MOOXA
|
|
|
22
22
|
<slot></slot>
|
|
23
23
|
${this._removeButtonTemplate()}
|
|
24
24
|
</div>`;return this.variant==="selectable"?b:d}};t([r({type:String,reflect:!0})],e.prototype,"size",2),t([r({type:String,reflect:!0})],e.prototype,"variant",2),t([r({type:String})],e.prototype,"icon",2),t([r({type:Boolean,reflect:!0})],e.prototype,"selected",2),t([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([r({type:String,reflect:!0})],e.prototype,"value",2),t([n("bl-tag-click")],e.prototype,"_onBlTagClick",2),e=t([s("bl-tag")],e);export{e as a};
|
|
25
|
-
//# sourceMappingURL=chunk-
|
|
25
|
+
//# sourceMappingURL=chunk-Z2AZS34W.js.map
|
|
@@ -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:var(--bl-color-neutral-lighter);transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:var(--bl-color-neutral-dark)}.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-Z5ZIVLUH.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:var(--bl-color-neutral-lighter);transition:background-color .2s;flex-shrink:0}.connector.completed{background-color:var(--bl-color-neutral-dark)}.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,s/PACfC,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
|
+
}
|
|
@@ -30,6 +30,7 @@ export default class BlAccordion extends LitElement {
|
|
|
30
30
|
summaryEl: HTMLElement;
|
|
31
31
|
contentEl: HTMLElement;
|
|
32
32
|
static get styles(): CSSResultGroup;
|
|
33
|
+
private _cleanupStyles;
|
|
33
34
|
_animate(isExpanding: boolean): void;
|
|
34
35
|
private _onAnimationFinish;
|
|
35
36
|
expand(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion-group/accordion/bl-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASnD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAE7B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACiB,OAAO,CAAC,SAAS,CAA2B;IAGhE,iBAAiB,SAAO;IAExB,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,gBAAgB,CAAgC;IAGxD,SAAS,EAAE,kBAAkB,CAAC;IAG9B,SAAS,EAAE,WAAW,CAAC;IAGvB,SAAS,EAAE,WAAW,CAAC;IAEvB,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,QAAQ,CAAC,WAAW,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"bl-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion-group/accordion/bl-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASnD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAE7B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACiB,OAAO,CAAC,SAAS,CAA2B;IAGhE,iBAAiB,SAAO;IAExB,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,gBAAgB,CAAgC;IAGxD,SAAS,EAAE,kBAAkB,CAAC;IAG9B,SAAS,EAAE,WAAW,CAAC;IAGvB,SAAS,EAAE,WAAW,CAAC;IAEvB,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,cAAc;IAOtB,QAAQ,CAAC,WAAW,EAAE,OAAO;IAsD7B,OAAO,CAAC,kBAAkB;IAW1B,MAAM;IAIN,QAAQ;IAIR,OAAO,CAAC,aAAa;IAcrB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAWpD,MAAM,IAAI,cAAc;CAgCzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../../chunk-
|
|
1
|
+
import{a}from"../../../chunk-IR2QY2VG.js";import"../../../chunk-ECPWEUBG.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-HD7EU6S5.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-accordion-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-accordion-group.test.d.ts","sourceRoot":"","sources":["../../../src/components/accordion-group/bl-accordion-group.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bl-accordion-group.test.d.ts","sourceRoot":"","sources":["../../../src/components/accordion-group/bl-accordion-group.test.ts"],"names":[],"mappings":"AACA,OAAO,0BAA0B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-LCAPXVGE.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-alert.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-UGRBWOQE.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-badge.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as a}from"../../chunk-
|
|
1
|
+
import{b as a}from"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-button.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b,c,d}from"../../chunk-WEEGH2F4.js";import"../../chunk-
|
|
1
|
+
import{a,b,c,d}from"../../chunk-WEEGH2F4.js";import"../../chunk-BWWXE4SL.js";export{d as CALENDAR_TYPES,c as CALENDAR_VIEWS,a as FIRST_MONTH_INDEX,b as LAST_MONTH_INDEX};
|
|
2
2
|
//# sourceMappingURL=bl-calendar.constant.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSResultGroup, PropertyValues } from "lit";
|
|
1
|
+
import { CSSResultGroup, PropertyValues, TemplateResult } from "lit";
|
|
2
2
|
import DatepickerCalendarMixin from "../../mixins/datepicker-calendar-mixin/datepicker-calendar-mixin";
|
|
3
3
|
import { EventDispatcher } from "../../utilities/event";
|
|
4
4
|
import "../button/bl-button";
|
|
@@ -16,6 +16,11 @@ export default class BlCalendar extends DatepickerCalendarMixin {
|
|
|
16
16
|
_calendarYears: number[];
|
|
17
17
|
_calendarDays: CalendarDay[];
|
|
18
18
|
_dates: Date[];
|
|
19
|
+
/**
|
|
20
|
+
* Custom function to render day cells.
|
|
21
|
+
* It receives the date as an argument and should return a TemplateResult.
|
|
22
|
+
*/
|
|
23
|
+
dayRenderer?: (date: Date) => TemplateResult;
|
|
19
24
|
/**
|
|
20
25
|
* Fires when date selection changes
|
|
21
26
|
*/
|
|
@@ -50,10 +55,10 @@ export default class BlCalendar extends DatepickerCalendarMixin {
|
|
|
50
55
|
setHoverClass(): void;
|
|
51
56
|
createCalendarDays(): Calendar;
|
|
52
57
|
updated(changedProperties: PropertyValues): void;
|
|
53
|
-
renderCalendarHeader():
|
|
54
|
-
renderCalendarDays():
|
|
55
|
-
renderCalendarMonths():
|
|
56
|
-
renderCalendarYears():
|
|
57
|
-
render():
|
|
58
|
+
renderCalendarHeader(): TemplateResult<1>;
|
|
59
|
+
renderCalendarDays(): TemplateResult<1>;
|
|
60
|
+
renderCalendarMonths(): TemplateResult<1>;
|
|
61
|
+
renderCalendarYears(): TemplateResult<1>;
|
|
62
|
+
render(): TemplateResult<1>;
|
|
58
63
|
}
|
|
59
64
|
//# sourceMappingURL=bl-calendar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/bl-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"bl-calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/bl-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3E,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AAEvG,OAAO,EAAS,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AAQzB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE1E;;;IAGI;AAGJ,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,uBAAuB;IAE7D,KAAK,OAAc;IAEnB,cAAc,EAAE,MAAM,CAAyB;IAE/C,aAAa,EAAE,MAAM,CAA4B;IAEjD,aAAa,EAAE,YAAY,CAAuB;IAElD,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,aAAa,EAAE,WAAW,EAAE,CAAM;IAElC,MAAM,EAAE,IAAI,EAAE,CAAM;IAEpB;;;OAGG;IAEH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IAE7C;;OAEG;IAC0B,mBAAmB,EAAE,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;IAE1E,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,iBAAiB;IASjB,IAAI,MAAM;;;QAKT;IAED,IAAI,IAAI;;;QAKP;IAEM,wBAAwB,aAI7B;IAEF,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAI7C,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAI5C,uBAAuB;IAiBvB,mBAAmB;IAiBnB,sBAAsB,CAAC,IAAI,EAAE,YAAY;IAOzC,uBAAuB,CAAC,KAAK,EAAE,MAAM;IAcrC,sBAAsB,CAAC,IAAI,EAAE,MAAM;IAMnC,wBAAwB;IAMxB,sBAAsB;IAMtB,UAAU,CAAC,IAAI,EAAE,IAAI;IAiCrB,0BAA0B,CAAC,YAAY,EAAE,IAAI;IAI7C,4BAA4B,CAAC,YAAY,EAAE,IAAI;IAW/C,yBAAyB,CAAC,YAAY,EAAE,IAAI;IAmB5C,mBAAmB,CAAC,YAAY,EAAE,IAAI;IAStC,kBAAkB,CAAC,YAAY,EAAE,IAAI;IAUrC,qBAAqB,CAAC,YAAY,EAAE,IAAI;IAmBxC,aAAa;IAmCb,kBAAkB;IA0ElB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAczC,oBAAoB;IAyCpB,kBAAkB;IA+ClB,oBAAoB;IAkBpB,mBAAmB;IAkBnB,MAAM;CAcP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as a}from"../../chunk-
|
|
1
|
+
import{b as a}from"../../chunk-IEFQ6PGY.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-calendar.js.map
|