@trendyol/baklava 3.4.0-beta.1 → 3.4.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/baklava-react.d.ts +271 -258
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava-svelte.d.ts +775 -0
- package/dist/baklava-vue.d.ts +23 -23
- package/dist/baklava.d.ts +2 -0
- 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-EZJ3WW6Y.js → chunk-2EK4TAKQ.js} +2 -2
- package/dist/chunk-2P3LD4HV.js +80 -0
- package/dist/chunk-2P3LD4HV.js.map +7 -0
- package/dist/{chunk-2IJL7HNY.js → chunk-2Q566BEQ.js} +25 -13
- package/dist/chunk-2Q566BEQ.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-GFBXJPT6.js → chunk-4BO66Y63.js} +7 -5
- package/dist/chunk-4BO66Y63.js.map +7 -0
- package/dist/{chunk-MWFGDECP.js → chunk-6XM52E7W.js} +2 -2
- package/dist/{chunk-GISZRI4I.js → chunk-7HEDOM2M.js} +2 -2
- package/dist/{chunk-WC5CTIZH.js → chunk-7KND5OUR.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-BWWXE4SL.js +2 -0
- package/dist/{chunk-MWG4TBH7.js → chunk-D7VPTSSK.js} +2 -2
- package/dist/{chunk-J5YZ4HBV.js → chunk-DPKNQOJX.js} +2 -2
- package/dist/{chunk-APLBTZ36.js → chunk-EXUCTLBU.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-RER7OLAQ.js → chunk-H6EUN6QV.js} +2 -2
- package/dist/{chunk-ZLJF4SVG.js → chunk-HD7EU6S5.js} +2 -2
- package/dist/chunk-JN5BKKQZ.js +14 -0
- package/dist/chunk-JN5BKKQZ.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-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-5EAI6722.js → chunk-QKUMEP5P.js} +2 -2
- package/dist/{chunk-UOGCEUXK.js → chunk-RCHKJINV.js} +2 -2
- package/dist/{chunk-JC4VETUE.js → chunk-TKTRDALH.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/components/accordion-group/accordion/bl-accordion.js +1 -1
- package/dist/components/accordion-group/bl-accordion-group.js +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/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.js +1 -1
- 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.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/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 +9368 -2598
- 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/package.json +5 -7
- 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-DNSU2ZXO.js +0 -2
- package/dist/chunk-GFBXJPT6.js.map +0 -7
- 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-OTAAXK2L.js +0 -84
- package/dist/chunk-OTAAXK2L.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-EZJ3WW6Y.js.map → chunk-2EK4TAKQ.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-MWFGDECP.js.map → chunk-6XM52E7W.js.map} +0 -0
- /package/dist/{chunk-GISZRI4I.js.map → chunk-7HEDOM2M.js.map} +0 -0
- /package/dist/{chunk-WC5CTIZH.js.map → chunk-7KND5OUR.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-MWG4TBH7.js.map → chunk-D7VPTSSK.js.map} +0 -0
- /package/dist/{chunk-J5YZ4HBV.js.map → chunk-DPKNQOJX.js.map} +0 -0
- /package/dist/{chunk-APLBTZ36.js.map → chunk-EXUCTLBU.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-RER7OLAQ.js.map → chunk-H6EUN6QV.js.map} +0 -0
- /package/dist/{chunk-ZLJF4SVG.js.map → chunk-HD7EU6S5.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-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-5EAI6722.js.map → chunk-QKUMEP5P.js.map} +0 -0
- /package/dist/{chunk-UOGCEUXK.js.map → chunk-RCHKJINV.js.map} +0 -0
- /package/dist/{chunk-JC4VETUE.js.map → chunk-TKTRDALH.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 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
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../../chunk-
|
|
1
|
+
import{a}from"../../../chunk-EXUCTLBU.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,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;IAKjB,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;IAKzC,uBAAuB,CAAC,KAAK,EAAE,MAAM;IAMrC,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;IAuCpB,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-2P3LD4HV.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
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{c as a,d as b,e as c}from"../../chunk-
|
|
1
|
+
import{c as a,d as b,e as c}from"../../chunk-6XM52E7W.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{b as blChangeEventName,a as blCheckboxGroupTag,c as default};
|
|
2
2
|
//# sourceMappingURL=bl-checkbox-group.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-6XM52E7W.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-3OQA4BKQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blCheckboxTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-checkbox.js.map
|
|
@@ -40,6 +40,11 @@ export default class BlDatepicker extends DatepickerCalendarMixin {
|
|
|
40
40
|
* Defines help text to datepicker input for users
|
|
41
41
|
*/
|
|
42
42
|
helpText: string;
|
|
43
|
+
/**
|
|
44
|
+
* Custom function to render day cells in the calendar.
|
|
45
|
+
* It receives the date as an argument and should return a TemplateResult.
|
|
46
|
+
*/
|
|
47
|
+
dayRenderer?: (date: Date) => TemplateResult;
|
|
43
48
|
_inputValue: string;
|
|
44
49
|
_floatingDateCount: number;
|
|
45
50
|
_fittingDateCount: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-datepicker.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/bl-datepicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AAEvG,OAAO,yBAAyB,CAAC;AAEjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,uBAAuB,CAAC;AAG/B;;;;;IAKI;AAEJ,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,uBAAuB;IAC/D;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IAEH,IAAI,CAAC,EAAE,SAAS,CAAY;IAE5B;;OAEG;IAEH,UAAU,UAAS;IACnB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IAEH,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAC1D;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"bl-datepicker.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/bl-datepicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AAEvG,OAAO,yBAAyB,CAAC;AAEjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,uBAAuB,CAAC;AAG/B;;;;;IAKI;AAEJ,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,uBAAuB;IAC/D;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IAEH,IAAI,CAAC,EAAE,SAAS,CAAY;IAE5B;;OAEG;IAEH,UAAU,UAAS;IACnB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IAEH,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAC1D;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IAEH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IAG7C,WAAW,SAAM;IAGjB,kBAAkB,EAAE,MAAM,CAAK;IAG/B,iBAAiB,EAAE,MAAM,CAAK;IAG9B,WAAW,EAAE,UAAU,CAAC;IAGxB,UAAU,EAAE,SAAS,CAAC;IAGtB,QAAQ,EAAG,OAAO,CAAC;IAEnB,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IAExD;;OAEG;IAC4B,OAAO,CAAC,qBAAqB,CAA0B;IAEtF,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,0BAA0B;IAqB1B,uBAAuB;IAOvB,gBAAgB;IAUhB,kBAAkB;IAYlB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAO9B,eAAe;IAMf,WAAW;IAKX,YAAY;IAIZ,cAAc;IAId,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,EAAE;IAY9C,YAAY;IAmBlB,gBAAgB;IAKhB,oBAAoB;IAMpB,MAAM;CA0EP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-4BO66Y63.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-2P3LD4HV.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-datepicker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-UV7BOOVA.js";import"../../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-dialog.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as c}from"../../chunk-M4E4CVZ4.js";import{a as n}from"../../chunk-DINNT5P2.js";import{b as s}from"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import{b as e}from"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";var d={title:"Components/Dialog",component:"bl-dialog",parameters:{chromatic:{viewports:[1e3]},controls:{exclude:["id"]}},decorators:[c],argTypes:{open:{control:"boolean"},polyfilled:{control:"boolean"},caption:{control:"text"},content:{control:"text"}}},q=d,t=i=>async()=>{let a=document.getElementById(i);a.open=!0},o=i=>e`
|
|
2
2
|
<bl-button @bl-click="${t(i.id)}" variant="secondary">Open Dialog</bl-button>
|
|
3
3
|
|
|
4
4
|
<bl-dialog
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-D7VPTSSK.js";import"../../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-drawer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{e as a,f as b}from"../../chunk-
|
|
1
|
+
import{e as a,f as b}from"../../chunk-LIUATY6B.js";import"../../chunk-FANRUDPK.js";import"../../chunk-IPYZIIRV.js";import"../../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 blDropdownTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-dropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-FANRUDPK.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as blDropdownGroupTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-dropdown-group.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{c as a,d as b}from"../../../chunk-
|
|
1
|
+
import{c as a,d as b}from"../../../chunk-LIUATY6B.js";import"../../../chunk-FANRUDPK.js";import"../../../chunk-IPYZIIRV.js";import"../../../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 blDropdownItemTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-dropdown-item.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{c as a}from"../../chunk-
|
|
1
|
+
import{c as a}from"../../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-icon.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../chunk-
|
|
1
|
+
import"../../chunk-BWWXE4SL.js";var o=["academy","account","add_note","add_part","add_photo","add_product","alert","announcement","archive","arrow_down","arrow_left","arrow_right","arrow_up","attach","award","back","back_fill","badge","barcode","bill","book","browser","burger","calendar","camera","camera_off","campaign","change","change_fill","chart","chatbot","check","check_fill","clock","close","close_fill","code","coin","compass","complain","confetti","copy","copy_checked","coupon","credit_card","delete","desktop","desktop_filled","dialog","disable","dislike","document","document_search","donation","door_open","download","drag_and_drop","edit","excel","exit","expand","export","express","express_delivery","express_furniture","external_link","external_share","eye_off","eye_on","facebook","filter","finance_accounting","fire","flag","flash","flash_fill","forward","full_size","gift","global_export","globe","go_forward","graphic","graphic_decrease","group_of_people","growth","hamburger_menu","handshake","happy","heart","heart_fill","heartbeat","help","history","home","hourglass","image","incognito","info","instagram","label","left_sided_arrow","light_bulb","like","link","listing","live_monitor","live_support","loading","lock","magic_wand","mail","mail_opened","map","market","market_order_back","market_order_cancel","market_order_change","market_order_check","market_processing","meal_bag","medal","message","metric_decrease","metric_increase","metric_minus","microphone","microphone_off","minus","minus_fill","mobile","mobile_fill","mobile_settings","money","money_transfer","motorcycle","motorcycle_check","new_store","normal","notice","notification","offers","order","order_back","order_box","order_boxes","order_cancel","order_check","order_return","order_settings","order_time","order_tracking","paper","partial_approve","pause","pause_fill","people","phone","phone_settings","photo","photo_off","pie_chart","pie_chart_report","pin","play","play_fill","plus","plus_fill","preview","price_settings","print","product","profile","profile_check","profile_star","puzzle","qr","report","review","right_sided_arrow","rocket","rotate","sad","save","search","send","send_mail","services","settings","share","shopping_bag","shopping_bag_add","shopping_bag_back","shopping_bag_cancel","shopping_bag_discount","shopping_bag_return","sorting","sorting_asc","sorting_desc","sound_off","sound_on","split_money","star","star_double","star_fill","star_triple","stop","stop_fill","store","store_performance","suitcase","support","target","ticket","translation","truck","turn_back","turn_back_fill","two_sided_arrow","unlock","upload","user_management","vacation_mode","very_happy","very_sad","wallet","warehouse","warning","youtube","zoom_in","zoom_out"],s=o;var e=s;export{e as default};
|
|
2
2
|
//# sourceMappingURL=icon-list.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-input.js.map
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, TemplateResult } from "lit";
|
|
2
|
+
export type LinkVariant = "inline" | "standalone";
|
|
3
|
+
export type LinkSize = "large" | "medium" | "small";
|
|
4
|
+
export type LinkKind = "primary" | "neutral";
|
|
5
|
+
/**
|
|
6
|
+
* @tag bl-link
|
|
7
|
+
* @summary Baklava Link component for navigation
|
|
8
|
+
*
|
|
9
|
+
* @slot icon - Custom icon slot for non-standalone variants
|
|
10
|
+
*
|
|
11
|
+
* @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link
|
|
12
|
+
* @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link
|
|
13
|
+
* @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link
|
|
14
|
+
*/
|
|
15
|
+
export default class BlLink extends LitElement {
|
|
16
|
+
static get styles(): CSSResultGroup;
|
|
17
|
+
/**
|
|
18
|
+
* URL that the hyperlink points to
|
|
19
|
+
*/
|
|
20
|
+
href: HTMLAnchorElement["href"];
|
|
21
|
+
/**
|
|
22
|
+
* Link variant - inline or standalone
|
|
23
|
+
*/
|
|
24
|
+
variant: LinkVariant;
|
|
25
|
+
/**
|
|
26
|
+
* Link size - only applies to standalone variant
|
|
27
|
+
*/
|
|
28
|
+
size: LinkSize;
|
|
29
|
+
/**
|
|
30
|
+
* Link kind - only applies to standalone variant
|
|
31
|
+
*/
|
|
32
|
+
kind: LinkKind;
|
|
33
|
+
/**
|
|
34
|
+
* Aria label for the link
|
|
35
|
+
*/
|
|
36
|
+
ariaLabel: string;
|
|
37
|
+
/**
|
|
38
|
+
* Where to display the linked URL
|
|
39
|
+
*/
|
|
40
|
+
target: HTMLAnchorElement["target"];
|
|
41
|
+
/**
|
|
42
|
+
* Relationship between the current document and the linked document.
|
|
43
|
+
* Multiple rel values can be specified by separating them with spaces.
|
|
44
|
+
* Example: "noopener noreferrer"
|
|
45
|
+
*/
|
|
46
|
+
rel?: HTMLAnchorElement["rel"];
|
|
47
|
+
/**
|
|
48
|
+
* Language of the linked document
|
|
49
|
+
*/
|
|
50
|
+
hreflang?: HTMLAnchorElement["hreflang"];
|
|
51
|
+
/**
|
|
52
|
+
* MIME type of the linked document
|
|
53
|
+
*/
|
|
54
|
+
type?: HTMLAnchorElement["type"];
|
|
55
|
+
/**
|
|
56
|
+
* Referrer policy for the link
|
|
57
|
+
*/
|
|
58
|
+
referrerPolicy?: HTMLAnchorElement["referrerPolicy"];
|
|
59
|
+
/**
|
|
60
|
+
* Whether to download the resource instead of navigating to it
|
|
61
|
+
*/
|
|
62
|
+
download?: HTMLAnchorElement["download"];
|
|
63
|
+
/**
|
|
64
|
+
* Ping URLs to be notified when following the link
|
|
65
|
+
*/
|
|
66
|
+
ping?: HTMLAnchorElement["ping"];
|
|
67
|
+
private get isStandalone();
|
|
68
|
+
private renderIcon;
|
|
69
|
+
connectedCallback(): void;
|
|
70
|
+
render(): TemplateResult;
|
|
71
|
+
}
|
|
72
|
+
declare global {
|
|
73
|
+
interface HTMLElementTagNameMap {
|
|
74
|
+
"bl-link": BlLink;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=bl-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-link.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7C;;;;;;;;;GASG;AAGH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAM;IAErC;;OAEG;IAEH,OAAO,EAAE,WAAW,CAAY;IAEhC;;OAEG;IAEH,IAAI,EAAE,QAAQ,CAAY;IAE1B;;OAEG;IAEH,IAAI,EAAE,QAAQ,CAAa;IAE3B;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAW;IAE9C;;;;OAIG;IAEH,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE/B;;OAEG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IAEH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjC;;OAEG;IAEH,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAErD;;OAEG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IAEH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,UAAU;IAOlB,iBAAiB;IAiBjB,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"../../chunk-7N7YHRPA.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
|
+
//# sourceMappingURL=bl-link.js.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/web-components";
|
|
2
|
+
interface LinkArgs {
|
|
3
|
+
href?: string;
|
|
4
|
+
variant?: "inline" | "standalone";
|
|
5
|
+
size?: "small" | "medium" | "large";
|
|
6
|
+
kind?: "primary" | "neutral";
|
|
7
|
+
target?: HTMLAnchorElement["target"];
|
|
8
|
+
rel?: HTMLAnchorElement["rel"];
|
|
9
|
+
hreflang?: HTMLAnchorElement["hreflang"];
|
|
10
|
+
type?: HTMLAnchorElement["type"];
|
|
11
|
+
referrerPolicy?: HTMLAnchorElement["referrerPolicy"];
|
|
12
|
+
download?: HTMLAnchorElement["download"];
|
|
13
|
+
ping?: HTMLAnchorElement["ping"];
|
|
14
|
+
"aria-label"?: string;
|
|
15
|
+
content?: string;
|
|
16
|
+
customStyles?: string;
|
|
17
|
+
icon?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const meta: Meta<LinkArgs>;
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<LinkArgs>;
|
|
22
|
+
export declare const Default: Story;
|
|
23
|
+
export declare const InlineLink: Story;
|
|
24
|
+
export declare const StandaloneLink: Story;
|
|
25
|
+
export declare const CustomIconLink: Story;
|
|
26
|
+
export declare const SizeVariants: Story;
|
|
27
|
+
export declare const KindVariants: Story;
|
|
28
|
+
export declare const NativeAnchorAttributes: Story;
|
|
29
|
+
export declare const AccessibleLink: Story;
|
|
30
|
+
export declare const CustomInlineColors: Story;
|
|
31
|
+
//# sourceMappingURL=bl-link.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAkJxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAuBhC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import{a as i}from"../../chunk-M4E4CVZ4.js";import{a as t}from"../../chunk-DINNT5P2.js";import{b as r}from"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";var o="https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414",l="https://github.com/Trendyol/baklava/blob/main/src/components/link/docs/ADR/link-component-implementation.md",a={title:"Components/Link",component:"bl-link",parameters:{chromatic:{viewports:[1e3]},controls:{exclude:["content"]},docs:{description:{component:`<div class="bl-docs-container"><p class="bl-docs-description">The Link component is used for navigation between pages or to external URLs. It supports all native anchor tag attributes and provides additional styling variants. When not using the standalone variant, you can provide a custom icon using the icon slot.</p><div class="bl-docs-links" style="display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);"><bl-badge icon="document" style="--bl-badge-background: var(--bl-color-surface-hover)"><bl-link variant='inline' href='`+l+`' target='_blank'>ADR</bl-link></bl-badge><bl-badge icon="puzzle" style="--bl-badge-background: var(--bl-color-surface-hover)"><bl-link variant='inline' href='`+o+"' target='_blank'>Figma</bl-link></bl-badge></div></div>"}}},decorators:[i],argTypes:{href:{control:"text",description:"URL that the hyperlink points to",table:{type:{summary:"string"}}},variant:{control:{type:"select"},options:["inline","standalone"],description:"Link variant",table:{type:{summary:"LinkVariant"},defaultValue:{summary:"inline"}}},size:{control:{type:"select"},options:["small","medium","large"],description:"Link size (only applies to standalone variant)",table:{type:{summary:"LinkSize"},defaultValue:{summary:"medium"}}},kind:{control:{type:"select"},options:["primary","neutral"],description:"Link kind (only applies to standalone variant)",table:{type:{summary:"LinkKind"},defaultValue:{summary:"primary"}}},target:{control:{type:"select"},options:["_self","_blank","_parent","_top"],description:"Where to display the linked URL",table:{type:{summary:"HTMLAnchorElement['target']"},defaultValue:{summary:"_self"}}},rel:{control:"text",description:"Relationship between documents (e.g., noopener noreferrer)",table:{type:{summary:"HTMLAnchorElement['rel']"}}},hreflang:{control:"text",description:"Language of the linked document",table:{type:{summary:"HTMLAnchorElement['hreflang']"}}},type:{control:"text",description:"MIME type of the linked document",table:{type:{summary:"HTMLAnchorElement['type']"}}},referrerPolicy:{control:{type:"select"},options:["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"],description:"Referrer policy for the link",table:{type:{summary:"HTMLAnchorElement['referrerPolicy']"}}},download:{control:"text",description:"Whether to download the resource instead of navigating to it",table:{type:{summary:"HTMLAnchorElement['download']"}}},ping:{control:"text",description:"URLs to be notified when following the link",table:{type:{summary:"HTMLAnchorElement['ping']"}}},"aria-label":{control:"text",description:"Aria label for accessibility",table:{type:{summary:"string"}}},icon:{control:"text",description:"Icon name for custom icon (only applies to non-standalone variants)",table:{type:{summary:"string"}}}}},d=a,n=e=>r`
|
|
2
|
+
<bl-link
|
|
3
|
+
href=${t(e.href)}
|
|
4
|
+
variant=${t(e.variant)}
|
|
5
|
+
size=${t(e.size)}
|
|
6
|
+
kind=${t(e.kind)}
|
|
7
|
+
target=${t(e.target)}
|
|
8
|
+
rel=${t(e.rel)}
|
|
9
|
+
hreflang=${t(e.hreflang)}
|
|
10
|
+
type=${t(e.type)}
|
|
11
|
+
referrerpolicy=${t(e.referrerPolicy)}
|
|
12
|
+
download=${t(e.download)}
|
|
13
|
+
ping=${t(e.ping)}
|
|
14
|
+
aria-label=${t(e["aria-label"])}
|
|
15
|
+
style=${t(e.customStyles)}
|
|
16
|
+
>
|
|
17
|
+
${e.content||"Link Text"}
|
|
18
|
+
${e.icon?r`<bl-icon name="${e.icon}" slot="icon"></bl-icon>`:""}
|
|
19
|
+
</bl-link>
|
|
20
|
+
`,m={args:{href:"/",content:"Link"},render:n},h={args:{href:"/",variant:"inline",content:"Link"},render:e=>r`
|
|
21
|
+
<div>
|
|
22
|
+
<bl-alert
|
|
23
|
+
variant="warning"
|
|
24
|
+
icon
|
|
25
|
+
style="margin-bottom: var(--bl-size-m);"
|
|
26
|
+
>
|
|
27
|
+
Inline variant should be used within a text container. Example:
|
|
28
|
+
<div style="margin-top: var(--bl-size-2xs);">
|
|
29
|
+
<p>Text with <bl-link variant="inline">a link</bl-link> inside.</p>
|
|
30
|
+
</div>
|
|
31
|
+
</bl-alert>
|
|
32
|
+
|
|
33
|
+
<p style="font-size: 16px; line-height: 1.5;">
|
|
34
|
+
This is a paragraph with a ${n(e)} in the text.
|
|
35
|
+
</p>
|
|
36
|
+
|
|
37
|
+
<p style="font-size: 14px; line-height: 1.5;">
|
|
38
|
+
This is a paragraph with a ${n(e)} in the text.
|
|
39
|
+
</p>
|
|
40
|
+
|
|
41
|
+
<p style="font-size: 12px; line-height: 1.5;">
|
|
42
|
+
This is a paragraph with a ${n(e)} in the text.
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
`},y={args:{href:"/",variant:"standalone",content:"Link"},render:n},g={args:{href:"/",content:"Link with Custom Icon",icon:"external_link"},render:n},b={args:{variant:"standalone"},render:()=>r`
|
|
46
|
+
<div style="display: flex; gap: 16px; align-items: center;">
|
|
47
|
+
${n({href:"/",variant:"standalone",size:"small",content:"Small"})}
|
|
48
|
+
${n({href:"/",variant:"standalone",size:"medium",content:"Medium"})}
|
|
49
|
+
${n({href:"/",variant:"standalone",size:"large",content:"Large"})}
|
|
50
|
+
</div>
|
|
51
|
+
`},f={args:{variant:"standalone"},render:()=>r`
|
|
52
|
+
<div style="display: flex; gap: 16px; align-items: center;">
|
|
53
|
+
${n({href:"/",variant:"standalone",kind:"primary",content:"Primary"})}
|
|
54
|
+
${n({href:"/",variant:"standalone",kind:"neutral",content:"Neutral"})}
|
|
55
|
+
</div>
|
|
56
|
+
`},u={args:{href:"https://example.com",target:"_blank",rel:"noopener noreferrer",hreflang:"en",type:"text/html",referrerPolicy:"no-referrer",download:"file.pdf",ping:"https://analytics.example.com",content:"External Link with Native Attributes"},render:n},v={args:{href:"/","aria-label":"View your profile settings",content:"Profile"},render:n},k={render:()=>r`
|
|
57
|
+
<div style="display: flex; gap: 16px; align-items: center;">
|
|
58
|
+
${n({href:"/",content:"Success Link",customStyles:"--bl-link-color: var(--bl-color-success); --bl-link-hover-color: var(--bl-color-success-highlight); --bl-link-active-color: var(--bl-color-success-highlight);"})}
|
|
59
|
+
${n({href:"/",content:"Warning Link",customStyles:"--bl-link-color: var(--bl-color-warning); --bl-link-hover-color: var(--bl-color-warning-highlight); --bl-link-active-color: var(--bl-color-warning-highlight);"})}
|
|
60
|
+
${n({href:"/",content:"Danger Link",customStyles:"--bl-link-color: var(--bl-color-danger); --bl-link-hover-color: var(--bl-color-danger-highlight); --bl-link-active-color: var(--bl-color-danger-highlight);"})}
|
|
61
|
+
</div>
|
|
62
|
+
`};export{v as AccessibleLink,g as CustomIconLink,k as CustomInlineColors,m as Default,h as InlineLink,f as KindVariants,u as NativeAnchorAttributes,b as SizeVariants,y as StandaloneLink,d as default};
|
|
63
|
+
//# sourceMappingURL=bl-link.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/link/bl-link.stories.ts"],
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/web-components\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { centeredLayout } from \"../../utilities/chromatic-decorators\";\n\n\ninterface LinkArgs {\n href?: string;\n variant?: \"inline\" | \"standalone\";\n size?: \"small\" | \"medium\" | \"large\";\n kind?: \"primary\" | \"neutral\";\n target?: HTMLAnchorElement[\"target\"];\n rel?: HTMLAnchorElement[\"rel\"];\n hreflang?: HTMLAnchorElement[\"hreflang\"];\n type?: HTMLAnchorElement[\"type\"];\n referrerPolicy?: HTMLAnchorElement[\"referrerPolicy\"];\n download?: HTMLAnchorElement[\"download\"];\n ping?: HTMLAnchorElement[\"ping\"];\n \"aria-label\"?: string;\n content?: string;\n customStyles?: string;\n icon?: string;\n}\n\nconst FIGMA_LINK = \"https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414\";\nconst ADR_LINK = \"https://github.com/Trendyol/baklava/blob/main/src/components/link/docs/ADR/link-component-implementation.md\";\n\nconst meta: Meta<LinkArgs> = {\n title: \"Components/Link\",\n component: \"bl-link\",\n parameters: {\n chromatic: {\n viewports: [1000]\n },\n controls: {\n exclude: [\"content\"],\n },\n docs: {\n description: {\n component:\n \"<div class=\\\"bl-docs-container\\\">\" +\n \"<p class=\\\"bl-docs-description\\\">\" +\n \"The Link component is used for navigation between pages or to external URLs. \" +\n \"It supports all native anchor tag attributes and provides additional styling variants. \" +\n \"When not using the standalone variant, you can provide a custom icon using the icon slot.\" +\n \"</p>\" +\n\n \"<div class=\\\"bl-docs-links\\\" style=\\\"display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);\\\">\" +\n \"<bl-badge icon=\\\"document\\\" style=\\\"--bl-badge-background: var(--bl-color-surface-hover)\\\">\" +\n \"<bl-link variant='inline' href='\" + ADR_LINK + \"' target='_blank'>ADR</bl-link>\" +\n \"</bl-badge>\" +\n \"<bl-badge icon=\\\"puzzle\\\" style=\\\"--bl-badge-background: var(--bl-color-surface-hover)\\\">\" +\n \"<bl-link variant='inline' href='\" + FIGMA_LINK + \"' target='_blank'>Figma</bl-link>\" +\n \"</bl-badge>\" +\n \"</div>\" +\n \"</div>\",\n },\n },\n },\n decorators: [\n centeredLayout,\n ],\n argTypes: {\n href: {\n control: \"text\",\n description: \"URL that the hyperlink points to\",\n table: {\n type: { summary: \"string\" },\n },\n },\n variant: {\n control: { type: \"select\" },\n options: [\"inline\", \"standalone\"],\n description: \"Link variant\",\n table: {\n type: { summary: \"LinkVariant\" },\n defaultValue: { summary: \"inline\" },\n },\n },\n size: {\n control: { type: \"select\" },\n options: [\"small\", \"medium\", \"large\"],\n description: \"Link size (only applies to standalone variant)\",\n table: {\n type: { summary: \"LinkSize\" },\n defaultValue: { summary: \"medium\" },\n },\n },\n kind: {\n control: { type: \"select\" },\n options: [\"primary\", \"neutral\"],\n description: \"Link kind (only applies to standalone variant)\",\n table: {\n type: { summary: \"LinkKind\" },\n defaultValue: { summary: \"primary\" },\n },\n },\n target: {\n control: { type: \"select\" },\n options: [\"_self\", \"_blank\", \"_parent\", \"_top\"],\n description: \"Where to display the linked URL\",\n table: {\n type: { summary: \"HTMLAnchorElement['target']\" },\n defaultValue: { summary: \"_self\" },\n },\n },\n rel: {\n control: \"text\",\n description: \"Relationship between documents (e.g., noopener noreferrer)\",\n table: {\n type: { summary: \"HTMLAnchorElement['rel']\" },\n },\n },\n hreflang: {\n control: \"text\",\n description: \"Language of the linked document\",\n table: {\n type: { summary: \"HTMLAnchorElement['hreflang']\" },\n },\n },\n type: {\n control: \"text\",\n description: \"MIME type of the linked document\",\n table: {\n type: { summary: \"HTMLAnchorElement['type']\" },\n },\n },\n referrerPolicy: {\n control: { type: \"select\" },\n options: [\n \"no-referrer\",\n \"no-referrer-when-downgrade\",\n \"origin\",\n \"origin-when-cross-origin\",\n \"same-origin\",\n \"strict-origin\",\n \"strict-origin-when-cross-origin\",\n \"unsafe-url\",\n ],\n description: \"Referrer policy for the link\",\n table: {\n type: { summary: \"HTMLAnchorElement['referrerPolicy']\" },\n },\n },\n download: {\n control: \"text\",\n description: \"Whether to download the resource instead of navigating to it\",\n table: {\n type: { summary: \"HTMLAnchorElement['download']\" },\n },\n },\n ping: {\n control: \"text\",\n description: \"URLs to be notified when following the link\",\n table: {\n type: { summary: \"HTMLAnchorElement['ping']\" },\n },\n },\n \"aria-label\": {\n control: \"text\",\n description: \"Aria label for accessibility\",\n table: {\n type: { summary: \"string\" },\n },\n },\n icon: {\n control: \"text\",\n description: \"Icon name for custom icon (only applies to non-standalone variants)\",\n table: {\n type: { summary: \"string\" },\n },\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<LinkArgs>;\n\nconst LinkTemplate = (args: LinkArgs) => html`\n <bl-link\n href=${ifDefined(args.href)}\n variant=${ifDefined(args.variant)}\n size=${ifDefined(args.size)}\n kind=${ifDefined(args.kind)}\n target=${ifDefined(args.target)}\n rel=${ifDefined(args.rel)}\n hreflang=${ifDefined(args.hreflang)}\n type=${ifDefined(args.type)}\n referrerpolicy=${ifDefined(args.referrerPolicy)}\n download=${ifDefined(args.download)}\n ping=${ifDefined(args.ping)}\n aria-label=${ifDefined(args[\"aria-label\"])}\n style=${ifDefined(args.customStyles)}\n >\n ${args.content || \"Link Text\"}\n ${args.icon ? html`<bl-icon name=\"${args.icon}\" slot=\"icon\"></bl-icon>` : \"\"}\n </bl-link>\n`;\n\nexport const Default: Story = {\n args: {\n href: \"/\",\n content: \"Link\",\n },\n render: LinkTemplate,\n};\n\nexport const InlineLink: Story = {\n args: {\n href: \"/\",\n variant: \"inline\",\n content: \"Link\",\n },\n render: (args) => html`\n <div>\n <bl-alert\n variant=\"warning\"\n icon\n style=\"margin-bottom: var(--bl-size-m);\"\n >\n Inline variant should be used within a text container. Example:\n <div style=\"margin-top: var(--bl-size-2xs);\">\n <p>Text with <bl-link variant=\"inline\">a link</bl-link> inside.</p>\n </div>\n </bl-alert>\n\n <p style=\"font-size: 16px; line-height: 1.5;\">\n This is a paragraph with a ${LinkTemplate(args)} in the text.\n </p>\n\n <p style=\"font-size: 14px; line-height: 1.5;\">\n This is a paragraph with a ${LinkTemplate(args)} in the text.\n </p>\n\n <p style=\"font-size: 12px; line-height: 1.5;\">\n This is a paragraph with a ${LinkTemplate(args)} in the text.\n </p>\n </div>\n `,\n};\n\nexport const StandaloneLink: Story = {\n args: {\n href: \"/\",\n variant: \"standalone\",\n content: \"Link\",\n },\n render: LinkTemplate,\n};\n\nexport const CustomIconLink: Story = {\n args: {\n href: \"/\",\n content: \"Link with Custom Icon\",\n icon: \"external_link\",\n },\n render: LinkTemplate,\n};\n\nexport const SizeVariants: Story = {\n args: {\n variant: \"standalone\",\n },\n render: () => html`\n <div style=\"display: flex; gap: 16px; align-items: center;\">\n ${LinkTemplate({ href: \"/\", variant: \"standalone\", size: \"small\", content: \"Small\" })}\n ${LinkTemplate({ href: \"/\", variant: \"standalone\", size: \"medium\", content: \"Medium\" })}\n ${LinkTemplate({ href: \"/\", variant: \"standalone\", size: \"large\", content: \"Large\" })}\n </div>\n `,\n};\n\nexport const KindVariants: Story = {\n args: {\n variant: \"standalone\",\n },\n render: () => html`\n <div style=\"display: flex; gap: 16px; align-items: center;\">\n ${LinkTemplate({ href: \"/\", variant: \"standalone\", kind: \"primary\", content: \"Primary\" })}\n ${LinkTemplate({ href: \"/\", variant: \"standalone\", kind: \"neutral\", content: \"Neutral\" })}\n </div>\n `,\n};\n\nexport const NativeAnchorAttributes: Story = {\n args: {\n href: \"https://example.com\",\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n hreflang: \"en\",\n type: \"text/html\",\n referrerPolicy: \"no-referrer\",\n download: \"file.pdf\",\n ping: \"https://analytics.example.com\",\n content: \"External Link with Native Attributes\",\n },\n render: LinkTemplate,\n};\n\nexport const AccessibleLink: Story = {\n args: {\n href: \"/\",\n \"aria-label\": \"View your profile settings\",\n content: \"Profile\",\n\n },\n render: LinkTemplate,\n};\n\nexport const CustomInlineColors: Story = {\n render: () => html`\n <div style=\"display: flex; gap: 16px; align-items: center;\">\n ${LinkTemplate({\n href: \"/\",\n content: \"Success Link\",\n customStyles: \"--bl-link-color: var(--bl-color-success); --bl-link-hover-color: var(--bl-color-success-highlight); --bl-link-active-color: var(--bl-color-success-highlight);\"\n })}\n ${LinkTemplate({\n href: \"/\",\n content: \"Warning Link\",\n customStyles: \"--bl-link-color: var(--bl-color-warning); --bl-link-hover-color: var(--bl-color-warning-highlight); --bl-link-active-color: var(--bl-color-warning-highlight);\"\n })}\n ${LinkTemplate({\n href: \"/\",\n content: \"Danger Link\",\n customStyles: \"--bl-link-color: var(--bl-color-danger); --bl-link-hover-color: var(--bl-color-danger-highlight); --bl-link-active-color: var(--bl-color-danger-highlight);\"\n })}\n </div>\n `,\n};\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["FIGMA_LINK", "ADR_LINK", "meta", "centeredLayout", "bl_link_stories_default", "LinkTemplate", "args", "x", "l", "Default", "InlineLink", "StandaloneLink", "CustomIconLink", "SizeVariants", "KindVariants", "NativeAnchorAttributes", "AccessibleLink", "CustomInlineColors"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-link.test.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../chunk-
|
|
1
|
+
import{a,b}from"../../chunk-23AVKNCC.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as SWIPE_UP_THRESHOLD,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-notification.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as p}from"../../chunk-M4E4CVZ4.js";import{a as s}from"../../chunk-DINNT5P2.js";import{b as t}from"../../chunk-4OT5AMS5.js";import{e}from"../../chunk-BWWXE4SL.js";var A={title:"Components/Notification",component:"bl-notification",parameters:{chromatic:{viewports:[1e3]}},decorators:[p],argTypes:{duration:{control:"number",description:"Duration in seconds",defaultValue:7},caption:{control:"text",description:"Caption of the notification"},description:{control:"text",description:"Description of the notification. Required."},icon:{control:"text",defaultValue:"true",description:"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon."},variant:{options:["info","warning","success","error"],default:"info",control:{type:"select"},description:"Variant of the notification"},permanent:{control:"boolean",defaultValue:!1,description:"If true, the notification will not have duration and will be removed when the user clicks on the close button."},primaryAction:{control:"object",description:"Primary action of the notification. onClick and label properties are required."},secondaryAction:{control:"object",description:"Secondary action of the notification. onClick and label properties are required."}},args:{noAnimation:!1,duration:20,caption:"Notification Caption",description:"Notification Description",icon:"true",variant:"info",permanent:!1,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}}},k=A,c=i=>{let o=document.querySelector("bl-notification");return o==null?void 0:o.addNotification(i)},b=i=>JSON.stringify(i,null,6),r=i=>t`
|
|
2
2
|
<bl-notification
|
|
3
3
|
?no-animation=${i.noAnimation}
|
|
4
4
|
duration=${s(i.duration)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-7HEDOM2M.js";import"../../../chunk-ECPWEUBG.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as CloseSource,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-notification-card.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-P4S537UY.js";import"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-pagination.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as a}from"../../chunk-
|
|
1
|
+
import{b as a}from"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.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-popover.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-UK2ZEQBN.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-progress-indicator.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{d as a,e as b,f as c}from"../../chunk-
|
|
1
|
+
import{d as a,e as b,f as c}from"../../chunk-FS3MTRC3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{b as blChangeEventName,a as blRadioGroupTag,c as default};
|
|
2
2
|
//# sourceMappingURL=bl-radio-group.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b,c}from"../../../chunk-
|
|
1
|
+
import{a,b,c}from"../../../chunk-FS3MTRC3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{b as blCheckedEventName,a as blRadioTag,c as default};
|
|
2
2
|
//# sourceMappingURL=bl-radio.js.map
|