@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-calendar.test.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/bl-calendar.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bl-calendar.test.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/bl-calendar.test.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAC"}
|
|
@@ -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;IAU9B,eAAe;IAMf,WAAW;IAKX,YAAY;IAIZ,cAAc;IAId,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,EAAE;IAY9C,YAAY;IAmBlB,gBAAgB;IAKhB,oBAAoB;IAMpB,MAAM;CA2EP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-C2UDBDKV.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3IZAFXL6.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IEFQ6PGY.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-GBJ4SP2Y.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-3IZAFXL6.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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-notification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,QAAA,MAAM,IAAI,EAAE,IAqEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAYpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"bl-notification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,QAAA,MAAM,IAAI,EAAE,IAqEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAYpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AA8B/C,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA+BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAkDlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8F7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqIxB,CAAC"}
|
|
@@ -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 N={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=N,c=i=>{let o=document.querySelector("bl-notification");return o==null?void 0:o.addNotification(i)},A=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)}
|
|
@@ -8,6 +8,8 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
8
8
|
|
|
9
9
|
<script>
|
|
10
10
|
(function () {
|
|
11
|
+
window?.__applyStorybookTheme?.();
|
|
12
|
+
|
|
11
13
|
const notificationElement = document.querySelector("bl-notification");
|
|
12
14
|
const addButton = document.querySelector("bl-button#`,`");
|
|
13
15
|
|
|
@@ -16,12 +18,14 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
16
18
|
});
|
|
17
19
|
})();
|
|
18
20
|
<\/script>
|
|
19
|
-
`])),a,o,a,
|
|
21
|
+
`])),a,o,a,A(i))},w={render(i){return t`${r(i)} ${n(i)} `},args:{duration:60,primaryAction:void 0,secondaryAction:void 0},play:({args:i})=>{c(i),c({...i,variant:"success"}),c({...i,variant:"warning"}),c({...i,variant:"error"})}},f,E={render(i){return t(f||(f=e([`
|
|
20
22
|
`,`
|
|
21
23
|
<bl-button>Remove Notification</bl-button>
|
|
22
24
|
|
|
23
25
|
<script>
|
|
24
26
|
(function () {
|
|
27
|
+
window?.__applyStorybookTheme?.();
|
|
28
|
+
|
|
25
29
|
const notificationElement = document.querySelector("bl-notification");
|
|
26
30
|
const removeButton = document.querySelector("bl-button");
|
|
27
31
|
|
|
@@ -36,12 +40,14 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
36
40
|
});
|
|
37
41
|
})();
|
|
38
42
|
<\/script>
|
|
39
|
-
`])),r(i))}},m,
|
|
43
|
+
`])),r(i))}},m,g={render(i){return t(m||(m=e([`
|
|
40
44
|
`,`
|
|
41
45
|
<bl-button>Remove Notifications</bl-button>
|
|
42
46
|
|
|
43
47
|
<script>
|
|
44
48
|
(function () {
|
|
49
|
+
window?.__applyStorybookTheme?.();
|
|
50
|
+
|
|
45
51
|
const notificationElement = document.querySelector("bl-notification");
|
|
46
52
|
const removeButton = document.querySelector("bl-button");
|
|
47
53
|
|
|
@@ -70,10 +76,12 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
70
76
|
});
|
|
71
77
|
})();
|
|
72
78
|
<\/script>
|
|
73
|
-
`])),r(i))}},u
|
|
79
|
+
`])),r(i))}},u,h={render(i){return t(u||(u=e([`
|
|
74
80
|
`,`
|
|
75
81
|
<script>
|
|
76
82
|
(function () {
|
|
83
|
+
window?.__applyStorybookTheme?.();
|
|
84
|
+
|
|
77
85
|
const notificationElement = document.querySelector("bl-notification");
|
|
78
86
|
|
|
79
87
|
notificationElement.addNotification({
|
|
@@ -89,10 +97,12 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
89
97
|
});
|
|
90
98
|
})();
|
|
91
99
|
<\/script>
|
|
92
|
-
`])),r(i))}},y
|
|
100
|
+
`])),r(i))}},y,$={render(i){return t(y||(y=e([`
|
|
93
101
|
`,`
|
|
94
102
|
<script>
|
|
95
103
|
(function () {
|
|
104
|
+
window?.__applyStorybookTheme?.();
|
|
105
|
+
|
|
96
106
|
const notificationElement = document.querySelector("bl-notification");
|
|
97
107
|
|
|
98
108
|
notificationElement.addNotification({
|
|
@@ -114,10 +124,12 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
114
124
|
});
|
|
115
125
|
})();
|
|
116
126
|
<\/script>
|
|
117
|
-
`])),r(i))}},
|
|
127
|
+
`])),r(i))}},b,x={render(i){return t(b||(b=e([`
|
|
118
128
|
`,`
|
|
119
129
|
<script>
|
|
120
130
|
(function () {
|
|
131
|
+
window?.__applyStorybookTheme?.();
|
|
132
|
+
|
|
121
133
|
const notificationElement = document.querySelector("bl-notification");
|
|
122
134
|
|
|
123
135
|
const notification = notificationElement.addNotification({
|
|
@@ -145,7 +157,7 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
145
157
|
${n({caption:"Notification Caption",description:"Notification Variant: success",permanent:!0,variant:"success",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Success")}
|
|
146
158
|
${n({caption:"Notification Caption",description:"Notification Variant: warning",permanent:!0,variant:"warning",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Warning")}
|
|
147
159
|
${n({caption:"Notification Caption",description:"Notification Variant: error",permanent:!0,variant:"error",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Error")}
|
|
148
|
-
`},play:()=>{let i=["info","success","warning","error"];for(let o of i)c({caption:"Notification Caption",description:`Notification Variant: ${o}`,permanent:!0,variant:o,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}})}},
|
|
160
|
+
`},play:()=>{let i=["info","success","warning","error"];for(let o of i)c({caption:"Notification Caption",description:`Notification Variant: ${o}`,permanent:!0,variant:o,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}})}},T={render(i){return t`
|
|
149
161
|
<div class="rtl-container" dir="rtl" lang="ar">
|
|
150
162
|
${r(i)}
|
|
151
163
|
${n({caption:"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628",description:"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.",duration:7,variant:"info",icon:!0,primaryAction:{label:"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646",onClick(){}}},"Info")}
|
|
@@ -161,5 +173,5 @@ import{a as p}from"../../chunk-HSVSMABT.js";import{a as s}from"../../chunk-DINNT
|
|
|
161
173
|
padding: 1rem;
|
|
162
174
|
}
|
|
163
175
|
</style>
|
|
164
|
-
`},play:()=>{[{caption:"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628",description:"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.",duration:7,variant:"info",icon:!0,primaryAction:{label:"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646",onClick(){}}},{caption:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629",description:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.",duration:10,variant:"success",icon:!0},{caption:"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646",description:"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.",duration:15,variant:"warning",icon:!0,primaryAction:{label:"\u062A\u0631\u0642\u064A\u0629",onClick(){}},secondaryAction:{label:"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F",onClick(){}}},{caption:"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644",description:"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",duration:20,variant:"error",icon:!0,primaryAction:{label:"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",onClick(){}}}].forEach((o,a)=>{setTimeout(()=>{let l=document.querySelector(".rtl-container bl-notification");l==null||l.addNotification(o)},a*300)})},args:{noAnimation:!0,duration:7}};export{x as ActionsRemoveExample,
|
|
176
|
+
`},play:()=>{[{caption:"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628",description:"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.",duration:7,variant:"info",icon:!0,primaryAction:{label:"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646",onClick(){}}},{caption:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629",description:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.",duration:10,variant:"success",icon:!0},{caption:"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646",description:"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.",duration:15,variant:"warning",icon:!0,primaryAction:{label:"\u062A\u0631\u0642\u064A\u0629",onClick(){}},secondaryAction:{label:"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F",onClick(){}}},{caption:"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644",description:"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",duration:20,variant:"error",icon:!0,primaryAction:{label:"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",onClick(){}}}].forEach((o,a)=>{setTimeout(()=>{let l=document.querySelector(".rtl-container bl-notification");l==null||l.addNotification(o)},a*300)})},args:{noAnimation:!0,duration:7}};export{x as ActionsRemoveExample,w as AddExample,P as PermanentExample,h as PrimaryActionExample,T as RTLExample,g as RemoveAwaitExample,E as RemoveExample,$ as SecondaryActionExample,q as VariantsExample,k as default};
|
|
165
177
|
//# sourceMappingURL=bl-notification.stories.js.map
|