@trendyol/baklava 2.0.0-beta.51 → 2.0.0-beta.52
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 +6 -0
- 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.d.ts +3 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/chunk-HXVY2SEZ.js +19 -0
- package/dist/chunk-HXVY2SEZ.js.map +7 -0
- package/dist/{chunk-GBFJ2WUI.js → chunk-K4URJOQV.js} +3 -3
- package/dist/chunk-K4URJOQV.js.map +7 -0
- package/dist/chunk-LPQ6QJUJ.js +5 -0
- package/dist/chunk-LPQ6QJUJ.js.map +7 -0
- package/dist/chunk-ZNZ4DINT.js +21 -0
- package/dist/chunk-ZNZ4DINT.js.map +7 -0
- package/dist/components/button/bl-button.d.ts +13 -1
- package/dist/components/button/bl-button.d.ts.map +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/dialog/bl-dialog.js +1 -1
- package/dist/components/drawer/bl-drawer.js +1 -1
- package/dist/components/dropdown/bl-dropdown.d.ts +63 -0
- package/dist/components/dropdown/bl-dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/bl-dropdown.js +2 -0
- package/dist/components/dropdown/bl-dropdown.js.map +7 -0
- package/dist/components/dropdown/bl-dropdown.test.d.ts +2 -0
- package/dist/components/dropdown/bl-dropdown.test.d.ts.map +1 -0
- package/dist/components/dropdown/group/bl-dropdown-group.d.ts +20 -0
- package/dist/components/dropdown/group/bl-dropdown-group.d.ts.map +1 -0
- package/dist/components/dropdown/group/bl-dropdown-group.js +2 -0
- package/dist/components/dropdown/group/bl-dropdown-group.js.map +7 -0
- package/dist/components/dropdown/group/bl-dropdown-group.test.d.ts +2 -0
- package/dist/components/dropdown/group/bl-dropdown-group.test.d.ts.map +1 -0
- package/dist/components/dropdown/item/bl-dropdown-item.d.ts +32 -0
- package/dist/components/dropdown/item/bl-dropdown-item.d.ts.map +1 -0
- package/dist/components/dropdown/item/bl-dropdown-item.js +2 -0
- package/dist/components/dropdown/item/bl-dropdown-item.js.map +7 -0
- package/dist/components/dropdown/item/bl-dropdown-item.test.d.ts +2 -0
- package/dist/components/dropdown/item/bl-dropdown-item.test.d.ts.map +1 -0
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/select/bl-select.d.ts +1 -1
- package/dist/components/select/bl-select.d.ts.map +1 -1
- package/dist/components/select/bl-select.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/custom-elements.json +253 -0
- package/package.json +1 -1
- package/dist/chunk-5JOXJIWB.js +0 -18
- package/dist/chunk-5JOXJIWB.js.map +0 -7
- package/dist/chunk-GBFJ2WUI.js.map +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/bl-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,OAAO,iBAAiB,CAAC;AAEzB,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACjE,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,oBAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,oBAAY,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAW;IAE9B;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEtB;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA0B;IAE5D,IAAI,YAAY,YAEf;IAED,IAAI,eAAe,YAgBlB;IAED,MAAM,IAAI,cAAc;
|
|
1
|
+
{"version":3,"file":"bl-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/bl-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,OAAO,iBAAiB,CAAC;AAEzB,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACjE,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,oBAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,oBAAY,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAW;IAE9B;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAGf,OAAO,CAAC,MAAM,CAAwC;IAEtD;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA0B;IAE5D,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAIpB,KAAK;IAIL,IAAI,YAAY,YAEf;IAED,IAAI,eAAe,YAgBlB;IAED,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-button.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-H37QVPNF.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-dialog.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-WIJU4SW3.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-WIJU4SW3.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-drawer.js.map
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
|
|
2
|
+
import '../button/bl-button';
|
|
3
|
+
import { ButtonSize, ButtonVariant, ButtonKind } from '../button/bl-button';
|
|
4
|
+
import BlDropdownItem from './item/bl-dropdown-item';
|
|
5
|
+
export declare type CleanUpFunction = () => void;
|
|
6
|
+
export declare const blDropdownTag = "bl-dropdown";
|
|
7
|
+
/**
|
|
8
|
+
* @tag bl-dropdown
|
|
9
|
+
* @summary Baklava Dropdown component
|
|
10
|
+
*/
|
|
11
|
+
export default class BlDropdown extends LitElement {
|
|
12
|
+
static get styles(): CSSResultGroup;
|
|
13
|
+
private _dropdownButton;
|
|
14
|
+
private _popover;
|
|
15
|
+
private _cleanUpPopover;
|
|
16
|
+
private _isPopoverOpen;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the dropdown button label
|
|
19
|
+
*/
|
|
20
|
+
label: string;
|
|
21
|
+
/**
|
|
22
|
+
* Sets the dropdown button variant
|
|
23
|
+
*/
|
|
24
|
+
variant: ButtonVariant;
|
|
25
|
+
/**
|
|
26
|
+
* Sets the dropdown button kind
|
|
27
|
+
*/
|
|
28
|
+
kind: ButtonKind;
|
|
29
|
+
/**
|
|
30
|
+
* Sets the dropdown button size
|
|
31
|
+
*/
|
|
32
|
+
size: ButtonSize;
|
|
33
|
+
/**
|
|
34
|
+
* Sets button as disabled
|
|
35
|
+
*/
|
|
36
|
+
disabled: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Fires when dropdown opened
|
|
39
|
+
*/
|
|
40
|
+
private onOpen;
|
|
41
|
+
/**
|
|
42
|
+
* Fires when dropdown closed
|
|
43
|
+
*/
|
|
44
|
+
private onClose;
|
|
45
|
+
connectedCallback(): void;
|
|
46
|
+
disconnectedCallback(): void;
|
|
47
|
+
get opened(): boolean;
|
|
48
|
+
private _handleClick;
|
|
49
|
+
private _handleClickOutside;
|
|
50
|
+
private _setupPopover;
|
|
51
|
+
private focusedOptionIndex;
|
|
52
|
+
private handleKeyDown;
|
|
53
|
+
get options(): BlDropdownItem[];
|
|
54
|
+
open(): void;
|
|
55
|
+
close(): void;
|
|
56
|
+
render(): TemplateResult;
|
|
57
|
+
}
|
|
58
|
+
declare global {
|
|
59
|
+
interface HTMLElementTagNameMap {
|
|
60
|
+
[blDropdownTag]: BlDropdown;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=bl-dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/bl-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAevE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG5E,OAAO,cAAqC,MAAM,yBAAyB,CAAC;AAE5E,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAE3C;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD,OAAO,CAAC,eAAe,CAAc;IAGrC,OAAO,CAAC,QAAQ,CAAc;IAE9B,OAAO,CAAC,eAAe,CAAgC;IAE9C,OAAO,CAAC,cAAc,CAAS;IAExC;;OAEG;IAEH,KAAK,SAAqB;IAE1B;;OAEG;IAEH,OAAO,EAAE,aAAa,CAAa;IAEnC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAa;IAE7B;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,MAAM,CAA0B;IAEnE;;OAEG;IACyB,OAAO,CAAC,OAAO,CAA0B;IAErE,iBAAiB;IAIjB,oBAAoB;IAOpB,IAAI,MAAM,YAET;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,kBAAkB,CAAM;IAEhC,OAAO,CAAC,aAAa;IA6BrB,IAAI,OAAO,IAAI,cAAc,EAAE,CAE9B;IAED,IAAI;IAOJ,KAAK;IAOL,MAAM,IAAI,cAAc;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;KAC7B;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{c as a,d as b}from"../../chunk-ZNZ4DINT.js";import"../../chunk-LPQ6QJUJ.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as blDropdownTag,b as default};
|
|
2
|
+
//# sourceMappingURL=bl-dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dropdown.test.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/bl-dropdown.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
|
|
2
|
+
export declare const blDropdownGroupTag = "bl-dropdown-group";
|
|
3
|
+
/**
|
|
4
|
+
* @tag bl-dropdown-group
|
|
5
|
+
* @summary Baklava Dropdown Group component
|
|
6
|
+
*/
|
|
7
|
+
export default class BlDropdownGroup extends LitElement {
|
|
8
|
+
static get styles(): CSSResultGroup;
|
|
9
|
+
/**
|
|
10
|
+
* Sets the caption.
|
|
11
|
+
*/
|
|
12
|
+
caption?: string;
|
|
13
|
+
render(): TemplateResult;
|
|
14
|
+
}
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
[blDropdownGroupTag]: BlDropdownGroup;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=bl-dropdown-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dropdown-group.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/group/bl-dropdown-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACnD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,MAAM,IAAI,cAAc;CAS3B;AAGD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC;KACzC;CACJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dropdown-group.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/group/bl-dropdown-group.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
|
|
2
|
+
import '../../button/bl-button';
|
|
3
|
+
export declare const blDropdownItemTag = "bl-dropdown-item";
|
|
4
|
+
/**
|
|
5
|
+
* @tag bl-dropdown-item
|
|
6
|
+
* @summary Baklava Dropdown Item component
|
|
7
|
+
*/
|
|
8
|
+
export default class BlDropdownItem extends LitElement {
|
|
9
|
+
static get styles(): CSSResultGroup;
|
|
10
|
+
/**
|
|
11
|
+
* Sets the icon name. Shows icon with bl-icon component
|
|
12
|
+
*/
|
|
13
|
+
icon?: string;
|
|
14
|
+
private onClick;
|
|
15
|
+
private _handleClick;
|
|
16
|
+
private menuElement;
|
|
17
|
+
/**
|
|
18
|
+
* Focuses this action
|
|
19
|
+
*/
|
|
20
|
+
focus(): void;
|
|
21
|
+
private BlDropdownGroupField;
|
|
22
|
+
private BlDropdownField;
|
|
23
|
+
connectedCallback(): void;
|
|
24
|
+
disconnectedCallback(): void;
|
|
25
|
+
render(): TemplateResult;
|
|
26
|
+
}
|
|
27
|
+
declare global {
|
|
28
|
+
interface HTMLElementTagNameMap {
|
|
29
|
+
[blDropdownItemTag]: BlDropdownItem;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=bl-dropdown-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dropdown-item.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/item/bl-dropdown-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAWvE,OAAO,wBAAwB,CAAC;AAIhC,eAAO,MAAM,iBAAiB,qBAAqB,CAAC;AAEpD;;;GAGG;AAEH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAGH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEmB,OAAO,CAAC,OAAO,CAA0B;IAE1E,OAAO,CAAC,YAAY;IAIM,OAAO,CAAC,WAAW,CAAW;IAExD;;OAEG;IACF,KAAK;IAIN,OAAO,CAAC,oBAAoB,CAAyB;IACrD,OAAO,CAAC,eAAe,CAAoB;IAE3C,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAI5B,MAAM,IAAI,cAAc;CAUzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,iBAAiB,CAAC,EAAE,cAAc,CAAC;KACrC;CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a,b}from"../../../chunk-ZNZ4DINT.js";import"../../../chunk-LPQ6QJUJ.js";import"../../../chunk-VNGNBBSS.js";import"../../../chunk-HXVY2SEZ.js";import"../../../chunk-ENFFFE4I.js";import"../../../chunk-2TVOKUHE.js";import"../../../chunk-WXJKPVRA.js";import"../../../chunk-72IJCTLJ.js";import"../../../chunk-23UFIOHV.js";import"../../../chunk-HG7OBTQS.js";import"../../../chunk-NZ3RGSR6.js";export{a as blDropdownItemTag,b as default};
|
|
2
|
+
//# sourceMappingURL=bl-dropdown-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bl-dropdown-item.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/item/bl-dropdown-item.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-4H6GIXMH.js";import"../../chunk-EA5US64C.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-4H6GIXMH.js";import"../../chunk-EA5US64C.js";import"../../chunk-K4URJOQV.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-KQBKSEYJ.js";import"../../chunk-5VLVLBWY.js";import"../../chunk-HXVY2SEZ.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-2TVOKUHE.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-pagination.js.map
|
|
@@ -59,7 +59,7 @@ export default class BlSelect extends LitElement {
|
|
|
59
59
|
private _connectedOptions;
|
|
60
60
|
private _cleanUpPopover;
|
|
61
61
|
get options(): BlSelectOption[];
|
|
62
|
-
get
|
|
62
|
+
get opened(): boolean;
|
|
63
63
|
get selectedOptions(): ISelectOption[];
|
|
64
64
|
get additionalSelectedOptionCount(): number;
|
|
65
65
|
get isInvalid(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAGzC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAI3B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,OAAO,CAAC,8BAA8B,CAAK;IAG3C,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,yBAAyB,CAAe;IAGhD,OAAO,CAAC,qBAAqB,CAAsB;IAGnD,OAAO,CAAC,QAAQ,CAAc;IAG9B,OAAO,CAAC,YAAY,CAAc;IAEd,OAAO,CAAC,WAAW,CAAmC;IAE1E,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,OAAO,CAAC,eAAe,CAAgC;IAEvD,IAAI,OAAO,qBAEV;IAED,IAAI,
|
|
1
|
+
{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,oBAAY,eAAe,GAAG,MAAM,IAAI,CAAC;AAGzC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAC9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAGD;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAI3B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,gBAAgB,CAAuB;IAG/C,OAAO,CAAC,8BAA8B,CAAK;IAG3C,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,yBAAyB,CAAe;IAGhD,OAAO,CAAC,qBAAqB,CAAsB;IAGnD,OAAO,CAAC,QAAQ,CAAc;IAG9B,OAAO,CAAC,YAAY,CAAc;IAEd,OAAO,CAAC,WAAW,CAAmC;IAE1E,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,OAAO,CAAC,eAAe,CAAgC;IAEvD,IAAI,OAAO,qBAEV;IAED,IAAI,MAAM,YAET;IAED,IAAI,eAAe,oBAElB;IAED,IAAI,6BAA6B,WAEhC;IAED,IAAI,SAAS,YAEZ;IAED,IAAI;IAMJ,KAAK;IAML,OAAO,CAAC,oBAAoB,CAO1B;IAEF,OAAO,CAAC,aAAa;IAuBrB,iBAAiB;IAGjB,oBAAoB;IAMpB,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,YAAY;IAMpB,MAAM;IAqBN,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,wBAAwB;IAUhC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,yBAAyB;IAejC,OAAO,CAAC,cAAc;IAMtB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAmBpD;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,cAAc;IAoBrC;;;OAGG;IACH,gBAAgB,CAAC,MAAM,EAAE,cAAc;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-K4URJOQV.js";import"../../chunk-KWTSWXUL.js";import"../../chunk-VNGNBBSS.js";import"../../chunk-ENFFFE4I.js";import"../../chunk-WXJKPVRA.js";import"../../chunk-72IJCTLJ.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-select.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../chunk-C5HFLPOK.js";import"../../chunk-
|
|
1
|
+
import{a}from"../../chunk-C5HFLPOK.js";import"../../chunk-IDG5M2QP.js";import"../../chunk-EX6STMCI.js";import"../../chunk-23UFIOHV.js";import"../../chunk-HG7OBTQS.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
|
|
2
2
|
//# sourceMappingURL=bl-tab-group.js.map
|
|
@@ -265,6 +265,15 @@
|
|
|
265
265
|
},
|
|
266
266
|
"description": "Sets the type of the button. Set `submit` to use button as the submitter of parent form.",
|
|
267
267
|
"fieldName": "type"
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "dropdown",
|
|
271
|
+
"type": {
|
|
272
|
+
"text": "boolean"
|
|
273
|
+
},
|
|
274
|
+
"default": "false",
|
|
275
|
+
"description": "Sets button type to dropdown",
|
|
276
|
+
"fieldName": "dropdown"
|
|
268
277
|
}
|
|
269
278
|
],
|
|
270
279
|
"superclass": {
|
|
@@ -568,6 +577,120 @@
|
|
|
568
577
|
}
|
|
569
578
|
]
|
|
570
579
|
},
|
|
580
|
+
{
|
|
581
|
+
"kind": "javascript-module",
|
|
582
|
+
"path": "src/components/dropdown/bl-dropdown.ts",
|
|
583
|
+
"declarations": [
|
|
584
|
+
{
|
|
585
|
+
"kind": "variable",
|
|
586
|
+
"name": "blDropdownTag",
|
|
587
|
+
"type": {
|
|
588
|
+
"text": "string"
|
|
589
|
+
},
|
|
590
|
+
"default": "'bl-dropdown'"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"kind": "class",
|
|
594
|
+
"description": "",
|
|
595
|
+
"name": "BlDropdown",
|
|
596
|
+
"events": [
|
|
597
|
+
{
|
|
598
|
+
"type": {
|
|
599
|
+
"text": "CustomEvent<string>"
|
|
600
|
+
},
|
|
601
|
+
"description": "Fires when dropdown opened",
|
|
602
|
+
"name": "bl-dropdown-open"
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"type": {
|
|
606
|
+
"text": "CustomEvent<string>"
|
|
607
|
+
},
|
|
608
|
+
"description": "Fires when dropdown closed",
|
|
609
|
+
"name": "bl-dropdown-close"
|
|
610
|
+
}
|
|
611
|
+
],
|
|
612
|
+
"attributes": [
|
|
613
|
+
{
|
|
614
|
+
"name": "label",
|
|
615
|
+
"type": {
|
|
616
|
+
"text": "string"
|
|
617
|
+
},
|
|
618
|
+
"default": "'Dropdown Button'",
|
|
619
|
+
"description": "Sets the dropdown button label",
|
|
620
|
+
"fieldName": "label"
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "variant",
|
|
624
|
+
"type": {
|
|
625
|
+
"text": "ButtonVariant"
|
|
626
|
+
},
|
|
627
|
+
"default": "'primary'",
|
|
628
|
+
"description": "Sets the dropdown button variant",
|
|
629
|
+
"fieldName": "variant"
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
"name": "kind",
|
|
633
|
+
"type": {
|
|
634
|
+
"text": "ButtonKind"
|
|
635
|
+
},
|
|
636
|
+
"default": "'default'",
|
|
637
|
+
"description": "Sets the dropdown button kind",
|
|
638
|
+
"fieldName": "kind"
|
|
639
|
+
},
|
|
640
|
+
{
|
|
641
|
+
"name": "size",
|
|
642
|
+
"type": {
|
|
643
|
+
"text": "ButtonSize"
|
|
644
|
+
},
|
|
645
|
+
"default": "'medium'",
|
|
646
|
+
"description": "Sets the dropdown button size",
|
|
647
|
+
"fieldName": "size"
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"name": "disabled",
|
|
651
|
+
"type": {
|
|
652
|
+
"text": "boolean"
|
|
653
|
+
},
|
|
654
|
+
"default": "false",
|
|
655
|
+
"description": "Sets button as disabled",
|
|
656
|
+
"fieldName": "disabled"
|
|
657
|
+
}
|
|
658
|
+
],
|
|
659
|
+
"superclass": {
|
|
660
|
+
"name": "LitElement",
|
|
661
|
+
"package": "lit"
|
|
662
|
+
},
|
|
663
|
+
"tagName": "bl-dropdown",
|
|
664
|
+
"summary": "Baklava Dropdown component",
|
|
665
|
+
"customElement": true
|
|
666
|
+
}
|
|
667
|
+
],
|
|
668
|
+
"exports": [
|
|
669
|
+
{
|
|
670
|
+
"kind": "js",
|
|
671
|
+
"name": "blDropdownTag",
|
|
672
|
+
"declaration": {
|
|
673
|
+
"name": "blDropdownTag",
|
|
674
|
+
"module": "src/components/dropdown/bl-dropdown.ts"
|
|
675
|
+
}
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"kind": "js",
|
|
679
|
+
"name": "default",
|
|
680
|
+
"declaration": {
|
|
681
|
+
"name": "BlDropdown",
|
|
682
|
+
"module": "src/components/dropdown/bl-dropdown.ts"
|
|
683
|
+
}
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"kind": "custom-element-definition",
|
|
687
|
+
"declaration": {
|
|
688
|
+
"name": "BlDropdown",
|
|
689
|
+
"module": "src/components/dropdown/bl-dropdown.ts"
|
|
690
|
+
}
|
|
691
|
+
}
|
|
692
|
+
]
|
|
693
|
+
},
|
|
571
694
|
{
|
|
572
695
|
"kind": "javascript-module",
|
|
573
696
|
"path": "src/components/icon/bl-icon.ts",
|
|
@@ -1480,6 +1603,136 @@
|
|
|
1480
1603
|
}
|
|
1481
1604
|
]
|
|
1482
1605
|
},
|
|
1606
|
+
{
|
|
1607
|
+
"kind": "javascript-module",
|
|
1608
|
+
"path": "src/components/dropdown/group/bl-dropdown-group.ts",
|
|
1609
|
+
"declarations": [
|
|
1610
|
+
{
|
|
1611
|
+
"kind": "variable",
|
|
1612
|
+
"name": "blDropdownGroupTag",
|
|
1613
|
+
"type": {
|
|
1614
|
+
"text": "string"
|
|
1615
|
+
},
|
|
1616
|
+
"default": "'bl-dropdown-group'"
|
|
1617
|
+
},
|
|
1618
|
+
{
|
|
1619
|
+
"kind": "class",
|
|
1620
|
+
"description": "",
|
|
1621
|
+
"name": "BlDropdownGroup",
|
|
1622
|
+
"attributes": [
|
|
1623
|
+
{
|
|
1624
|
+
"name": "caption",
|
|
1625
|
+
"type": {
|
|
1626
|
+
"text": "string | undefined"
|
|
1627
|
+
},
|
|
1628
|
+
"description": "Sets the caption.",
|
|
1629
|
+
"fieldName": "caption"
|
|
1630
|
+
}
|
|
1631
|
+
],
|
|
1632
|
+
"superclass": {
|
|
1633
|
+
"name": "LitElement",
|
|
1634
|
+
"package": "lit"
|
|
1635
|
+
},
|
|
1636
|
+
"tagName": "bl-dropdown-group",
|
|
1637
|
+
"summary": "Baklava Dropdown Group component",
|
|
1638
|
+
"customElement": true
|
|
1639
|
+
}
|
|
1640
|
+
],
|
|
1641
|
+
"exports": [
|
|
1642
|
+
{
|
|
1643
|
+
"kind": "js",
|
|
1644
|
+
"name": "blDropdownGroupTag",
|
|
1645
|
+
"declaration": {
|
|
1646
|
+
"name": "blDropdownGroupTag",
|
|
1647
|
+
"module": "src/components/dropdown/group/bl-dropdown-group.ts"
|
|
1648
|
+
}
|
|
1649
|
+
},
|
|
1650
|
+
{
|
|
1651
|
+
"kind": "js",
|
|
1652
|
+
"name": "default",
|
|
1653
|
+
"declaration": {
|
|
1654
|
+
"name": "BlDropdownGroup",
|
|
1655
|
+
"module": "src/components/dropdown/group/bl-dropdown-group.ts"
|
|
1656
|
+
}
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"kind": "custom-element-definition",
|
|
1660
|
+
"declaration": {
|
|
1661
|
+
"name": "BlDropdownGroup",
|
|
1662
|
+
"module": "src/components/dropdown/group/bl-dropdown-group.ts"
|
|
1663
|
+
}
|
|
1664
|
+
}
|
|
1665
|
+
]
|
|
1666
|
+
},
|
|
1667
|
+
{
|
|
1668
|
+
"kind": "javascript-module",
|
|
1669
|
+
"path": "src/components/dropdown/item/bl-dropdown-item.ts",
|
|
1670
|
+
"declarations": [
|
|
1671
|
+
{
|
|
1672
|
+
"kind": "variable",
|
|
1673
|
+
"name": "blDropdownItemTag",
|
|
1674
|
+
"type": {
|
|
1675
|
+
"text": "string"
|
|
1676
|
+
},
|
|
1677
|
+
"default": "'bl-dropdown-item'"
|
|
1678
|
+
},
|
|
1679
|
+
{
|
|
1680
|
+
"kind": "class",
|
|
1681
|
+
"description": "",
|
|
1682
|
+
"name": "BlDropdownItem",
|
|
1683
|
+
"events": [
|
|
1684
|
+
{
|
|
1685
|
+
"type": {
|
|
1686
|
+
"text": "CustomEvent<string>"
|
|
1687
|
+
},
|
|
1688
|
+
"name": "bl-dropdown-item-click"
|
|
1689
|
+
}
|
|
1690
|
+
],
|
|
1691
|
+
"attributes": [
|
|
1692
|
+
{
|
|
1693
|
+
"name": "icon",
|
|
1694
|
+
"type": {
|
|
1695
|
+
"text": "string | undefined"
|
|
1696
|
+
},
|
|
1697
|
+
"description": "Sets the icon name. Shows icon with bl-icon component",
|
|
1698
|
+
"fieldName": "icon"
|
|
1699
|
+
}
|
|
1700
|
+
],
|
|
1701
|
+
"superclass": {
|
|
1702
|
+
"name": "LitElement",
|
|
1703
|
+
"package": "lit"
|
|
1704
|
+
},
|
|
1705
|
+
"tagName": "bl-dropdown-item",
|
|
1706
|
+
"summary": "Baklava Dropdown Item component",
|
|
1707
|
+
"customElement": true
|
|
1708
|
+
}
|
|
1709
|
+
],
|
|
1710
|
+
"exports": [
|
|
1711
|
+
{
|
|
1712
|
+
"kind": "js",
|
|
1713
|
+
"name": "blDropdownItemTag",
|
|
1714
|
+
"declaration": {
|
|
1715
|
+
"name": "blDropdownItemTag",
|
|
1716
|
+
"module": "src/components/dropdown/item/bl-dropdown-item.ts"
|
|
1717
|
+
}
|
|
1718
|
+
},
|
|
1719
|
+
{
|
|
1720
|
+
"kind": "js",
|
|
1721
|
+
"name": "default",
|
|
1722
|
+
"declaration": {
|
|
1723
|
+
"name": "BlDropdownItem",
|
|
1724
|
+
"module": "src/components/dropdown/item/bl-dropdown-item.ts"
|
|
1725
|
+
}
|
|
1726
|
+
},
|
|
1727
|
+
{
|
|
1728
|
+
"kind": "custom-element-definition",
|
|
1729
|
+
"declaration": {
|
|
1730
|
+
"name": "BlDropdownItem",
|
|
1731
|
+
"module": "src/components/dropdown/item/bl-dropdown-item.ts"
|
|
1732
|
+
}
|
|
1733
|
+
}
|
|
1734
|
+
]
|
|
1735
|
+
},
|
|
1483
1736
|
{
|
|
1484
1737
|
"kind": "javascript-module",
|
|
1485
1738
|
"path": "src/components/radio-group/radio/bl-radio.ts",
|
package/package.json
CHANGED
package/dist/chunk-5JOXJIWB.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import{a as v}from"./chunk-ENFFFE4I.js";import{a}from"./chunk-2TVOKUHE.js";import{a as h}from"./chunk-23UFIOHV.js";import{a as c,b as l,f as d,g as b,h as r}from"./chunk-HG7OBTQS.js";import{a as o}from"./chunk-NZ3RGSR6.js";var m=c`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}`,p=m;var t=class extends d{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.target="_self"}static get styles(){return[p]}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(e=>{var i;let n=e.nodeType;return n===e.TEXT_NODE&&((i=e.textContent)==null?void 0:i.trim())!==""||n===e.ELEMENT_NODE&&!e.hasAttribute("slot")})}render(){let s=!!this.href,e=this.icon?l`<bl-icon name=${this.icon}></bl-icon>`:"",n=l`<slot name="icon">${e}</slot> <span class="label"><slot></slot></span>`,i=v({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot});return s?l`<a
|
|
2
|
-
class=${i}
|
|
3
|
-
aria-disabled="${a(this.disabled)}"
|
|
4
|
-
aria-label="${a(this.label)}"
|
|
5
|
-
href=${a(this.href)}
|
|
6
|
-
target=${a(this.target)}
|
|
7
|
-
role="button"
|
|
8
|
-
>${n}</a
|
|
9
|
-
>`:l`<button
|
|
10
|
-
class=${i}
|
|
11
|
-
aria-disabled="${a(this.disabled)}"
|
|
12
|
-
aria-label="${a(this.label)}"
|
|
13
|
-
?disabled=${this.disabled}
|
|
14
|
-
@click="${this._handleClick}"
|
|
15
|
-
>
|
|
16
|
-
${n}
|
|
17
|
-
</button>`}_handleClick(){this.onClick("Click event fired!")}};o([r({type:String,reflect:!0})],t.prototype,"variant",2),o([r({type:String,reflect:!0})],t.prototype,"kind",2),o([r({type:String,reflect:!0})],t.prototype,"size",2),o([r({type:String})],t.prototype,"label",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({type:String})],t.prototype,"href",2),o([r({type:String})],t.prototype,"icon",2),o([r({type:String})],t.prototype,"target",2),o([r({type:String})],t.prototype,"type",2),o([h("bl-click")],t.prototype,"onClick",2),t=o([b("bl-button")],t);export{t as a};
|
|
18
|
-
//# sourceMappingURL=chunk-5JOXJIWB.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/button/bl-button.css", "../src/components/button/bl-button.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:var(--bl-button-display,inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-hover);--text-hover-color:var(--bl-color-secondary-background);--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:6px;text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(:hover) .button,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size='small']) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size='large']) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:0}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant='secondary']) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant='tertiary']) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind='neutral']) .button{--main-color:var(--bl-color-secondary);--main-hover-color:var(--bl-color-secondary-hover)}:host([kind='success']) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-hover)}:host([kind='danger']) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-hover)}:host([disabled]){cursor:not-allowed}:host([disabled]) .button{--main-color:var(--bl-color-tertiary);--main-hover-color:var(--bl-color-tertiary);--content-color:var(--bl-color-content-passive);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant='tertiary'][disabled]) .button{--main-color:transparent}:host([variant='secondary']:hover:not([disabled])) .button,:host([variant='secondary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--bl-color-content-primary-contrast);--bg-color:var(--main-hover-color)}:host([variant='tertiary']:hover:not([disabled])) .button,:host([variant='tertiary'].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__:not([disabled])) .button{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { event, EventDispatcher } from '../../utilities/event';\nimport style from './bl-button.css';\nimport '../icon/bl-icon';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonKind = 'default' | 'neutral' | 'success' | 'danger';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type TargetType = '_blank' | '_parent' | '_self' | '_top';\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty --bl-button-display - Sets the display property of button. Default value is 'inline-block'.\n *\n */\n@customElement('bl-button')\nexport default class BlButton extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets the button variant\n */\n @property({ type: String, reflect: true })\n variant: ButtonVariant = 'primary';\n\n /**\n * Sets the button kind\n */\n @property({ type: String, reflect: true })\n kind: ButtonKind = 'default';\n\n /**\n * Sets the button size\n */\n @property({ type: String, reflect: true })\n size: ButtonSize = 'medium';\n\n /**\n * Sets the button label. Used for accessibility.\n */\n @property({ type: String })\n label: string;\n\n /**\n * Sets button as disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Set link url. If set, button will be rendered as anchor tag.\n */\n @property({ type: String })\n href?: string;\n\n /**\n * Sets the icon name. Shows icon with bl-icon component\n */\n @property({ type: String })\n icon?: string;\n\n /**\n * Sets the anchor target. Used when `href` is set.\n */\n @property({ type: String })\n target?: TargetType = '_self';\n\n /**\n * Sets the type of the button. Set `submit` to use button as the submitter of parent form.\n */\n @property({ type: String })\n type: 'submit' | null;\n\n /**\n * Fires when button clicked\n */\n @event('bl-click') private onClick: EventDispatcher<string>;\n\n get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n get _hasDefaultSlot() {\n const childNodes = [...this.childNodes];\n return childNodes.some(node => {\n const nodeType = node.nodeType;\n // has only text node.\n if (nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n return true;\n }\n // has element node, it should not have slot attribute.\n if (nodeType === node.ELEMENT_NODE) {\n if (!(node as HTMLElement).hasAttribute('slot')) {\n return true;\n }\n }\n return false;\n });\n }\n\n render(): TemplateResult {\n const isAnchor = !!this.href;\n const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n const slots = html`<slot name=\"icon\">${icon}</slot> <span class=\"label\"><slot></slot></span>`;\n const classes = classMap({\n 'button': true,\n 'has-icon': this.icon || this._hasIconSlot,\n 'has-content': this._hasDefaultSlot,\n });\n\n return isAnchor\n ? html`<a\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n role=\"button\"\n >${slots}</a\n >`\n : html`<button\n class=${classes}\n aria-disabled=\"${ifDefined(this.disabled)}\"\n aria-label=\"${ifDefined(this.label)}\"\n ?disabled=${this.disabled}\n @click=\"${this._handleClick}\"\n >\n ${slots}\n </button>`;\n }\n\n private _handleClick() {\n this.onClick('Click event fired!');\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-button': BlButton;\n }\n}\n"],
|
|
5
|
-
"mappings": "+NACO,IAAMA,EAASC,6jGACfC,EAAQF,ECmBf,IAAqBG,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAyB,UAMzB,UAAmB,UAMnB,UAAmB,SAYnB,cAAW,GAkBX,YAAsB,QAlDtB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CA6DA,IAAI,cAAe,CACjB,OAAO,KAAK,cAAc,wBAAwB,IAAM,IAC1D,CAEA,IAAI,iBAAkB,CAEpB,MADmB,CAAC,GAAG,KAAK,UAAU,EACpB,KAAKC,GAAQ,CA3FnC,IAAAC,EA4FM,IAAMC,EAAWF,EAAK,SAMtB,OAJIE,IAAaF,EAAK,aAAaC,EAAAD,EAAK,cAAL,YAAAC,EAAkB,UAAW,IAI5DC,IAAaF,EAAK,cAChB,CAAEA,EAAqB,aAAa,MAAM,CAKlD,CAAC,CACH,CAEA,QAAyB,CACvB,IAAMG,EAAW,CAAC,CAAC,KAAK,KAClBC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GACjEC,EAAQD,sBAAyBD,oDACjCG,EAAUC,EAAS,CACvB,OAAU,GACV,WAAY,KAAK,MAAQ,KAAK,aAC9B,cAAe,KAAK,eACtB,CAAC,EAED,OAAOL,EACHE;AAAA,kBACUE;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,iBAC3BA,EAAU,KAAK,IAAI;AAAA,mBACjBA,EAAU,KAAK,MAAM;AAAA;AAAA,aAE3BH;AAAA,WAELD;AAAA,kBACUE;AAAA,2BACSE,EAAU,KAAK,QAAQ;AAAA,wBAC1BA,EAAU,KAAK,KAAK;AAAA,sBACtB,KAAK;AAAA,oBACP,KAAK;AAAA;AAAA,YAEbH;AAAA,kBAEV,CAEQ,cAAe,CACrB,KAAK,QAAQ,oBAAoB,CACnC,CACF,EA/GEI,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBd,EASnB,uBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAdtBd,EAenB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBtBd,EAqBnB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA1BPd,EA2BnB,qBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhCvBd,EAiCnB,wBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAtCPd,EAuCnB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GA5CPd,EA6CnB,oBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAlDPd,EAmDnB,sBAMAa,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxDPd,EAyDnB,oBAK2Ba,EAAA,CAA1BE,EAAM,UAAU,GA9DEf,EA8DQ,uBA9DRA,EAArBa,EAAA,CADCG,EAAc,WAAW,GACLhB",
|
|
6
|
-
"names": ["styles", "r", "bl_button_default", "BlButton", "s", "bl_button_default", "node", "_a", "nodeType", "isAnchor", "icon", "$", "slots", "classes", "o", "l", "__decorateClass", "e", "event", "n"]
|
|
7
|
-
}
|