@trendyol/baklava 2.4.0-beta.1 → 2.4.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/baklava-react.d.ts +24 -1
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava-vue.d.ts +2 -0
- package/dist/baklava.d.ts +2 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-SX5PCXCH.js → chunk-5EFPA3CA.js} +2 -2
- package/dist/chunk-5EFPA3CA.js.map +7 -0
- package/dist/{chunk-RD3RUK2N.js → chunk-6UTBN2XX.js} +2 -2
- package/dist/chunk-7QGSFS64.js +16 -0
- package/dist/chunk-7QGSFS64.js.map +7 -0
- package/dist/chunk-AAGDUS7G.js +11 -0
- package/dist/chunk-AAGDUS7G.js.map +7 -0
- package/dist/chunk-AMAOGVPQ.js +106 -0
- package/dist/chunk-AMAOGVPQ.js.map +7 -0
- package/dist/{chunk-6F253HWQ.js → chunk-AVMAZXZT.js} +2 -2
- package/dist/chunk-AYJMIZZ3.js +11 -0
- package/dist/{chunk-YOV2DMM7.js.map → chunk-AYJMIZZ3.js.map} +4 -4
- package/dist/chunk-BEGAFK2I.js +18 -0
- package/dist/chunk-BEGAFK2I.js.map +7 -0
- package/dist/chunk-CYCIT2TG.js +2 -0
- package/dist/chunk-ECPWEUBG.js +2 -0
- package/dist/chunk-ECPWEUBG.js.map +7 -0
- package/dist/{chunk-VGRVU3IL.js → chunk-EPFBV6RC.js} +2 -2
- package/dist/chunk-EPFBV6RC.js.map +7 -0
- package/dist/{chunk-OQ22A5U6.js → chunk-FJTTJ5ZT.js} +2 -2
- package/dist/{chunk-2HHDYA7P.js → chunk-FSFO7DCO.js} +2 -2
- package/dist/{chunk-LDNUCSUE.js → chunk-JI2OEPG2.js} +2 -2
- package/dist/{chunk-RMYPWPMS.js → chunk-KR6AUZ77.js} +2 -2
- package/dist/{chunk-4CK6AU4F.js → chunk-KXWP6EDU.js} +2 -2
- package/dist/{chunk-5PMB453Q.js → chunk-L4XYDFNG.js} +2 -2
- package/dist/{chunk-GYWKNHAH.js → chunk-LWG2UXQG.js} +2 -2
- package/dist/{chunk-FAMBVSX3.js → chunk-MNNOI75G.js} +2 -2
- package/dist/chunk-MPKYBU46.js +33 -0
- package/dist/chunk-MPKYBU46.js.map +7 -0
- package/dist/chunk-PCREGBBF.js +7 -0
- package/dist/chunk-PCREGBBF.js.map +7 -0
- package/dist/chunk-RFUZBNM4.js +34 -0
- package/dist/chunk-RFUZBNM4.js.map +7 -0
- package/dist/{chunk-AIIJINAR.js → chunk-RQG2GHCK.js} +2 -2
- package/dist/{chunk-7RZ45QDQ.js → chunk-SLY6IY2R.js} +2 -2
- package/dist/chunk-V5OMCBVZ.js +23 -0
- package/dist/chunk-V5OMCBVZ.js.map +7 -0
- package/dist/{chunk-5F2BYHAE.js → chunk-VOYAVKU3.js} +2 -2
- package/dist/{chunk-R5GCM62W.js → chunk-WA7DDIST.js} +2 -2
- package/dist/{chunk-IRDH7CN2.js → chunk-X2KXJYXQ.js} +5 -5
- package/dist/{chunk-IRDH7CN2.js.map → chunk-X2KXJYXQ.js.map} +4 -4
- package/dist/chunk-X5MXYPRD.js +31 -0
- package/dist/chunk-X5MXYPRD.js.map +7 -0
- package/dist/chunk-XQUQIQBO.js +21 -0
- package/dist/chunk-XQUQIQBO.js.map +7 -0
- package/dist/components/alert/bl-alert.js +1 -1
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/checkbox-group/bl-checkbox-group.js +1 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.js +1 -1
- package/dist/components/dialog/bl-dialog.d.ts +8 -0
- package/dist/components/dialog/bl-dialog.d.ts.map +1 -1
- package/dist/components/dialog/bl-dialog.js +1 -1
- package/dist/components/dialog/bl-dialog.stories.js +8 -13
- package/dist/components/dialog/bl-dialog.stories.js.map +4 -4
- package/dist/components/drawer/bl-drawer.js +1 -1
- package/dist/components/dropdown/bl-dropdown.d.ts.map +1 -1
- package/dist/components/dropdown/bl-dropdown.js +1 -1
- package/dist/components/dropdown/group/bl-dropdown-group.js +1 -1
- package/dist/components/dropdown/item/bl-dropdown-item.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/icon/icon-list.js +1 -1
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/notification/bl-notification.d.ts +70 -0
- package/dist/components/notification/bl-notification.d.ts.map +1 -0
- package/dist/components/notification/bl-notification.js +2 -0
- package/dist/components/notification/bl-notification.js.map +7 -0
- package/dist/components/notification/bl-notification.stories.d.ts +18 -0
- package/dist/components/notification/bl-notification.stories.d.ts.map +1 -0
- package/dist/components/notification/bl-notification.stories.js +149 -0
- package/dist/components/notification/bl-notification.stories.js.map +7 -0
- package/dist/components/notification/bl-notification.test.d.ts +2 -0
- package/dist/components/notification/bl-notification.test.d.ts.map +1 -0
- package/dist/components/notification/card/bl-notification-card.d.ts +83 -0
- package/dist/components/notification/card/bl-notification-card.d.ts.map +1 -0
- package/dist/components/notification/card/bl-notification-card.js +2 -0
- package/dist/components/notification/card/bl-notification-card.js.map +7 -0
- package/dist/components/notification/card/bl-notification-card.test.d.ts +2 -0
- package/dist/components/notification/card/bl-notification-card.test.d.ts.map +1 -0
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/popover/bl-popover.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/radio-group/bl-radio-group.js +1 -1
- package/dist/components/radio-group/radio/bl-radio.js +1 -1
- package/dist/components/select/bl-select.d.ts +39 -0
- package/dist/components/select/bl-select.d.ts.map +1 -1
- package/dist/components/select/bl-select.js +1 -1
- package/dist/components/select/bl-select.test.d.ts +1 -1
- package/dist/components/select/bl-select.test.d.ts.map +1 -1
- package/dist/components/select/option/bl-select-option.js +1 -1
- package/dist/components/switch/bl-switch.d.ts.map +1 -1
- package/dist/components/switch/bl-switch.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/tab-group/tab/bl-tab.js +1 -1
- package/dist/components/tab-group/tab-panel/bl-tab-panel.js +1 -1
- package/dist/components/textarea/bl-textarea.js +1 -1
- package/dist/components/tooltip/bl-tooltip.js +1 -1
- package/dist/custom-elements.json +280 -4
- package/dist/themes/default.css +1 -1
- package/dist/themes/default.css.map +2 -2
- package/dist/utilities/elements.d.ts +5 -0
- package/dist/utilities/elements.d.ts.map +1 -0
- package/package.json +2 -2
- package/dist/chunk-4HHOA5GY.js +0 -23
- package/dist/chunk-4HHOA5GY.js.map +0 -7
- package/dist/chunk-5HXMVHTD.js +0 -5
- package/dist/chunk-5HXMVHTD.js.map +0 -7
- package/dist/chunk-DOUEBILK.js +0 -16
- package/dist/chunk-DOUEBILK.js.map +0 -7
- package/dist/chunk-FJQ4VEP3.js +0 -31
- package/dist/chunk-FJQ4VEP3.js.map +0 -7
- package/dist/chunk-IRY7JHJ4.js +0 -50
- package/dist/chunk-IRY7JHJ4.js.map +0 -7
- package/dist/chunk-M4N2NT5C.js +0 -33
- package/dist/chunk-M4N2NT5C.js.map +0 -7
- package/dist/chunk-SX5PCXCH.js.map +0 -7
- package/dist/chunk-VGRVU3IL.js.map +0 -7
- package/dist/chunk-VO7C5OZC.js +0 -2
- package/dist/chunk-YOV2DMM7.js +0 -18
- /package/dist/{chunk-RD3RUK2N.js.map → chunk-6UTBN2XX.js.map} +0 -0
- /package/dist/{chunk-6F253HWQ.js.map → chunk-AVMAZXZT.js.map} +0 -0
- /package/dist/{chunk-VO7C5OZC.js.map → chunk-CYCIT2TG.js.map} +0 -0
- /package/dist/{chunk-OQ22A5U6.js.map → chunk-FJTTJ5ZT.js.map} +0 -0
- /package/dist/{chunk-2HHDYA7P.js.map → chunk-FSFO7DCO.js.map} +0 -0
- /package/dist/{chunk-LDNUCSUE.js.map → chunk-JI2OEPG2.js.map} +0 -0
- /package/dist/{chunk-RMYPWPMS.js.map → chunk-KR6AUZ77.js.map} +0 -0
- /package/dist/{chunk-4CK6AU4F.js.map → chunk-KXWP6EDU.js.map} +0 -0
- /package/dist/{chunk-5PMB453Q.js.map → chunk-L4XYDFNG.js.map} +0 -0
- /package/dist/{chunk-GYWKNHAH.js.map → chunk-LWG2UXQG.js.map} +0 -0
- /package/dist/{chunk-FAMBVSX3.js.map → chunk-MNNOI75G.js.map} +0 -0
- /package/dist/{chunk-AIIJINAR.js.map → chunk-RQG2GHCK.js.map} +0 -0
- /package/dist/{chunk-7RZ45QDQ.js.map → chunk-SLY6IY2R.js.map} +0 -0
- /package/dist/{chunk-5F2BYHAE.js.map → chunk-VOYAVKU3.js.map} +0 -0
- /package/dist/{chunk-R5GCM62W.js.map → chunk-WA7DDIST.js.map} +0 -0
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, TemplateResult } from "lit";
|
|
2
|
+
import { BaklavaIcon } from "../icon/icon-list";
|
|
3
|
+
import { NotificationVariant } from "./card/bl-notification-card";
|
|
4
|
+
declare type Action = {
|
|
5
|
+
label: string;
|
|
6
|
+
onClick: (notification: Notification) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare type NotificationProps = {
|
|
9
|
+
caption?: string;
|
|
10
|
+
description: string;
|
|
11
|
+
icon?: boolean | BaklavaIcon;
|
|
12
|
+
variant?: NotificationVariant;
|
|
13
|
+
primaryAction?: Action;
|
|
14
|
+
secondaryAction?: Action;
|
|
15
|
+
duration?: number;
|
|
16
|
+
permanent?: boolean;
|
|
17
|
+
};
|
|
18
|
+
export declare type Notification = NotificationProps & {
|
|
19
|
+
id: string;
|
|
20
|
+
remove: () => Promise<boolean>;
|
|
21
|
+
};
|
|
22
|
+
export declare const SWIPE_UP_THRESHOLD = -50;
|
|
23
|
+
/**
|
|
24
|
+
* @tag bl-notification
|
|
25
|
+
* @summary Baklava Notification component
|
|
26
|
+
*/
|
|
27
|
+
export default class BlNotification extends LitElement {
|
|
28
|
+
static get styles(): CSSResultGroup;
|
|
29
|
+
/**
|
|
30
|
+
* Disable animations.
|
|
31
|
+
* It will not be possible to use animations if the user has disabled them.
|
|
32
|
+
* Animations will respect the user's preferences regardless of this property.
|
|
33
|
+
*/
|
|
34
|
+
noAnimation: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Sets the default duration of notifications in seconds
|
|
37
|
+
*/
|
|
38
|
+
duration: number;
|
|
39
|
+
private notifications;
|
|
40
|
+
get notificationList(): Notification[];
|
|
41
|
+
private touchStartY;
|
|
42
|
+
get touchStart(): {
|
|
43
|
+
y: number;
|
|
44
|
+
};
|
|
45
|
+
private get isMobile();
|
|
46
|
+
/**
|
|
47
|
+
* Adds a notification to the list of notifications.
|
|
48
|
+
* @param {NotificationProps} props Notification properties
|
|
49
|
+
* @returns {Notification} A notification object with a remove method.
|
|
50
|
+
*/
|
|
51
|
+
addNotification(props: NotificationProps): Notification;
|
|
52
|
+
/**
|
|
53
|
+
* Removes a notification from the list of notifications.
|
|
54
|
+
* @param {string} id Notification id
|
|
55
|
+
* @returns {Promise<boolean>} A promise that resolves with a boolean indicating whether the notification was removed.
|
|
56
|
+
*/
|
|
57
|
+
removeNotification(id: string): Promise<boolean>;
|
|
58
|
+
private handleTouchStart;
|
|
59
|
+
private handleTouchMove;
|
|
60
|
+
private handleTouchEnd;
|
|
61
|
+
private renderActionSlot;
|
|
62
|
+
render(): TemplateResult;
|
|
63
|
+
}
|
|
64
|
+
declare global {
|
|
65
|
+
interface HTMLElementTagNameMap {
|
|
66
|
+
"bl-notification": BlNotification;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
export {};
|
|
70
|
+
//# sourceMappingURL=bl-notification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-notification.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAA2B,EAAe,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEnG,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,YAAY,GAAG,iBAAiB,GAAG;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;;GAGG;AAGH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,QAAQ,SAAK;IAGb,OAAO,CAAC,aAAa,CAAsB;IAE3C,IAAW,gBAAgB,mBAE1B;IAED,OAAO,CAAC,WAAW,CAAK;IAExB,IAAW,UAAU;;MAIpB;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED;;;;OAIG;IACI,eAAe,CAAC,KAAK,EAAE,iBAAiB;IAiB/C;;;;OAIG;IACU,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAwB7D,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,gBAAgB;IAgBxB,MAAM,IAAI,cAAc;CAkDzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a,b}from"../../chunk-RFUZBNM4.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as SWIPE_UP_THRESHOLD,b as default};
|
|
2
|
+
//# sourceMappingURL=bl-notification.js.map
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/web-components";
|
|
2
|
+
import type { NotificationProps } from "./bl-notification";
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare type NotificationArgs = {
|
|
6
|
+
noAnimation: boolean;
|
|
7
|
+
duration: number;
|
|
8
|
+
} & NotificationProps;
|
|
9
|
+
export declare type Story = StoryObj<NotificationArgs>;
|
|
10
|
+
export declare const AddExample: Story;
|
|
11
|
+
export declare const RemoveExample: Story;
|
|
12
|
+
export declare const RemoveAwaitExample: Story;
|
|
13
|
+
export declare const PrimaryActionExample: Story;
|
|
14
|
+
export declare const SecondaryActionExample: Story;
|
|
15
|
+
export declare const ActionsRemoveExample: Story;
|
|
16
|
+
export declare const PermanentExample: Story;
|
|
17
|
+
export declare const VariantsExample: Story;
|
|
18
|
+
//# sourceMappingURL=bl-notification.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-notification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,mBAAmB,CAAC;AAEzE,QAAA,MAAM,IAAI,EAAE,IAqEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAYpB,oBAAY,gBAAgB,GAAG;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AA4B/C,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsChC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA6BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAgDlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8F7B,CAAC"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import{a as s}from"../../chunk-PCREGBBF.js";import{a as l}from"../../chunk-DINNT5P2.js";import{b as t}from"../../chunk-4OT5AMS5.js";import{d as e}from"../../chunk-CYCIT2TG.js";var N={title:"Components/Notification",component:"bl-notification",parameters:{chromatic:{viewports:[1e3]}},decorators:[s],argTypes:{duration:{control:"number",description:"Duration in seconds",defaultValue:7},caption:{control:"text",description:"Caption of the notification"},description:{control:"text",description:"Description of the notification. Required."},icon:{control:"text",defaultValue:"true",description:"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon."},variant:{options:["info","warning","success","error"],default:"info",control:{type:"select"},description:"Variant of the notification"},permanent:{control:"boolean",defaultValue:!1,description:"If true, the notification will not have duration and will be removed when the user clicks on the close button."},primaryAction:{control:"object",description:"Primary action of the notification. onClick and label properties are required."},secondaryAction:{control:"object",description:"Secondary action of the notification. onClick and label properties are required."}},args:{noAnimation:!1,duration:20,caption:"Notification Caption",description:"Notification Description",icon:"true",variant:"info",permanent:!1,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}}},S=N,c=i=>{let o=document.querySelector("bl-notification");return o==null?void 0:o.addNotification(i)},A=i=>JSON.stringify(i,null,6),n=i=>t`
|
|
2
|
+
<bl-notification
|
|
3
|
+
?no-animation=${i.noAnimation}
|
|
4
|
+
duration=${l(i.duration)}
|
|
5
|
+
></bl-notification>
|
|
6
|
+
`,f,r=(i,o="Add Notification")=>{let a=o.toLowerCase().replace(/\s/g,"-");return t(f||(f=e([`
|
|
7
|
+
<bl-button id=`,">",`</bl-button>
|
|
8
|
+
|
|
9
|
+
<script>
|
|
10
|
+
(function () {
|
|
11
|
+
const notificationElement = document.querySelector("bl-notification");
|
|
12
|
+
const addButton = document.querySelector("bl-button#`,`");
|
|
13
|
+
|
|
14
|
+
addButton.addEventListener("bl-click", () => {
|
|
15
|
+
notificationElement.addNotification(`,`);
|
|
16
|
+
});
|
|
17
|
+
})();
|
|
18
|
+
<\/script>
|
|
19
|
+
`])),a,o,a,A(i))},k={render(i){return t`${n(i)} ${r(i)} `},args:{duration:60,primaryAction:void 0,secondaryAction:void 0},play:({args:i})=>{c(i),c({...i,variant:"success"}),c({...i,variant:"warning"}),c({...i,variant:"error"})}},p,E={render(i){return t(p||(p=e([`
|
|
20
|
+
`,`
|
|
21
|
+
<bl-button>Remove Notification</bl-button>
|
|
22
|
+
|
|
23
|
+
<script>
|
|
24
|
+
(function () {
|
|
25
|
+
const notificationElement = document.querySelector("bl-notification");
|
|
26
|
+
const removeButton = document.querySelector("bl-button");
|
|
27
|
+
|
|
28
|
+
const notification = notificationElement.addNotification({
|
|
29
|
+
caption: "Notification Caption",
|
|
30
|
+
description: "Notification Description",
|
|
31
|
+
permanent: true,
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
removeButton.addEventListener("bl-click", () => {
|
|
35
|
+
notification.remove(); // notificationElement.removeNotification(notification.id);
|
|
36
|
+
});
|
|
37
|
+
})();
|
|
38
|
+
<\/script>
|
|
39
|
+
`])),n(i))}},d,w={render(i){return t(d||(d=e([`
|
|
40
|
+
`,`
|
|
41
|
+
<bl-button>Remove Notifications</bl-button>
|
|
42
|
+
|
|
43
|
+
<script>
|
|
44
|
+
(function () {
|
|
45
|
+
const notificationElement = document.querySelector("bl-notification");
|
|
46
|
+
const removeButton = document.querySelector("bl-button");
|
|
47
|
+
|
|
48
|
+
const firstNotification = notificationElement.addNotification({
|
|
49
|
+
caption: "Notification Caption",
|
|
50
|
+
description: "Notification Description",
|
|
51
|
+
permanent: true,
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
const secondNotification = notificationElement.addNotification({
|
|
55
|
+
caption: "Notification Caption Second",
|
|
56
|
+
description: "Notification Description Second",
|
|
57
|
+
permanent: true,
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
const thirdNotification = notificationElement.addNotification({
|
|
61
|
+
caption: "Notification Caption Third",
|
|
62
|
+
description: "Notification Description Third",
|
|
63
|
+
permanent: true,
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
removeButton.addEventListener("bl-click", async () => {
|
|
67
|
+
await secondNotification.remove();
|
|
68
|
+
await thirdNotification.remove();
|
|
69
|
+
await firstNotification.remove();
|
|
70
|
+
});
|
|
71
|
+
})();
|
|
72
|
+
<\/script>
|
|
73
|
+
`])),n(i))}},m,g={render(i){return t(m||(m=e([`
|
|
74
|
+
`,`
|
|
75
|
+
<script>
|
|
76
|
+
(function () {
|
|
77
|
+
const notificationElement = document.querySelector("bl-notification");
|
|
78
|
+
|
|
79
|
+
notificationElement.addNotification({
|
|
80
|
+
caption: "Notification Caption",
|
|
81
|
+
description: "Notification Description",
|
|
82
|
+
permanent: true,
|
|
83
|
+
primaryAction: {
|
|
84
|
+
label: "Primary Action",
|
|
85
|
+
onClick: () => {
|
|
86
|
+
window.alert("Primary Action Clicked");
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
})();
|
|
91
|
+
<\/script>
|
|
92
|
+
`])),n(i))}},u,x={render(i){return t(u||(u=e([`
|
|
93
|
+
`,`
|
|
94
|
+
<script>
|
|
95
|
+
(function () {
|
|
96
|
+
const notificationElement = document.querySelector("bl-notification");
|
|
97
|
+
|
|
98
|
+
notificationElement.addNotification({
|
|
99
|
+
caption: "Notification Caption",
|
|
100
|
+
description: "Notification Description",
|
|
101
|
+
permanent: true,
|
|
102
|
+
primaryAction: {
|
|
103
|
+
label: "Primary Action",
|
|
104
|
+
onClick: () => {
|
|
105
|
+
window.alert("Primary Action Clicked");
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
secondaryAction: {
|
|
109
|
+
label: "Secondary Action",
|
|
110
|
+
onClick: () => {
|
|
111
|
+
window.alert("Secondary Action Clicked");
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
});
|
|
115
|
+
})();
|
|
116
|
+
<\/script>
|
|
117
|
+
`])),n(i))}},y,$={render(i){return t(y||(y=e([`
|
|
118
|
+
`,`
|
|
119
|
+
<script>
|
|
120
|
+
(function () {
|
|
121
|
+
const notificationElement = document.querySelector("bl-notification");
|
|
122
|
+
|
|
123
|
+
const notification = notificationElement.addNotification({
|
|
124
|
+
caption: "Notification Caption",
|
|
125
|
+
description: "Notification Description",
|
|
126
|
+
permanent: true,
|
|
127
|
+
primaryAction: {
|
|
128
|
+
label: "Primary Action",
|
|
129
|
+
onClick: notification => {
|
|
130
|
+
notification.remove();
|
|
131
|
+
},
|
|
132
|
+
},
|
|
133
|
+
secondaryAction: {
|
|
134
|
+
label: "Secondary Action",
|
|
135
|
+
onClick: notification => {
|
|
136
|
+
notification.remove();
|
|
137
|
+
},
|
|
138
|
+
},
|
|
139
|
+
});
|
|
140
|
+
})();
|
|
141
|
+
<\/script>
|
|
142
|
+
`])),n(i))},play:()=>{c({caption:"Notification Caption",description:"Notification Description",permanent:!0,primaryAction:{label:"Primary Action",onClick:i=>{i.remove()}},secondaryAction:{label:"Secondary Action",onClick:i=>{i.remove()}}})}},h={render(i){return t` ${n(i)} ${r(i)} `},args:{permanent:!0},play:({args:i})=>{c(i)}},P={render(i){return t`
|
|
143
|
+
${n(i)}
|
|
144
|
+
${r({caption:"Notification Caption",description:"Notification Variant: info",permanent:!0,variant:"info",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Info")}
|
|
145
|
+
${r({caption:"Notification Caption",description:"Notification Variant: success",permanent:!0,variant:"success",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Success")}
|
|
146
|
+
${r({caption:"Notification Caption",description:"Notification Variant: warning",permanent:!0,variant:"warning",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Warning")}
|
|
147
|
+
${r({caption:"Notification Caption",description:"Notification Variant: error",permanent:!0,variant:"error",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Error")}
|
|
148
|
+
`},play:()=>{let i=["info","success","warning","error"];for(let o of i)c({caption:"Notification Caption",description:`Notification Variant: ${o}`,permanent:!0,variant:o,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}})}};export{$ as ActionsRemoveExample,k as AddExample,h as PermanentExample,g as PrimaryActionExample,w as RemoveAwaitExample,E as RemoveExample,x as SecondaryActionExample,P as VariantsExample,S as default};
|
|
149
|
+
//# sourceMappingURL=bl-notification.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/notification/bl-notification.stories.ts"],
|
|
4
|
+
"sourcesContent": ["import { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { Meta, StoryObj } from \"@storybook/web-components\";\nimport { fullscreenLayout } from \"../../utilities/chromatic-decorators\";\nimport type { NotificationProps, Notification } from \"./bl-notification\";\n\nconst meta: Meta = {\n title: \"Components/Notification\",\n component: \"bl-notification\",\n parameters: {\n chromatic: {\n viewports: [1000],\n },\n },\n decorators: [fullscreenLayout],\n argTypes: {\n // Notification Card Props\n duration: {\n control: \"number\",\n description: \"Duration in seconds\",\n defaultValue: 7,\n },\n caption: {\n control: \"text\",\n description: \"Caption of the notification\",\n },\n description: {\n control: \"text\",\n description: \"Description of the notification. Required.\",\n },\n icon: {\n control: \"text\",\n defaultValue: \"true\",\n description:\n \"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon.\",\n },\n variant: {\n options: [\"info\", \"warning\", \"success\", \"error\"],\n default: \"info\",\n control: { type: \"select\" },\n description: \"Variant of the notification\",\n },\n permanent: {\n control: \"boolean\",\n defaultValue: false,\n description:\n \"If true, the notification will not have duration and will be removed when the user clicks on the close button.\",\n },\n primaryAction: {\n control: \"object\",\n description: \"Primary action of the notification. onClick and label properties are required.\",\n },\n secondaryAction: {\n control: \"object\",\n description:\n \"Secondary action of the notification. onClick and label properties are required.\",\n },\n },\n args: {\n noAnimation: false,\n duration: 20,\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n icon: \"true\",\n variant: \"info\",\n permanent: false,\n primaryAction: {\n label: \"Primary Action\",\n onClick() {},\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick() {},\n },\n },\n};\n\nexport default meta;\n\nconst addNotification = (options: NotificationProps) => {\n const el = document.querySelector(\"bl-notification\");\n\n return el?.addNotification(options);\n};\n\nconst stringifyArgs = (args: NotificationArgs | NotificationProps) => {\n return JSON.stringify(args, null, 6);\n};\n\nexport type NotificationArgs = {\n noAnimation: boolean;\n duration: number;\n} & NotificationProps;\n\nexport type Story = StoryObj<NotificationArgs>;\n\nconst BasicTemplate = (args: NotificationArgs) => html`\n <bl-notification\n ?no-animation=${args.noAnimation}\n duration=${ifDefined(args.duration)}\n ></bl-notification>\n`;\n\nconst NotificationCreator = (args: NotificationProps, buttonLabel = \"Add Notification\") => {\n const slug = buttonLabel.toLowerCase().replace(/\\s/g, \"-\");\n\n return html`\n <bl-button id=${slug}>${buttonLabel}</bl-button>\n\n <script>\n (function () {\n const notificationElement = document.querySelector(\"bl-notification\");\n const addButton = document.querySelector(\"bl-button#${slug}\");\n\n addButton.addEventListener(\"bl-click\", () => {\n notificationElement.addNotification(${stringifyArgs(args)});\n });\n })();\n </script>\n `;\n};\n\nexport const AddExample: Story = {\n render(args: NotificationArgs) {\n return html`${BasicTemplate(args)} ${NotificationCreator(args)} `;\n },\n args: {\n duration: 60,\n primaryAction: undefined,\n secondaryAction: undefined,\n },\n play: ({ args }) => {\n addNotification(args);\n addNotification({ ...args, variant: \"success\" });\n addNotification({ ...args, variant: \"warning\" });\n addNotification({ ...args, variant: \"error\" });\n },\n};\n\nexport const RemoveExample: Story = {\n render(args: NotificationArgs) {\n return html`\n ${BasicTemplate(args)}\n <bl-button>Remove Notification</bl-button>\n\n <script>\n (function () {\n const notificationElement = document.querySelector(\"bl-notification\");\n const removeButton = document.querySelector(\"bl-button\");\n\n const notification = notificationElement.addNotification({\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n permanent: true,\n });\n\n removeButton.addEventListener(\"bl-click\", () => {\n notification.remove(); // notificationElement.removeNotification(notification.id);\n });\n })();\n </script>\n `;\n },\n};\n\nexport const RemoveAwaitExample: Story = {\n render(args: NotificationArgs) {\n return html`\n ${BasicTemplate(args)}\n <bl-button>Remove Notifications</bl-button>\n\n <script>\n (function () {\n const notificationElement = document.querySelector(\"bl-notification\");\n const removeButton = document.querySelector(\"bl-button\");\n\n const firstNotification = notificationElement.addNotification({\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n permanent: true,\n });\n\n const secondNotification = notificationElement.addNotification({\n caption: \"Notification Caption Second\",\n description: \"Notification Description Second\",\n permanent: true,\n });\n\n const thirdNotification = notificationElement.addNotification({\n caption: \"Notification Caption Third\",\n description: \"Notification Description Third\",\n permanent: true,\n });\n\n removeButton.addEventListener(\"bl-click\", async () => {\n await secondNotification.remove();\n await thirdNotification.remove();\n await firstNotification.remove();\n });\n })();\n </script>\n `;\n },\n};\n\nexport const PrimaryActionExample: Story = {\n render(args: NotificationArgs) {\n return html`\n ${BasicTemplate(args)}\n <script>\n (function () {\n const notificationElement = document.querySelector(\"bl-notification\");\n\n notificationElement.addNotification({\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n permanent: true,\n primaryAction: {\n label: \"Primary Action\",\n onClick: () => {\n window.alert(\"Primary Action Clicked\");\n },\n },\n });\n })();\n </script>\n `;\n },\n};\n\nexport const SecondaryActionExample: Story = {\n render(args: NotificationArgs) {\n return html`\n ${BasicTemplate(args)}\n <script>\n (function () {\n const notificationElement = document.querySelector(\"bl-notification\");\n\n notificationElement.addNotification({\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n permanent: true,\n primaryAction: {\n label: \"Primary Action\",\n onClick: () => {\n window.alert(\"Primary Action Clicked\");\n },\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick: () => {\n window.alert(\"Secondary Action Clicked\");\n },\n },\n });\n })();\n </script>\n `;\n },\n};\n\nexport const ActionsRemoveExample: Story = {\n render(args: NotificationArgs) {\n return html`\n ${BasicTemplate(args)}\n <script>\n (function () {\n const notificationElement = document.querySelector(\"bl-notification\");\n\n const notification = notificationElement.addNotification({\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n permanent: true,\n primaryAction: {\n label: \"Primary Action\",\n onClick: notification => {\n notification.remove();\n },\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick: notification => {\n notification.remove();\n },\n },\n });\n })();\n </script>\n `;\n },\n play: () => {\n addNotification({\n caption: \"Notification Caption\",\n description: \"Notification Description\",\n permanent: true,\n primaryAction: {\n label: \"Primary Action\",\n onClick: (notification: Notification) => {\n notification.remove();\n },\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick: (notification: Notification) => {\n notification.remove();\n },\n },\n });\n },\n};\n\nexport const PermanentExample: Story = {\n render(args: NotificationArgs) {\n return html` ${BasicTemplate(args)} ${NotificationCreator(args)} `;\n },\n args: {\n permanent: true,\n },\n play: ({ args }) => {\n addNotification(args);\n },\n};\n\nexport const VariantsExample: Story = {\n render(args: NotificationArgs) {\n return html`\n ${BasicTemplate(args)}\n ${NotificationCreator(\n {\n caption: \"Notification Caption\",\n description: \"Notification Variant: info\",\n permanent: true,\n variant: \"info\",\n primaryAction: {\n label: \"Primary Action\",\n onClick() {},\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick() {},\n },\n },\n \"Info\"\n )}\n ${NotificationCreator(\n {\n caption: \"Notification Caption\",\n description: \"Notification Variant: success\",\n permanent: true,\n variant: \"success\",\n primaryAction: {\n label: \"Primary Action\",\n onClick() {},\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick() {},\n },\n },\n \"Success\"\n )}\n ${NotificationCreator(\n {\n caption: \"Notification Caption\",\n description: \"Notification Variant: warning\",\n permanent: true,\n variant: \"warning\",\n primaryAction: {\n label: \"Primary Action\",\n onClick() {},\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick() {},\n },\n },\n \"Warning\"\n )}\n ${NotificationCreator(\n {\n caption: \"Notification Caption\",\n description: \"Notification Variant: error\",\n permanent: true,\n variant: \"error\",\n primaryAction: {\n label: \"Primary Action\",\n onClick() {},\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick() {},\n },\n },\n \"Error\"\n )}\n `;\n },\n play: () => {\n const variants = [\"info\", \"success\", \"warning\", \"error\"] as const;\n\n for (const variant of variants) {\n addNotification({\n caption: \"Notification Caption\",\n description: `Notification Variant: ${variant}`,\n permanent: true,\n variant,\n primaryAction: {\n label: \"Primary Action\",\n onClick() {},\n },\n secondaryAction: {\n label: \"Secondary Action\",\n onClick() {},\n },\n });\n }\n },\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["meta", "fullscreenLayout", "bl_notification_stories_default", "addNotification", "options", "el", "stringifyArgs", "args", "BasicTemplate", "x", "_a", "NotificationCreator", "buttonLabel", "slug", "__template", "AddExample", "_b", "RemoveExample", "_c", "RemoveAwaitExample", "_d", "PrimaryActionExample", "_e", "SecondaryActionExample", "_f", "ActionsRemoveExample", "notification", "PermanentExample", "VariantsExample", "variants", "variant"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-notification.test.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, TemplateResult } from "lit";
|
|
2
|
+
import { BaklavaIcon } from "../../icon/icon-list";
|
|
3
|
+
export declare enum CloseSource {
|
|
4
|
+
DurationEnded = "duration-ended",
|
|
5
|
+
CloseButton = "close-button"
|
|
6
|
+
}
|
|
7
|
+
export declare type NotificationVariant = "info" | "success" | "warning" | "error";
|
|
8
|
+
/**
|
|
9
|
+
* @tag bl-notification-card
|
|
10
|
+
* @summary Baklava Notification Card component
|
|
11
|
+
*/
|
|
12
|
+
export default class BlNotificationCard extends LitElement {
|
|
13
|
+
static get styles(): CSSResultGroup;
|
|
14
|
+
/**
|
|
15
|
+
* Sets notification caption.
|
|
16
|
+
* @attr caption
|
|
17
|
+
* @type {string}
|
|
18
|
+
* @default ""
|
|
19
|
+
*/
|
|
20
|
+
caption: string;
|
|
21
|
+
/**
|
|
22
|
+
* Allows to customize notification icon.
|
|
23
|
+
* True value will display default icon.
|
|
24
|
+
* False value will hide icon.
|
|
25
|
+
* String value will display icon with specified name.
|
|
26
|
+
* @attr icon
|
|
27
|
+
* @type {boolean | BaklavaIcon}
|
|
28
|
+
* @default true
|
|
29
|
+
*/
|
|
30
|
+
icon?: boolean | BaklavaIcon;
|
|
31
|
+
/**
|
|
32
|
+
* Sets notification variant.
|
|
33
|
+
* @attr variant
|
|
34
|
+
* @type {NotificationVariant}
|
|
35
|
+
* @default "info"
|
|
36
|
+
*/
|
|
37
|
+
variant: NotificationVariant;
|
|
38
|
+
/**
|
|
39
|
+
* Sets notification display duration in minutes.
|
|
40
|
+
* Has no effect if permanent is set to true.
|
|
41
|
+
* @attr closed
|
|
42
|
+
* @type {boolean}
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
duration: number;
|
|
46
|
+
/**
|
|
47
|
+
* Prevents notification from being closed automatically.
|
|
48
|
+
* @attr closed
|
|
49
|
+
* @type {boolean}
|
|
50
|
+
* @default false
|
|
51
|
+
*/
|
|
52
|
+
permanent: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Indicates whether the notification is closed.
|
|
55
|
+
*/
|
|
56
|
+
closed: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Dispatches close request event.
|
|
59
|
+
* The notification will not be closed automatically if the event is prevented.
|
|
60
|
+
*/
|
|
61
|
+
private onRequestClose;
|
|
62
|
+
/**
|
|
63
|
+
* Dispatches close event.
|
|
64
|
+
* The notification will hidden after the event is dispatched and the closed property is set to true.
|
|
65
|
+
*/
|
|
66
|
+
private onClose;
|
|
67
|
+
protected firstUpdated(): void;
|
|
68
|
+
/**
|
|
69
|
+
* Sets up duration animation.
|
|
70
|
+
* The notification will dispatch a closed event after the animation ends.
|
|
71
|
+
*/
|
|
72
|
+
private setupDuration;
|
|
73
|
+
private close;
|
|
74
|
+
private handleClose;
|
|
75
|
+
private renderProgress;
|
|
76
|
+
render(): TemplateResult;
|
|
77
|
+
}
|
|
78
|
+
declare global {
|
|
79
|
+
interface HTMLElementTagNameMap {
|
|
80
|
+
"bl-notification-card": BlNotificationCard;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=bl-notification-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-notification-card.d.ts","sourceRoot":"","sources":["../../../../src/components/notification/card/bl-notification-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,oBAAY,WAAW;IACrB,aAAa,mBAAmB;IAChC,WAAW,iBAAiB;CAC7B;AAED,oBAAY,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAS3E;;;GAGG;AAGH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IACxD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;;;;OAKG;IAEH,OAAO,SAAM;IAEb;;;;;;;;OAQG;IAEH,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAE7B;;;;;OAKG;IAEH,OAAO,EAAE,mBAAmB,CAAU;IAEtC;;;;;;OAMG;IAEH,QAAQ,SAAK;IAEb;;;;;OAKG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAC0C,OAAO,CAAC,cAAc,CAEhE;IAEH;;;OAGG;IACkC,OAAO,CAAC,OAAO,CAEjD;IAEH,SAAS,CAAC,YAAY;IAItB;;;OAGG;YACW,aAAa;IAqB3B,OAAO,CAAC,KAAK;IAWb,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,cAAc;IAYtB,MAAM,IAAI,cAAc;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a,b}from"../../../chunk-XQUQIQBO.js";import"../../../chunk-ECPWEUBG.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as CloseSource,b as default};
|
|
2
|
+
//# sourceMappingURL=bl-notification-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-notification-card.test.d.ts","sourceRoot":"","sources":["../../../../src/components/notification/card/bl-notification-card.test.ts"],"names":[],"mappings":"AAIA,OAAO,sBAAsB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-FSFO7DCO.js";import"../../chunk-AMAOGVPQ.js";import"../../chunk-5EFPA3CA.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-FJTTJ5ZT.js";import"../../chunk-OSNB4BPE.js";import"../../chunk-3B64VOWB.js";import"../../chunk-AAGDUS7G.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-WA7DDIST.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-pagination.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-L4XYDFNG.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-popover.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-KR6AUZ77.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-progress-indicator.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{d as a,e as b,f as c}from"../../chunk-
|
|
1
|
+
import{d as a,e as b,f as c}from"../../chunk-AVMAZXZT.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{b as blChangeEventName,a as blRadioGroupTag,c as default};
|
|
2
2
|
//# sourceMappingURL=bl-radio-group.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b,c}from"../../../chunk-
|
|
1
|
+
import{a,b,c}from"../../../chunk-AVMAZXZT.js";import"../../../chunk-DJOD4BTL.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{b as blCheckedEventName,a as blRadioTag,c as default};
|
|
2
2
|
//# sourceMappingURL=bl-radio.js.map
|
|
@@ -83,8 +83,37 @@ export default class BlSelect<ValueType extends FormValue = string> extends BlSe
|
|
|
83
83
|
* Set custom error message
|
|
84
84
|
*/
|
|
85
85
|
customInvalidText?: string;
|
|
86
|
+
/**
|
|
87
|
+
* Views select all option in multiple select
|
|
88
|
+
*/
|
|
89
|
+
viewSelectAll: boolean;
|
|
90
|
+
/**
|
|
91
|
+
* Sets select all text in multiple select
|
|
92
|
+
*/
|
|
93
|
+
selectAllText: string;
|
|
94
|
+
/**
|
|
95
|
+
* Enable search functionality for the options within the list
|
|
96
|
+
*/
|
|
97
|
+
searchBar: boolean;
|
|
98
|
+
/**
|
|
99
|
+
* Search for text variations such as "search," "searching," "search by country," and so on
|
|
100
|
+
*/
|
|
101
|
+
searchBarPlaceholder?: string;
|
|
102
|
+
/**
|
|
103
|
+
* Display a loading icon in place of the search icon.
|
|
104
|
+
*/
|
|
105
|
+
searchBarLoadingState: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Text to display when no search results are found.
|
|
108
|
+
*/
|
|
109
|
+
searchNotFoundText: string;
|
|
110
|
+
/**
|
|
111
|
+
* Text to display on the clear search button.
|
|
112
|
+
*/
|
|
113
|
+
popoverClearSearchText: string;
|
|
86
114
|
private _isPopoverOpen;
|
|
87
115
|
private _additionalSelectedOptionCount;
|
|
116
|
+
private _searchText;
|
|
88
117
|
private selectedOptionsContainer;
|
|
89
118
|
private selectedOptionsItems;
|
|
90
119
|
private _popover;
|
|
@@ -93,11 +122,16 @@ export default class BlSelect<ValueType extends FormValue = string> extends BlSe
|
|
|
93
122
|
* Fires when selection changes
|
|
94
123
|
*/
|
|
95
124
|
private _onBlSelect;
|
|
125
|
+
/**
|
|
126
|
+
* Fires when search text changes
|
|
127
|
+
*/
|
|
128
|
+
private _onBlSearch;
|
|
96
129
|
private _connectedOptions;
|
|
97
130
|
private _cleanUpPopover;
|
|
98
131
|
private setOptionsSelected;
|
|
99
132
|
get options(): BlSelectOption<ValueType>[];
|
|
100
133
|
get opened(): boolean;
|
|
134
|
+
get noResultFound(): boolean;
|
|
101
135
|
private _selectedOptions;
|
|
102
136
|
private dirty;
|
|
103
137
|
get selectedOptions(): BlSelectOption<ValueType>[];
|
|
@@ -113,14 +147,19 @@ export default class BlSelect<ValueType extends FormValue = string> extends BlSe
|
|
|
113
147
|
connectedCallback(): void;
|
|
114
148
|
disconnectedCallback(): void;
|
|
115
149
|
private inputTemplate;
|
|
150
|
+
selectAllTemplate(): import("lit-html").TemplateResult<1> | null;
|
|
116
151
|
render(): import("lit-html").TemplateResult<1>;
|
|
117
152
|
private focusedOptionIndex;
|
|
118
153
|
private handleKeydown;
|
|
119
154
|
private togglePopover;
|
|
120
155
|
private _handleSelectEvent;
|
|
156
|
+
private _handleSearchEvent;
|
|
157
|
+
private _handleSearchOptions;
|
|
158
|
+
private _handleLastVisibleSearchedOption;
|
|
121
159
|
private _handleSingleSelect;
|
|
122
160
|
private _handleMultipleSelect;
|
|
123
161
|
private _handleSelectOptionEvent;
|
|
162
|
+
private _handleSelectAll;
|
|
124
163
|
private _onClickRemove;
|
|
125
164
|
private _checkAdditionalItemCount;
|
|
126
165
|
protected firstUpdated(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-AMAOGVPQ.js";import"../../chunk-5EFPA3CA.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3B64VOWB.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-JI2OEPG2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-select.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import "../checkbox-group/checkbox/bl-checkbox";
|
|
2
2
|
//# sourceMappingURL=bl-select.test.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-select.test.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.test.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"bl-select.test.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.test.ts"],"names":[],"mappings":"AAKA,OAAO,wCAAwC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../../chunk-
|
|
1
|
+
import{a}from"../../../chunk-5EFPA3CA.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-select-option.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/bl-switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC;;;;;;;GAOG;AAEH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,CAAC,sBAAS;IAElB;;OAEG;IACwB,OAAO,CAAC,QAAQ,CAA2B;IAEtE,MAAM;IAON,OAAO,CAAC,aAAa;IAOrB,MAAM,IAAI,cAAc;
|
|
1
|
+
{"version":3,"file":"bl-switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/bl-switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC;;;;;;;GAOG;AAEH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,CAAC,sBAAS;IAElB;;OAEG;IACwB,OAAO,CAAC,QAAQ,CAA2B;IAEtE,MAAM;IAON,OAAO,CAAC,aAAa;IAOrB,MAAM,IAAI,cAAc;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC;KACzB;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../chunk-
|
|
1
|
+
import{a,b}from"../../chunk-BEGAFK2I.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as blSwitchTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-switch.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-6UTBN2XX.js";import"../../chunk-LWG2UXQG.js";import"../../chunk-VOYAVKU3.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-tab-group.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../../chunk-
|
|
1
|
+
import{a}from"../../../chunk-VOYAVKU3.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-tab.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../../chunk-
|
|
1
|
+
import{a}from"../../../chunk-LWG2UXQG.js";import"../../../chunk-X2KXJYXQ.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-tab-panel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-MNNOI75G.js";import"../../chunk-OSNB4BPE.js";import"../../chunk-3B64VOWB.js";import"../../chunk-AAGDUS7G.js";import"../../chunk-DJOD4BTL.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-textarea.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-EPFBV6RC.js";import"../../chunk-L4XYDFNG.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-X2KXJYXQ.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-CYCIT2TG.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-tooltip.js.map
|