@trendyol/baklava 2.3.0-beta.9 → 2.4.0-beta.1
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 +2 -2
- package/dist/assets/camera_off.svg +4 -0
- package/dist/assets/left_sided_arrow.svg +3 -0
- package/dist/assets/microphone.svg +3 -0
- package/dist/assets/microphone_off.svg +12 -0
- package/dist/assets/photo_off.svg +3 -0
- package/dist/assets/review.svg +3 -0
- package/dist/assets/right_sided_arrow.svg +3 -0
- package/dist/assets/sound_off.svg +4 -0
- package/dist/baklava-react.d.ts +52 -77
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +4 -4
- package/dist/baklava-vue.d.ts +32 -0
- package/dist/baklava.js +1 -1
- package/dist/{chunk-UH64GZL3.js → chunk-2HHDYA7P.js} +2 -2
- package/dist/chunk-2HHDYA7P.js.map +7 -0
- package/dist/components/icon/icon-list.d.ts +1 -1
- package/dist/components/icon/icon-list.d.ts.map +1 -1
- package/dist/components/icon/icon-list.js +1 -1
- package/dist/components/icon/icon-list.js.map +2 -2
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/package.json +5 -4
- package/dist/chunk-UH64GZL3.js.map +0 -7
package/README.md
CHANGED
|
@@ -29,8 +29,8 @@ Web implementation of the design system is created as native web components so i
|
|
|
29
29
|
Preferred way of using Baklava is using it via CDN. Just import library JS and CSS files to your main document like below:
|
|
30
30
|
|
|
31
31
|
```html
|
|
32
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trendyol/baklava@2.
|
|
33
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/@trendyol/baklava@2.
|
|
32
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trendyol/baklava@2.3.0/dist/themes/default.css" />
|
|
33
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/@trendyol/baklava@2.3.0/dist/baklava.js"></script>
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
This way library will be served from a very high performant CDN and all of the Baklava web components will be ready to use inside your web project.
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.80006 0.400059C2.46869 -0.0417689 1.84189 -0.131312 1.40006 0.200059C0.958231 0.53143 0.868688 1.15823 1.20006 1.60006L2.47982 3.30641C2.37719 3.34465 2.27899 3.38766 2.18404 3.43603C1.43139 3.81953 0.819467 4.43145 0.435974 5.1841C0 6.03975 0 7.15985 0 9.40006V14.6001C0 16.8403 0 17.9604 0.435974 18.816C0.819467 19.5687 1.43139 20.1806 2.18404 20.5641C3.03969 21.0001 4.15979 21.0001 6.4 21.0001H11.6C13.5917 21.0001 14.698 21.0001 15.5203 20.6937L17.7001 23.6001C18.0314 24.0419 18.6582 24.1314 19.1001 23.8001C19.5419 23.4687 19.6314 22.8419 19.3001 22.4001L2.80006 0.400059Z" fill="currentColor"/>
|
|
3
|
+
<path d="M6.75 3.00006L17.8726 17.8302C17.9724 17.2425 17.994 16.5057 17.9987 15.4993L22.4961 18.1228C23.1628 18.5117 24 18.0308 24 17.259V6.7411C24 5.96931 23.1628 5.48844 22.4961 5.87732L17.9987 8.50082C17.991 6.84327 17.9373 5.91674 17.564 5.1841C17.1805 4.43145 16.5686 3.81953 15.816 3.43603C14.9603 3.00006 13.8402 3.00006 11.6 3.00006H6.75Z" fill="currentColor"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 0C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4C0 1.79086 1.79086 0 4 0H20ZM11 15.0568V13.5H18C18.5523 13.5 19 13.0523 19 12.5V11.5C19 10.9477 18.5523 10.5 18 10.5H11V8.94319C11 8.12982 10.0806 7.6567 9.41876 8.12946L5.13923 11.1863C4.58088 11.5851 4.58088 12.4149 5.13923 12.8137L9.41876 15.8705C10.0806 16.3433 11 15.8702 11 15.0568Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C9.79086 1 8 2.79086 8 5V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V5C16 2.79086 14.2091 1 12 1ZM5 11C5.55228 11 6 11.4477 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 11.4477 18.4477 11 19 11C19.5523 11 20 11.4477 20 12C20 16.0796 16.9463 19.446 13 19.9381V21H15C15.5523 21 16 21.4477 16 22C16 22.5523 15.5523 23 15 23H9C8.44772 23 8 22.5523 8 22C8 21.4477 8.44772 21 9 21H11V19.9381C7.05369 19.446 4 16.0796 4 12C4 11.4477 4.44772 11 5 11Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_147_146)">
|
|
3
|
+
<path d="M3.79133 0.388601C3.45364 -0.0484139 2.82562 -0.12893 2.3886 0.208763C1.95159 0.546456 1.87107 1.17448 2.20876 1.6115L8 9.10604V12C8 14.2092 9.79086 16 12 16C12.4138 16 12.813 15.9372 13.1885 15.8205L14.4647 17.4721C13.7128 17.8113 12.8784 18 12 18C8.68629 18 6 15.3138 6 12C6 11.4478 5.55228 11 5 11C4.44772 11 4 11.4478 4 12C4 16.0797 7.05369 19.4461 11 19.9382V21H9C8.44772 21 8 21.4478 8 22C8 22.5523 8.44772 23 9 23H15C15.5523 23 16 22.5523 16 22C16 21.4478 15.5523 21 15 21H13V19.9382C13.9689 19.8173 14.884 19.5233 15.7133 19.0879L19.2088 23.6115C19.5465 24.0485 20.1745 24.129 20.6115 23.7913C21.0485 23.4536 21.129 22.8256 20.7913 22.3886L3.79133 0.388601Z" fill="currentColor"/>
|
|
4
|
+
<path d="M8.20091 3.74481L15.7429 13.414C15.9091 12.9744 16 12.4978 16 12V5.00005C16 2.79091 14.2091 1.00005 12 1.00005C10.2293 1.00005 8.72737 2.15056 8.20091 3.74481Z" fill="currentColor"/>
|
|
5
|
+
<path d="M17.1029 15.1576L18.3924 16.8109C19.4017 15.472 20 13.8059 20 12C20 11.4478 19.5523 11 19 11C18.4477 11 18 11.4478 18 12C18 13.1586 17.6716 14.2404 17.1029 15.1576Z" fill="currentColor"/>
|
|
6
|
+
</g>
|
|
7
|
+
<defs>
|
|
8
|
+
<clipPath id="clip0_147_146">
|
|
9
|
+
<rect width="24" height="24" fill="white"/>
|
|
10
|
+
</clipPath>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.4018 0.211139C2.85177 -0.132255 3.49649 -0.0478985 3.84182 0.399554L20.7877 22.3569C21.133 22.8044 21.0482 23.4455 20.5982 23.7889C20.1482 24.1323 19.5035 24.0479 19.1582 23.6004L17.1513 21H4C1.79086 21 0 19.2092 0 17V8.00005C0 5.79091 1.79086 4.00005 4 4.00005H4.03134L2.21233 1.64309C1.867 1.19564 1.95183 0.554533 2.4018 0.211139ZM12.4896 14.9597L13.8051 16.6643C13.2452 16.8811 12.6365 17 12 17C9.23858 17 7 14.7615 7 12.0001C7 10.9068 7.35087 9.89549 7.94615 9.07261L9.26084 10.7761C9.13801 11.051 9.05705 11.3432 9.02112 11.6432C8.97426 12.0344 9.00491 12.4309 9.11132 12.8103C9.21772 13.1896 9.3978 13.5442 9.64127 13.854C9.88473 14.1637 10.1868 14.4224 10.5303 14.6154C10.8737 14.8084 11.2519 14.9319 11.643 14.9787C11.9252 15.0125 12.2103 15.006 12.4896 14.9597ZM10.9276 7.11532L7.19626 2.20566L7.40627 1.89065C7.7772 1.33425 8.40166 1.00005 9.07037 1.00005H14.9296C15.5983 1.00005 16.2228 1.33425 16.5937 1.89065L18 4.00005H20C22.2091 4.00005 24 5.79091 24 8.00005V17C24 18.7494 22.877 20.2365 21.3126 20.7797L16.4192 14.3411C16.79 13.6427 17 12.8459 17 12.0001C17 9.23863 14.7614 7.00005 12 7.00005C11.6319 7.00005 11.2731 7.03983 10.9276 7.11532ZM20 9.00005C20.5523 9.00005 21 8.55234 21 8.00005C21 7.44777 20.5523 7.00005 20 7.00005C19.4477 7.00005 19 7.44777 19 8.00005C19 8.55234 19.4477 9.00005 20 9.00005Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 2.346 1.346 1 3 1H21C22.655 1 24 2.346 24 4V17C24 18.654 22.655 20 21 20H5.553C5.373 20 5.195 20.048 5.039 20.143L1.514 22.857C1.356 22.953 1.178 23 1 23C0.83 23 0.66 22.957 0.507 22.87C0.194 22.693 0 22.36 0 22V4ZM12.5242 4.34089C12.3098 3.88637 11.6902 3.88637 11.4758 4.34089L10.0746 7.31139C9.98942 7.49188 9.82484 7.61698 9.63445 7.64592L6.50111 8.12226C6.02167 8.19515 5.83023 8.81155 6.17716 9.16535L8.44447 11.4776C8.58223 11.618 8.6451 11.8205 8.61258 12.0188L8.07734 15.2837C7.99544 15.7833 8.49663 16.1643 8.92545 15.9284L11.728 14.3869C11.8983 14.2933 12.1017 14.2933 12.272 14.3869L15.0746 15.9284C15.5034 16.1643 16.0046 15.7833 15.9227 15.2837L15.3874 12.0188C15.3549 11.8205 15.4178 11.618 15.5555 11.4776L17.8228 9.16535C18.1698 8.81155 17.9783 8.19515 17.4989 8.12226L14.3655 7.64592C14.1752 7.61698 14.0106 7.49188 13.9254 7.31139L12.5242 4.34089Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V20C0 22.2091 1.79086 24 4 24H20C22.2091 24 24 22.2091 24 20V4C24 1.79086 22.2091 0 20 0H4ZM13 15.0568V13.5H6C5.44772 13.5 5 13.0523 5 12.5V11.5C5 10.9477 5.44772 10.5 6 10.5H13V8.94319C13 8.12982 13.9194 7.6567 14.5812 8.12946L18.8608 11.1863C19.4191 11.5851 19.4191 12.4149 18.8608 12.8137L14.5812 15.8705C13.9194 16.3433 13 15.8702 13 15.0568Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.7768 0.778807L5 7H3C1.34315 7 0 8.34315 0 10V15C0 16.6569 1.34315 18 3 18H5L10.7771 23.3327C11.2419 23.7618 11.8512 24 12.4838 24C13.8735 24 15 22.8735 15 21.4838V2.43721C15 1.09118 13.9088 0 12.5628 0C11.8851 0 11.238 0.282184 10.7768 0.778807Z" fill="currentColor"/>
|
|
3
|
+
<path d="M16.6986 8.19065C16.3128 8.57645 16.3128 9.20196 16.6986 9.58776L18.8568 11.746L16.6986 13.9043C16.3127 14.2901 16.3127 14.9156 16.6986 15.3014C17.0844 15.6872 17.7099 15.6872 18.0957 15.3014L20.254 13.1431L22.3095 15.1987C22.6953 15.5845 23.3208 15.5845 23.7066 15.1987C24.0924 14.8129 24.0924 14.1874 23.7066 13.8016L21.6511 11.746L23.7066 9.69051C24.0924 9.30471 24.0924 8.67919 23.7066 8.29339C23.3208 7.90759 22.6953 7.90759 22.3095 8.29339L20.2539 10.3489L18.0957 8.19065C17.7099 7.80484 17.0844 7.80484 16.6986 8.19065Z" fill="currentColor"/>
|
|
4
|
+
</svg>
|
package/dist/baklava-react.d.ts
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import type BlAlertType from "./components/alert/bl-alert";
|
|
2
|
-
import type BlBadgeType from "./components/badge/bl-badge";
|
|
3
|
-
import type BlButtonType from "./components/button/bl-button";
|
|
4
|
-
import type BlCheckboxGroupType from "./components/checkbox-group/bl-checkbox-group";
|
|
5
|
-
import type BlCheckboxType from "./components/checkbox-group/checkbox/bl-checkbox";
|
|
6
|
-
import type BlDialogType from "./components/dialog/bl-dialog";
|
|
7
|
-
import type BlDrawerType from "./components/drawer/bl-drawer";
|
|
8
|
-
import type BlDropdownType from "./components/dropdown/bl-dropdown";
|
|
9
|
-
import type BlDropdownGroupType from "./components/dropdown/group/bl-dropdown-group";
|
|
10
|
-
import type BlDropdownItemType from "./components/dropdown/item/bl-dropdown-item";
|
|
11
|
-
import type BlIconType from "./components/icon/bl-icon";
|
|
12
|
-
import type BlInputType from "./components/input/bl-input";
|
|
13
|
-
import type BlPaginationType from "./components/pagination/bl-pagination";
|
|
14
|
-
import type BlPopoverType from "./components/popover/bl-popover";
|
|
15
|
-
import type BlProgressIndicatorType from "./components/progress-indicator/bl-progress-indicator";
|
|
16
|
-
import type BlRadioGroupType from "./components/radio-group/bl-radio-group";
|
|
17
|
-
import type BlRadioType from "./components/radio-group/radio/bl-radio";
|
|
18
|
-
import { ISelectOption } from "./components/select/bl-select";
|
|
19
|
-
import type BlSelectType from "./components/select/bl-select";
|
|
20
|
-
import type BlSelectOptionType from "./components/select/option/bl-select-option";
|
|
21
|
-
import type BlSwitchType from "./components/switch/bl-switch";
|
|
22
|
-
import type BlTabGroupType from "./components/tab-group/bl-tab-group";
|
|
23
|
-
import type BlTabPanelType from "./components/tab-group/tab-panel/bl-tab-panel";
|
|
24
|
-
import type BlTabType from "./components/tab-group/tab/bl-tab";
|
|
25
|
-
import type BlTextareaType from "./components/textarea/bl-textarea";
|
|
26
|
-
import type BlTooltipType from "./components/tooltip/bl-tooltip";
|
|
27
|
-
import { type EventName } from "@lit-labs/react";
|
|
28
1
|
import React from "react";
|
|
2
|
+
import { type EventName } from "@lit-labs/react";
|
|
3
|
+
import { ISelectOption } from "./components/select/bl-select";
|
|
4
|
+
export declare type BlAlert = import("./components/alert/bl-alert").default;
|
|
5
|
+
export declare type BlBadge = import("./components/badge/bl-badge").default;
|
|
6
|
+
export declare type BlButton = import("./components/button/bl-button").default;
|
|
7
|
+
export declare type BlCheckboxGroup = import("./components/checkbox-group/bl-checkbox-group").default;
|
|
8
|
+
export declare type BlDialog = import("./components/dialog/bl-dialog").default;
|
|
9
|
+
export declare type BlDrawer = import("./components/drawer/bl-drawer").default;
|
|
10
|
+
export declare type BlDropdown = import("./components/dropdown/bl-dropdown").default;
|
|
11
|
+
export declare type BlIcon = import("./components/icon/bl-icon").default;
|
|
12
|
+
export declare type BlInput = import("./components/input/bl-input").default;
|
|
13
|
+
export declare type BlPagination = import("./components/pagination/bl-pagination").default;
|
|
14
|
+
export declare type BlPopover = import("./components/popover/bl-popover").default;
|
|
15
|
+
export declare type BlProgressIndicator = import("./components/progress-indicator/bl-progress-indicator").default;
|
|
16
|
+
export declare type BlRadioGroup = import("./components/radio-group/bl-radio-group").default;
|
|
17
|
+
export declare type BlSelect = import("./components/select/bl-select").default;
|
|
18
|
+
export declare type BlSwitch = import("./components/switch/bl-switch").default;
|
|
19
|
+
export declare type BlTabGroup = import("./components/tab-group/bl-tab-group").default;
|
|
20
|
+
export declare type BlTextarea = import("./components/textarea/bl-textarea").default;
|
|
21
|
+
export declare type BlTooltip = import("./components/tooltip/bl-tooltip").default;
|
|
22
|
+
export declare type BlCheckbox = import("./components/checkbox-group/checkbox/bl-checkbox").default;
|
|
23
|
+
export declare type BlDropdownGroup = import("./components/dropdown/group/bl-dropdown-group").default;
|
|
24
|
+
export declare type BlDropdownItem = import("./components/dropdown/item/bl-dropdown-item").default;
|
|
25
|
+
export declare type BlRadio = import("./components/radio-group/radio/bl-radio").default;
|
|
26
|
+
export declare type BlSelectOption = import("./components/select/option/bl-select-option").default;
|
|
27
|
+
export declare type BlTab = import("./components/tab-group/tab/bl-tab").default;
|
|
28
|
+
export declare type BlTabPanel = import("./components/tab-group/tab-panel/bl-tab-panel").default;
|
|
29
29
|
export declare type BlAlertClose = CustomEvent<boolean>;
|
|
30
30
|
export declare type BlButtonClick = CustomEvent<string>;
|
|
31
31
|
export declare type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;
|
|
@@ -69,36 +69,11 @@ export declare type BlSelectOptionSelectOption = CustomEvent<string | null>;
|
|
|
69
69
|
export declare type BlSelectOptionFocus = CustomEvent<string | null>;
|
|
70
70
|
export declare type BlSelectOptionBlur = CustomEvent<string | null>;
|
|
71
71
|
export declare type BlTabTabSelected = CustomEvent<string>;
|
|
72
|
-
export declare type BlAlert = BlAlertType;
|
|
73
|
-
export declare type BlBadge = BlBadgeType;
|
|
74
|
-
export declare type BlButton = BlButtonType;
|
|
75
|
-
export declare type BlCheckboxGroup = BlCheckboxGroupType;
|
|
76
|
-
export declare type BlDialog = BlDialogType;
|
|
77
|
-
export declare type BlDrawer = BlDrawerType;
|
|
78
|
-
export declare type BlDropdown = BlDropdownType;
|
|
79
|
-
export declare type BlIcon = BlIconType;
|
|
80
|
-
export declare type BlInput = BlInputType;
|
|
81
|
-
export declare type BlPagination = BlPaginationType;
|
|
82
|
-
export declare type BlPopover = BlPopoverType;
|
|
83
|
-
export declare type BlProgressIndicator = BlProgressIndicatorType;
|
|
84
|
-
export declare type BlRadioGroup = BlRadioGroupType;
|
|
85
|
-
export declare type BlSelect = BlSelectType;
|
|
86
|
-
export declare type BlSwitch = BlSwitchType;
|
|
87
|
-
export declare type BlTabGroup = BlTabGroupType;
|
|
88
|
-
export declare type BlTextarea = BlTextareaType;
|
|
89
|
-
export declare type BlTooltip = BlTooltipType;
|
|
90
|
-
export declare type BlCheckbox = BlCheckboxType;
|
|
91
|
-
export declare type BlDropdownGroup = BlDropdownGroupType;
|
|
92
|
-
export declare type BlDropdownItem = BlDropdownItemType;
|
|
93
|
-
export declare type BlRadio = BlRadioType;
|
|
94
|
-
export declare type BlSelectOption = BlSelectOptionType;
|
|
95
|
-
export declare type BlTab = BlTabType;
|
|
96
|
-
export declare type BlTabPanel = BlTabPanelType;
|
|
97
72
|
/**
|
|
98
73
|
* @tag bl-alert
|
|
99
74
|
* @summary Baklava Alert component
|
|
100
75
|
*/
|
|
101
|
-
export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
76
|
+
export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/alert/bl-alert").default, {
|
|
102
77
|
onBlClose: EventName<BlAlertClose>;
|
|
103
78
|
}>>;
|
|
104
79
|
/**
|
|
@@ -108,7 +83,7 @@ export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react"
|
|
|
108
83
|
* @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge
|
|
109
84
|
* @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge
|
|
110
85
|
*/
|
|
111
|
-
export declare const BlBadge: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
86
|
+
export declare const BlBadge: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/badge/bl-badge").default, {}>>;
|
|
112
87
|
/**
|
|
113
88
|
* @tag bl-button
|
|
114
89
|
* @summary Baklava Button component
|
|
@@ -117,7 +92,7 @@ export declare const BlBadge: React.LazyExoticComponent<import("@lit-labs/react"
|
|
|
117
92
|
* @cssproperty [--bl-button-justify=center] Sets the justify-content property of button
|
|
118
93
|
*
|
|
119
94
|
*/
|
|
120
|
-
export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
95
|
+
export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/button/bl-button").default, {
|
|
121
96
|
onBlClick: EventName<BlButtonClick>;
|
|
122
97
|
}>>;
|
|
123
98
|
/**
|
|
@@ -126,14 +101,14 @@ export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
126
101
|
*
|
|
127
102
|
* @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`
|
|
128
103
|
*/
|
|
129
|
-
export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
104
|
+
export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/bl-checkbox-group").default, {
|
|
130
105
|
onBlCheckboxGroupChange: EventName<BlCheckboxGroupCheckboxGroupChange>;
|
|
131
106
|
}>>;
|
|
132
107
|
/**
|
|
133
108
|
* @tag bl-dialog
|
|
134
109
|
* @summary Baklava Dialog component
|
|
135
110
|
*/
|
|
136
|
-
export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
111
|
+
export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dialog/bl-dialog").default, {
|
|
137
112
|
onBlDialogOpen: EventName<BlDialogDialogOpen>;
|
|
138
113
|
onBlDialogRequestClose: EventName<BlDialogDialogRequestClose>;
|
|
139
114
|
onBlDialogClose: EventName<BlDialogDialogClose>;
|
|
@@ -144,7 +119,7 @@ export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
144
119
|
*
|
|
145
120
|
* @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration
|
|
146
121
|
*/
|
|
147
|
-
export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
122
|
+
export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/drawer/bl-drawer").default, {
|
|
148
123
|
onBlDrawerOpen: EventName<BlDrawerDrawerOpen>;
|
|
149
124
|
onBlDrawerClose: EventName<BlDrawerDrawerClose>;
|
|
150
125
|
}>>;
|
|
@@ -152,7 +127,7 @@ export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
152
127
|
* @tag bl-dropdown
|
|
153
128
|
* @summary Baklava Dropdown component
|
|
154
129
|
*/
|
|
155
|
-
export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
130
|
+
export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/bl-dropdown").default, {
|
|
156
131
|
onBlDropdownOpen: EventName<BlDropdownDropdownOpen>;
|
|
157
132
|
onBlDropdownClose: EventName<BlDropdownDropdownClose>;
|
|
158
133
|
}>>;
|
|
@@ -163,7 +138,7 @@ export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/rea
|
|
|
163
138
|
* @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place
|
|
164
139
|
* @cssproperty [color=currentColor] Setting color of icon
|
|
165
140
|
*/
|
|
166
|
-
export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
141
|
+
export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/icon/bl-icon").default, {
|
|
167
142
|
onBlLoad: EventName<BlIconLoad>;
|
|
168
143
|
onBlError: EventName<BlIconError>;
|
|
169
144
|
}>>;
|
|
@@ -174,7 +149,7 @@ export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react")
|
|
|
174
149
|
* @cssproperty [--bl-input-padding-start] Sets the padding start
|
|
175
150
|
* @cssproperty [--bl-input-padding-end] Sets the padding end
|
|
176
151
|
*/
|
|
177
|
-
export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
152
|
+
export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/input/bl-input").default, {
|
|
178
153
|
onBlChange: EventName<BlInputChange>;
|
|
179
154
|
onBlInput: EventName<BlInputInput>;
|
|
180
155
|
onBlInvalid: EventName<BlInputInvalid>;
|
|
@@ -183,7 +158,7 @@ export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react"
|
|
|
183
158
|
* @tag bl-pagination
|
|
184
159
|
* @summary Baklava Pagination component
|
|
185
160
|
*/
|
|
186
|
-
export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
161
|
+
export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/pagination/bl-pagination").default, {
|
|
187
162
|
onBlChange: EventName<BlPaginationChange>;
|
|
188
163
|
}>>;
|
|
189
164
|
/**
|
|
@@ -199,7 +174,7 @@ export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/r
|
|
|
199
174
|
* @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).
|
|
200
175
|
* @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.
|
|
201
176
|
*/
|
|
202
|
-
export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
177
|
+
export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/popover/bl-popover").default, {
|
|
203
178
|
onBlPopoverShow: EventName<BlPopoverPopoverShow>;
|
|
204
179
|
onBlPopoverHide: EventName<BlPopoverPopoverHide>;
|
|
205
180
|
}>>;
|
|
@@ -211,7 +186,7 @@ export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/reac
|
|
|
211
186
|
* @property {max} [max=100]
|
|
212
187
|
* @property {number} [value=0]
|
|
213
188
|
*/
|
|
214
|
-
export declare const BlProgressIndicator: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
189
|
+
export declare const BlProgressIndicator: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/progress-indicator/bl-progress-indicator").default, {}>>;
|
|
215
190
|
/**
|
|
216
191
|
* @tag bl-radio-group
|
|
217
192
|
* @summary Baklava Button component
|
|
@@ -221,7 +196,7 @@ export declare const BlProgressIndicator: React.LazyExoticComponent<import("@lit
|
|
|
221
196
|
* @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content
|
|
222
197
|
* @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content
|
|
223
198
|
*/
|
|
224
|
-
export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
199
|
+
export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/bl-radio-group").default, {
|
|
225
200
|
onBlRadioChange: EventName<BlRadioGroupRadioChange>;
|
|
226
201
|
}>>;
|
|
227
202
|
/**
|
|
@@ -230,7 +205,7 @@ export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/r
|
|
|
230
205
|
*
|
|
231
206
|
* @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.
|
|
232
207
|
*/
|
|
233
|
-
export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
208
|
+
export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/bl-select").default<string>, {
|
|
234
209
|
onBlSelect: EventName<BlSelectSelect>;
|
|
235
210
|
}>>;
|
|
236
211
|
/**
|
|
@@ -241,19 +216,19 @@ export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
241
216
|
* @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color
|
|
242
217
|
* @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle
|
|
243
218
|
*/
|
|
244
|
-
export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
219
|
+
export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/switch/bl-switch").default, {
|
|
245
220
|
onBlSwitchToggle: EventName<BlSwitchSwitchToggle>;
|
|
246
221
|
}>>;
|
|
247
222
|
/**
|
|
248
223
|
* @tag bl-tab-group
|
|
249
224
|
* @summary Baklava Tab group component
|
|
250
225
|
*/
|
|
251
|
-
export declare const BlTabGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
226
|
+
export declare const BlTabGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/bl-tab-group").default, {}>>;
|
|
252
227
|
/**
|
|
253
228
|
* @tag bl-textarea
|
|
254
229
|
* @summary Baklava Textarea component
|
|
255
230
|
*/
|
|
256
|
-
export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
231
|
+
export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/textarea/bl-textarea").default, {
|
|
257
232
|
onBlInput: EventName<BlTextareaInput>;
|
|
258
233
|
onBlChange: EventName<BlTextareaChange>;
|
|
259
234
|
onBlInvalid: EventName<BlTextareaInvalid>;
|
|
@@ -265,7 +240,7 @@ export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/rea
|
|
|
265
240
|
*
|
|
266
241
|
* @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.
|
|
267
242
|
*/
|
|
268
|
-
export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
243
|
+
export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tooltip/bl-tooltip").default, {
|
|
269
244
|
onBlTooltipShow: EventName<BlTooltipTooltipShow>;
|
|
270
245
|
onBlTooltipHide: EventName<BlTooltipTooltipHide>;
|
|
271
246
|
}>>;
|
|
@@ -273,7 +248,7 @@ export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/reac
|
|
|
273
248
|
* @tag bl-checkbox
|
|
274
249
|
* @summary Baklava Checkbox component
|
|
275
250
|
*/
|
|
276
|
-
export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
251
|
+
export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/checkbox/bl-checkbox").default, {
|
|
277
252
|
onBlCheckboxChange: EventName<BlCheckboxCheckboxChange>;
|
|
278
253
|
onBlFocus: EventName<BlCheckboxFocus>;
|
|
279
254
|
onBlBlur: EventName<BlCheckboxBlur>;
|
|
@@ -282,12 +257,12 @@ export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/rea
|
|
|
282
257
|
* @tag bl-dropdown-group
|
|
283
258
|
* @summary Baklava Dropdown Group component
|
|
284
259
|
*/
|
|
285
|
-
export declare const BlDropdownGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
260
|
+
export declare const BlDropdownGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/group/bl-dropdown-group").default, {}>>;
|
|
286
261
|
/**
|
|
287
262
|
* @tag bl-dropdown-item
|
|
288
263
|
* @summary Baklava Dropdown Item component
|
|
289
264
|
*/
|
|
290
|
-
export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
265
|
+
export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/item/bl-dropdown-item").default, {
|
|
291
266
|
onBlDropdownItemClick: EventName<BlDropdownItemDropdownItemClick>;
|
|
292
267
|
}>>;
|
|
293
268
|
/**
|
|
@@ -296,12 +271,12 @@ export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs
|
|
|
296
271
|
*
|
|
297
272
|
* @cssprop [--bl-radio-align-items=center] Align items of radio option
|
|
298
273
|
*/
|
|
299
|
-
export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
274
|
+
export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/radio/bl-radio").default, {
|
|
300
275
|
onBlChecked: EventName<BlRadioChecked>;
|
|
301
276
|
onBlFocus: EventName<BlRadioFocus>;
|
|
302
277
|
onBlBlur: EventName<BlRadioBlur>;
|
|
303
278
|
}>>;
|
|
304
|
-
export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
279
|
+
export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/option/bl-select-option").default<string>, {
|
|
305
280
|
onBlSelectOption: EventName<BlSelectOptionSelectOption>;
|
|
306
281
|
onBlFocus: EventName<BlSelectOptionFocus>;
|
|
307
282
|
onBlBlur: EventName<BlSelectOptionBlur>;
|
|
@@ -310,12 +285,12 @@ export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs
|
|
|
310
285
|
* @tag bl-tab
|
|
311
286
|
* @summary Baklava Tab component
|
|
312
287
|
*/
|
|
313
|
-
export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
288
|
+
export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab/bl-tab").default, {
|
|
314
289
|
onBlTabSelected: EventName<BlTabTabSelected>;
|
|
315
290
|
}>>;
|
|
316
291
|
/**
|
|
317
292
|
* @tag bl-tab-panel
|
|
318
293
|
* @summary Baklava Tab panel component
|
|
319
294
|
*/
|
|
320
|
-
export declare const BlTabPanel: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<
|
|
295
|
+
export declare const BlTabPanel: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab-panel/bl-tab-panel").default, {}>>;
|
|
321
296
|
//# sourceMappingURL=baklava-react.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"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"}
|
package/dist/baklava-react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./chunk-VO7C5OZC.js";var
|
|
1
|
+
import"./chunk-VO7C5OZC.js";import e from"react";var v=new Set(["children","localName","ref","style","className"]),C=new WeakMap,h=(n,m,p,i,d)=>{let u=d==null?void 0:d[m];u===void 0||p===i?(n[m]=p,p==null&&m in HTMLElement.prototype&&n.removeAttribute(m)):((c,a,s)=>{let r=C.get(c);r===void 0&&C.set(c,r=new Map);let l=r.get(a);s!==void 0?l===void 0?(r.set(a,l={handleEvent:s}),c.addEventListener(a,l)):l.handleEvent=s:l!==void 0&&(r.delete(a),c.removeEventListener(a,l))})(n,u,p)},t=({react:n,tagName:m,elementClass:p,events:i,displayName:d})=>{let u=new Set(Object.keys(i!=null?i:{})),c=n.forwardRef((a,s)=>{let r=n.useRef(null),l=n.useRef(null),b={},g={};for(let[o,B]of Object.entries(a))v.has(o)?b[o==="className"?"class":o]=B:u.has(o)||o in p.prototype?g[o]=B:b[o]=B;return n.useLayoutEffect(()=>{if(l.current!==null){for(let o in g)h(l.current,o,a[o],r.current?r.current[o]:void 0,i);r.current=a}}),n.useLayoutEffect(()=>{var o;(o=l.current)===null||o===void 0||o.removeAttribute("defer-hydration")},[]),b.suppressHydrationWarning=!0,n.createElement(m,{...b,ref:o=>{l.current=o,typeof s=="function"?s(o):s!==null&&(s.current=o)}})});return c.displayName=d!=null?d:p.name,c};var N=e.lazy(()=>customElements.whenDefined("bl-alert").then(()=>({default:t({react:e,displayName:"BlAlert",tagName:"bl-alert",elementClass:customElements.get("bl-alert"),events:{onBlClose:"bl-close"}})}))),D=e.lazy(()=>customElements.whenDefined("bl-badge").then(()=>({default:t({react:e,displayName:"BlBadge",tagName:"bl-badge",elementClass:customElements.get("bl-badge"),events:{}})}))),k=e.lazy(()=>customElements.whenDefined("bl-button").then(()=>({default:t({react:e,displayName:"BlButton",tagName:"bl-button",elementClass:customElements.get("bl-button"),events:{onBlClick:"bl-click"}})}))),T=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("bl-checkbox-group"),events:{onBlCheckboxGroupChange:"bl-checkbox-group-change"}})}))),S=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("bl-dialog"),events:{onBlDialogOpen:"bl-dialog-open",onBlDialogRequestClose:"bl-dialog-request-close",onBlDialogClose:"bl-dialog-close"}})}))),I=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("bl-drawer"),events:{onBlDrawerOpen:"bl-drawer-open",onBlDrawerClose:"bl-drawer-close"}})}))),P=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("bl-dropdown"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close"}})}))),O=e.lazy(()=>customElements.whenDefined("bl-icon").then(()=>({default:t({react:e,displayName:"BlIcon",tagName:"bl-icon",elementClass:customElements.get("bl-icon"),events:{onBlLoad:"bl-load",onBlError:"bl-error"}})}))),R=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("bl-input"),events:{onBlChange:"bl-change",onBlInput:"bl-input",onBlInvalid:"bl-invalid"}})}))),z=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("bl-pagination"),events:{onBlChange:"bl-change"}})}))),G=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("bl-popover"),events:{onBlPopoverShow:"bl-popover-show",onBlPopoverHide:"bl-popover-hide"}})}))),F=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("bl-progress-indicator"),events:{}})}))),A=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("bl-radio-group"),events:{onBlRadioChange:"bl-radio-change"}})}))),H=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("bl-select"),events:{onBlSelect:"bl-select"}})}))),L=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("bl-switch"),events:{onBlSwitchToggle:"bl-switch-toggle"}})}))),j=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("bl-tab-group"),events:{}})}))),q=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("bl-textarea"),events:{onBlInput:"bl-input",onBlChange:"bl-change",onBlInvalid:"bl-invalid"}})}))),M=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("bl-tooltip"),events:{onBlTooltipShow:"bl-tooltip-show",onBlTooltipHide:"bl-tooltip-hide"}})}))),V=e.lazy(()=>customElements.whenDefined("bl-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("bl-checkbox"),events:{onBlCheckboxChange:"bl-checkbox-change",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),W=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("bl-dropdown-group"),events:{}})}))),J=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("bl-dropdown-item"),events:{onBlDropdownItemClick:"bl-dropdown-item-click"}})}))),K=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("bl-radio"),events:{onBlChecked:"bl-checked",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),Q=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("bl-select-option"),events:{onBlSelectOption:"bl-select-option",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),U=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("bl-tab"),events:{onBlTabSelected:"bl-tab-selected"}})}))),X=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("bl-tab-panel"),events:{}})})));export{N as BlAlert,D as BlBadge,k as BlButton,V as BlCheckbox,T as BlCheckboxGroup,S as BlDialog,I as BlDrawer,P as BlDropdown,W as BlDropdownGroup,J as BlDropdownItem,O as BlIcon,R as BlInput,z as BlPagination,G as BlPopover,F as BlProgressIndicator,K as BlRadio,A as BlRadioGroup,H as BlSelect,Q as BlSelectOption,L as BlSwitch,U as BlTab,j as BlTabGroup,X as BlTabPanel,q as BlTextarea,M as BlTooltip};
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
@lit-labs/react/create-component.js:
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../node_modules/@lit-labs/react/src/create-component.ts"
|
|
4
|
-
"sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type React from 'react';\n\nconst NODE_MODE = false;\nconst DEV_MODE = true;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any\n ? K extends keyof T\n ? Omit<T, K>\n : T\n : T;\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<\n React.HTMLAttributes<I>,\n I\n> &\n ElementProps<I>;\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // https://github.com/preactjs/preact/issues/4124 is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Omit keyof E to prefer provided event handler mapping over React's\n // built-in event handler props.\n keyof E\n> &\n EventListeners<E> &\n ElementProps<I>;\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createCompoennt({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T;\n};\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName\n ? (e: R[K]['__eventType']) => void\n : (e: Event) => void;\n};\n\ninterface Options<I extends HTMLElement, E extends EventNames = {}> {\n react: typeof React;\n tagName: string;\n elementClass: Constructor<I>;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents: WeakMap<\n Element,\n Map<string, EventListenerObject>\n> = new WeakMap();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: EventNames\n) => {\n const event = events?.[name];\n // Dirty check event value.\n if (event !== undefined && value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n return;\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // https://github.com/facebook/react/blob/899cb95f52cc83ab5ca1eb1e268c909d3f0961e7/packages/react-dom-bindings/src/client/DOMPropertyOperations.js#L107-L141\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n }\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <\n I extends HTMLElement,\n E extends EventNames = {}\n>({\n react: React,\n tagName,\n elementClass,\n events,\n displayName,\n}: Options<I, E>): ReactWebComponent<I, E> => {\n const eventProps = new Set(Object.keys(events ?? {}));\n\n if (DEV_MODE) {\n for (const p of reservedReactProperties) {\n if (p in elementClass.prototype && !(p in HTMLElement.prototype)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React reserved ` +\n `property. It will be used by React and not set on the element.`\n );\n }\n }\n }\n\n type Props = ComponentProps<I, E>;\n\n const ReactComponent = React.forwardRef<I, Props>((props, ref) => {\n const prevPropsRef = React.useRef<Props | null>(null);\n const elementRef = React.useRef<I | null>(null);\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {};\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {};\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v;\n continue;\n }\n\n if (eventProps.has(k) || k in elementClass.prototype) {\n elementProps[k] = v;\n continue;\n }\n\n reactProps[k] = v;\n }\n\n // useLayoutEffect produces warnings during server rendering.\n if (!NODE_MODE) {\n // This one has no dependency array so it'll run on every re-render.\n React.useLayoutEffect(() => {\n if (elementRef.current === null) {\n return;\n }\n for (const prop in elementProps) {\n setProperty(\n elementRef.current,\n prop,\n props[prop],\n prevPropsRef.current ? prevPropsRef.current[prop] : undefined,\n events\n );\n }\n // Note, the spirit of React might be to \"unset\" any old values that\n // are no longer included; however, there's no reasonable value to set\n // them to so we just leave the previous state as is.\n\n prevPropsRef.current = props;\n });\n\n // Empty dependency array so this will only run once after first render.\n React.useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration');\n }, []);\n }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit-labs/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n React.createElement.name === 'litPatchedCreateElement' &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps;\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true;\n }\n\n return React.createElement(tagName, {\n ...reactProps,\n ref: (node: I) => {\n elementRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref !== null) {\n ref.current = node;\n }\n },\n });\n });\n\n ReactComponent.displayName = displayName ?? elementClass.name;\n\n return ReactComponent;\n};\n", "/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-nocheck\nimport type BlAlertType from \"./components/alert/bl-alert\";\nimport type BlBadgeType from \"./components/badge/bl-badge\";\nimport type BlButtonType from \"./components/button/bl-button\";\nimport type BlCheckboxGroupType from \"./components/checkbox-group/bl-checkbox-group\";\nimport type BlCheckboxType from \"./components/checkbox-group/checkbox/bl-checkbox\";\nimport type BlDialogType from \"./components/dialog/bl-dialog\";\nimport type BlDrawerType from \"./components/drawer/bl-drawer\";\nimport type BlDropdownType from \"./components/dropdown/bl-dropdown\";\nimport type BlDropdownGroupType from \"./components/dropdown/group/bl-dropdown-group\";\nimport type BlDropdownItemType from \"./components/dropdown/item/bl-dropdown-item\";\nimport type BlIconType from \"./components/icon/bl-icon\";\nimport type BlInputType from \"./components/input/bl-input\";\nimport type BlPaginationType from \"./components/pagination/bl-pagination\";\nimport type BlPopoverType from \"./components/popover/bl-popover\";\nimport type BlProgressIndicatorType from \"./components/progress-indicator/bl-progress-indicator\";\nimport type BlRadioGroupType from \"./components/radio-group/bl-radio-group\";\nimport type BlRadioType from \"./components/radio-group/radio/bl-radio\";\nimport { ISelectOption } from \"./components/select/bl-select\";\nimport type BlSelectType from \"./components/select/bl-select\";\nimport type BlSelectOptionType from \"./components/select/option/bl-select-option\";\nimport type BlSwitchType from \"./components/switch/bl-switch\";\nimport type BlTabGroupType from \"./components/tab-group/bl-tab-group\";\nimport type BlTabPanelType from \"./components/tab-group/tab-panel/bl-tab-panel\";\nimport type BlTabType from \"./components/tab-group/tab/bl-tab\";\nimport type BlTextareaType from \"./components/textarea/bl-textarea\";\nimport type BlTooltipType from \"./components/tooltip/bl-tooltip\";\nimport { type EventName, createComponent } from \"@lit-labs/react\";\nimport React from \"react\";\n\nexport declare type BlAlertClose = CustomEvent<boolean>;\n\nexport declare type BlButtonClick = CustomEvent<string>;\n\nexport declare type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;\n\nexport declare type BlDialogDialogOpen = CustomEvent<object>;\n\nexport declare type BlDialogDialogRequestClose = CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n}>;\n\nexport declare type BlDialogDialogClose = CustomEvent<object>;\n\nexport declare type BlDrawerDrawerOpen = CustomEvent<string>;\n\nexport declare type BlDrawerDrawerClose = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownOpen = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownClose = CustomEvent<string>;\n\nexport declare type BlIconLoad = CustomEvent<string>;\n\nexport declare type BlIconError = CustomEvent<string>;\n\nexport declare type BlInputChange = CustomEvent<string>;\n\nexport declare type BlInputInput = CustomEvent<string>;\n\nexport declare type BlInputInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlPaginationChange = CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n}>;\n\nexport declare type BlPopoverPopoverShow = CustomEvent<string>;\n\nexport declare type BlPopoverPopoverHide = CustomEvent<string>;\n\nexport declare type BlRadioGroupRadioChange = CustomEvent<string>;\n\nexport declare type BlSelectSelect = CustomEvent<ISelectOption[]>;\n\nexport declare type BlSwitchSwitchToggle = CustomEvent<boolean>;\n\nexport declare type BlTextareaInput = CustomEvent<string>;\n\nexport declare type BlTextareaChange = CustomEvent<string>;\n\nexport declare type BlTextareaInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlTooltipTooltipShow = CustomEvent<string>;\n\nexport declare type BlTooltipTooltipHide = CustomEvent<string>;\n\nexport declare type BlCheckboxCheckboxChange = CustomEvent<boolean>;\n\nexport declare type BlCheckboxFocus = CustomEvent<string>;\n\nexport declare type BlCheckboxBlur = CustomEvent<string>;\n\nexport declare type BlDropdownItemDropdownItemClick = CustomEvent<string>;\n\nexport declare type BlRadioChecked = CustomEvent<string>;\n\nexport declare type BlRadioFocus = CustomEvent<string>;\n\nexport declare type BlRadioBlur = CustomEvent<string>;\n\nexport declare type BlSelectOptionSelectOption = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionFocus = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionBlur = CustomEvent<string | null>;\n\nexport declare type BlTabTabSelected = CustomEvent<string>;\n\nexport declare type BlAlert = BlAlertType;\n\nexport declare type BlBadge = BlBadgeType;\n\nexport declare type BlButton = BlButtonType;\n\nexport declare type BlCheckboxGroup = BlCheckboxGroupType;\n\nexport declare type BlDialog = BlDialogType;\n\nexport declare type BlDrawer = BlDrawerType;\n\nexport declare type BlDropdown = BlDropdownType;\n\nexport declare type BlIcon = BlIconType;\n\nexport declare type BlInput = BlInputType;\n\nexport declare type BlPagination = BlPaginationType;\n\nexport declare type BlPopover = BlPopoverType;\n\nexport declare type BlProgressIndicator = BlProgressIndicatorType;\n\nexport declare type BlRadioGroup = BlRadioGroupType;\n\nexport declare type BlSelect = BlSelectType;\n\nexport declare type BlSwitch = BlSwitchType;\n\nexport declare type BlTabGroup = BlTabGroupType;\n\nexport declare type BlTextarea = BlTextareaType;\n\nexport declare type BlTooltip = BlTooltipType;\n\nexport declare type BlCheckbox = BlCheckboxType;\n\nexport declare type BlDropdownGroup = BlDropdownGroupType;\n\nexport declare type BlDropdownItem = BlDropdownItemType;\n\nexport declare type BlRadio = BlRadioType;\n\nexport declare type BlSelectOption = BlSelectOptionType;\n\nexport declare type BlTab = BlTabType;\n\nexport declare type BlTabPanel = BlTabPanelType;\n\n/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */\nexport const BlAlert = React.lazy(() =>\n customElements.whenDefined(\"bl-alert\").then(() => ({\n default: createComponent<\n BlAlertType,\n { onBlClose: EventName<BlAlertClose> }\n >({\n react: React,\n displayName: \"BlAlert\",\n tagName: \"bl-alert\",\n elementClass: customElements.get(\"bl-alert\"),\n events: { onBlClose: \"bl-close\" },\n }),\n }))\n);\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\nexport const BlBadge = React.lazy(() =>\n customElements.whenDefined(\"bl-badge\").then(() => ({\n default: createComponent<BlBadgeType>({\n react: React,\n displayName: \"BlBadge\",\n tagName: \"bl-badge\",\n elementClass: customElements.get(\"bl-badge\"),\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */\nexport const BlButton = React.lazy(() =>\n customElements.whenDefined(\"bl-button\").then(() => ({\n default: createComponent<\n BlButtonType,\n { onBlClick: EventName<BlButtonClick> }\n >({\n react: React,\n displayName: \"BlButton\",\n tagName: \"bl-button\",\n elementClass: customElements.get(\"bl-button\"),\n events: { onBlClick: \"bl-click\" },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\nexport const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox-group\").then(() => ({\n default: createComponent<\n BlCheckboxGroupType,\n { onBlCheckboxGroupChange: EventName<BlCheckboxGroupCheckboxGroupChange> }\n >({\n react: React,\n displayName: \"BlCheckboxGroup\",\n tagName: \"bl-checkbox-group\",\n elementClass: customElements.get(\"bl-checkbox-group\"),\n events: { onBlCheckboxGroupChange: \"bl-checkbox-group-change\" },\n }),\n }))\n);\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n */\nexport const BlDialog = React.lazy(() =>\n customElements.whenDefined(\"bl-dialog\").then(() => ({\n default: createComponent<\n BlDialogType,\n {\n onBlDialogOpen: EventName<BlDialogDialogOpen>;\n onBlDialogRequestClose: EventName<BlDialogDialogRequestClose>;\n onBlDialogClose: EventName<BlDialogDialogClose>;\n }\n >({\n react: React,\n displayName: \"BlDialog\",\n tagName: \"bl-dialog\",\n elementClass: customElements.get(\"bl-dialog\"),\n events: {\n onBlDialogOpen: \"bl-dialog-open\",\n onBlDialogRequestClose: \"bl-dialog-request-close\",\n onBlDialogClose: \"bl-dialog-close\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */\nexport const BlDrawer = React.lazy(() =>\n customElements.whenDefined(\"bl-drawer\").then(() => ({\n default: createComponent<\n BlDrawerType,\n {\n onBlDrawerOpen: EventName<BlDrawerDrawerOpen>;\n onBlDrawerClose: EventName<BlDrawerDrawerClose>;\n }\n >({\n react: React,\n displayName: \"BlDrawer\",\n tagName: \"bl-drawer\",\n elementClass: customElements.get(\"bl-drawer\"),\n events: {\n onBlDrawerOpen: \"bl-drawer-open\",\n onBlDrawerClose: \"bl-drawer-close\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\nexport const BlDropdown = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown\").then(() => ({\n default: createComponent<\n BlDropdownType,\n {\n onBlDropdownOpen: EventName<BlDropdownDropdownOpen>;\n onBlDropdownClose: EventName<BlDropdownDropdownClose>;\n }\n >({\n react: React,\n displayName: \"BlDropdown\",\n tagName: \"bl-dropdown\",\n elementClass: customElements.get(\"bl-dropdown\"),\n events: {\n onBlDropdownOpen: \"bl-dropdown-open\",\n onBlDropdownClose: \"bl-dropdown-close\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */\nexport const BlIcon = React.lazy(() =>\n customElements.whenDefined(\"bl-icon\").then(() => ({\n default: createComponent<\n BlIconType,\n { onBlLoad: EventName<BlIconLoad>; onBlError: EventName<BlIconError> }\n >({\n react: React,\n displayName: \"BlIcon\",\n tagName: \"bl-icon\",\n elementClass: customElements.get(\"bl-icon\"),\n events: { onBlLoad: \"bl-load\", onBlError: \"bl-error\" },\n }),\n }))\n);\n\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\nexport const BlInput = React.lazy(() =>\n customElements.whenDefined(\"bl-input\").then(() => ({\n default: createComponent<\n BlInputType,\n {\n onBlChange: EventName<BlInputChange>;\n onBlInput: EventName<BlInputInput>;\n onBlInvalid: EventName<BlInputInvalid>;\n }\n >({\n react: React,\n displayName: \"BlInput\",\n tagName: \"bl-input\",\n elementClass: customElements.get(\"bl-input\"),\n events: {\n onBlChange: \"bl-change\",\n onBlInput: \"bl-input\",\n onBlInvalid: \"bl-invalid\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\nexport const BlPagination = React.lazy(() =>\n customElements.whenDefined(\"bl-pagination\").then(() => ({\n default: createComponent<\n BlPaginationType,\n { onBlChange: EventName<BlPaginationChange> }\n >({\n react: React,\n displayName: \"BlPagination\",\n tagName: \"bl-pagination\",\n elementClass: customElements.get(\"bl-pagination\"),\n events: { onBlChange: \"bl-change\" },\n }),\n }))\n);\n\n/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\nexport const BlPopover = React.lazy(() =>\n customElements.whenDefined(\"bl-popover\").then(() => ({\n default: createComponent<\n BlPopoverType,\n {\n onBlPopoverShow: EventName<BlPopoverPopoverShow>;\n onBlPopoverHide: EventName<BlPopoverPopoverHide>;\n }\n >({\n react: React,\n displayName: \"BlPopover\",\n tagName: \"bl-popover\",\n elementClass: customElements.get(\"bl-popover\"),\n events: {\n onBlPopoverShow: \"bl-popover-show\",\n onBlPopoverHide: \"bl-popover-hide\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\nexport const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined(\"bl-progress-indicator\").then(() => ({\n default: createComponent<BlProgressIndicatorType>({\n react: React,\n displayName: \"BlProgressIndicator\",\n tagName: \"bl-progress-indicator\",\n elementClass: customElements.get(\"bl-progress-indicator\"),\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-radio-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column`\n * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item\n * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content\n * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content\n */\nexport const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-radio-group\").then(() => ({\n default: createComponent<\n BlRadioGroupType,\n { onBlRadioChange: EventName<BlRadioGroupRadioChange> }\n >({\n react: React,\n displayName: \"BlRadioGroup\",\n tagName: \"bl-radio-group\",\n elementClass: customElements.get(\"bl-radio-group\"),\n events: { onBlRadioChange: \"bl-radio-change\" },\n }),\n }))\n);\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\nexport const BlSelect = React.lazy(() =>\n customElements.whenDefined(\"bl-select\").then(() => ({\n default: createComponent<\n BlSelectType,\n { onBlSelect: EventName<BlSelectSelect> }\n >({\n react: React,\n displayName: \"BlSelect\",\n tagName: \"bl-select\",\n elementClass: customElements.get(\"bl-select\"),\n events: { onBlSelect: \"bl-select\" },\n }),\n }))\n);\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\nexport const BlSwitch = React.lazy(() =>\n customElements.whenDefined(\"bl-switch\").then(() => ({\n default: createComponent<\n BlSwitchType,\n { onBlSwitchToggle: EventName<BlSwitchSwitchToggle> }\n >({\n react: React,\n displayName: \"BlSwitch\",\n tagName: \"bl-switch\",\n elementClass: customElements.get(\"bl-switch\"),\n events: { onBlSwitchToggle: \"bl-switch-toggle\" },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\nexport const BlTabGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-group\").then(() => ({\n default: createComponent<BlTabGroupType>({\n react: React,\n displayName: \"BlTabGroup\",\n tagName: \"bl-tab-group\",\n elementClass: customElements.get(\"bl-tab-group\"),\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\nexport const BlTextarea = React.lazy(() =>\n customElements.whenDefined(\"bl-textarea\").then(() => ({\n default: createComponent<\n BlTextareaType,\n {\n onBlInput: EventName<BlTextareaInput>;\n onBlChange: EventName<BlTextareaChange>;\n onBlInvalid: EventName<BlTextareaInvalid>;\n }\n >({\n react: React,\n displayName: \"BlTextarea\",\n tagName: \"bl-textarea\",\n elementClass: customElements.get(\"bl-textarea\"),\n events: {\n onBlInput: \"bl-input\",\n onBlChange: \"bl-change\",\n onBlInvalid: \"bl-invalid\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n * @dependency bl-popover\n *\n * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.\n */\nexport const BlTooltip = React.lazy(() =>\n customElements.whenDefined(\"bl-tooltip\").then(() => ({\n default: createComponent<\n BlTooltipType,\n {\n onBlTooltipShow: EventName<BlTooltipTooltipShow>;\n onBlTooltipHide: EventName<BlTooltipTooltipHide>;\n }\n >({\n react: React,\n displayName: \"BlTooltip\",\n tagName: \"bl-tooltip\",\n elementClass: customElements.get(\"bl-tooltip\"),\n events: {\n onBlTooltipShow: \"bl-tooltip-show\",\n onBlTooltipHide: \"bl-tooltip-hide\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\nexport const BlCheckbox = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox\").then(() => ({\n default: createComponent<\n BlCheckboxType,\n {\n onBlCheckboxChange: EventName<BlCheckboxCheckboxChange>;\n onBlFocus: EventName<BlCheckboxFocus>;\n onBlBlur: EventName<BlCheckboxBlur>;\n }\n >({\n react: React,\n displayName: \"BlCheckbox\",\n tagName: \"bl-checkbox\",\n elementClass: customElements.get(\"bl-checkbox\"),\n events: {\n onBlCheckboxChange: \"bl-checkbox-change\",\n onBlFocus: \"bl-focus\",\n onBlBlur: \"bl-blur\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\nexport const BlDropdownGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-group\").then(() => ({\n default: createComponent<BlDropdownGroupType>({\n react: React,\n displayName: \"BlDropdownGroup\",\n tagName: \"bl-dropdown-group\",\n elementClass: customElements.get(\"bl-dropdown-group\"),\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\nexport const BlDropdownItem = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-item\").then(() => ({\n default: createComponent<\n BlDropdownItemType,\n { onBlDropdownItemClick: EventName<BlDropdownItemDropdownItemClick> }\n >({\n react: React,\n displayName: \"BlDropdownItem\",\n tagName: \"bl-dropdown-item\",\n elementClass: customElements.get(\"bl-dropdown-item\"),\n events: { onBlDropdownItemClick: \"bl-dropdown-item-click\" },\n }),\n }))\n);\n\n/**\n * @tag bl-radio\n * @summary Baklava Radio Option component\n *\n * @cssprop [--bl-radio-align-items=center] Align items of radio option\n */\nexport const BlRadio = React.lazy(() =>\n customElements.whenDefined(\"bl-radio\").then(() => ({\n default: createComponent<\n BlRadioType,\n {\n onBlChecked: EventName<BlRadioChecked>;\n onBlFocus: EventName<BlRadioFocus>;\n onBlBlur: EventName<BlRadioBlur>;\n }\n >({\n react: React,\n displayName: \"BlRadio\",\n tagName: \"bl-radio\",\n elementClass: customElements.get(\"bl-radio\"),\n events: {\n onBlChecked: \"bl-checked\",\n onBlFocus: \"bl-focus\",\n onBlBlur: \"bl-blur\",\n },\n }),\n }))\n);\n\nexport const BlSelectOption = React.lazy(() =>\n customElements.whenDefined(\"bl-select-option\").then(() => ({\n default: createComponent<\n BlSelectOptionType,\n {\n onBlSelectOption: EventName<BlSelectOptionSelectOption>;\n onBlFocus: EventName<BlSelectOptionFocus>;\n onBlBlur: EventName<BlSelectOptionBlur>;\n }\n >({\n react: React,\n displayName: \"BlSelectOption\",\n tagName: \"bl-select-option\",\n elementClass: customElements.get(\"bl-select-option\"),\n events: {\n onBlSelectOption: \"bl-select-option\",\n onBlFocus: \"bl-focus\",\n onBlBlur: \"bl-blur\",\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\nexport const BlTab = React.lazy(() =>\n customElements.whenDefined(\"bl-tab\").then(() => ({\n default: createComponent<\n BlTabType,\n { onBlTabSelected: EventName<BlTabTabSelected> }\n >({\n react: React,\n displayName: \"BlTab\",\n tagName: \"bl-tab\",\n elementClass: customElements.get(\"bl-tab\"),\n events: { onBlTabSelected: \"bl-tab-selected\" },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\nexport const BlTabPanel = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-panel\").then(() => ({\n default: createComponent<BlTabPanelType>({\n react: React,\n displayName: \"BlTabPanel\",\n tagName: \"bl-tab-panel\",\n elementClass: customElements.get(\"bl-tab-panel\"),\n events: {},\n }),\n }))\n);\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "HTMLElement", "prototype", "removeAttribute", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "react", "React", "tagName", "elementClass", "displayName", "eventProps", "Object", "keys", "ReactComponent", "forwardRef", "props", "ref", "prevPropsRef", "useRef", "elementRef", "reactProps", "elementProps", "k", "v", "entries", "has", "useLayoutEffect", "current", "prop", "e", "_a", "createElement", "
|
|
3
|
+
"sources": ["../src/baklava-react.ts", "../node_modules/@lit-labs/react/src/create-component.ts"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-nocheck\nimport React from \"react\";\nimport { type EventName, createComponent } from \"@lit-labs/react\";\nimport { ISelectOption } from \"./components/select/bl-select\";\n\nexport type BlAlert = import(\"./components/alert/bl-alert\").default;\n\nexport type BlBadge = import(\"./components/badge/bl-badge\").default;\n\nexport type BlButton = import(\"./components/button/bl-button\").default;\n\nexport type BlCheckboxGroup = import(\"./components/checkbox-group/bl-checkbox-group\").default;\n\nexport type BlDialog = import(\"./components/dialog/bl-dialog\").default;\n\nexport type BlDrawer = import(\"./components/drawer/bl-drawer\").default;\n\nexport type BlDropdown = import(\"./components/dropdown/bl-dropdown\").default;\n\nexport type BlIcon = import(\"./components/icon/bl-icon\").default;\n\nexport type BlInput = import(\"./components/input/bl-input\").default;\n\nexport type BlPagination = import(\"./components/pagination/bl-pagination\").default;\n\nexport type BlPopover = import(\"./components/popover/bl-popover\").default;\n\nexport type BlProgressIndicator =\n import(\"./components/progress-indicator/bl-progress-indicator\").default;\n\nexport type BlRadioGroup = import(\"./components/radio-group/bl-radio-group\").default;\n\nexport type BlSelect = import(\"./components/select/bl-select\").default;\n\nexport type BlSwitch = import(\"./components/switch/bl-switch\").default;\n\nexport type BlTabGroup = import(\"./components/tab-group/bl-tab-group\").default;\n\nexport type BlTextarea = import(\"./components/textarea/bl-textarea\").default;\n\nexport type BlTooltip = import(\"./components/tooltip/bl-tooltip\").default;\n\nexport type BlCheckbox = import(\"./components/checkbox-group/checkbox/bl-checkbox\").default;\n\nexport type BlDropdownGroup = import(\"./components/dropdown/group/bl-dropdown-group\").default;\n\nexport type BlDropdownItem = import(\"./components/dropdown/item/bl-dropdown-item\").default;\n\nexport type BlRadio = import(\"./components/radio-group/radio/bl-radio\").default;\n\nexport type BlSelectOption = import(\"./components/select/option/bl-select-option\").default;\n\nexport type BlTab = import(\"./components/tab-group/tab/bl-tab\").default;\n\nexport type BlTabPanel = import(\"./components/tab-group/tab-panel/bl-tab-panel\").default;\n\nexport declare type BlAlertClose = CustomEvent<boolean>;\n\nexport declare type BlButtonClick = CustomEvent<string>;\n\nexport declare type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;\n\nexport declare type BlDialogDialogOpen = CustomEvent<object>;\n\nexport declare type BlDialogDialogRequestClose = CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n}>;\n\nexport declare type BlDialogDialogClose = CustomEvent<object>;\n\nexport declare type BlDrawerDrawerOpen = CustomEvent<string>;\n\nexport declare type BlDrawerDrawerClose = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownOpen = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownClose = CustomEvent<string>;\n\nexport declare type BlIconLoad = CustomEvent<string>;\n\nexport declare type BlIconError = CustomEvent<string>;\n\nexport declare type BlInputChange = CustomEvent<string>;\n\nexport declare type BlInputInput = CustomEvent<string>;\n\nexport declare type BlInputInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlPaginationChange = CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n}>;\n\nexport declare type BlPopoverPopoverShow = CustomEvent<string>;\n\nexport declare type BlPopoverPopoverHide = CustomEvent<string>;\n\nexport declare type BlRadioGroupRadioChange = CustomEvent<string>;\n\nexport declare type BlSelectSelect = CustomEvent<ISelectOption[]>;\n\nexport declare type BlSwitchSwitchToggle = CustomEvent<boolean>;\n\nexport declare type BlTextareaInput = CustomEvent<string>;\n\nexport declare type BlTextareaChange = CustomEvent<string>;\n\nexport declare type BlTextareaInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlTooltipTooltipShow = CustomEvent<string>;\n\nexport declare type BlTooltipTooltipHide = CustomEvent<string>;\n\nexport declare type BlCheckboxCheckboxChange = CustomEvent<boolean>;\n\nexport declare type BlCheckboxFocus = CustomEvent<string>;\n\nexport declare type BlCheckboxBlur = CustomEvent<string>;\n\nexport declare type BlDropdownItemDropdownItemClick = CustomEvent<string>;\n\nexport declare type BlRadioChecked = CustomEvent<string>;\n\nexport declare type BlRadioFocus = CustomEvent<string>;\n\nexport declare type BlRadioBlur = CustomEvent<string>;\n\nexport declare type BlSelectOptionSelectOption = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionFocus = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionBlur = CustomEvent<string | null>;\n\nexport declare type BlTabTabSelected = CustomEvent<string>;\n\ntype Constructor<T> = { new (): T };\n\n/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */\nexport const BlAlert = React.lazy(() =>\n customElements.whenDefined(\"bl-alert\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAlert\",\n tagName: \"bl-alert\",\n elementClass: customElements.get(\"bl-alert\") as Constructor<BlAlert>,\n events: {\n onBlClose: \"bl-close\" as EventName<BlAlertClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\nexport const BlBadge = React.lazy(() =>\n customElements.whenDefined(\"bl-badge\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlBadge\",\n tagName: \"bl-badge\",\n elementClass: customElements.get(\"bl-badge\") as Constructor<BlBadge>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */\nexport const BlButton = React.lazy(() =>\n customElements.whenDefined(\"bl-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlButton\",\n tagName: \"bl-button\",\n elementClass: customElements.get(\"bl-button\") as Constructor<BlButton>,\n events: {\n onBlClick: \"bl-click\" as EventName<BlButtonClick>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\nexport const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckboxGroup\",\n tagName: \"bl-checkbox-group\",\n elementClass: customElements.get(\"bl-checkbox-group\") as Constructor<BlCheckboxGroup>,\n events: {\n onBlCheckboxGroupChange:\n \"bl-checkbox-group-change\" as EventName<BlCheckboxGroupCheckboxGroupChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n */\nexport const BlDialog = React.lazy(() =>\n customElements.whenDefined(\"bl-dialog\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDialog\",\n tagName: \"bl-dialog\",\n elementClass: customElements.get(\"bl-dialog\") as Constructor<BlDialog>,\n events: {\n onBlDialogOpen: \"bl-dialog-open\" as EventName<BlDialogDialogOpen>,\n onBlDialogRequestClose: \"bl-dialog-request-close\" as EventName<BlDialogDialogRequestClose>,\n onBlDialogClose: \"bl-dialog-close\" as EventName<BlDialogDialogClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */\nexport const BlDrawer = React.lazy(() =>\n customElements.whenDefined(\"bl-drawer\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDrawer\",\n tagName: \"bl-drawer\",\n elementClass: customElements.get(\"bl-drawer\") as Constructor<BlDrawer>,\n events: {\n onBlDrawerOpen: \"bl-drawer-open\" as EventName<BlDrawerDrawerOpen>,\n onBlDrawerClose: \"bl-drawer-close\" as EventName<BlDrawerDrawerClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\nexport const BlDropdown = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdown\",\n tagName: \"bl-dropdown\",\n elementClass: customElements.get(\"bl-dropdown\") as Constructor<BlDropdown>,\n events: {\n onBlDropdownOpen: \"bl-dropdown-open\" as EventName<BlDropdownDropdownOpen>,\n onBlDropdownClose: \"bl-dropdown-close\" as EventName<BlDropdownDropdownClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */\nexport const BlIcon = React.lazy(() =>\n customElements.whenDefined(\"bl-icon\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlIcon\",\n tagName: \"bl-icon\",\n elementClass: customElements.get(\"bl-icon\") as Constructor<BlIcon>,\n events: {\n onBlLoad: \"bl-load\" as EventName<BlIconLoad>,\n onBlError: \"bl-error\" as EventName<BlIconError>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\nexport const BlInput = React.lazy(() =>\n customElements.whenDefined(\"bl-input\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlInput\",\n tagName: \"bl-input\",\n elementClass: customElements.get(\"bl-input\") as Constructor<BlInput>,\n events: {\n onBlChange: \"bl-change\" as EventName<BlInputChange>,\n onBlInput: \"bl-input\" as EventName<BlInputInput>,\n onBlInvalid: \"bl-invalid\" as EventName<BlInputInvalid>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\nexport const BlPagination = React.lazy(() =>\n customElements.whenDefined(\"bl-pagination\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPagination\",\n tagName: \"bl-pagination\",\n elementClass: customElements.get(\"bl-pagination\") as Constructor<BlPagination>,\n events: {\n onBlChange: \"bl-change\" as EventName<BlPaginationChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\nexport const BlPopover = React.lazy(() =>\n customElements.whenDefined(\"bl-popover\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPopover\",\n tagName: \"bl-popover\",\n elementClass: customElements.get(\"bl-popover\") as Constructor<BlPopover>,\n events: {\n onBlPopoverShow: \"bl-popover-show\" as EventName<BlPopoverPopoverShow>,\n onBlPopoverHide: \"bl-popover-hide\" as EventName<BlPopoverPopoverHide>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\nexport const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined(\"bl-progress-indicator\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlProgressIndicator\",\n tagName: \"bl-progress-indicator\",\n elementClass: customElements.get(\"bl-progress-indicator\") as Constructor<BlProgressIndicator>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-radio-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column`\n * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item\n * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content\n * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content\n */\nexport const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-radio-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadioGroup\",\n tagName: \"bl-radio-group\",\n elementClass: customElements.get(\"bl-radio-group\") as Constructor<BlRadioGroup>,\n events: {\n onBlRadioChange: \"bl-radio-change\" as EventName<BlRadioGroupRadioChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\nexport const BlSelect = React.lazy(() =>\n customElements.whenDefined(\"bl-select\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelect\",\n tagName: \"bl-select\",\n elementClass: customElements.get(\"bl-select\") as Constructor<BlSelect>,\n events: {\n onBlSelect: \"bl-select\" as EventName<BlSelectSelect>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\nexport const BlSwitch = React.lazy(() =>\n customElements.whenDefined(\"bl-switch\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSwitch\",\n tagName: \"bl-switch\",\n elementClass: customElements.get(\"bl-switch\") as Constructor<BlSwitch>,\n events: {\n onBlSwitchToggle: \"bl-switch-toggle\" as EventName<BlSwitchSwitchToggle>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\nexport const BlTabGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabGroup\",\n tagName: \"bl-tab-group\",\n elementClass: customElements.get(\"bl-tab-group\") as Constructor<BlTabGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\nexport const BlTextarea = React.lazy(() =>\n customElements.whenDefined(\"bl-textarea\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTextarea\",\n tagName: \"bl-textarea\",\n elementClass: customElements.get(\"bl-textarea\") as Constructor<BlTextarea>,\n events: {\n onBlInput: \"bl-input\" as EventName<BlTextareaInput>,\n onBlChange: \"bl-change\" as EventName<BlTextareaChange>,\n onBlInvalid: \"bl-invalid\" as EventName<BlTextareaInvalid>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n * @dependency bl-popover\n *\n * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.\n */\nexport const BlTooltip = React.lazy(() =>\n customElements.whenDefined(\"bl-tooltip\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTooltip\",\n tagName: \"bl-tooltip\",\n elementClass: customElements.get(\"bl-tooltip\") as Constructor<BlTooltip>,\n events: {\n onBlTooltipShow: \"bl-tooltip-show\" as EventName<BlTooltipTooltipShow>,\n onBlTooltipHide: \"bl-tooltip-hide\" as EventName<BlTooltipTooltipHide>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\nexport const BlCheckbox = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckbox\",\n tagName: \"bl-checkbox\",\n elementClass: customElements.get(\"bl-checkbox\") as Constructor<BlCheckbox>,\n events: {\n onBlCheckboxChange: \"bl-checkbox-change\" as EventName<BlCheckboxCheckboxChange>,\n onBlFocus: \"bl-focus\" as EventName<BlCheckboxFocus>,\n onBlBlur: \"bl-blur\" as EventName<BlCheckboxBlur>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\nexport const BlDropdownGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownGroup\",\n tagName: \"bl-dropdown-group\",\n elementClass: customElements.get(\"bl-dropdown-group\") as Constructor<BlDropdownGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\nexport const BlDropdownItem = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownItem\",\n tagName: \"bl-dropdown-item\",\n elementClass: customElements.get(\"bl-dropdown-item\") as Constructor<BlDropdownItem>,\n events: {\n onBlDropdownItemClick:\n \"bl-dropdown-item-click\" as EventName<BlDropdownItemDropdownItemClick>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-radio\n * @summary Baklava Radio Option component\n *\n * @cssprop [--bl-radio-align-items=center] Align items of radio option\n */\nexport const BlRadio = React.lazy(() =>\n customElements.whenDefined(\"bl-radio\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadio\",\n tagName: \"bl-radio\",\n elementClass: customElements.get(\"bl-radio\") as Constructor<BlRadio>,\n events: {\n onBlChecked: \"bl-checked\" as EventName<BlRadioChecked>,\n onBlFocus: \"bl-focus\" as EventName<BlRadioFocus>,\n onBlBlur: \"bl-blur\" as EventName<BlRadioBlur>,\n },\n }),\n }))\n);\n\nexport const BlSelectOption = React.lazy(() =>\n customElements.whenDefined(\"bl-select-option\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelectOption\",\n tagName: \"bl-select-option\",\n elementClass: customElements.get(\"bl-select-option\") as Constructor<BlSelectOption>,\n events: {\n onBlSelectOption: \"bl-select-option\" as EventName<BlSelectOptionSelectOption>,\n onBlFocus: \"bl-focus\" as EventName<BlSelectOptionFocus>,\n onBlBlur: \"bl-blur\" as EventName<BlSelectOptionBlur>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\nexport const BlTab = React.lazy(() =>\n customElements.whenDefined(\"bl-tab\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTab\",\n tagName: \"bl-tab\",\n elementClass: customElements.get(\"bl-tab\") as Constructor<BlTab>,\n events: {\n onBlTabSelected: \"bl-tab-selected\" as EventName<BlTabTabSelected>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\nexport const BlTabPanel = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-panel\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabPanel\",\n tagName: \"bl-tab-panel\",\n elementClass: customElements.get(\"bl-tab-panel\") as Constructor<BlTabPanel>,\n events: {},\n }),\n }))\n);\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type React from 'react';\n\nconst NODE_MODE = false;\nconst DEV_MODE = true;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any\n ? K extends keyof T\n ? Omit<T, K>\n : T\n : T;\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<\n React.HTMLAttributes<I>,\n I\n> &\n ElementProps<I>;\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // https://github.com/preactjs/preact/issues/4124 is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Omit keyof E to prefer provided event handler mapping over React's\n // built-in event handler props.\n keyof E\n> &\n EventListeners<E> &\n ElementProps<I>;\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createCompoennt({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T;\n};\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName\n ? (e: R[K]['__eventType']) => void\n : (e: Event) => void;\n};\n\ninterface Options<I extends HTMLElement, E extends EventNames = {}> {\n react: typeof React;\n tagName: string;\n elementClass: Constructor<I>;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents: WeakMap<\n Element,\n Map<string, EventListenerObject>\n> = new WeakMap();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: EventNames\n) => {\n const event = events?.[name];\n // Dirty check event value.\n if (event !== undefined && value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n return;\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // https://github.com/facebook/react/blob/899cb95f52cc83ab5ca1eb1e268c909d3f0961e7/packages/react-dom-bindings/src/client/DOMPropertyOperations.js#L107-L141\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n }\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <\n I extends HTMLElement,\n E extends EventNames = {}\n>({\n react: React,\n tagName,\n elementClass,\n events,\n displayName,\n}: Options<I, E>): ReactWebComponent<I, E> => {\n const eventProps = new Set(Object.keys(events ?? {}));\n\n if (DEV_MODE) {\n for (const p of reservedReactProperties) {\n if (p in elementClass.prototype && !(p in HTMLElement.prototype)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React reserved ` +\n `property. It will be used by React and not set on the element.`\n );\n }\n }\n }\n\n type Props = ComponentProps<I, E>;\n\n const ReactComponent = React.forwardRef<I, Props>((props, ref) => {\n const prevPropsRef = React.useRef<Props | null>(null);\n const elementRef = React.useRef<I | null>(null);\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {};\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {};\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v;\n continue;\n }\n\n if (eventProps.has(k) || k in elementClass.prototype) {\n elementProps[k] = v;\n continue;\n }\n\n reactProps[k] = v;\n }\n\n // useLayoutEffect produces warnings during server rendering.\n if (!NODE_MODE) {\n // This one has no dependency array so it'll run on every re-render.\n React.useLayoutEffect(() => {\n if (elementRef.current === null) {\n return;\n }\n for (const prop in elementProps) {\n setProperty(\n elementRef.current,\n prop,\n props[prop],\n prevPropsRef.current ? prevPropsRef.current[prop] : undefined,\n events\n );\n }\n // Note, the spirit of React might be to \"unset\" any old values that\n // are no longer included; however, there's no reasonable value to set\n // them to so we just leave the previous state as is.\n\n prevPropsRef.current = props;\n });\n\n // Empty dependency array so this will only run once after first render.\n React.useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration');\n }, []);\n }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit-labs/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n React.createElement.name === 'litPatchedCreateElement' &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps;\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true;\n }\n\n return React.createElement(tagName, {\n ...reactProps,\n ref: (node: I) => {\n elementRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref !== null) {\n ref.current = node;\n }\n },\n });\n });\n\n ReactComponent.displayName = displayName ?? elementClass.name;\n\n return ReactComponent;\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "HTMLElement", "prototype", "removeAttribute", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "react", "React", "tagName", "elementClass", "displayName", "eventProps", "Object", "keys", "ReactComponent", "forwardRef", "props", "ref", "prevPropsRef", "useRef", "elementRef", "reactProps", "elementProps", "k", "v", "entries", "has", "useLayoutEffect", "current", "prop", "e", "_a", "createElement", "BlAlert", "React", "BlBadge", "BlButton", "BlCheckboxGroup", "BlDialog", "BlDrawer", "BlDropdown", "BlIcon", "BlInput", "BlPagination", "BlPopover", "BlProgressIndicator", "BlRadioGroup", "BlSelect", "BlSwitch", "BlTabGroup", "BlTextarea", "BlTooltip", "BlCheckbox", "BlDropdownGroup", "BlDropdownItem", "BlRadio", "BlSelectOption", "BlTab", "BlTabPanel"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
import type * as Baklava from '@trendyol/baklava/dist/baklava'
|
|
3
|
+
|
|
4
|
+
declare module 'vue' {
|
|
5
|
+
export interface GlobalComponents {
|
|
6
|
+
BlAlert: import("vue").Component<Baklava.BlAlert>
|
|
7
|
+
BlBadge: import("vue").Component<Baklava.BlBadge>
|
|
8
|
+
BlButton: import("vue").Component<Baklava.BlButton>
|
|
9
|
+
BlCheckboxGroup: import("vue").Component<Baklava.BlCheckboxGroup>
|
|
10
|
+
BlDialog: import("vue").Component<Baklava.BlDialog>
|
|
11
|
+
BlDrawer: import("vue").Component<Baklava.BlDrawer>
|
|
12
|
+
BlDropdown: import("vue").Component<Baklava.BlDropdown>
|
|
13
|
+
BlIcon: import("vue").Component<Baklava.BlIcon>
|
|
14
|
+
BlInput: import("vue").Component<Baklava.BlInput>
|
|
15
|
+
BlPagination: import("vue").Component<Baklava.BlPagination>
|
|
16
|
+
BlPopover: import("vue").Component<Baklava.BlPopover>
|
|
17
|
+
BlProgressIndicator: import("vue").Component<Baklava.BlProgressIndicator>
|
|
18
|
+
BlRadioGroup: import("vue").Component<Baklava.BlRadioGroup>
|
|
19
|
+
BlSelect: import("vue").Component<Baklava.BlSelect>
|
|
20
|
+
BlSwitch: import("vue").Component<Baklava.BlSwitch>
|
|
21
|
+
BlTabGroup: import("vue").Component<Baklava.BlTabGroup>
|
|
22
|
+
BlTextarea: import("vue").Component<Baklava.BlTextarea>
|
|
23
|
+
BlTooltip: import("vue").Component<Baklava.BlTooltip>
|
|
24
|
+
BlCheckbox: import("vue").Component<Baklava.BlCheckbox>
|
|
25
|
+
BlDropdownGroup: import("vue").Component<Baklava.BlDropdownGroup>
|
|
26
|
+
BlDropdownItem: import("vue").Component<Baklava.BlDropdownItem>
|
|
27
|
+
BlRadio: import("vue").Component<Baklava.BlRadio>
|
|
28
|
+
BlSelectOption: import("vue").Component<Baklava.BlSelectOption>
|
|
29
|
+
BlTab: import("vue").Component<Baklava.BlTab>
|
|
30
|
+
BlTabPanel: import("vue").Component<Baklava.BlTabPanel>
|
|
31
|
+
}
|
|
32
|
+
}
|
package/dist/baklava.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{c,f as i}from"./chunk-6F253HWQ.js";import{b as S}from"./chunk-DOUEBILK.js";import{a as b}from"./chunk-RD3RUK2N.js";import{a as I}from"./chunk-5F2BYHAE.js";import{a as P}from"./chunk-GYWKNHAH.js";import{a as g}from"./chunk-FAMBVSX3.js";import{a as w}from"./chunk-VGRVU3IL.js";import{a as u}from"./chunk-4CK6AU4F.js";import{b as T,d as G}from"./chunk-4HHOA5GY.js";import{b as D}from"./chunk-5HXMVHTD.js";import{a as B}from"./chunk-
|
|
1
|
+
import{c,f as i}from"./chunk-6F253HWQ.js";import{b as S}from"./chunk-DOUEBILK.js";import{a as b}from"./chunk-RD3RUK2N.js";import{a as I}from"./chunk-5F2BYHAE.js";import{a as P}from"./chunk-GYWKNHAH.js";import{a as g}from"./chunk-FAMBVSX3.js";import{a as w}from"./chunk-VGRVU3IL.js";import{a as u}from"./chunk-4CK6AU4F.js";import{b as T,d as G}from"./chunk-4HHOA5GY.js";import{b as D}from"./chunk-5HXMVHTD.js";import{a as B}from"./chunk-2HHDYA7P.js";import{a as m}from"./chunk-IRY7JHJ4.js";import{a as s}from"./chunk-SX5PCXCH.js";import{a as x}from"./chunk-OQ22A5U6.js";import"./chunk-OSNB4BPE.js";import"./chunk-3B64VOWB.js";import{a as h}from"./chunk-5PMB453Q.js";import"./chunk-EZSEQHRH.js";import{a as n}from"./chunk-RMYPWPMS.js";import{a as r}from"./chunk-FJQ4VEP3.js";import{a}from"./chunk-7RZ45QDQ.js";import{b as f,e as p}from"./chunk-AIIJINAR.js";import"./chunk-YOV2DMM7.js";import"./chunk-DJOD4BTL.js";import{a as d}from"./chunk-M4N2NT5C.js";import{b as l}from"./chunk-R5GCM62W.js";import"./chunk-6LT7O7T2.js";import{a as o,b as e,c as t}from"./chunk-LDNUCSUE.js";import"./chunk-GRL4DWKG.js";import"./chunk-IRDH7CN2.js";import"./chunk-DINNT5P2.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-4OT5AMS5.js";import"./chunk-VO7C5OZC.js";export{r as BlAlert,a as BlBadge,l as BlButton,f as BlCheckbox,p as BlCheckboxGroup,d as BlDialog,u as BlDrawer,G as BlDropdown,D as BlDropdownGroup,T as BlDropdownItem,t as BlIcon,x as BlInput,B as BlPagination,h as BlPopover,n as BlProgressIndicator,c as BlRadio,i as BlRadioGroup,m as BlSelect,s as BlSelectOption,S as BlSwitch,I as BlTab,b as BlTabGroup,P as BlTabPanel,g as BlTextarea,w as BlTooltip,e as getIconPath,o as setIconPath};
|
|
2
2
|
//# sourceMappingURL=baklava.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as h}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as g}from"./chunk-IRDH7CN2.js";import{a as o}from"./chunk-DINNT5P2.js";import{a as
|
|
1
|
+
import{a as h}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as g}from"./chunk-IRDH7CN2.js";import{a as o}from"./chunk-DINNT5P2.js";import{a as u,b as s,f as p}from"./chunk-4OT5AMS5.js";import{c as r}from"./chunk-VO7C5OZC.js";var b=u`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:" \\B7 \\B7 \\B7";color:var(--bl-color-neutral-darker)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-neutral-darker)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:auto}@media only screen and (max-width: 768px){label{display:none}}`,m=b;var t=class extends p{constructor(){super(...arguments);this.currentPage=1;this.totalItems=0;this.itemsPerPage=10;this.hasJumper=!1;this.jumperLabel="Go To";this.hasSelect=!1;this.selectLabel="Show";this.itemsPerPageOptions=[{text:"10 Items",value:10},{text:"25 Items",value:25},{text:"50 Items",value:50},{text:"100 Items",value:100}];this.pages=[]}static get styles(){return[m]}connectedCallback(){super.connectedCallback(),setTimeout(()=>{window==null||window.addEventListener("resize",()=>this._paginate())})}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this._paginate)}updated(e){(e.has("currentPage")||e.has("itemsPerPage")||e.has("totalItems"))&&this._paginate()}_paginate(){this.pages=[];let e=Math.ceil(Math.abs(this.totalItems/this.itemsPerPage))||1;if(e<=8){this.pages=Array.from(Array(e),(a,l)=>l+1);return}this.pages.push(1),this.currentPage<5?this.pages.push(2,3,4,5,"..."):this.currentPage>=5&&this.currentPage<=e-4?this.pages.push("...",this.currentPage-1,this.currentPage,this.currentPage+1,"..."):this.pages.push("...",e-4,e-3,e-2,e-1),this.pages.push(e)}_changePage(e){let a=this.currentPage;this.currentPage=e,this.onChange({selectedPage:e,prevPage:a,itemsPerPage:this.itemsPerPage})}_pageBack(){this.currentPage!==1&&this._changePage(this.currentPage-1)}_pageForward(){this.currentPage!==this._getLastPage()&&this._changePage(this.currentPage+1)}_getLastPage(){return+this.pages[this.pages.length-1]}_inputHandler(e){e.stopPropagation();let a=+e.target.value,l=a>0?Math.min(this._getLastPage(),a):1;this._changePage(l)}_selectHandler(e){var a;this.itemsPerPage=+((a=e==null?void 0:e.detail[0])==null?void 0:a.value)||100,this._changePage(1)}_renderSinglePage(e){if(typeof e=="string")return s`<li class="dots"></li>`;let a=this.currentPage===e?"page":void 0;return s` <li>
|
|
2
2
|
<bl-button
|
|
3
3
|
@click="${()=>this._changePage(e)}"
|
|
4
4
|
variant=${this.currentPage===e?"primary":"tertiary"}
|
|
@@ -47,4 +47,4 @@ import{a as h}from"./chunk-GRL4DWKG.js";import{a as c,b as i,c as g}from"./chunk
|
|
|
47
47
|
</div>`:null;return s` <nav class="pagination" aria-label="Pagination">
|
|
48
48
|
${(()=>{if(!(!this.hasSelect&&!this.hasJumper))return s` <div class="pagination-helpers">${e} ${a}</div> `})()} ${this.renderPages()}
|
|
49
49
|
</nav>`}};r([i({attribute:"current-page",type:Number,reflect:!0})],t.prototype,"currentPage",2),r([i({attribute:"total-items",type:Number})],t.prototype,"totalItems",2),r([i({attribute:"items-per-page",type:Number,reflect:!0})],t.prototype,"itemsPerPage",2),r([i({attribute:"has-jumper",type:Boolean})],t.prototype,"hasJumper",2),r([i({attribute:"jumper-label",type:String})],t.prototype,"jumperLabel",2),r([i({attribute:"has-select",type:Boolean})],t.prototype,"hasSelect",2),r([i({attribute:"select-label",type:String})],t.prototype,"selectLabel",2),r([i({type:Array,attribute:!1})],t.prototype,"itemsPerPageOptions",2),r([g()],t.prototype,"pages",2),r([h("bl-change")],t.prototype,"onChange",2),t=r([c("bl-pagination")],t);export{t as a};
|
|
50
|
-
//# sourceMappingURL=chunk-
|
|
50
|
+
//# sourceMappingURL=chunk-2HHDYA7P.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:\" \\\\B7 \\\\B7 \\\\B7\";color:var(--bl-color-neutral-darker)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-neutral-darker)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:auto}@media only screen and (max-width: 768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport \"../input/bl-input\";\nimport \"../select/bl-select\";\nimport style from \"./bl-pagination.css\";\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement(\"bl-pagination\")\nexport default class BlPagination extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the current page\n */\n @property({ attribute: \"current-page\", type: Number, reflect: true })\n currentPage = 1;\n\n /**\n * Sets the total items to be paginated\n */\n @property({ attribute: \"total-items\", type: Number })\n totalItems = 0;\n\n /**\n * Sets the number of items per page\n */\n @property({ attribute: \"items-per-page\", type: Number, reflect: true })\n itemsPerPage = 10;\n\n /**\n * Adds jumper element if provided as true\n */\n @property({ attribute: \"has-jumper\", type: Boolean })\n hasJumper = false;\n\n /**\n * Sets the jumper label\n */\n @property({ attribute: \"jumper-label\", type: String })\n jumperLabel = \"Go To\";\n\n /**\n * Adds select element to choose the items per page\n */\n @property({ attribute: \"has-select\", type: Boolean })\n hasSelect = false;\n\n /**\n * Adds select element to choose the items per page\n */\n @property({ attribute: \"select-label\", type: String })\n selectLabel = \"Show\";\n\n /**\n * Sets the items per page options of the select element\n * PROPERTY\n */\n @property({ type: Array, attribute: false })\n itemsPerPageOptions = [\n {\n text: \"10 Items\",\n value: 10,\n },\n {\n text: \"25 Items\",\n value: 25,\n },\n {\n text: \"50 Items\",\n value: 50,\n },\n {\n text: \"100 Items\",\n value: 100,\n },\n ];\n\n @state() private pages: Array<number | string> = [];\n\n /**\n * Fires when the current page changes\n */\n @event(\"bl-change\") private onChange: EventDispatcher<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n }>;\n\n connectedCallback() {\n super.connectedCallback();\n\n setTimeout(() => {\n window?.addEventListener(\"resize\", () => this._paginate());\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n window?.removeEventListener(\"resize\", this._paginate);\n }\n\n updated(changedProperties: PropertyValues<this>) {\n if (\n changedProperties.has(\"currentPage\") ||\n changedProperties.has(\"itemsPerPage\") ||\n changedProperties.has(\"totalItems\")\n ) {\n this._paginate();\n }\n }\n\n private _paginate() {\n this.pages = [];\n const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n if (pageListLength <= 8) {\n this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n return;\n }\n\n this.pages.push(1);\n\n if (this.currentPage < 5) {\n this.pages.push(2, 3, 4, 5, \"...\");\n } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n this.pages.push(\"...\", this.currentPage - 1, this.currentPage, this.currentPage + 1, \"...\");\n } else {\n this.pages.push(\n \"...\",\n pageListLength - 4,\n pageListLength - 3,\n pageListLength - 2,\n pageListLength - 1\n );\n }\n\n this.pages.push(pageListLength);\n }\n\n private _changePage(selectedPage: number): void {\n const prevPage = this.currentPage;\n\n this.currentPage = selectedPage;\n\n this.onChange({\n selectedPage,\n prevPage,\n itemsPerPage: this.itemsPerPage,\n });\n }\n\n private _pageBack(): void {\n if (this.currentPage === 1) return;\n this._changePage(this.currentPage - 1);\n }\n\n private _pageForward(): void {\n if (this.currentPage === this._getLastPage()) return;\n this._changePage(this.currentPage + 1);\n }\n\n private _getLastPage(): number {\n return +this.pages[this.pages.length - 1];\n }\n\n private _inputHandler(event: CustomEvent) {\n event.stopPropagation();\n const inputValue = +(event.target as HTMLInputElement).value;\n const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n\n this._changePage(newPage);\n }\n\n private _selectHandler(event: CustomEvent) {\n this.itemsPerPage = +event?.detail[0]?.value || 100;\n this._changePage(1);\n }\n\n private _renderSinglePage(page: number | string) {\n if (typeof page === \"string\") {\n return html`<li class=\"dots\"></li>`;\n }\n const ariaCurrent = this.currentPage === page ? \"page\" : undefined;\n\n return html` <li>\n <bl-button\n @click=\"${() => this._changePage(page)}\"\n variant=${this.currentPage === page ? \"primary\" : \"tertiary\"}\n kind=\"neutral\"\n label=\"Page ${page}\"\n aria-current=${ifDefined(ariaCurrent)}\n >\n ${page}\n </bl-button>\n </li>`;\n }\n\n private renderPages() {\n return html`\n <div class=\"page-container\">\n <bl-button\n @click=\"${this._pageBack}\"\n variant=\"tertiary\"\n kind=\"neutral\"\n icon=\"arrow_left\"\n class=\"previous\"\n label=\"Previous\"\n ?disabled=${this.currentPage === 1}\n ></bl-button>\n <ul class=\"page-list\">\n ${window.innerWidth < 768\n ? html`${this._renderSinglePage(this.currentPage)}`\n : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n </ul>\n <bl-button\n @click=\"${this._pageForward}\"\n variant=\"tertiary\"\n kind=\"neutral\"\n icon=\"arrow_right\"\n class=\"next\"\n label=\"Next\"\n ?disabled=${this.currentPage === this._getLastPage()}\n ></bl-button>\n </div>\n `;\n }\n\n render(): TemplateResult {\n const selectEl = this.hasSelect\n ? html`\n <div class=\"select\">\n <label>${this.selectLabel}</label>\n <bl-select @bl-select=\"${this._selectHandler}\" .value=${this.itemsPerPage} required>\n ${this.itemsPerPageOptions.map(option => {\n return html`<bl-select-option .value=${option.value}\n >${option.text}</bl-select-option\n >`;\n })}\n </bl-select>\n </div>\n `\n : null;\n\n const jumperEl = this.hasJumper\n ? html` <div class=\"jumper\">\n <label>${this.jumperLabel}</label>\n <bl-input .value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n </div>`\n : null;\n\n const getHelperElements = () => {\n if (!this.hasSelect && !this.hasJumper) return;\n return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n };\n\n return html` <nav class=\"pagination\" aria-label=\"Pagination\">\n ${getHelperElements()} ${this.renderPages()}\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-pagination\": BlPagination;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "i", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "selectedPage", "prevPage", "event", "inputValue", "newPage", "_a", "page", "x", "ariaCurrent", "l", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const icons: readonly ["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", "barcode", "bill", "book", "browser", "burger", "calendar", "camera", "campaign", "change", "change_fill", "chart", "chatbot", "check", "
|
|
1
|
+
declare const icons: readonly ["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", "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", "delete", "desktop", "desktop_filled", "dialog", "disable", "dislike", "document", "document_search", "donation", "download", "drag_and_drop", "edit", "excel", "exit", "expand", "export", "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", "sound_off", "sound_on", "split_money", "star", "star_double", "star_fill", "star_triple", "stop", "stop_fill", "store", "store_performance", "suitcase", "support", "target", "ticket", "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"];
|
|
2
2
|
declare type BaklavaIcon = (typeof icons)[number];
|
|
3
3
|
export type { BaklavaIcon };
|
|
4
4
|
export default icons;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-list.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-list.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"icon-list.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-list.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK,2wFA+ND,CAAC;AAEX,aAAK,WAAW,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,eAAe,KAAK,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../chunk-VO7C5OZC.js";var e=["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","barcode","bill","book","browser","burger","calendar","camera","campaign","change","change_fill","chart","chatbot","check","
|
|
1
|
+
import"../../chunk-VO7C5OZC.js";var e=["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","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","delete","desktop","desktop_filled","dialog","disable","dislike","document","document_search","donation","download","drag_and_drop","edit","excel","exit","expand","export","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","sound_off","sound_on","split_money","star","star_double","star_fill","star_triple","stop","stop_fill","store","store_performance","suitcase","support","target","ticket","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"],o=e;export{o as default};
|
|
2
2
|
//# sourceMappingURL=icon-list.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/icon/icon-list.ts"],
|
|
4
|
-
"sourcesContent": ["const icons = [\n \"academy\",\n \"account\",\n \"add_note\",\n \"add_part\",\n \"add_photo\",\n \"add_product\",\n \"alert\",\n \"announcement\",\n \"archive\",\n \"arrow_down\",\n \"arrow_left\",\n \"arrow_right\",\n \"arrow_up\",\n \"attach\",\n \"award\",\n \"back\",\n \"back_fill\",\n \"barcode\",\n \"bill\",\n \"book\",\n \"browser\",\n \"burger\",\n \"calendar\",\n \"camera\",\n \"campaign\",\n \"change\",\n \"change_fill\",\n \"chart\",\n \"chatbot\",\n \"check\",\n \"
|
|
5
|
-
"mappings": "gCAAA,IAAMA,EAAQ,CACZ,UACA,UACA,WACA,WACA,YACA,cACA,QACA,eACA,UACA,aACA,aACA,cACA,WACA,SACA,QACA,OACA,YACA,UACA,OACA,OACA,UACA,SACA,WACA,SACA,WACA,SACA,cACA,QACA,UACA,QACA,
|
|
4
|
+
"sourcesContent": ["const icons = [\n \"academy\",\n \"account\",\n \"add_note\",\n \"add_part\",\n \"add_photo\",\n \"add_product\",\n \"alert\",\n \"announcement\",\n \"archive\",\n \"arrow_down\",\n \"arrow_left\",\n \"arrow_right\",\n \"arrow_up\",\n \"attach\",\n \"award\",\n \"back\",\n \"back_fill\",\n \"barcode\",\n \"bill\",\n \"book\",\n \"browser\",\n \"burger\",\n \"calendar\",\n \"camera\",\n \"camera_off\",\n \"campaign\",\n \"change\",\n \"change_fill\",\n \"chart\",\n \"chatbot\",\n \"check\",\n \"check_fill\",\n \"clock\",\n \"close\",\n \"close_fill\",\n \"code\",\n \"coin\",\n \"compass\",\n \"complain\",\n \"confetti\",\n \"copy\",\n \"copy_checked\",\n \"coupon\",\n \"delete\",\n \"desktop\",\n \"desktop_filled\",\n \"dialog\",\n \"disable\",\n \"dislike\",\n \"document\",\n \"document_search\",\n \"donation\",\n \"download\",\n \"drag_and_drop\",\n \"edit\",\n \"excel\",\n \"exit\",\n \"expand\",\n \"export\",\n \"external_link\",\n \"external_share\",\n \"eye_off\",\n \"eye_on\",\n \"facebook\",\n \"filter\",\n \"finance_accounting\",\n \"fire\",\n \"flag\",\n \"flash\",\n \"flash_fill\",\n \"forward\",\n \"full_size\",\n \"gift\",\n \"global_export\",\n \"globe\",\n \"go_forward\",\n \"graphic\",\n \"graphic_decrease\",\n \"group_of_people\",\n \"growth\",\n \"hamburger_menu\",\n \"handshake\",\n \"happy\",\n \"heart\",\n \"heart_fill\",\n \"heartbeat\",\n \"help\",\n \"history\",\n \"home\",\n \"hourglass\",\n \"image\",\n \"incognito\",\n \"info\",\n \"instagram\",\n \"label\",\n \"left_sided_arrow\",\n \"light_bulb\",\n \"like\",\n \"link\",\n \"listing\",\n \"live_monitor\",\n \"live_support\",\n \"loading\",\n \"lock\",\n \"magic_wand\",\n \"mail\",\n \"mail_opened\",\n \"map\",\n \"market\",\n \"market_order_back\",\n \"market_order_cancel\",\n \"market_order_change\",\n \"market_order_check\",\n \"market_processing\",\n \"meal_bag\",\n \"medal\",\n \"message\",\n \"metric_decrease\",\n \"metric_increase\",\n \"metric_minus\",\n \"microphone\",\n \"microphone_off\",\n \"minus\",\n \"minus_fill\",\n \"mobile\",\n \"mobile_fill\",\n \"mobile_settings\",\n \"money\",\n \"money_transfer\",\n \"motorcycle\",\n \"motorcycle_check\",\n \"new_store\",\n \"normal\",\n \"notice\",\n \"notification\",\n \"offers\",\n \"order\",\n \"order_back\",\n \"order_box\",\n \"order_boxes\",\n \"order_cancel\",\n \"order_check\",\n \"order_return\",\n \"order_settings\",\n \"order_time\",\n \"order_tracking\",\n \"paper\",\n \"partial_approve\",\n \"pause\",\n \"pause_fill\",\n \"people\",\n \"phone\",\n \"phone_settings\",\n \"photo\",\n \"photo_off\",\n \"pie_chart\",\n \"pie_chart_report\",\n \"pin\",\n \"play\",\n \"play_fill\",\n \"plus\",\n \"plus_fill\",\n \"preview\",\n \"price_settings\",\n \"print\",\n \"product\",\n \"profile\",\n \"profile_check\",\n \"profile_star\",\n \"puzzle\",\n \"qr\",\n \"report\",\n \"review\",\n \"right_sided_arrow\",\n \"rocket\",\n \"rotate\",\n \"sad\",\n \"save\",\n \"search\",\n \"send\",\n \"send_mail\",\n \"services\",\n \"settings\",\n \"share\",\n \"shopping_bag\",\n \"shopping_bag_add\",\n \"shopping_bag_back\",\n \"shopping_bag_cancel\",\n \"shopping_bag_discount\",\n \"shopping_bag_return\",\n \"sorting\",\n \"sound_off\",\n \"sound_on\",\n \"split_money\",\n \"star\",\n \"star_double\",\n \"star_fill\",\n \"star_triple\",\n \"stop\",\n \"stop_fill\",\n \"store\",\n \"store_performance\",\n \"suitcase\",\n \"support\",\n \"target\",\n \"ticket\",\n \"truck\",\n \"turn_back\",\n \"turn_back_fill\",\n \"two_sided_arrow\",\n \"unlock\",\n \"upload\",\n \"user_management\",\n \"vacation_mode\",\n \"very_happy\",\n \"very_sad\",\n \"wallet\",\n \"warehouse\",\n \"warning\",\n \"youtube\",\n \"zoom_in\",\n \"zoom_out\",\n] as const;\n\ntype BaklavaIcon = (typeof icons)[number];\n\nexport type { BaklavaIcon };\nexport default icons;\n"],
|
|
5
|
+
"mappings": "gCAAA,IAAMA,EAAQ,CACZ,UACA,UACA,WACA,WACA,YACA,cACA,QACA,eACA,UACA,aACA,aACA,cACA,WACA,SACA,QACA,OACA,YACA,UACA,OACA,OACA,UACA,SACA,WACA,SACA,aACA,WACA,SACA,cACA,QACA,UACA,QACA,aACA,QACA,QACA,aACA,OACA,OACA,UACA,WACA,WACA,OACA,eACA,SACA,SACA,UACA,iBACA,SACA,UACA,UACA,WACA,kBACA,WACA,WACA,gBACA,OACA,QACA,OACA,SACA,SACA,gBACA,iBACA,UACA,SACA,WACA,SACA,qBACA,OACA,OACA,QACA,aACA,UACA,YACA,OACA,gBACA,QACA,aACA,UACA,mBACA,kBACA,SACA,iBACA,YACA,QACA,QACA,aACA,YACA,OACA,UACA,OACA,YACA,QACA,YACA,OACA,YACA,QACA,mBACA,aACA,OACA,OACA,UACA,eACA,eACA,UACA,OACA,aACA,OACA,cACA,MACA,SACA,oBACA,sBACA,sBACA,qBACA,oBACA,WACA,QACA,UACA,kBACA,kBACA,eACA,aACA,iBACA,QACA,aACA,SACA,cACA,kBACA,QACA,iBACA,aACA,mBACA,YACA,SACA,SACA,eACA,SACA,QACA,aACA,YACA,cACA,eACA,cACA,eACA,iBACA,aACA,iBACA,QACA,kBACA,QACA,aACA,SACA,QACA,iBACA,QACA,YACA,YACA,mBACA,MACA,OACA,YACA,OACA,YACA,UACA,iBACA,QACA,UACA,UACA,gBACA,eACA,SACA,KACA,SACA,SACA,oBACA,SACA,SACA,MACA,OACA,SACA,OACA,YACA,WACA,WACA,QACA,eACA,mBACA,oBACA,sBACA,wBACA,sBACA,UACA,YACA,WACA,cACA,OACA,cACA,YACA,cACA,OACA,YACA,QACA,oBACA,WACA,UACA,SACA,SACA,QACA,YACA,iBACA,kBACA,SACA,SACA,kBACA,gBACA,aACA,WACA,SACA,YACA,UACA,UACA,UACA,UACF,EAKOC,EAAQD",
|
|
6
6
|
"names": ["icons", "icon_list_default"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-2HHDYA7P.js";import"../../chunk-IRY7JHJ4.js";import"../../chunk-SX5PCXCH.js";import"../../chunk-OQ22A5U6.js";import"../../chunk-OSNB4BPE.js";import"../../chunk-3B64VOWB.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-YOV2DMM7.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-R5GCM62W.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-LDNUCSUE.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-IRDH7CN2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-VO7C5OZC.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-pagination.js.map
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trendyol/baklava",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.4.0-beta.1",
|
|
5
5
|
"description": "Trendyol Baklava Design System",
|
|
6
6
|
"main": "dist/baklava.js",
|
|
7
7
|
"module": "dist/baklava.js",
|
|
@@ -28,13 +28,13 @@
|
|
|
28
28
|
"start": "npm run storybook:dev",
|
|
29
29
|
"analyze": "cem analyze",
|
|
30
30
|
"commit": "commit",
|
|
31
|
-
"build": "del-cli dist/ && npm run analyze && npm run generate-react-exports && tsc --emitDeclarationOnly && node scripts/build.js",
|
|
31
|
+
"build": "del-cli dist/ && npm run analyze && npm run generate-react-exports && tsc --emitDeclarationOnly && node scripts/build.js && npm run generate-vue-types",
|
|
32
32
|
"build-storybook": "NODE_ENV=production storybook build -o storybook-static",
|
|
33
33
|
"build-storybook-docs": "storybook build --docs",
|
|
34
34
|
"serve": "node scripts/build.js --serve",
|
|
35
35
|
"storybook:dev": "storybook dev -p 1994",
|
|
36
36
|
"lint": "npm-run-all -s lint:*",
|
|
37
|
-
"lint:tsc": "tsc --noEmit",
|
|
37
|
+
"lint:tsc": "tsc --noEmit --project ./tsconfig.json",
|
|
38
38
|
"lint:eslint": "eslint src",
|
|
39
39
|
"lint:style": "stylelint src/**/*.css",
|
|
40
40
|
"lint:prettier": "prettier --check src",
|
|
@@ -54,7 +54,8 @@
|
|
|
54
54
|
"test:watch": "web-test-runner --coverage --watch",
|
|
55
55
|
"test:debug": "web-test-runner --coverage --watch --debug",
|
|
56
56
|
"test:headless": "web-test-runner --coverage --watch --debug --headless",
|
|
57
|
-
"generate-react-exports": "node scripts/generate-react-exports.js"
|
|
57
|
+
"generate-react-exports": "node scripts/generate-react-exports.js",
|
|
58
|
+
"generate-vue-types": "node scripts/generate-vue-types.js"
|
|
58
59
|
},
|
|
59
60
|
"keywords": [
|
|
60
61
|
"web-components",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/pagination/bl-pagination.css", "../src/components/pagination/bl-pagination.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.pagination{display:flex;flex-wrap:wrap;justify-content:center;max-width:max-content;gap:var(--bl-size-s)}.pagination *{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;align-items:center}.page-list{display:flex;align-items:center;list-style:none;user-select:none;gap:var(--bl-size-3xs)}.dots{margin:0 var(--bl-size-2xs)}.dots::before{content:\" \\\\B7 \\\\B7 \\\\B7\";color:var(--bl-color-neutral-darker)}.pagination-helpers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--bl-size-m);color:var(--bl-color-neutral-darker)}.jumper,.select{display:flex;align-items:center;gap:var(--bl-size-2xs)}label{font:var(--bl-font-title-3-medium);font-size:var(--bl-font-size-m);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-m);letter-spacing:0;user-select:none}bl-input{width:62px}bl-select{width:128px}@media only screen and (max-width: 768px){label{display:none}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport \"../input/bl-input\";\nimport \"../select/bl-select\";\nimport style from \"./bl-pagination.css\";\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\n\n@customElement(\"bl-pagination\")\nexport default class BlPagination extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the current page\n */\n @property({ attribute: \"current-page\", type: Number, reflect: true })\n currentPage = 1;\n\n /**\n * Sets the total items to be paginated\n */\n @property({ attribute: \"total-items\", type: Number })\n totalItems = 0;\n\n /**\n * Sets the number of items per page\n */\n @property({ attribute: \"items-per-page\", type: Number, reflect: true })\n itemsPerPage = 10;\n\n /**\n * Adds jumper element if provided as true\n */\n @property({ attribute: \"has-jumper\", type: Boolean })\n hasJumper = false;\n\n /**\n * Sets the jumper label\n */\n @property({ attribute: \"jumper-label\", type: String })\n jumperLabel = \"Go To\";\n\n /**\n * Adds select element to choose the items per page\n */\n @property({ attribute: \"has-select\", type: Boolean })\n hasSelect = false;\n\n /**\n * Adds select element to choose the items per page\n */\n @property({ attribute: \"select-label\", type: String })\n selectLabel = \"Show\";\n\n /**\n * Sets the items per page options of the select element\n * PROPERTY\n */\n @property({ type: Array, attribute: false })\n itemsPerPageOptions = [\n {\n text: \"10 Items\",\n value: 10,\n },\n {\n text: \"25 Items\",\n value: 25,\n },\n {\n text: \"50 Items\",\n value: 50,\n },\n {\n text: \"100 Items\",\n value: 100,\n },\n ];\n\n @state() private pages: Array<number | string> = [];\n\n /**\n * Fires when the current page changes\n */\n @event(\"bl-change\") private onChange: EventDispatcher<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n }>;\n\n connectedCallback() {\n super.connectedCallback();\n\n setTimeout(() => {\n window?.addEventListener(\"resize\", () => this._paginate());\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n window?.removeEventListener(\"resize\", this._paginate);\n }\n\n updated(changedProperties: PropertyValues<this>) {\n if (\n changedProperties.has(\"currentPage\") ||\n changedProperties.has(\"itemsPerPage\") ||\n changedProperties.has(\"totalItems\")\n ) {\n this._paginate();\n }\n }\n\n private _paginate() {\n this.pages = [];\n const pageListLength = Math.ceil(Math.abs(this.totalItems / this.itemsPerPage)) || 1;\n\n if (pageListLength <= 8) {\n this.pages = Array.from(Array(pageListLength), (_, index) => index + 1);\n return;\n }\n\n this.pages.push(1);\n\n if (this.currentPage < 5) {\n this.pages.push(2, 3, 4, 5, \"...\");\n } else if (this.currentPage >= 5 && this.currentPage <= pageListLength - 4) {\n this.pages.push(\"...\", this.currentPage - 1, this.currentPage, this.currentPage + 1, \"...\");\n } else {\n this.pages.push(\n \"...\",\n pageListLength - 4,\n pageListLength - 3,\n pageListLength - 2,\n pageListLength - 1\n );\n }\n\n this.pages.push(pageListLength);\n }\n\n private _changePage(selectedPage: number): void {\n const prevPage = this.currentPage;\n\n this.currentPage = selectedPage;\n\n this.onChange({\n selectedPage,\n prevPage,\n itemsPerPage: this.itemsPerPage,\n });\n }\n\n private _pageBack(): void {\n if (this.currentPage === 1) return;\n this._changePage(this.currentPage - 1);\n }\n\n private _pageForward(): void {\n if (this.currentPage === this._getLastPage()) return;\n this._changePage(this.currentPage + 1);\n }\n\n private _getLastPage(): number {\n return +this.pages[this.pages.length - 1];\n }\n\n private _inputHandler(event: CustomEvent) {\n event.stopPropagation();\n const inputValue = +(event.target as HTMLInputElement).value;\n const newPage = inputValue > 0 ? Math.min(this._getLastPage(), inputValue) : 1;\n\n this._changePage(newPage);\n }\n\n private _selectHandler(event: CustomEvent) {\n this.itemsPerPage = +event?.detail[0]?.value || 100;\n this._changePage(1);\n }\n\n private _renderSinglePage(page: number | string) {\n if (typeof page === \"string\") {\n return html`<li class=\"dots\"></li>`;\n }\n const ariaCurrent = this.currentPage === page ? \"page\" : undefined;\n\n return html` <li>\n <bl-button\n @click=\"${() => this._changePage(page)}\"\n variant=${this.currentPage === page ? \"primary\" : \"tertiary\"}\n kind=\"neutral\"\n label=\"Page ${page}\"\n aria-current=${ifDefined(ariaCurrent)}\n >\n ${page}\n </bl-button>\n </li>`;\n }\n\n private renderPages() {\n return html`\n <div class=\"page-container\">\n <bl-button\n @click=\"${this._pageBack}\"\n variant=\"tertiary\"\n kind=\"neutral\"\n icon=\"arrow_left\"\n class=\"previous\"\n label=\"Previous\"\n ?disabled=${this.currentPage === 1}\n ></bl-button>\n <ul class=\"page-list\">\n ${window.innerWidth < 768\n ? html`${this._renderSinglePage(this.currentPage)}`\n : this.pages.map(page => html`${this._renderSinglePage(page)}`)}\n </ul>\n <bl-button\n @click=\"${this._pageForward}\"\n variant=\"tertiary\"\n kind=\"neutral\"\n icon=\"arrow_right\"\n class=\"next\"\n label=\"Next\"\n ?disabled=${this.currentPage === this._getLastPage()}\n ></bl-button>\n </div>\n `;\n }\n\n render(): TemplateResult {\n const selectEl = this.hasSelect\n ? html`\n <div class=\"select\">\n <label>${this.selectLabel}</label>\n <bl-select @bl-select=\"${this._selectHandler}\" .value=${this.itemsPerPage} required>\n ${this.itemsPerPageOptions.map(option => {\n return html`<bl-select-option .value=${option.value}\n >${option.text}</bl-select-option\n >`;\n })}\n </bl-select>\n </div>\n `\n : null;\n\n const jumperEl = this.hasJumper\n ? html` <div class=\"jumper\">\n <label>${this.jumperLabel}</label>\n <bl-input .value=\"${this.currentPage}\" @bl-change=\"${this._inputHandler}\"></bl-input>\n </div>`\n : null;\n\n const getHelperElements = () => {\n if (!this.hasSelect && !this.hasJumper) return;\n return html` <div class=\"pagination-helpers\">${selectEl} ${jumperEl}</div> `;\n };\n\n return html` <nav class=\"pagination\" aria-label=\"Pagination\">\n ${getHelperElements()} ${this.renderPages()}\n </nav>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-pagination\": BlPagination;\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["styles", "i", "bl_pagination_default", "BlPagination", "s", "bl_pagination_default", "changedProperties", "pageListLength", "_", "index", "selectedPage", "prevPage", "event", "inputValue", "newPage", "_a", "page", "x", "ariaCurrent", "l", "selectEl", "option", "jumperEl", "__decorateClass", "e", "t"]
|
|
7
|
-
}
|