@jumpgroup/jump-design-system 0.3.8 → 0.3.14
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/cjs/chunk.H33C3MRM-2c09acb5.js +547 -0
- package/dist/cjs/chunk.H33C3MRM-2c09acb5.js.map +1 -0
- package/dist/cjs/jump-button_2.cjs.entry.js +3 -525
- package/dist/cjs/jump-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-design-system.cjs.js +1 -1
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js +845 -0
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js.map +1 -0
- package/dist/cjs/jump-filter.cjs.entry.js +5 -4
- package/dist/cjs/jump-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-filtergroup.cjs.entry.js +19 -3
- package/dist/cjs/jump-filtergroup.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-pagination-table.cjs.entry.js +17 -18
- package/dist/cjs/jump-pagination-table.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-pagination.cjs.entry.js +3 -3
- package/dist/cjs/jump-quantity.cjs.entry.js +4 -4
- package/dist/cjs/jump-quantity.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/jump-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/jump-tab.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/jump-filter/jump-filter.css +8 -1
- package/dist/collection/components/jump-filter/jump-filter.js +5 -4
- package/dist/collection/components/jump-filter/jump-filter.js.map +1 -1
- package/dist/collection/components/jump-filter/jump-filter.stories.js +5 -4
- package/dist/collection/components/jump-filter/jump-filter.stories.js.map +1 -1
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.css +31 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js +161 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js.map +1 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js +51 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js.map +1 -0
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.js +21 -5
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.js.map +1 -1
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.stories.js +1 -1
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.stories.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.js +3 -3
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +31 -45
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js.map +1 -1
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.stories.js +6 -14
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.stories.js.map +1 -1
- package/dist/collection/components/jump-quantity/jump-quantity.css +6 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js +3 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js.map +1 -1
- package/dist/collection/components/jump-tab/jump-tab.js +1 -1
- package/dist/collection/components/jump-tab-item/jump-tab-item.js +2 -2
- package/dist/collection/components/jump-tab-panel/jump-tab-panel.js +1 -1
- package/dist/components/chunk.H33C3MRM.js +529 -0
- package/dist/components/chunk.H33C3MRM.js.map +1 -0
- package/dist/components/jump-filter-checkbox.d.ts +11 -0
- package/dist/components/jump-filter-checkbox.js +865 -0
- package/dist/components/jump-filter-checkbox.js.map +1 -0
- package/dist/components/jump-filter.js +5 -4
- package/dist/components/jump-filter.js.map +1 -1
- package/dist/components/jump-filtergroup.js +20 -4
- package/dist/components/jump-filtergroup.js.map +1 -1
- package/dist/components/jump-icon2.js +6 -528
- package/dist/components/jump-icon2.js.map +1 -1
- package/dist/components/jump-pagination-table.js +22 -21
- package/dist/components/jump-pagination-table.js.map +1 -1
- package/dist/components/jump-pagination.js +3 -3
- package/dist/components/jump-quantity.js +4 -4
- package/dist/components/jump-quantity.js.map +1 -1
- package/dist/components/jump-tab-item.js +2 -2
- package/dist/components/jump-tab-panel.js +1 -1
- package/dist/components/jump-tab.js +1 -1
- package/dist/esm/chunk.H33C3MRM-d1872e67.js +529 -0
- package/dist/esm/chunk.H33C3MRM-d1872e67.js.map +1 -0
- package/dist/esm/jump-button_2.entry.js +6 -528
- package/dist/esm/jump-button_2.entry.js.map +1 -1
- package/dist/esm/jump-design-system.js +1 -1
- package/dist/esm/jump-filter-checkbox.entry.js +841 -0
- package/dist/esm/jump-filter-checkbox.entry.js.map +1 -0
- package/dist/esm/jump-filter.entry.js +5 -4
- package/dist/esm/jump-filter.entry.js.map +1 -1
- package/dist/esm/jump-filtergroup.entry.js +19 -3
- package/dist/esm/jump-filtergroup.entry.js.map +1 -1
- package/dist/esm/jump-pagination-table.entry.js +17 -18
- package/dist/esm/jump-pagination-table.entry.js.map +1 -1
- package/dist/esm/jump-pagination.entry.js +3 -3
- package/dist/esm/jump-quantity.entry.js +4 -4
- package/dist/esm/jump-quantity.entry.js.map +1 -1
- package/dist/esm/jump-tab-item.entry.js +2 -2
- package/dist/esm/jump-tab-panel.entry.js +1 -1
- package/dist/esm/jump-tab.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
- package/dist/jump-design-system/{p-95460fa4.entry.js → p-4302b229.entry.js} +2 -2
- package/dist/jump-design-system/p-60849b83.entry.js +2 -0
- package/dist/jump-design-system/p-60849b83.entry.js.map +1 -0
- package/dist/jump-design-system/p-839e054d.entry.js +2 -0
- package/dist/jump-design-system/p-839e054d.entry.js.map +1 -0
- package/dist/jump-design-system/{p-d2ee7b9b.entry.js → p-9d9b0076.entry.js} +2 -2
- package/dist/jump-design-system/p-a00d20d8.entry.js +264 -0
- package/dist/jump-design-system/p-a00d20d8.entry.js.map +1 -0
- package/dist/jump-design-system/p-a41ca036.entry.js +2 -0
- package/dist/jump-design-system/p-a41ca036.entry.js.map +1 -0
- package/dist/jump-design-system/p-a4b9515b.js +66 -0
- package/dist/jump-design-system/p-a4b9515b.js.map +1 -0
- package/dist/jump-design-system/p-aee5a8c3.entry.js +2 -0
- package/dist/jump-design-system/p-c8733544.entry.js +2 -0
- package/dist/jump-design-system/p-c8733544.entry.js.map +1 -0
- package/dist/jump-design-system/{p-8efeaa79.entry.js → p-ed897778.entry.js} +2 -2
- package/dist/jump-design-system/p-fde99383.entry.js +2 -0
- package/dist/jump-design-system/p-fde99383.entry.js.map +1 -0
- package/dist/jump-design-system-elements.json +31 -6
- package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.d.ts +15 -0
- package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.stories.d.ts +30 -0
- package/dist/types/components/jump-filtergroup/jump-filtergroup.d.ts +2 -1
- package/dist/types/components/jump-filtergroup/jump-filtergroup.stories.d.ts +1 -1
- package/dist/types/components/jump-pagination-table/jump-pagination-table.d.ts +3 -1
- package/dist/types/components/jump-pagination-table/jump-pagination-table.stories.d.ts +1 -6
- package/dist/types/components.d.ts +42 -12
- package/package.json +1 -1
- package/dist/jump-design-system/p-529a09f6.entry.js +0 -2
- package/dist/jump-design-system/p-529a09f6.entry.js.map +0 -1
- package/dist/jump-design-system/p-594b15ee.entry.js +0 -2
- package/dist/jump-design-system/p-594b15ee.entry.js.map +0 -1
- package/dist/jump-design-system/p-5da7839d.entry.js +0 -2
- package/dist/jump-design-system/p-8628896f.entry.js +0 -2
- package/dist/jump-design-system/p-8628896f.entry.js.map +0 -1
- package/dist/jump-design-system/p-c2bc6395.entry.js +0 -66
- package/dist/jump-design-system/p-c2bc6395.entry.js.map +0 -1
- package/dist/jump-design-system/p-d1e411fd.entry.js +0 -2
- package/dist/jump-design-system/p-d1e411fd.entry.js.map +0 -1
- /package/dist/jump-design-system/{p-95460fa4.entry.js.map → p-4302b229.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-d2ee7b9b.entry.js.map → p-9d9b0076.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-5da7839d.entry.js.map → p-aee5a8c3.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-8efeaa79.entry.js.map → p-ed897778.entry.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jumpFilterCss","JumpFilterStyle0","JumpFilter","filterChangeHandler","event","this","filters","Object","assign","detail","name","values","console","log","handleResize","isMobile","window","innerWidth","mobileThreshold","getFilters","componentDidLoad","toggleMobileFilters","mobileToggle","addEventListener","showMobileFilters","render","h","Host","key","mobileFilters","ref","el","buttonId","filterButtonIcon","variant","outline","library","category","size","filterButtonLabel","activeFilters","filtersDrawer","class","direction","filterHeading"],"sources":["src/components/jump-filter/jump-filter.scss?tag=jump-filter&encapsulation=shadow","src/components/jump-filter/jump-filter.tsx"],"sourcesContent":[":host {\n h3 {\n margin: 0;\n }\n}\n.filtersDrawer {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n\n .filtersDrawer__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n }\n}\n","import { Component, Host, Prop, h, State, Listen, Method } from '@stencil/core';\n\n@Component({\n tag: 'jump-filter',\n styleUrl: 'jump-filter.scss',\n shadow: true,\n})\nexport class JumpFilter {\n\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n @Prop() filterHeading: string = 'Filtra per';\n @Prop() filterButtonLabel: string = 'Filtri';\n @Prop() filterButtonIcon: string = 'sliders';\n @Prop() mobileThreshold: number = 768;\n @Prop() filters: any;\n\n @State() activeFilters: number = 0;\n @State() showMobileFilters: boolean = false;\n @State() isMobile: boolean = false;\n\n mobileToggle: HTMLElement | null;\n filtersDrawer: HTMLElement;\n\n @Listen('jump-filterchange')\n filterChangeHandler(event: CustomEvent) {\n //set this.filter as this.filters[event.detail.name] = event.detail.value; even if not present\n this.filters = {...this.filters, [event.detail.name]: event.detail.values};\n console.log('Received the custom filterChange event: ', this.filters);\n\n\n\n //TODO: increment this.activeFilters\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n this.isMobile = window.innerWidth < this.mobileThreshold;\n }\n\n /**\n * Get the active filters from the component\n */\n @Method()\n async getFilters() {\n return this.filters;\n }\n\n componentDidLoad(){\n this.toggleMobileFilters();\n }\n\n toggleMobileFilters() {\n if(this.mobileToggle){\n this.mobileToggle.addEventListener('click', () => {\n if(!this.isMobile) return;\n this.showMobileFilters = !this.showMobileFilters;\n });\n }\n }\n\n render() {\n return (\n <Host mobileFilters={this.showMobileFilters}>\n {this.isMobile && <jump-button\n ref={(el) => {this.mobileToggle = el}}\n buttonId={this.filterButtonIcon} variant={'primary'} outline={true}>\n <slot name=\"prefix\">\n {this.filterButtonIcon &&\n <jump-icon library=\"fa\" category=\"regular\" name={this.filterButtonIcon} size=\"small\"></jump-icon>}\n {this.filterButtonLabel}\n </slot>\n <slot name=\"suffix\">\n {this.activeFilters > 0 ? `(${this.activeFilters})` : '0'}\n </slot>\n </jump-button>}\n\n {<div\n ref={(el) => {this.filtersDrawer = el}}\n class=\"filtersDrawer\" data-variant={this.direction}>\n {!this.isMobile &&\n <div class={'filtersDrawer__header'}>\n <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>\n <h3>{this.filterHeading}</h3>\n </div>}\n <slot></slot>\n </div>}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,4LACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wCAE0B,W,mBACf,a,uBACI,S,sBACD,U,qBACD,I,0CAGD,E,uBACK,M,cACT,K,CAM7B,mBAAAC,CAAoBC,GAElBC,KAAKC,QAAOC,OAAAC,OAAAD,OAAAC,OAAA,GAAOH,KAAKC,SAAO,CAAE,CAACF,EAAMK,OAAOC,MAAON,EAAMK,OAAOE,SACnEC,QAAQC,IAAI,2CAA4CR,KAAKC,Q,CAQ/D,YAAAQ,GACET,KAAKU,SAAWC,OAAOC,WAAaZ,KAAKa,e,CAO3C,gBAAMC,GACJ,OAAOd,KAAKC,O,CAGd,gBAAAc,GACEf,KAAKgB,qB,CAGP,mBAAAA,GACE,GAAGhB,KAAKiB,aAAa,CACnBjB,KAAKiB,aAAaC,iBAAiB,SAAS,KAC1C,IAAIlB,KAAKU,SAAU,OACnBV,KAAKmB,mBAAqBnB,KAAKmB,iBAAiB,G,EAKtD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,cAAexB,KAAKmB,mBACvBnB,KAAKU,UAAYW,EAAA,eAAAE,IAAA,2CAChBE,IAAMC,IAAQ1B,KAAKiB,aAAeS,CAAE,EACpCC,SAAU3B,KAAK4B,iBAAkBC,QAAS,UAAWC,QAAS,MAC9DT,EAAA,QAAAE,IAAA,2CAAMlB,KAAK,UACRL,KAAK4B,kBACJP,EAAA,aAAAE,IAAA,2CAAWQ,QAAQ,KAAKC,SAAS,UAAU3B,KAAML,KAAK4B,iBAAkBK,KAAK,UAC9EjC,KAAKkC,mBAERb,EAAA,QAAAE,IAAA,2CAAMlB,KAAK,UACRL,KAAKmC,cAAgB,EAAI,IAAInC,KAAKmC,iBAAmB,MAIzDd,EAAA,OAAAE,IAAA,2CACCE,IAAMC,IAAQ1B,KAAKoC,cAAgBV,CAAE,EACrCW,MAAM,gBAAe,eAAerC,KAAKsC,YACvCtC,KAAKU,UACPW,EAAA,OAAAE,IAAA,2CAAKc,MAAO,yBACVhB,EAAA,aAAAE,IAAA,2CAAWc,MAAM,QAAQhC,KAAML,KAAK4B,mBACpCP,EAAA,MAAAE,IAAA,4CAAKvB,KAAKuC,gBAEZlB,EAAA,QAAAE,IAAA,8C"}
|
|
@@ -424,6 +424,31 @@
|
|
|
424
424
|
}
|
|
425
425
|
]
|
|
426
426
|
},
|
|
427
|
+
{
|
|
428
|
+
"name": "jump-filter-checkbox",
|
|
429
|
+
"description": {
|
|
430
|
+
"kind": "markdown",
|
|
431
|
+
"value": ""
|
|
432
|
+
},
|
|
433
|
+
"attributes": [
|
|
434
|
+
{
|
|
435
|
+
"name": "checked",
|
|
436
|
+
"description": ""
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"name": "count",
|
|
440
|
+
"description": ""
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"name": "label",
|
|
444
|
+
"description": ""
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"name": "value",
|
|
448
|
+
"description": ""
|
|
449
|
+
}
|
|
450
|
+
]
|
|
451
|
+
},
|
|
427
452
|
{
|
|
428
453
|
"name": "jump-filtergroup",
|
|
429
454
|
"description": {
|
|
@@ -431,6 +456,10 @@
|
|
|
431
456
|
"value": ""
|
|
432
457
|
},
|
|
433
458
|
"attributes": [
|
|
459
|
+
{
|
|
460
|
+
"name": "heading",
|
|
461
|
+
"description": ""
|
|
462
|
+
},
|
|
434
463
|
{
|
|
435
464
|
"name": "less-label",
|
|
436
465
|
"description": ""
|
|
@@ -447,10 +476,6 @@
|
|
|
447
476
|
"name": "other-label",
|
|
448
477
|
"description": ""
|
|
449
478
|
},
|
|
450
|
-
{
|
|
451
|
-
"name": "title",
|
|
452
|
-
"description": ""
|
|
453
|
-
},
|
|
454
479
|
{
|
|
455
480
|
"name": "variant",
|
|
456
481
|
"description": "",
|
|
@@ -563,8 +588,8 @@
|
|
|
563
588
|
},
|
|
564
589
|
"attributes": [
|
|
565
590
|
{
|
|
566
|
-
"name": "
|
|
567
|
-
"description": "
|
|
591
|
+
"name": "elements-ranges",
|
|
592
|
+
"description": "Values for the elements per page select"
|
|
568
593
|
},
|
|
569
594
|
{
|
|
570
595
|
"name": "first",
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import '@shoelace-style/shoelace/dist/components/checkbox/checkbox.js';
|
|
3
|
+
export declare class JumpFilterCheckbox {
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
count: number | string;
|
|
8
|
+
host: HTMLElement;
|
|
9
|
+
el: HTMLElement;
|
|
10
|
+
componentDidLoad(): void;
|
|
11
|
+
listenSLChange(): void;
|
|
12
|
+
toggleCheckbox: EventEmitter;
|
|
13
|
+
isChecked(): Promise<any>;
|
|
14
|
+
render(): any;
|
|
15
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
tags: string[];
|
|
4
|
+
argTypes: {
|
|
5
|
+
value: {
|
|
6
|
+
name: string;
|
|
7
|
+
control: string;
|
|
8
|
+
description: string;
|
|
9
|
+
label: string;
|
|
10
|
+
};
|
|
11
|
+
label: {
|
|
12
|
+
name: string;
|
|
13
|
+
control: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
checked: {
|
|
17
|
+
name: string;
|
|
18
|
+
control: string;
|
|
19
|
+
description: string;
|
|
20
|
+
};
|
|
21
|
+
count: {
|
|
22
|
+
name: string;
|
|
23
|
+
control: string;
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
29
|
+
export declare const Default: any;
|
|
30
|
+
export declare const TemplateSampleMulti: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare class JumpFiltergroup {
|
|
2
2
|
name: string;
|
|
3
|
-
|
|
3
|
+
heading: string;
|
|
4
4
|
otherLabel: string;
|
|
5
5
|
lessLabel: string;
|
|
6
6
|
maxElements: number;
|
|
@@ -19,6 +19,7 @@ export declare class JumpFiltergroup {
|
|
|
19
19
|
toggleHiddenItems(): void;
|
|
20
20
|
handleShowMore(): void;
|
|
21
21
|
handleChange(event: Event): void;
|
|
22
|
+
handleCheckboxChange(event: CustomEvent): void;
|
|
22
23
|
componentDidLoad(): void;
|
|
23
24
|
render(): any;
|
|
24
25
|
}
|
|
@@ -3,7 +3,9 @@ export declare class JumpPaginationTable {
|
|
|
3
3
|
/**
|
|
4
4
|
* Values for the elements per page select
|
|
5
5
|
*/
|
|
6
|
-
elementsRanges:
|
|
6
|
+
elementsRanges: string;
|
|
7
|
+
elementsRangesArray: number[];
|
|
8
|
+
elementsRangesChanged(newValue: any, oldValue: any): void;
|
|
7
9
|
/**
|
|
8
10
|
* Number of elements per page selected
|
|
9
11
|
*/
|
|
@@ -28,16 +28,11 @@ declare const _default: {
|
|
|
28
28
|
description: string;
|
|
29
29
|
};
|
|
30
30
|
elementsRanges: {
|
|
31
|
-
name: string;
|
|
32
|
-
control: string;
|
|
33
|
-
options: number[];
|
|
34
|
-
};
|
|
35
|
-
showFirstAndLast: {
|
|
36
31
|
name: string;
|
|
37
32
|
control: string;
|
|
38
33
|
description: string;
|
|
39
34
|
};
|
|
40
|
-
|
|
35
|
+
showFirstAndLast: {
|
|
41
36
|
name: string;
|
|
42
37
|
control: string;
|
|
43
38
|
description: string;
|
|
@@ -268,16 +268,23 @@ export namespace Components {
|
|
|
268
268
|
"getFilters": () => Promise<any>;
|
|
269
269
|
"mobileThreshold": number;
|
|
270
270
|
}
|
|
271
|
+
interface JumpFilterCheckbox {
|
|
272
|
+
"checked": boolean;
|
|
273
|
+
"count": number | string;
|
|
274
|
+
"isChecked": () => Promise<any>;
|
|
275
|
+
"label": string;
|
|
276
|
+
"value": string;
|
|
277
|
+
}
|
|
271
278
|
interface JumpFiltergroup {
|
|
272
279
|
"getActiveAmount": () => Promise<number>;
|
|
273
280
|
"getInputs": () => Promise<any>;
|
|
274
281
|
"getName": () => Promise<string>;
|
|
275
282
|
"getValues": () => Promise<string[]>;
|
|
283
|
+
"heading": string;
|
|
276
284
|
"lessLabel": string;
|
|
277
285
|
"maxElements": number;
|
|
278
286
|
"name": string;
|
|
279
287
|
"otherLabel": string;
|
|
280
|
-
"title": string;
|
|
281
288
|
"variant": 'accordion' | 'default';
|
|
282
289
|
}
|
|
283
290
|
interface JumpIcon {
|
|
@@ -325,14 +332,10 @@ export namespace Components {
|
|
|
325
332
|
"showFirstAndLast": boolean;
|
|
326
333
|
}
|
|
327
334
|
interface JumpPaginationTable {
|
|
328
|
-
/**
|
|
329
|
-
* Number of elements per page selected
|
|
330
|
-
*/
|
|
331
|
-
"elPerPage": number;
|
|
332
335
|
/**
|
|
333
336
|
* Values for the elements per page select
|
|
334
337
|
*/
|
|
335
|
-
"elementsRanges":
|
|
338
|
+
"elementsRanges": string;
|
|
336
339
|
/**
|
|
337
340
|
* First element of the page
|
|
338
341
|
*/
|
|
@@ -407,6 +410,10 @@ export interface JumpCardEcommerceOptionCustomEvent<T> extends CustomEvent<T> {
|
|
|
407
410
|
detail: T;
|
|
408
411
|
target: HTMLJumpCardEcommerceOptionElement;
|
|
409
412
|
}
|
|
413
|
+
export interface JumpFilterCheckboxCustomEvent<T> extends CustomEvent<T> {
|
|
414
|
+
detail: T;
|
|
415
|
+
target: HTMLJumpFilterCheckboxElement;
|
|
416
|
+
}
|
|
410
417
|
export interface JumpFiltergroupCustomEvent<T> extends CustomEvent<T> {
|
|
411
418
|
detail: T;
|
|
412
419
|
target: HTMLJumpFiltergroupElement;
|
|
@@ -499,6 +506,23 @@ declare global {
|
|
|
499
506
|
prototype: HTMLJumpFilterElement;
|
|
500
507
|
new (): HTMLJumpFilterElement;
|
|
501
508
|
};
|
|
509
|
+
interface HTMLJumpFilterCheckboxElementEventMap {
|
|
510
|
+
"jump-checkbox-change": any;
|
|
511
|
+
}
|
|
512
|
+
interface HTMLJumpFilterCheckboxElement extends Components.JumpFilterCheckbox, HTMLStencilElement {
|
|
513
|
+
addEventListener<K extends keyof HTMLJumpFilterCheckboxElementEventMap>(type: K, listener: (this: HTMLJumpFilterCheckboxElement, ev: JumpFilterCheckboxCustomEvent<HTMLJumpFilterCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
514
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
515
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
516
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
517
|
+
removeEventListener<K extends keyof HTMLJumpFilterCheckboxElementEventMap>(type: K, listener: (this: HTMLJumpFilterCheckboxElement, ev: JumpFilterCheckboxCustomEvent<HTMLJumpFilterCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
518
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
519
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
520
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
521
|
+
}
|
|
522
|
+
var HTMLJumpFilterCheckboxElement: {
|
|
523
|
+
prototype: HTMLJumpFilterCheckboxElement;
|
|
524
|
+
new (): HTMLJumpFilterCheckboxElement;
|
|
525
|
+
};
|
|
502
526
|
interface HTMLJumpFiltergroupElementEventMap {
|
|
503
527
|
"jump-filterchange": any;
|
|
504
528
|
}
|
|
@@ -622,6 +646,7 @@ declare global {
|
|
|
622
646
|
"jump-card-ecommerce": HTMLJumpCardEcommerceElement;
|
|
623
647
|
"jump-card-ecommerce-option": HTMLJumpCardEcommerceOptionElement;
|
|
624
648
|
"jump-filter": HTMLJumpFilterElement;
|
|
649
|
+
"jump-filter-checkbox": HTMLJumpFilterCheckboxElement;
|
|
625
650
|
"jump-filtergroup": HTMLJumpFiltergroupElement;
|
|
626
651
|
"jump-icon": HTMLJumpIconElement;
|
|
627
652
|
"jump-pagination": HTMLJumpPaginationElement;
|
|
@@ -896,13 +921,20 @@ declare namespace LocalJSX {
|
|
|
896
921
|
"filters"?: any;
|
|
897
922
|
"mobileThreshold"?: number;
|
|
898
923
|
}
|
|
924
|
+
interface JumpFilterCheckbox {
|
|
925
|
+
"checked"?: boolean;
|
|
926
|
+
"count"?: number | string;
|
|
927
|
+
"label"?: string;
|
|
928
|
+
"onJump-checkbox-change"?: (event: JumpFilterCheckboxCustomEvent<any>) => void;
|
|
929
|
+
"value"?: string;
|
|
930
|
+
}
|
|
899
931
|
interface JumpFiltergroup {
|
|
932
|
+
"heading"?: string;
|
|
900
933
|
"lessLabel"?: string;
|
|
901
934
|
"maxElements"?: number;
|
|
902
935
|
"name"?: string;
|
|
903
936
|
"onJump-filterchange"?: (event: JumpFiltergroupCustomEvent<any>) => void;
|
|
904
937
|
"otherLabel"?: string;
|
|
905
|
-
"title"?: string;
|
|
906
938
|
"variant"?: 'accordion' | 'default';
|
|
907
939
|
}
|
|
908
940
|
interface JumpIcon {
|
|
@@ -951,14 +983,10 @@ declare namespace LocalJSX {
|
|
|
951
983
|
"showFirstAndLast"?: boolean;
|
|
952
984
|
}
|
|
953
985
|
interface JumpPaginationTable {
|
|
954
|
-
/**
|
|
955
|
-
* Number of elements per page selected
|
|
956
|
-
*/
|
|
957
|
-
"elPerPage"?: number;
|
|
958
986
|
/**
|
|
959
987
|
* Values for the elements per page select
|
|
960
988
|
*/
|
|
961
|
-
"elementsRanges"?:
|
|
989
|
+
"elementsRanges"?: string;
|
|
962
990
|
/**
|
|
963
991
|
* First element of the page
|
|
964
992
|
*/
|
|
@@ -1032,6 +1060,7 @@ declare namespace LocalJSX {
|
|
|
1032
1060
|
"jump-card-ecommerce": JumpCardEcommerce;
|
|
1033
1061
|
"jump-card-ecommerce-option": JumpCardEcommerceOption;
|
|
1034
1062
|
"jump-filter": JumpFilter;
|
|
1063
|
+
"jump-filter-checkbox": JumpFilterCheckbox;
|
|
1035
1064
|
"jump-filtergroup": JumpFiltergroup;
|
|
1036
1065
|
"jump-icon": JumpIcon;
|
|
1037
1066
|
"jump-pagination": JumpPagination;
|
|
@@ -1053,6 +1082,7 @@ declare module "@stencil/core" {
|
|
|
1053
1082
|
"jump-card-ecommerce": LocalJSX.JumpCardEcommerce & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceElement>;
|
|
1054
1083
|
"jump-card-ecommerce-option": LocalJSX.JumpCardEcommerceOption & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceOptionElement>;
|
|
1055
1084
|
"jump-filter": LocalJSX.JumpFilter & JSXBase.HTMLAttributes<HTMLJumpFilterElement>;
|
|
1085
|
+
"jump-filter-checkbox": LocalJSX.JumpFilterCheckbox & JSXBase.HTMLAttributes<HTMLJumpFilterCheckboxElement>;
|
|
1056
1086
|
"jump-filtergroup": LocalJSX.JumpFiltergroup & JSXBase.HTMLAttributes<HTMLJumpFiltergroupElement>;
|
|
1057
1087
|
"jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
|
|
1058
1088
|
"jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as i}from"./p-4d6cc90d.js";const s=":host h3{margin:0}:host .filtersDrawer{display:flex;flex-direction:column;gap:1rem}";const a=s;const c=class{constructor(t){e(this,t);this.direction="vertical";this.filterHeading="Filtra per";this.filterButtonLabel="Filtri";this.filterButtonIcon="filter";this.mobileThreshold=768;this.filters=undefined;this.activeFilters=0;this.showMobileFilters=false;this.isMobile=false}filterChangeHandler(e){this.filters=Object.assign(Object.assign({},this.filters),{[e.detail.name]:e.detail.values});console.log("Received the custom filterChange event: ",this.filters)}handleResize(){this.isMobile=window.innerWidth<this.mobileThreshold}async getFilters(){return this.filters}componentDidLoad(){this.toggleMobileFilters()}toggleMobileFilters(){if(this.mobileToggle){this.mobileToggle.addEventListener("click",(()=>{if(!this.isMobile)return;this.showMobileFilters=!this.showMobileFilters}))}}render(){return t(i,{key:"a8a5a1f52c55e0a4673950ccc8bf97ced277b5e1",mobileFilters:this.showMobileFilters},this.isMobile&&t("jump-button",{key:"8cb3ab66f4d8c8e7f40799c4ba75a1c4ae9afcdb",ref:e=>{this.mobileToggle=e},buttonId:this.filterButtonIcon,variant:"primary",outline:true},t("slot",{key:"9e04e5f5ae56d7b902bec14c5552cf6741569f0e",name:"prefix"},this.filterButtonIcon&&t("jump-icon",{key:"48ed3066dc3cf124dcbe331e75b173ff66e11ced",class:"small",name:this.filterButtonIcon}),this.filterButtonLabel),t("slot",{key:"05e6c49117d6a1d2948177c76b3cb147bcf56229",name:"suffix"},this.activeFilters>0?`(${this.activeFilters})`:"0")),t("div",{key:"7cd87540e56dc46be79ea0ffce82b242d11d105a",ref:e=>{this.filtersDrawer=e},class:"filtersDrawer","data-variant":this.direction},!this.isMobile&&t("div",{key:"315a7e739cb230f14dd02f965bebe8be357de3f7",class:"filtersDrawer__header"},t("jump-icon",{key:"931920029b78afd420d0aac3f20b050096de9e3c",class:"small",name:this.filterButtonIcon}),t("h3",{key:"634402d897250a72a282b79188d48a1813c27337"},this.filterHeading)),t("slot",{key:"48db024bd7aeb2e29d537d59cd8556599613a8ba"})))}};c.style=a;export{c as jump_filter};
|
|
2
|
-
//# sourceMappingURL=p-529a09f6.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jumpFilterCss","JumpFilterStyle0","JumpFilter","filterChangeHandler","event","this","filters","Object","assign","detail","name","values","console","log","handleResize","isMobile","window","innerWidth","mobileThreshold","getFilters","componentDidLoad","toggleMobileFilters","mobileToggle","addEventListener","showMobileFilters","render","h","Host","key","mobileFilters","ref","el","buttonId","filterButtonIcon","variant","outline","class","filterButtonLabel","activeFilters","filtersDrawer","direction","filterHeading"],"sources":["src/components/jump-filter/jump-filter.scss?tag=jump-filter&encapsulation=shadow","src/components/jump-filter/jump-filter.tsx"],"sourcesContent":[":host {\n h3{\n margin: 0;\n }\n .filtersDrawer{\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n}\n","import { Component, Host, Prop, h, State, Listen, Method } from '@stencil/core';\n\n@Component({\n tag: 'jump-filter',\n styleUrl: 'jump-filter.scss',\n shadow: true,\n})\nexport class JumpFilter {\n\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n @Prop() filterHeading: string = 'Filtra per';\n @Prop() filterButtonLabel: string = 'Filtri';\n @Prop() filterButtonIcon: string = 'filter';\n @Prop() mobileThreshold: number = 768;\n @Prop() filters: any;\n\n @State() activeFilters: number = 0;\n @State() showMobileFilters: boolean = false;\n @State() isMobile: boolean = false;\n\n mobileToggle: HTMLElement | null;\n filtersDrawer: HTMLElement;\n\n @Listen('jump-filterchange')\n filterChangeHandler(event: CustomEvent) {\n //set this.filter as this.filters[event.detail.name] = event.detail.value; even if not present\n this.filters = {...this.filters, [event.detail.name]: event.detail.values};\n console.log('Received the custom filterChange event: ', this.filters);\n\n\n\n //TODO: increment this.activeFilters\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n this.isMobile = window.innerWidth < this.mobileThreshold;\n }\n\n /**\n * Get the active filters from the component\n */\n @Method()\n async getFilters() {\n return this.filters;\n }\n\n componentDidLoad(){\n this.toggleMobileFilters();\n }\n\n toggleMobileFilters() {\n if(this.mobileToggle){\n this.mobileToggle.addEventListener('click', () => {\n if(!this.isMobile) return;\n this.showMobileFilters = !this.showMobileFilters;\n });\n }\n }\n\n render() {\n return (\n <Host mobileFilters={this.showMobileFilters}>\n {this.isMobile && <jump-button\n ref={(el) => {this.mobileToggle = el}}\n buttonId={this.filterButtonIcon} variant={'primary'} outline={true}>\n <slot name=\"prefix\">\n {this.filterButtonIcon && <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>}\n {this.filterButtonLabel}\n </slot>\n <slot name=\"suffix\">\n {this.activeFilters > 0 ? `(${this.activeFilters})` : '0'}\n </slot>\n </jump-button>}\n\n {<div\n ref={(el) => {this.filtersDrawer = el}}\n class=\"filtersDrawer\" data-variant={this.direction}>\n {!this.isMobile &&\n <div class={'filtersDrawer__header'}>\n <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>\n <h3>{this.filterHeading}</h3>\n </div>}\n <slot></slot>\n </div>}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,sFACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wCAE0B,W,mBACf,a,uBACI,S,sBACD,S,qBACD,I,0CAGD,E,uBACK,M,cACT,K,CAM7B,mBAAAC,CAAoBC,GAElBC,KAAKC,QAAOC,OAAAC,OAAAD,OAAAC,OAAA,GAAOH,KAAKC,SAAO,CAAE,CAACF,EAAMK,OAAOC,MAAON,EAAMK,OAAOE,SACnEC,QAAQC,IAAI,2CAA4CR,KAAKC,Q,CAQ/D,YAAAQ,GACET,KAAKU,SAAWC,OAAOC,WAAaZ,KAAKa,e,CAO3C,gBAAMC,GACJ,OAAOd,KAAKC,O,CAGd,gBAAAc,GACEf,KAAKgB,qB,CAGP,mBAAAA,GACE,GAAGhB,KAAKiB,aAAa,CACnBjB,KAAKiB,aAAaC,iBAAiB,SAAS,KAC1C,IAAIlB,KAAKU,SAAU,OACnBV,KAAKmB,mBAAqBnB,KAAKmB,iBAAiB,G,EAKtD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,cAAexB,KAAKmB,mBACvBnB,KAAKU,UAAYW,EAAA,eAAAE,IAAA,2CAChBE,IAAMC,IAAQ1B,KAAKiB,aAAeS,CAAE,EACpCC,SAAU3B,KAAK4B,iBAAkBC,QAAS,UAAWC,QAAS,MAC9DT,EAAA,QAAAE,IAAA,2CAAMlB,KAAK,UACRL,KAAK4B,kBAAoBP,EAAA,aAAAE,IAAA,2CAAWQ,MAAM,QAAQ1B,KAAML,KAAK4B,mBAC7D5B,KAAKgC,mBAERX,EAAA,QAAAE,IAAA,2CAAMlB,KAAK,UACRL,KAAKiC,cAAgB,EAAI,IAAIjC,KAAKiC,iBAAmB,MAIzDZ,EAAA,OAAAE,IAAA,2CACCE,IAAMC,IAAQ1B,KAAKkC,cAAgBR,CAAE,EACrCK,MAAM,gBAAe,eAAe/B,KAAKmC,YACvCnC,KAAKU,UACPW,EAAA,OAAAE,IAAA,2CAAKQ,MAAO,yBACVV,EAAA,aAAAE,IAAA,2CAAWQ,MAAM,QAAQ1B,KAAML,KAAK4B,mBACpCP,EAAA,MAAAE,IAAA,4CAAKvB,KAAKoC,gBAEZf,EAAA,QAAAE,IAAA,8C"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as a,h as t,H as i}from"./p-4d6cc90d.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const r=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges=[10,20,60,100];this.elPerPage=10;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elPerPage=this.elementsRanges[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"35e491be212d92ad5236fa808401b00519805464",class:"JumpPaginationTable"},t("div",{key:"3d983450f3128aa27d7aaf71d88059c2286b78de",class:"JumpPaginationTable__Wrapper"},t("div",{key:"18012e3b71c78c1f4b5fae8f8a3f0e62be9ce605",class:"elementsPerPage"},t("label",{key:"e5af13dfc62132a04bbf83968a17a32e25ed2db7",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"813734540e10b51a533511f11e3c3c7b280dd323",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRanges.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"260bf5e7c2775970b04d382ccb4fd14080588b94",class:"indicators"},t("div",{key:"44da392904dea45319a1179c418cb690ccbe5c49",class:"elements"},t("span",{key:"785cb75ecd13082ca489f5ee74397c1eb41ebfbf"},t("span",{key:"a5914c44df81c108034edf298860ced791c1c600"},this.first)," - ",t("span",{key:"c2e32a38e9bf3843a0881acd4792746a559718d3"},this.last)," ",this.pagLabel," ",t("span",{key:"d30a564a486c4d06b2996b326b86ef85765064c8"},this.total))),t("div",{key:"8193f04ee380f418b5b477ef7ca40e4de18e6b46",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"c7a833acee791a25257e237d88aef4e5bf5b5cc8",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"ffb50e27e476c8ca8d58ff18ce30c96ff6330872",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"46bf715a0803deef866d90a1523675ab24c1793f",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"223bf0f161ffce6ee0e17fbae7b8467cae790be3",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"97696457a54e5808a0c252eeda2c8d915bcfe2e8",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"9e01f45cc02450c41bf3ffc2f14cfd6606ab5a96",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"05a745e26f5f14383e745a744c0c23e5598b0623",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"0ba46ee7053a3aed0091c05a20444c767738dc2f",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elPerPage:["elPerPageChanged"]}}};r.style=n;export{r as jump_pagination_table};
|
|
2
|
-
//# sourceMappingURL=p-594b15ee.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jumpPaginationTableCss","JumpPaginationTableStyle0","JumpPaginationTable","elPerPageChanged","newValue","oldValue","this","first","last","Math","min","total","changeElPerPage","emit","elPerPage","componentWillLoad","elementsRanges","setElPerPage","e","target","value","doChangePage","dir","newFirst","newLast","max","details","direction","changePage","render","h","Host","key","class","htmlFor","_a","labelElementsPerPage","name","id","onChange","map","range","selected","pagLabel","showFirstAndLast","onClick","variant","text","size","onlyIcon","disabled","slot"],"sources":["src/components/jump-pagination-table/jump-pagination-table.scss?tag=jump-pagination-table","src/components/jump-pagination-table/jump-pagination-table.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.JumpPaginationTable {\n --jump-pagination-table-label: var(--neutral-grey-secondary);\n --jump-pagination-table-arrows: var(--neutral-grey-secondary);\n --jump-pagination-table-arrows-disabled: var(--neutral-grey-disabled); //mappare una variabile del design system\n\n font-family: var(--ff-primary);\n\n &__Wrapper {\n display: flex;\n justify-content: space-between;\n \n .elementsPerPage {\n display: flex;\n gap: 1rem;\n align-items: center;\n \n label {\n color: var(--jump-pagination-table-label);\n font-size: var(--fs-300);\n font-weight: normal;\n }\n }\n \n .indicators {\n font-size: var(--fs-400);\n font-weight: normal;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n \n color: var(--jump-pagination-table-label);\n \n .arrow {\n color: var(--jump-pagination-table-arrows);\n display: flex;\n align-items: center;\n gap: 10px;\n \n button {\n background-color: transparent;\n border: none;\n cursor: pointer;\n padding: 0px;\n display: flex;\n align-items: center;\n }\n \n button:disabled {\n cursor: not-allowed;\n color: var(--jump-pagination-table-arrows-disabled);\n \n }\n }\n \n .elements {\n color: var(--jump-pagination-table-label);\n display: flex;\n align-items: center;\n gap: 5px;\n }\n }\n \n }\n}","import { Component, Event, EventEmitter, Watch, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'jump-pagination-table',\n styleUrl: 'jump-pagination-table.scss',\n shadow: false,\n})\nexport class JumpPaginationTable {\n\n /* ---------------------- OWN PROPERTIES ---------------------- */\n\n /* ---------------------- @ELEMENT ---------------------------- */\n\n /* ---------------------- @STATE ------------------------------ */\n\n /* ---------------------- @PROPERTIES ------------------------- */\n\n /**\n * Values for the elements per page select\n */\n @Prop({ reflect: true }) elementsRanges: Array<number> = [10, 20, 60, 100];\n\n /**\n * Number of elements per page selected\n */\n @Prop() elPerPage: number = 10;\n @Watch('elPerPage')\n elPerPageChanged(newValue: number, oldValue: number) {\n if (newValue !== oldValue) {\n // Riporta la paginazione allo stato iniziale\n this.first = 1;\n this.last = Math.min(this.total, newValue);\n }\n\n this.changeElPerPage.emit({ elPerPage: newValue });\n }\n\n @Prop({ reflect: true }) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \n\n /**\n * Label for the elements per page select\n */\n @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n /**\n * Total of elements\n */\n @Prop({ reflect: true }) total: number = 100; \n\n /**\n * First element of the page\n */\n @Prop({ reflect: true }) first: number = 1;\n\n /**\n * Last element of the page\n */\n @Prop({ reflect: true }) last: number = 10;\n\n /**\n * Show button to navigate so first e last page\n */\n @Prop({ reflect: true }) showFirstAndLast: boolean = false;\n\n /* ---------------------- @EVENTS ------------------------- */\n @Event({ eventName: 'jump-change-page' }) changePage: EventEmitter;\n @Event({ eventName: 'jump-change-el-per-page' }) changeElPerPage: EventEmitter;\n\n /* -------------------- LYFECYCLE EVENTS ---------------------- */\n componentWillLoad() {\n this.elPerPage = this.elementsRanges[0];\n }\n\n /* -------------------- @LISTEN ------------------------------- */\n\n /* -------------------- @METHOD ------------------------------- */\n\n /* -------------------- LOCAL METHODS ------------------------- */\n setElPerPage(e) {\n this.elPerPage = e.target.value;\n }\n\n doChangePage(dir) {\n let newFirst;\n let newLast;\n\n //TODO refactorare \n if (dir === 'first') {\n newFirst = 1;\n newLast = Math.min(this.total, this.elPerPage);\n } else if (dir === 'last') {\n newLast = this.total;\n newFirst = Math.max(1, this.total - this.elPerPage + 1);\n } else if (dir === 'previous') {\n newFirst = Math.max(1, this.first - this.elPerPage);\n newLast = Math.min(this.total, newFirst + this.elPerPage - 1);\n } else if (dir === 'next') {\n newLast = Math.min(this.total, this.last + this.elPerPage);\n newFirst = Math.max(1, newLast - this.elPerPage + 1);\n }\n\n this.first = newFirst;\n this.last = newLast;\n\n let details = {\n first: newFirst,\n last: newLast,\n direction: dir\n }\n\n this.changePage.emit(details);\n }\n\n /* --------------------- RENDER ------------------------------- */\n render() {\n return (\n <Host class=\"JumpPaginationTable\">\n <div class=\"JumpPaginationTable__Wrapper\">\n <div class=\"elementsPerPage\">\n <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n <select name=\"elements\" id=\"elements\" onChange={(e) => this.setElPerPage(e)}>\n {this.elementsRanges.map((range) => (\n <option value={range} selected={(this.elPerPage == range) && true}>{range}</option>\n ))}\n </select>\n </div> \n <div class=\"indicators\">\n <div class=\"elements\">\n <span>\n <span>{this.first}</span> - <span>{this.last}</span> {this.pagLabel} <span>{this.total}</span>\n </span>\n </div>\n <div class=\"arrow\">\n {this.showFirstAndLast &&\n // <button \n // onClick={() => this.doChangePage('first')}\n // disabled={this.first === 1}\n // >\n // <jump-icon slot=\"prefix\" name=\"chevrons-left\"></jump-icon>\n // </button>\n <jump-button onClick={() => this.doChangePage('first')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.first === 1}> <jump-icon slot=\"suffix\" name=\"chevrons-left\" ></jump-icon> </jump-button>\n }\n {/* <button\n onClick={() => this.doChangePage('previous')}\n disabled={this.first === 1}\n >\n <jump-icon slot=\"prefix\" name=\"chevron-left\"></jump-icon>\n </button> */}\n <jump-button onClick={() => this.doChangePage('previous')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.first === 1}> <jump-icon slot=\"suffix\" name=\"chevron-left\" ></jump-icon> </jump-button>\n <jump-button onClick={() => this.doChangePage('next')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.last === this.total}> <jump-icon slot=\"suffix\" name=\"chevron-right\" ></jump-icon> </jump-button>\n {/* <button\n onClick={() => this.doChangePage('next')}\n disabled={this.last === this.total}\n >\n <jump-icon slot=\"prefix\" name=\"chevron-right\"></jump-icon>\n </button> */}\n {this.showFirstAndLast &&\n // <button\n // onClick={() => this.doChangePage('last')}\n // disabled={this.last === this.total}\n // >\n // <jump-icon slot=\"prefix\" name=\"chevrons-right\"></jump-icon>\n // </button>\n <jump-button onClick={() => this.doChangePage('last')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.last === this.total}> <jump-icon slot=\"suffix\" name=\"chevrons-right\" ></jump-icon> </jump-button>\n }\n </div>\n </div>\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,gxCAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,M,mJAa2B,CAAC,GAAI,GAAI,GAAI,K,eAK1C,G,cAYgB,K,0BAKY,sB,WAKf,I,WAKA,E,UAKD,G,sBAKa,K,CAnCrD,gBAAAC,CAAiBC,EAAkBC,GACjC,GAAID,IAAaC,EAAU,CAEzBC,KAAKC,MAAQ,EACbD,KAAKE,KAAOC,KAAKC,IAAIJ,KAAKK,MAAOP,E,CAGnCE,KAAKM,gBAAgBC,KAAK,CAAEC,UAAWV,G,CAmCzC,iBAAAW,GACET,KAAKQ,UAAYR,KAAKU,eAAe,E,CAQvC,YAAAC,CAAaC,GACXZ,KAAKQ,UAAYI,EAAEC,OAAOC,K,CAG5B,YAAAC,CAAaC,GACX,IAAIC,EACJ,IAAIC,EAGJ,GAAIF,IAAQ,QAAS,CACnBC,EAAW,EACXC,EAAUf,KAAKC,IAAIJ,KAAKK,MAAOL,KAAKQ,U,MAC/B,GAAIQ,IAAQ,OAAQ,CACzBE,EAAUlB,KAAKK,MACfY,EAAWd,KAAKgB,IAAI,EAAGnB,KAAKK,MAAQL,KAAKQ,UAAY,E,MAChD,GAAIQ,IAAQ,WAAY,CAC7BC,EAAWd,KAAKgB,IAAI,EAAGnB,KAAKC,MAAQD,KAAKQ,WACzCU,EAAUf,KAAKC,IAAIJ,KAAKK,MAAOY,EAAWjB,KAAKQ,UAAY,E,MACtD,GAAIQ,IAAQ,OAAQ,CACzBE,EAAUf,KAAKC,IAAIJ,KAAKK,MAAOL,KAAKE,KAAOF,KAAKQ,WAChDS,EAAWd,KAAKgB,IAAI,EAAGD,EAAUlB,KAAKQ,UAAY,E,CAGpDR,KAAKC,MAAQgB,EACbjB,KAAKE,KAAOgB,EAEZ,IAAIE,EAAU,CACZnB,MAAOgB,EACPf,KAAMgB,EACNG,UAAWL,GAGbhB,KAAKsB,WAAWf,KAAKa,E,CAIvB,MAAAG,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,uBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CAAOE,QAAQ,aAAYC,EAAA7B,KAAK8B,wBAAoB,MAAAD,SAAA,EAAAA,EAAI,qBACxDL,EAAA,UAAAE,IAAA,2CAAQK,KAAK,WAAWC,GAAG,WAAWC,SAAWrB,GAAMZ,KAAKW,aAAaC,IACtEZ,KAAKU,eAAewB,KAAKC,GACxBX,EAAA,UAAQV,MAAOqB,EAAOC,SAAWpC,KAAKQ,WAAa2B,GAAU,MAAOA,OAI1EX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACTH,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAO1B,KAAKC,OAAa,MAAGuB,EAAA,QAAAE,IAAA,4CAAO1B,KAAKE,MAAY,IAAEF,KAAKqC,SAAQ,IAAEb,EAAA,QAAAE,IAAA,4CAAO1B,KAAKK,SAGrFmB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACR3B,KAAKsC,kBAOJd,EAAA,eAAAE,IAAA,2CAAaa,QAAS,IAAMvC,KAAKe,aAAa,SAAUyB,QAAQ,UAAUC,KAAI,KAACC,KAAK,QAAQX,KAAK,SAASjB,MAAM,QAAO,aAAY,gBAAgBkB,GAAG,SAASW,SAAQ,KAACC,SAAU5C,KAAKC,QAAU,GAAC,IAAGuB,EAAA,aAAAE,IAAA,2CAAWmB,KAAK,SAASd,KAAK,kBAA6B,KAQlQP,EAAA,eAAAE,IAAA,2CAAaa,QAAS,IAAMvC,KAAKe,aAAa,YAAayB,QAAQ,UAAUC,KAAI,KAACC,KAAK,QAAQX,KAAK,SAASjB,MAAM,QAAO,aAAY,gBAAgBkB,GAAG,SAASW,SAAQ,KAACC,SAAU5C,KAAKC,QAAU,GAAC,IAAGuB,EAAA,aAAAE,IAAA,2CAAWmB,KAAK,SAASd,KAAK,iBAA4B,KAClQP,EAAA,eAAAE,IAAA,2CAAaa,QAAS,IAAMvC,KAAKe,aAAa,QAASyB,QAAQ,UAAUC,KAAI,KAACC,KAAK,QAAQX,KAAK,SAASjB,MAAM,QAAO,aAAY,gBAAgBkB,GAAG,SAASW,SAAQ,KAACC,SAAU5C,KAAKE,OAASF,KAAKK,OAAK,IAAGmB,EAAA,aAAAE,IAAA,2CAAWmB,KAAK,SAASd,KAAK,kBAA6B,KAOtQ/B,KAAKsC,kBAOJd,EAAA,eAAAE,IAAA,2CAAaa,QAAS,IAAMvC,KAAKe,aAAa,QAASyB,QAAQ,UAAUC,KAAI,KAACC,KAAK,QAAQX,KAAK,SAASjB,MAAM,QAAO,aAAY,gBAAgBkB,GAAG,SAASW,SAAQ,KAACC,SAAU5C,KAAKE,OAASF,KAAKK,OAAK,IAAGmB,EAAA,aAAAE,IAAA,2CAAWmB,KAAK,SAASd,KAAK,mBAA8B,Q"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,h as c,H as e}from"./p-4d6cc90d.js";const s=":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";const t=s;const n=class{constructor(c){a(this,c);this.identifier=undefined;this.active=false}render(){return c(e,{key:"fc2eef0c94e117a26077c230693995b20acc7f3c",class:"JumpTabPanel",id:this.identifier},c("div",{key:"9b924fa9506c131757cad87fbc1f5bed6a9c93f4",class:"JumpTabPanel__Content "+(this.active?"active":"")},c("slot",{key:"01d32accd80af80358dbf2c247d5ce2c94b6c86e"})))}};n.style=t;export{n as jump_tab_panel};
|
|
2
|
-
//# sourceMappingURL=p-5da7839d.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as a}from"./p-4d6cc90d.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.75rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:16px;width:40px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const o=class{constructor(i){t(this,i);this.change=e(this,"jump-change",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internals.setFormValue(t)}async getValue(){return this.value}async reset(){this.value=this.min}componentWillLoad(){this.value=this.min;this.internals.setFormValue(this.value.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){this.value=t.target.value}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){return i(s,{key:"8dfa03a154994f2875c8e807ee718802ec7c456c",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons},this.label&&i("label",{key:"7419fc79da61afc0122305fbb62e36dc822a71a4"},this.label),i("div",{key:"3cf6c104a074519f1c96698bd359176c86d0ee84",class:`jump-quantity__InnerWrapper`},this.showButtons&&i("jump-button",{key:"b0dabd107b4ae730993293c423aefa4e03122212",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min,variant:"neutral",size:"small"},i("jump-icon",{key:"749285f9518b323bbb4a8610e191a2bd4bc92b52",library:"lucide",name:"minus",size:"small"})),i("input",{key:"486240097b83c8c6b814cd01a6ef58262e774cd3",ref:t=>{this.inputEl=t},type:"number",value:this.value,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,"aria-hasbuttons":this.showButtons}),this.showButtons&&i("jump-button",{key:"cc88125f73adf613b60a597e386c5cf8299b2516",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max,variant:"neutral",size:"small"},i("jump-icon",{key:"d601c6ef113227ee07a15a15684b94865d11bbc8",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};o.style=r;export{o as jump_quantity};
|
|
2
|
-
//# sourceMappingURL=p-8628896f.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jumpQuantityCss","JumpQuantityStyle0","JumpQuantity","onValueChange","newValue","oldValue","this","change","emit","value","internals","setFormValue","getValue","reset","min","componentWillLoad","toString","formResetCallback","setValidity","handleChange","event","target","handleBlur","render","h","Host","key","variant","showButtons","label","class","onClick","step","disabled","size","library","name","ref","el","inputEl","type","onInput","max"],"sources":["src/components/jump-quantity/jump-quantity.scss?tag=jump-quantity&encapsulation=shadow","src/components/jump-quantity/jump-quantity.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n gap: 0.75rem;\n\n [data-variant='horizontal'] {\n flex-direction: row;\n }\n\n label {\n color: var(--neutral-grey-secondary);\n font-size: 0.875rem;\n }\n\n input {\n //remove user agent styles\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n margin: 0;\n\n //remove + and - buttons\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n outline: none;\n\n &:focus {\n border-color: var(--secondary-standard);\n }\n\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0.5rem;\n height: 16px;\n width: 40px;\n font-size: 0.875rem;\n text-align: center;\n\n &:not([aria-hasbuttons]) {\n border-color: var(--neutral-grey-secondary);\n }\n\n &[type='button'] {\n cursor: pointer;\n }\n }\n\n ::slotted(jump-button) {\n --jump-button-padding: 0;\n }\n\n\n .jump-quantity__InnerWrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n gap: 0;\n }\n}\n","import { Component, Host, AttachInternals, Watch, Method, Prop, h, Event, Element } from '@stencil/core';\n\n@Component({\n tag: 'jump-quantity',\n styleUrl: 'jump-quantity.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class JumpQuantity {\n\n @AttachInternals() internals: ElementInternals;\n @Element() el;\n\n @Prop() min: number = 1;\n @Prop() max: number;\n @Prop() step: number = 1;\n @Prop() label: string = '';\n @Prop() type: 'buttons' | 'dropdown' | 'input' = 'buttons';\n @Prop() variant: 'vertical' | 'horizontal' = 'vertical';\n @Prop() showButtons: boolean = true;\n @Prop() value: number;\n\n @Event({ eventName: 'jump-change' }) change;\n\n inputEl: HTMLInputElement;\n\n @Watch('value')\n onValueChange(newValue, oldValue) {\n this.change.emit({\n value: newValue,\n oldValue: oldValue,\n });\n this.internals.setFormValue(newValue);\n }\n\n /**\n * Get the current value\n */\n @Method()\n async getValue() {\n return this.value;\n }\n\n @Method()\n async reset() {\n this.value = this.min;\n }\n\n componentWillLoad() {\n this.value = this.min;\n this.internals.setFormValue(this.value.toString());\n }\n\n formResetCallback() {\n this.internals.setValidity({});\n this.internals.setFormValue('');\n }\n\n handleChange(event) {\n this.value = event.target.value;\n }\n\n //avoid user can change the value below the min\n handleBlur(event) {\n if (event.target.value < this.min) {\n this.value = this.min;\n }\n }\n\n render() {\n return (\n <Host value={this.value} data-variant={this.variant} data-hasbuttons={this.showButtons}>\n {this.label && <label>{this.label}</label>}\n <div class={`jump-quantity__InnerWrapper`}>\n {this.showButtons &&\n <jump-button onClick={() => this.value = this.value - this.step} disabled={this.value <= this.min}\n variant='neutral' size='small'>\n <jump-icon library=\"lucide\" name=\"minus\" size=\"small\"></jump-icon>\n </jump-button>}\n <input ref={(el) => {\n this.inputEl = el;\n }}\n type='number'\n value={this.value}\n onInput={(event) => this.handleChange(event)}\n min={this.min}\n max={this.max}\n step={this.step}\n aria-hasbuttons={this.showButtons}\n />\n {this.showButtons &&\n <jump-button onClick={() => this.value = this.value + this.step} disabled={this.value >= this.max}\n variant='neutral' size='small'>\n <jump-icon library=\"lucide\" name=\"plus\" size=\"small\"></jump-icon>\n </jump-button>}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkB,s5BACxB,MAAAC,EAAeD,E,MCOFE,EAAY,M,sOAKD,E,6BAEC,E,WACC,G,UACyB,U,aACJ,W,iBACd,K,qBAQ/B,aAAAC,CAAcC,EAAUC,GACtBC,KAAKC,OAAOC,KAAK,CACfC,MAAOL,EACPC,SAAUA,IAEZC,KAAKI,UAAUC,aAAaP,E,CAO9B,cAAMQ,GACJ,OAAON,KAAKG,K,CAId,WAAMI,GACJP,KAAKG,MAAQH,KAAKQ,G,CAGpB,iBAAAC,GACET,KAAKG,MAAQH,KAAKQ,IAClBR,KAAKI,UAAUC,aAAaL,KAAKG,MAAMO,W,CAGzC,iBAAAC,GACEX,KAAKI,UAAUQ,YAAY,IAC3BZ,KAAKI,UAAUC,aAAa,G,CAG9B,YAAAQ,CAAaC,GACXd,KAAKG,MAAQW,EAAMC,OAAOZ,K,CAI5B,UAAAa,CAAWF,GACT,GAAIA,EAAMC,OAAOZ,MAAQH,KAAKQ,IAAK,CACjCR,KAAKG,MAAQH,KAAKQ,G,EAItB,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACjB,MAAOH,KAAKG,MAAK,eAAgBH,KAAKqB,QAAO,kBAAmBrB,KAAKsB,aACxEtB,KAAKuB,OAASL,EAAA,SAAAE,IAAA,4CAAQpB,KAAKuB,OAC5BL,EAAA,OAAAE,IAAA,2CAAKI,MAAO,+BACXxB,KAAKsB,aACFJ,EAAA,eAAAE,IAAA,2CAAaK,QAAS,IAAMzB,KAAKG,MAAQH,KAAKG,MAAQH,KAAK0B,KAAMC,SAAU3B,KAAKG,OAASH,KAAKQ,IACjFa,QAAQ,UAAUO,KAAK,SAClCV,EAAA,aAAAE,IAAA,2CAAWS,QAAQ,SAASC,KAAK,QAAQF,KAAK,WAElDV,EAAA,SAAAE,IAAA,2CAAOW,IAAMC,IACXhC,KAAKiC,QAAUD,CAAE,EAEZE,KAAK,SACL/B,MAAOH,KAAKG,MACZgC,QAAUrB,GAAUd,KAAKa,aAAaC,GACtCN,IAAKR,KAAKQ,IACV4B,IAAKpC,KAAKoC,IACVV,KAAM1B,KAAK0B,KAAI,kBACE1B,KAAKsB,cAE5BtB,KAAKsB,aACJJ,EAAA,eAAAE,IAAA,2CAAaK,QAAS,IAAMzB,KAAKG,MAAQH,KAAKG,MAAQH,KAAK0B,KAAMC,SAAU3B,KAAKG,OAASH,KAAKoC,IACjFf,QAAQ,UAAUO,KAAK,SAClCV,EAAA,aAAAE,IAAA,2CAAWS,QAAQ,SAASC,KAAK,OAAOF,KAAK,Y"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as s}from"./p-4d6cc90d.js";const e=':host button,:host a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host{--jump-button-color:#ffffff;--jump-button-color-disabled:#cbcbcb;--jump-button-background:var(--primary-standard);--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--jump-button-background-hover:var(--primary-hard);--jump-button-border-radius:var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);--jump-button-padding:1rem 1.25rem;display:flex}:host button{display:flex}:host a{display:inline-flex;box-sizing:border-box}:host button,:host a{background-color:var(--jump-button-background);border-radius:var(--jump-button-border-radius);color:var(--jump-button-color);position:relative;font-family:var(--ff-primary, "Arial"), sans-serif;font-weight:var(--fw-700, 700);font-size:var(--fs-400, 1rem);line-height:1.2;align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}:host button:hover,:host a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-variant=primary],:host a[data-variant=primary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--primary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--primary-hard)}:host button[data-variant=secondary],:host a[data-variant=secondary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--secondary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--secondary-hard)}:host button[data-variant=neutral],:host a[data-variant=neutral]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--neutral-grey-secondary);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--neutral-grey-primary)}:host button[data-variant=white],:host a[data-variant=white]{--jump-button-color:var(--neutral-grey-primary);--jump-button-background:var(--neutral-white);--jump-button-color-hover:var(--neutral-grey-primary);--jump-button-background-hover:var(--neutral-grey-background)}:host button[disabled],:host a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}:host button[data-pill],:host a[data-pill]{border-radius:100rem}:host button[data-size=small],:host a[data-size=small]{font-size:var(--fs-300, 0.875rem);--jump-button-padding:0.65rem 1rem}:host button[data-size=medium],:host a[data-size=medium]{font-size:var(--fs-400, 1rem);--jump-button-padding:0.75rem 1.25rem}:host button[data-size=large],:host a[data-size=large]{font-size:var(--fs-500, 1.125rem);--jump-button-padding:1rem 1.5rem}:host button[data-outline],:host a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}:host button[data-outline]:hover,:host a[data-outline]:hover{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-text],:host a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}:host button[data-text]:hover,:host a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}:host button[data-only-icon],:host a[data-only-icon]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=small],:host a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=medium],:host a[data-only-icon][data-size=medium]{--jump-button-padding:0.875rem}:host button[data-only-icon][data-size=large],:host a[data-only-icon][data-size=large]{--jump-button-padding:1rem}:host button[data-full],:host a[data-full]{width:100%;justify-content:center}:host button.chat,:host a.chat{--jump-button-color:var(--neutral-white);--jump-button-background:hsla(133, 54%, 58%, 1);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:hsla(161, 63%, 31%, 1)}';const r=e;const n=class{constructor(i){t(this,i);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";this.full=false;this.pill=false;this.text=false;this.onlyIcon=false;this.href=undefined;this.target=undefined;this.type="button";this.name=undefined;this.value=undefined;this.ariaLabel=undefined;this.class=undefined;this.buttonId=undefined}componentWillLoad(){this.target=this.href?this.target:"_self"}render(){return i(s,{key:"654a8147c4251ebab7834f6ddb569e0a3ebe2b77"},this.href?i("a",{href:this.href,id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,"aria-label":this.ariaLabel,target:this.target},i("slot",{name:"prefix"}),!this.onlyIcon&&i("slot",null),i("slot",{name:"suffix"})):i("button",{id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,disabled:this.disabled,"aria-label":this.ariaLabel,type:this.type,name:this.name,value:this.value},i("slot",{name:"prefix"}),!this.onlyIcon&&i("slot",null),i("slot",{name:"suffix"})))}};n.style=r;var o="";function a(t){o=t}function h(t=""){if(!o){const t=[...document.getElementsByTagName("script")];const i=t.find((t=>t.hasAttribute("data-shoelace")));if(i){a(i.getAttribute("data-shoelace"))}else{const i=t.find((t=>/shoelace(\.min)?\.js($|\?)/.test(t.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(t.src)));let s="";if(i){s=i.getAttribute("src")}a(s.split("/").slice(0,-1).join("/"))}}return o.replace(/\/$/,"")+(t?`/${t.replace(/^\//,"")}`:``)}var l={name:"default",resolver:t=>h(`assets/icons/${t}.svg`)};var c=l;var u={caret:`\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <polyline points="6 9 12 15 18 9"></polyline>\n </svg>\n `,check:`\n <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor">\n <g transform="translate(3.428571, 3.428571)">\n <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n `,"chevron-down":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n </svg>\n `,"chevron-left":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n </svg>\n `,"chevron-right":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n </svg>\n `,copy:`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n </svg>\n `,eye:`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n </svg>\n `,"eye-slash":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n </svg>\n `,eyedropper:`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n </svg>\n `,"grip-vertical":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n </svg>\n `,indeterminate:`\n <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor" stroke-width="2">\n <g transform="translate(2.285714, 6.857143)">\n <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n `,"person-fill":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n </svg>\n `,"play-fill":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n </svg>\n `,"pause-fill":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n </svg>\n `,radio:`\n <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <g fill="currentColor">\n <circle cx="8" cy="8" r="3.42857143"></circle>\n </g>\n </g>\n </svg>\n `,"star-fill":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n </svg>\n `,"x-lg":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n </svg>\n `,"x-circle-fill":`\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n </svg>\n `};var d={name:"system",resolver:t=>{if(t in u){return`data:image/svg+xml,${encodeURIComponent(u[t])}`}return""}};var v=d;var f=[c,v];var p=[];function b(t){p.push(t)}function g(t){p=p.filter((i=>i!==t))}function m(t){return f.find((i=>i.name===t))}function w(t,i){y(t);f.push({name:t,resolver:i.resolver,mutator:i.mutator,spriteSheet:i.spriteSheet});p.forEach((i=>{if(i.library===t){i.setIcon()}}))}function y(t){f=f.filter((i=>i.name!==t))}
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright 2019 Google LLC
|
|
5
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/const x=globalThis,z=x.ShadowRoot&&(void 0===x.ShadyCSS||x.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,j=Symbol(),k=new WeakMap;class ${constructor(t,i,s){if(this._$cssResult$=!0,s!==j)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=i}get styleSheet(){let t=this.o;const i=this.t;if(z&&void 0===t){const s=void 0!==i&&1===i.length;s&&(t=k.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&k.set(i,t))}return t}toString(){return this.cssText}}const C=t=>new $("string"==typeof t?t:t+"",void 0,j),S=(t,...i)=>{const s=1===t.length?t[0]:i.reduce(((i,s,e)=>i+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[e+1]),t[0]);return new $(s,t,j)},M=(t,i)=>{if(z)t.adoptedStyleSheets=i.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const s of i){const i=document.createElement("style"),e=x.litNonce;void 0!==e&&i.setAttribute("nonce",e),i.textContent=s.cssText,t.appendChild(i)}},A=z?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let i="";for(const s of t.cssRules)i+=s.cssText;return C(i)})(t):t
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
* Copyright 2017 Google LLC
|
|
10
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/;const{is:L,defineProperty:_,getOwnPropertyDescriptor:E,getOwnPropertyNames:B,getOwnPropertySymbols:U,getPrototypeOf:O}=Object,P=globalThis,T=P.trustedTypes,H=T?T.emptyScript:"",I=P.reactiveElementPolyfillSupport,N=(t,i)=>t,R={toAttribute(t,i){switch(i){case Boolean:t=t?H:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},V=(t,i)=>!L(t,i),Z={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:V};Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;class W extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,i=Z){if(i.state&&(i.attribute=!1),this._$Ei(),this.elementProperties.set(t,i),!i.noAccessor){const s=Symbol(),e=this.getPropertyDescriptor(t,s,i);void 0!==e&&_(this.prototype,t,e)}}static getPropertyDescriptor(t,i,s){const{get:e,set:r}=E(this.prototype,t)??{get(){return this[i]},set(t){this[i]=t}};return{get(){return e?.call(this)},set(i){const n=e?.call(this);r.call(this,i),this.requestUpdate(t,n,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Z}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=O(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const t=this.properties,i=[...B(t),...U(t)];for(const s of i)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const i=litPropertyMetadata.get(t);if(void 0!==i)for(const[t,s]of i)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,i]of this.elementProperties){const s=this._$Eu(t,i);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const i=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)i.unshift(A(t))}else void 0!==t&&i.push(A(t));return i}static _$Eu(t,i){const s=i.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,i=this.constructor.elementProperties;for(const s of i.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return M(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,i,s){this._$AK(t,s)}_$EC(t,i){const s=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,s);if(void 0!==e&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:R).toAttribute(i,s.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null}}_$AK(t,i){const s=this.constructor,e=s._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=s.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:R;this._$Em=e,this[e]=r.fromAttribute(i,t.type),this._$Em=null}}requestUpdate(t,i,s){if(void 0!==t){if(s??=this.constructor.getPropertyOptions(t),!(s.hasChanged??V)(this[t],i))return;this.P(t,i,s)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,i,s){this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,i]of this._$Ep)this[t]=i;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[i,s]of t)!0!==s.wrapped||this._$AL.has(i)||void 0===this[i]||this.P(i,this[i],s)}let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(i)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(i)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}W.elementStyles=[],W.shadowRootOptions={mode:"open"},W[N("elementProperties")]=new Map,W[N("finalized")]=new Map,I?.({ReactiveElement:W}),(P.reactiveElementVersions??=[]).push("2.0.4");
|
|
12
|
-
/**
|
|
13
|
-
* @license
|
|
14
|
-
* Copyright 2017 Google LLC
|
|
15
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
-
*/const D=globalThis,J=D.trustedTypes,q=J?J.createPolicy("lit-html",{createHTML:t=>t}):void 0,F="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,G="?"+K,Q=`<${G}>`,X=document,Y=()=>X.createComment(""),tt=t=>null===t||"object"!=typeof t&&"function"!=typeof t,it=Array.isArray,st=t=>it(t)||"function"==typeof t?.[Symbol.iterator],et="[ \t\n\f\r]",rt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,nt=/-->/g,ot=/>/g,at=RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ht=/'/g,lt=/"/g,ct=/^(?:script|style|textarea|title)$/i,ut=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),dt=ut(1),vt=Symbol.for("lit-noChange"),ft=Symbol.for("lit-nothing"),pt=new WeakMap,bt=X.createTreeWalker(X,129);function gt(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==q?q.createHTML(i):i}const mt=(t,i)=>{const s=t.length-1,e=[];let r,n=2===i?"<svg>":"",o=rt;for(let i=0;i<s;i++){const s=t[i];let a,h,l=-1,c=0;for(;c<s.length&&(o.lastIndex=c,h=o.exec(s),null!==h);)c=o.lastIndex,o===rt?"!--"===h[1]?o=nt:void 0!==h[1]?o=ot:void 0!==h[2]?(ct.test(h[2])&&(r=RegExp("</"+h[2],"g")),o=at):void 0!==h[3]&&(o=at):o===at?">"===h[0]?(o=r??rt,l=-1):void 0===h[1]?l=-2:(l=o.lastIndex-h[2].length,a=h[1],o=void 0===h[3]?at:'"'===h[3]?lt:ht):o===lt||o===ht?o=at:o===nt||o===ot?o=rt:(o=at,r=void 0);const u=o===at&&t[i+1].startsWith("/>")?" ":"";n+=o===rt?s+Q:l>=0?(e.push(a),s.slice(0,l)+F+s.slice(l)+K+u):s+K+(-2===l?i:u)}return[gt(t,n+(t[s]||"<?>")+(2===i?"</svg>":"")),e]};class wt{constructor({strings:t,_$litType$:i},s){let e;this.parts=[];let r=0,n=0;const o=t.length-1,a=this.parts,[h,l]=mt(t,i);if(this.el=wt.createElement(h,s),bt.currentNode=this.el.content,2===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(e=bt.nextNode())&&a.length<o;){if(1===e.nodeType){if(e.hasAttributes())for(const t of e.getAttributeNames())if(t.endsWith(F)){const i=l[n++],s=e.getAttribute(t).split(K),o=/([.?@])?(.*)/.exec(i);a.push({type:1,index:r,name:o[2],strings:s,ctor:"."===o[1]?kt:"?"===o[1]?$t:"@"===o[1]?Ct:jt}),e.removeAttribute(t)}else t.startsWith(K)&&(a.push({type:6,index:r}),e.removeAttribute(t));if(ct.test(e.tagName)){const t=e.textContent.split(K),i=t.length-1;if(i>0){e.textContent=J?J.emptyScript:"";for(let s=0;s<i;s++)e.append(t[s],Y()),bt.nextNode(),a.push({type:2,index:++r});e.append(t[i],Y())}}}else if(8===e.nodeType)if(e.data===G)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=e.data.indexOf(K,t+1));)a.push({type:7,index:r}),t+=K.length-1}r++}}static createElement(t,i){const s=X.createElement("template");return s.innerHTML=t,s}}function yt(t,i,s=t,e){if(i===vt)return i;let r=void 0!==e?s._$Co?.[e]:s._$Cl;const n=tt(i)?void 0:i._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),void 0===n?r=void 0:(r=new n(t),r._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=r:s._$Cl=r),void 0!==r&&(i=yt(t,r._$AS(t,i.values),r,e)),i}class xt{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??X).importNode(i,!0);bt.currentNode=e;let r=bt.nextNode(),n=0,o=0,a=s[0];for(;void 0!==a;){if(n===a.index){let i;2===a.type?i=new zt(r,r.nextSibling,this,t):1===a.type?i=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(i=new St(r,this,t)),this._$AV.push(i),a=s[++o]}n!==a?.index&&(r=bt.nextNode(),n++)}return bt.currentNode=X,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class zt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=ft,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=yt(this,t,i),tt(t)?t===ft||null==t||""===t?(this._$AH!==ft&&this._$AR(),this._$AH=ft):t!==this._$AH&&t!==vt&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):st(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==ft&&tt(this._$AH)?this._$AA.nextSibling.data=t:this.T(X.createTextNode(t)),this._$AH=t}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=wt.createElement(gt(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else{const t=new xt(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let i=pt.get(t.strings);return void 0===i&&pt.set(t.strings,i=new wt(t)),i}k(t){it(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const r of t)e===i.length?i.push(s=new zt(this.S(Y()),this.S(Y()),this,this.options)):s=i[e],s._$AI(r),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class jt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,r){this.type=1,this._$AH=ft,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=ft}_$AI(t,i=this,s,e){const r=this.strings;let n=!1;if(void 0===r)t=yt(this,t,i,0),n=!tt(t)||t!==this._$AH&&t!==vt,n&&(this._$AH=t);else{const e=t;let o,a;for(t=r[0],o=0;o<r.length-1;o++)a=yt(this,e[s+o],i,o),a===vt&&(a=this._$AH[o]),n||=!tt(a)||a!==this._$AH[o],a===ft?t=ft:t!==ft&&(t+=(a??"")+r[o+1]),this._$AH[o]=a}n&&!e&&this.j(t)}j(t){t===ft?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class kt extends jt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ft?void 0:t}}class $t extends jt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ft)}}class Ct extends jt{constructor(t,i,s,e,r){super(t,i,s,e,r),this.type=5}_$AI(t,i=this){if((t=yt(this,t,i,0)??ft)===vt)return;const s=this._$AH,e=t===ft&&s!==ft||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==ft&&(s===ft||e);e&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class St{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){yt(this,t)}}const Mt=D.litHtmlPolyfillSupport;Mt?.(wt,zt),(D.litHtmlVersions??=[]).push("3.1.3");const At=(t,i,s)=>{const e=s?.renderBefore??i;let r=e._$litPart$;if(void 0===r){const t=s?.renderBefore??null;e._$litPart$=r=new zt(i.insertBefore(Y(),t),t,void 0,s??{})}return r._$AI(t),r
|
|
17
|
-
/**
|
|
18
|
-
* @license
|
|
19
|
-
* Copyright 2017 Google LLC
|
|
20
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
|
-
*/};class Lt extends W{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=At(i,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return vt}}Lt._$litElement$=!0,Lt["finalized"]=!0,globalThis.litElementHydrateSupport?.({LitElement:Lt});const _t=globalThis.litElementPolyfillSupport;_t?.({LitElement:Lt});(globalThis.litElementVersions??=[]).push("4.0.5");var Et=S`
|
|
22
|
-
:host {
|
|
23
|
-
display: inline-block;
|
|
24
|
-
width: 1em;
|
|
25
|
-
height: 1em;
|
|
26
|
-
box-sizing: content-box !important;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
svg {
|
|
30
|
-
display: block;
|
|
31
|
-
height: 100%;
|
|
32
|
-
width: 100%;
|
|
33
|
-
}
|
|
34
|
-
`;var Bt=Object.defineProperty;var Ut=Object.getOwnPropertyDescriptor;var Ot=Object.getOwnPropertySymbols;var Pt=Object.prototype.hasOwnProperty;var Tt=Object.prototype.propertyIsEnumerable;var Ht=(t,i,s)=>i in t?Bt(t,i,{enumerable:true,configurable:true,writable:true,value:s}):t[i]=s;var It=(t,i)=>{for(var s in i||(i={}))if(Pt.call(i,s))Ht(t,s,i[s]);if(Ot)for(var s of Ot(i)){if(Tt.call(i,s))Ht(t,s,i[s])}return t};var Nt=(t,i,s,e)=>{var r=e>1?void 0:e?Ut(i,s):i;for(var n=t.length-1,o;n>=0;n--)if(o=t[n])r=(e?o(i,s,r):o(r))||r;if(e&&r)Bt(i,s,r);return r};function Rt(t,i){const s=It({waitUntilFirstUpdate:false},i);return(i,e)=>{const{update:r}=i;const n=Array.isArray(t)?t:[t];i.update=function(t){n.forEach((i=>{const r=i;if(t.has(r)){const i=t.get(r);const n=this[r];if(i!==n){if(!s.waitUntilFirstUpdate||this.hasUpdated){this[e](i,n)}}}}));r.call(this,t)}}}var Vt=S`
|
|
35
|
-
:host {
|
|
36
|
-
box-sizing: border-box;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
:host *,
|
|
40
|
-
:host *::before,
|
|
41
|
-
:host *::after {
|
|
42
|
-
box-sizing: inherit;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
[hidden] {
|
|
46
|
-
display: none !important;
|
|
47
|
-
}
|
|
48
|
-
`
|
|
49
|
-
/**
|
|
50
|
-
* @license
|
|
51
|
-
* Copyright 2017 Google LLC
|
|
52
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
53
|
-
*/;const Zt={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:V},Wt=(t=Zt,i,s)=>{const{kind:e,metadata:r}=s;let n=globalThis.litPropertyMetadata.get(r);if(void 0===n&&globalThis.litPropertyMetadata.set(r,n=new Map),n.set(s.name,t),"accessor"===e){const{name:e}=s;return{set(s){const r=i.get.call(this);i.set.call(this,s),this.requestUpdate(e,r,t)},init(i){return void 0!==i&&this.P(e,void 0,t),i}}}if("setter"===e){const{name:e}=s;return function(s){const r=this[e];i.call(this,s),this.requestUpdate(e,r,t)}}throw Error("Unsupported decorator location: "+e)};function Dt(t){return(i,s)=>"object"==typeof s?Wt(t,i,s):((t,i,s)=>{const e=i.hasOwnProperty(s);return i.constructor.createProperty(s,e?{...t,wrapped:!0}:t),e?Object.getOwnPropertyDescriptor(i,s):void 0})(t,i,s)
|
|
54
|
-
/**
|
|
55
|
-
* @license
|
|
56
|
-
* Copyright 2017 Google LLC
|
|
57
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
58
|
-
*/}function Jt(t){return Dt({...t,state:!0,attribute:!1})}var qt=class extends Lt{constructor(){super();Object.entries(this.constructor.dependencies).forEach((([t,i])=>{this.constructor.define(t,i)}))}emit(t,i){const s=new CustomEvent(t,It({bubbles:true,cancelable:false,composed:true,detail:{}},i));this.dispatchEvent(s);return s}static define(t,i=this,s={}){const e=customElements.get(t);if(!e){customElements.define(t,class extends i{},s);return}let r=" (unknown version)";let n=r;if("version"in i&&i.version){r=" v"+i.version}if("version"in e&&e.version){n=" v"+e.version}if(r&&n&&r===n){return}console.warn(`Attempted to register <${t}>${r}, but <${t}>${n} has already been registered.`)}};qt.version="2.15.0";qt.dependencies={};Nt([Dt()],qt.prototype,"dir",2);Nt([Dt()],qt.prototype,"lang",2);
|
|
59
|
-
/**
|
|
60
|
-
* @license
|
|
61
|
-
* Copyright 2020 Google LLC
|
|
62
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/const Ft=(t,i)=>void 0===i?void 0!==t?._$litType$:t?._$litType$===i;var Kt=Symbol();var Gt=Symbol();var Qt;var Xt=new Map;var Yt=class extends qt{constructor(){super(...arguments);this.initialRender=false;this.svg=null;this.label="";this.library="default"}async resolveIcon(t,i){var s;let e;if(i==null?void 0:i.spriteSheet){this.svg=dt`<svg part="svg">
|
|
64
|
-
<use part="use" href="${t}"></use>
|
|
65
|
-
</svg>`;await this.updateComplete;const s=this.shadowRoot.querySelector("[part='svg']");if(typeof i.mutator==="function"){i.mutator(s)}return this.svg}try{e=await fetch(t,{mode:"cors"});if(!e.ok)return e.status===410?Kt:Gt}catch(t){return Gt}try{const t=document.createElement("div");t.innerHTML=await e.text();const i=t.firstElementChild;if(((s=i==null?void 0:i.tagName)==null?void 0:s.toLowerCase())!=="svg")return Kt;if(!Qt)Qt=new DOMParser;const r=Qt.parseFromString(i.outerHTML,"text/html");const n=r.body.querySelector("svg");if(!n)return Kt;n.part.add("svg");return document.adoptNode(n)}catch(t){return Kt}}connectedCallback(){super.connectedCallback();b(this)}firstUpdated(){this.initialRender=true;this.setIcon()}disconnectedCallback(){super.disconnectedCallback();g(this)}getIconSource(){const t=m(this.library);if(this.name&&t){return{url:t.resolver(this.name),fromLibrary:true}}return{url:this.src,fromLibrary:false}}handleLabelChange(){const t=typeof this.label==="string"&&this.label.length>0;if(t){this.setAttribute("role","img");this.setAttribute("aria-label",this.label);this.removeAttribute("aria-hidden")}else{this.removeAttribute("role");this.removeAttribute("aria-label");this.setAttribute("aria-hidden","true")}}async setIcon(){var t;const{url:i,fromLibrary:s}=this.getIconSource();const e=s?m(this.library):void 0;if(!i){this.svg=null;return}let r=Xt.get(i);if(!r){r=this.resolveIcon(i,e);Xt.set(i,r)}if(!this.initialRender){return}const n=await r;if(n===Gt){Xt.delete(i)}if(i!==this.getIconSource().url){return}if(Ft(n)){this.svg=n;return}switch(n){case Gt:case Kt:this.svg=null;this.emit("sl-error");break;default:this.svg=n.cloneNode(true);(t=e==null?void 0:e.mutator)==null?void 0:t.call(e,this.svg);this.emit("sl-load")}}render(){return this.svg}};Yt.styles=[Vt,Et];Nt([Jt()],Yt.prototype,"svg",2);Nt([Dt({reflect:true})],Yt.prototype,"name",2);Nt([Dt()],Yt.prototype,"src",2);Nt([Dt()],Yt.prototype,"label",2);Nt([Dt({reflect:true})],Yt.prototype,"library",2);Nt([Rt("label")],Yt.prototype,"handleLabelChange",1);Nt([Rt(["name","src","library"])],Yt.prototype,"setIcon",1);Yt.define("sl-icon");const ti=":host{display:inline-flex}sl-icon{display:inline-flex}sl-icon[library=lucide]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=lucide][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=lucide][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=lucide][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=lucide][size=inherit]{width:100%;height:100%}sl-icon[library=custom]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=custom][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=custom][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=custom][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=custom][size=inherit]{width:inherit;height:inherit}sl-icon[library=fa]{font-size:var(--font-size);line-height:var(--line-height)}sl-icon[library=fa][size=small]{--font-size:var(--fs-400, 1rem);--line-height:var(--fs-400, 1rem)}sl-icon[library=fa][size=medium]{--font-size:var(--fs-500, 1.125rem);--line-height:var(--fs-500, 1.125rem)}sl-icon[library=fa][size=large]{--font-size:var(--fs-600, 1.5rem);--line-height:var(--fs-600, 1.5rem)}sl-icon[library=fa][size=inherit]{font-size:inherit;line-height:inherit}";const ii=ti;const si=class{constructor(i){t(this,i);this.fontAwesomeClassGenerator=(t,i)=>{let s=[];let e=!i?"category-classic":`category-${i}`;e&&s.push(e);let r=`name-${t}`;r&&s.push(r);return s.join(" ")};this.fontAwesomeLibrary={resolver:t=>{const i=t.split(" ");const s=i.find((t=>t.startsWith("category-"))).replace("category-","");const e=i.find((t=>t.startsWith("name-"))).replace("name-","");return`https://designsystem-media.jumpgroup.it/svgs/${s}/${e}.svg`},mutator:t=>t.setAttribute("fill","currentColor")};this.lucideLibrary={resolver:t=>`https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${t}.svg`};this.class=undefined;this.library="fa";this.name="heart";this.category="solid";this.size=undefined;this.label=undefined;this.src=undefined}componentWillLoad(){let t=this.lucideLibrary;this.size=this.size||"inherit";switch(this.library){case"fa":t=this.fontAwesomeLibrary;break;case"lucide":t=this.lucideLibrary;break}w(this.library,t)}render(){if(!this.name&&!this.src){return`Please set the 'name' or 'src' property to display the icon`}if(this.library==="custom"){return i("sl-icon",{library:this.library,src:this.src,size:this.size,label:this.label})}if(this.library==="lucide"){return i("sl-icon",{library:this.library,name:this.name,size:this.size,label:this.label})}if(this.library==="fa"){return i("sl-icon",{library:this.library,name:this.fontAwesomeClassGenerator(this.name,this.category),class:this.class,size:this.size,label:this.label})}}};si.style=ii;export{n as jump_button,si as jump_icon};
|
|
66
|
-
//# sourceMappingURL=p-c2bc6395.entry.js.map
|