@rededor/cura 2.0.0-alpha.13 → 2.0.0-alpha.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/cura-accordion_22.cjs.entry.js +55 -20
- package/dist/cjs/cura-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/cura-display.cjs.entry.js +1 -1
- package/dist/cjs/cura-dropdown-search-not-found.cjs.entry.js +1 -1
- package/dist/cjs/cura-icons-view.cjs.entry.js +1 -1
- package/dist/cjs/cura-input-date.cjs.entry.js +1 -1
- package/dist/cjs/cura-loader-bar.cjs.entry.js +1 -1
- package/dist/cjs/cura-modal.cjs.entry.js +1 -1
- package/dist/cjs/cura-progress-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/cura-radio.cjs.entry.js +1 -1
- package/dist/cjs/cura-stepper.cjs.entry.js +1 -1
- package/dist/cjs/cura-switch.cjs.entry.js +1 -1
- package/dist/cjs/cura-tabs-button.cjs.entry.js +1 -1
- package/dist/cjs/cura-tabs-transparent.cjs.entry.js +1 -1
- package/dist/cjs/cura-toast.cjs.entry.js +1 -1
- package/dist/cjs/cura-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/cura.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/cura-calendar/cura-calendar.css +13 -1
- package/dist/collection/components/cura-calendar/cura-calendar.js +91 -3
- package/dist/collection/components/cura-calendar/cura-calendar.stories.js +29 -1
- package/dist/collection/components/cura-calendar/cura-calendar.type.js +1 -0
- package/dist/collection/components/cura-card/cura-card.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js +1 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js +1 -1
- package/dist/collection/components/cura-icon/cura-icon.js +1 -1
- package/dist/collection/components/cura-icons-view/cura-icons-view.js +1 -1
- package/dist/collection/components/cura-modal/cura-modal.js +1 -1
- package/dist/collection/components/cura-page-template/cura-page-template.js +1 -1
- package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.js +1 -1
- package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.js +1 -1
- package/dist/collection/components/cura-stepper/cura-stepper.js +1 -1
- package/dist/collection/components/cura-toast/cura-toast.js +1 -1
- package/dist/collection/components/cura-tooltip/cura-tooltip.js +1 -1
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js +1 -1
- package/dist/collection/components/forms/cura-input-date/cura-input-date.js +1 -1
- package/dist/collection/components/forms/cura-label/cura-label.js +1 -1
- package/dist/collection/components/forms/cura-radio/cura-radio.js +1 -1
- package/dist/collection/components/forms/cura-select/cura-select.js +3 -3
- package/dist/collection/components/forms/cura-select-options/cura-select-option.js +1 -1
- package/dist/collection/components/forms/cura-switch/cura-switch.js +1 -1
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.js +1 -1
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js +1 -1
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.js +1 -1
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.js +1 -1
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.js +1 -1
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.js +1 -1
- package/dist/collection/components/text/cura-display/cura-display.js +1 -1
- package/dist/collection/components/text/cura-heading/cura-heading.js +1 -1
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +1 -1
- package/dist/components/cura-accordion-item.js +1 -1
- package/dist/components/cura-alert.js +1 -1
- package/dist/components/cura-badge-counter.js +1 -1
- package/dist/components/cura-badge-distance.js +1 -1
- package/dist/components/cura-badge-pill.js +1 -1
- package/dist/components/cura-button-outline.js +1 -1
- package/dist/components/cura-button-select.js +1 -1
- package/dist/components/cura-button-transparent.js +1 -1
- package/dist/components/cura-button.js +1 -1
- package/dist/components/cura-calendar.js +1 -1
- package/dist/components/cura-card.js +1 -1
- package/dist/components/cura-checkbox.js +1 -1
- package/dist/components/cura-display.js +1 -1
- package/dist/components/cura-dropdown-search-category.js +1 -1
- package/dist/components/cura-dropdown-search-not-found.js +1 -1
- package/dist/components/cura-dropdown-search-option.js +1 -1
- package/dist/components/cura-dropdown-search.js +1 -1
- package/dist/components/cura-heading.js +1 -1
- package/dist/components/cura-icon.js +1 -1
- package/dist/components/cura-icons-view.js +1 -1
- package/dist/components/cura-input-date.js +1 -1
- package/dist/components/cura-input-text.js +1 -1
- package/dist/components/cura-label.js +1 -1
- package/dist/components/cura-loader-bar.js +1 -1
- package/dist/components/cura-loader-circle.js +1 -1
- package/dist/components/cura-modal.js +1 -1
- package/dist/components/cura-page-template.js +1 -1
- package/dist/components/cura-paragraph.js +1 -1
- package/dist/components/cura-progress-bar.js +1 -1
- package/dist/components/cura-radio.js +1 -1
- package/dist/components/cura-select-option.js +1 -1
- package/dist/components/cura-select.js +1 -1
- package/dist/components/cura-stepper-item.js +1 -1
- package/dist/components/cura-stepper.js +1 -1
- package/dist/components/cura-switch.js +1 -1
- package/dist/components/cura-tabs-button.js +1 -1
- package/dist/components/cura-tabs-group.js +1 -1
- package/dist/components/cura-tabs-transparent.js +1 -1
- package/dist/components/cura-tabs.js +1 -1
- package/dist/components/cura-toast.js +1 -1
- package/dist/components/cura-tooltip.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-B2RN7oe_.js → p-BBtCzdwH.js} +1 -1
- package/dist/components/{p-fR02COZb.js → p-BFGkepgq.js} +1 -1
- package/dist/components/{p-CCkEqDZb.js → p-BGBnVlL3.js} +1 -1
- package/dist/components/{p-B8xnU6YS.js → p-BJafC0R3.js} +1 -1
- package/dist/components/{p-BYA8glxD.js → p-BOQ-9WHP.js} +1 -1
- package/dist/components/{p-DXlGQp3a.js → p-BXFxWVl3.js} +1 -1
- package/dist/components/{p-D7WNwjv-.js → p-Bac-rr_f.js} +1 -1
- package/dist/components/{p-C7so9xnO.js → p-BmMvoH-m.js} +1 -1
- package/dist/components/p-CalvBU-U.js +1 -0
- package/dist/components/{p-BSdkRryc.js → p-Cm1Vfoc6.js} +1 -1
- package/dist/components/{p-fn4zJrKE.js → p-DI66_jP6.js} +1 -1
- package/dist/components/{p-D6xuYQiO.js → p-DbZtk_CM.js} +1 -1
- package/dist/components/{p-DxJedO3K.js → p-I4AXUk2V.js} +1 -1
- package/dist/components/{p-C05r6CQV.js → p-Oyg5hynZ.js} +1 -1
- package/dist/components/p-nqT7t82E.js +1 -0
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/{p-b14ae206.entry.js → p-04b5c710.entry.js} +1 -1
- package/dist/cura/{p-bf99e8bf.entry.js → p-18a1cadf.entry.js} +1 -1
- package/dist/cura/{p-2e2e2b4d.entry.js → p-1ecb2249.entry.js} +1 -1
- package/dist/cura/{p-b7369d04.entry.js → p-2572a4f9.entry.js} +1 -1
- package/dist/cura/{p-42e72d12.entry.js → p-604f1c1d.entry.js} +1 -1
- package/dist/cura/{p-ddf4d240.entry.js → p-71fffffa.entry.js} +1 -1
- package/dist/cura/{p-c247c93b.entry.js → p-8b29b763.entry.js} +1 -1
- package/dist/cura/{p-9de85de6.entry.js → p-906c8b66.entry.js} +1 -1
- package/dist/cura/{p-7965fe63.entry.js → p-a5c4849c.entry.js} +1 -1
- package/dist/cura/{p-3a3202f0.entry.js → p-a72db13d.entry.js} +1 -1
- package/dist/cura/{p-f911a6c5.entry.js → p-b447fca2.entry.js} +1 -1
- package/dist/cura/p-c287c69e.entry.js +1 -0
- package/dist/cura/{p-c18d7f16.entry.js → p-c987ddde.entry.js} +1 -1
- package/dist/cura/{p-1dc9c478.entry.js → p-f072b011.entry.js} +1 -1
- package/dist/cura/{p-5357f7bd.entry.js → p-f407bd73.entry.js} +1 -1
- package/dist/cura/p-f638eda8.entry.js +1 -0
- package/dist/esm/cura-accordion_22.entry.js +55 -20
- package/dist/esm/cura-checkbox.entry.js +1 -1
- package/dist/esm/cura-display.entry.js +1 -1
- package/dist/esm/cura-dropdown-search-not-found.entry.js +1 -1
- package/dist/esm/cura-icons-view.entry.js +1 -1
- package/dist/esm/cura-input-date.entry.js +1 -1
- package/dist/esm/cura-loader-bar.entry.js +1 -1
- package/dist/esm/cura-modal.entry.js +1 -1
- package/dist/esm/cura-progress-bar_2.entry.js +2 -2
- package/dist/esm/cura-radio.entry.js +1 -1
- package/dist/esm/cura-stepper.entry.js +1 -1
- package/dist/esm/cura-switch.entry.js +1 -1
- package/dist/esm/cura-tabs-button.entry.js +1 -1
- package/dist/esm/cura-tabs-transparent.entry.js +1 -1
- package/dist/esm/cura-toast.entry.js +1 -1
- package/dist/esm/cura-tooltip.entry.js +1 -1
- package/dist/esm/cura.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/cura-calendar/cura-calendar.d.ts +21 -0
- package/dist/types/components/cura-calendar/cura-calendar.stories.d.ts +29 -0
- package/dist/types/components/cura-calendar/cura-calendar.type.d.ts +4 -0
- package/dist/types/components.d.ts +22 -0
- package/package.json +2 -2
- package/dist/components/p-Bf21UQXV.js +0 -1
- package/dist/components/p-CG1lz5DR.js +0 -1
- package/dist/cura/p-47fdb124.entry.js +0 -1
- package/dist/cura/p-cbe8c690.entry.js +0 -1
|
@@ -15,7 +15,7 @@ export class CuraProgressBar {
|
|
|
15
15
|
const circumference = radius * Math.PI * 2;
|
|
16
16
|
const dash = (this.progress * circumference) / 100;
|
|
17
17
|
const viewBox = `0 0 ${this.size} ${this.size}`;
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'f546339afd578c9916c87e160652d2836d636235' }, h("div", { key: '9341ac6716ea963f4a4b7c6b3a06b348846fe22b', class: "progress-bar" }, h("svg", { key: '3312489a2d50a45b9fdc63b3ea00c2e10d742f06', width: this.size, height: this.size, viewBox: viewBox }, h("circle", { key: '14672a7a5f0e62889de26ab8ea434ac802440f06', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (h("circle", { key: '659481dc37b13dc54ebc7df839fcc0b091733d9d', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), h("span", { key: 'd92f101a4a05eb74b5b601855e8a8eb42ab50d03' }, h("slot", { key: '6e89b7922e5579087c6d31bf2733f1b5098867dc' })))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "cura-progress-bar"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -64,7 +64,7 @@ export class CuraStepperItem {
|
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: 'fa32a8121b1117a2a186f8d8c0b0cabb03a9ea41' }, h("div", { key: '33cacd68a3b62ec1832e9625f034a80a94ca9569', class: "item-container", style: this.styles }, h("cura-badge-pill", { key: 'dd636659edc05de46d51d6f02fb8e00c5adbcb88', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (h("cura-paragraph", { key: 'd5d9ab0defb69c5f8835c5e22ff300f30dd13d1d', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "cura-stepper-item"; }
|
|
70
70
|
static get encapsulation() { return "shadow"; }
|
|
@@ -121,7 +121,7 @@ export class CuraStepper {
|
|
|
121
121
|
return (h("div", { class: "container", style: this.styles }, h("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
|
|
122
122
|
}
|
|
123
123
|
render() {
|
|
124
|
-
return h(Host, { key: '
|
|
124
|
+
return h(Host, { key: '34f5acc0bded7a19276667cbdb84e0617232d73b' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
|
|
125
125
|
}
|
|
126
126
|
static get is() { return "cura-stepper"; }
|
|
127
127
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class CuraToast {
|
|
|
25
25
|
this.setStyle();
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '3ed410c2082acf963a9bc034ba0698d3d5a8c05e', role: "alert", "aria-live": "polite", "aria-atomic": "true", "aria-label": this.label }, h("div", { key: '7da959ad2aa5d8b57e509bfc5c1241cfe2aab078', class: this.getClasses(), style: this.styles }, h("cura-icon", { key: 'f88bbe2ad57d6d5a2cdd707a753fe6a37d2fb13a', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), h("div", { key: 'b6d1cf4f6d5cd42b331f19c7996f3de36c29f09e', class: "content" }, h("cura-heading", { key: 'ab72f2ffea1f653cd956c5ac1b1c80a053e07673', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), h("cura-paragraph", { key: '29e40bf6759c4a2c53beed9028d4d4a5472c8d1d', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: 'b76073439ef46c084eb681a1639d3644b862db00' })), h("slot", { key: 'a5d6b28128d692d84990654e5b74c13c91f1fcb5', name: "actions" })), this.closeButton && h("cura-icon", { key: 'bd46e61b4280815f9cb8a683838cceda7b3349c1', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && h("cura-loader-bar", { key: 'bffd92fb6e1c162ff5ead3d3fa84168ef80ca240', color: `${this.type}-base`, progress: this.progress }))));
|
|
29
29
|
}
|
|
30
30
|
componentDidLoad() {
|
|
31
31
|
this.openContainer();
|
|
@@ -24,7 +24,7 @@ export class CuraTooltip {
|
|
|
24
24
|
this.setStyle();
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '721cf76abdc6eb079edbc8540d2deaa74559c809', role: "tooltip", id: this.elementId }, h("div", { key: '51c94531a0d28de3844ac109f0b941062b17c013', class: "container", style: this.styles }, h("div", { key: 'b80521a83e983ba8939fb21183570de5dfacf544', class: "content" }, h("cura-heading", { key: 'fc16d66d76800d5c8b778bea1cf325d1ce500f72', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), h("cura-paragraph", { key: '1e0bd7fcbec98be145c83ef8cfa62e2b8e40211c', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, h("slot", { key: '4c4509441c4aa22b3810e1b66939e4cea05f48aa' }))), this.closeButton && !this.isMobile && h("cura-icon", { key: '35910c2bb5122c25f10c38ed90c5c633daeb7891', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && h("cura-button-transparent", { key: '1cec8c66efb24e8eda4e09354dd335e03abd99ed', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
28
28
|
}
|
|
29
29
|
componentDidLoad() {
|
|
30
30
|
var _a, _b, _c, _d, _e;
|
|
@@ -202,7 +202,7 @@ export class CuraCheckbox {
|
|
|
202
202
|
return h("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
203
203
|
}
|
|
204
204
|
render() {
|
|
205
|
-
return (h(Host, { key: '
|
|
205
|
+
return (h(Host, { key: '9236b8f9d487c042e00800a624e1b729e36b296d', role: "checkbox", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '4472e8ee4fa4d1ea6c6f4cf9ba347acc66f7df2a', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: '1c74e35fbfbcfcbe113edcd5522e674d197b2212', class: "info" }, h("div", { key: '75e7fdf6050f38473379fb3e4a5880f9eb34e88e', class: "label-wrapper" }, h("cura-label", { key: 'eeac634dd87a72922c0d89e1877d0e0b132e6cd9', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '7d590fd046c2ba90dbef7846f51a774d50418ca7', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: 'f7c750b3d3ce6afaaba514ac835ceed38674a048', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'd83d9f24b5a5274233e61256add788bfa2ee0f92' }))), h("div", { key: '3f67839bbbf8a583d41765a2a6450c71f5063066', class: 'checkbox', tabIndex: this.ontabindex }, h("input", { key: 'ab742442fc98838433f6db949478bef6ee2e0d45', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
206
206
|
}
|
|
207
207
|
static get is() { return "cura-checkbox"; }
|
|
208
208
|
static get encapsulation() { return "shadow"; }
|
|
@@ -180,7 +180,7 @@ export class CuraInputDate {
|
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
render() {
|
|
183
|
-
return (h(Host, { key: '
|
|
183
|
+
return (h(Host, { key: 'fe506eeb9ca1193994e8988f59f7d39aa09afb7c' }, h("div", { key: '33b50ee8b32c70855ec061a0fb9747203f473a62', class: "container", style: this.styles }, h("cura-input-text", { key: '8c3d0254c3b6dcd0b24a5c5a27e1b4aeda4c83df', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
|
|
184
184
|
}
|
|
185
185
|
static get is() { return "cura-input-date"; }
|
|
186
186
|
static get encapsulation() { return "shadow"; }
|
|
@@ -73,7 +73,7 @@ export class CuraLabel {
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
return (h(Host, { key: '
|
|
76
|
+
return (h(Host, { key: '720f13cf286fb7f938e46c6f0a968c4e0f109d50', style: this.hostCSSProperties() }, h("p", { key: '0ff31e9b99761b045b24ed8042b27e47b186bf48', style: this.styles, class: this.getClasses() }, h("slot", { key: '0986ae8c63cc44b4656f403556c48a7ca6410073' }))));
|
|
77
77
|
}
|
|
78
78
|
static get is() { return "cura-label"; }
|
|
79
79
|
static get encapsulation() { return "shadow"; }
|
|
@@ -175,7 +175,7 @@ export class CuraRadio {
|
|
|
175
175
|
return statusColors[this.status][type];
|
|
176
176
|
}
|
|
177
177
|
render() {
|
|
178
|
-
return (h(Host, { key: '
|
|
178
|
+
return (h(Host, { key: '3b4001cf9d095153254069f9865d865f8570c74f', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '2a60ebf8f84ab618580b924bf1a2ce9acf70ed81', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: 'b1bf673d26f9651696fe5e705f4978eda14e25f6', class: "info" }, h("div", { key: '3f0cb6742da331c137c62b647a713781b57d25b2', class: "label-wrapper" }, h("cura-label", { key: 'a4bcd0b9b9265db0c7c13a47924ba6b253b01f25', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '821198baf60494203af757451e892a79afde3e2b', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '8859c2fd4e77342b1884283977b109c714fc32e6', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: '313feac58eee6ee2d2b3656d0fb971be7fc43481' }))), h("input", { key: 'f9bd494bbe59443d7bacf31dafb2f516591ad596', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked }))));
|
|
179
179
|
}
|
|
180
180
|
static get is() { return "cura-radio"; }
|
|
181
181
|
static get encapsulation() { return "shadow"; }
|
|
@@ -440,10 +440,10 @@ export class CuraSelect {
|
|
|
440
440
|
});
|
|
441
441
|
}
|
|
442
442
|
render() {
|
|
443
|
-
return (h(Host, { key: '
|
|
443
|
+
return (h(Host, { key: '13d03dc2dae8a2aea0a40a9f3f8cff4f8dd5e2f7', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, h("div", { key: '70d1e6e1e196d9955e29705e7859e60e25116321', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: '17a8be580d7e66295756dd0d4c50023315ade905', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '5d3e76ce07f6214eb9925e2b1bdd1a8ea0d59e43', class: "required" }, "* "))), h("div", { key: '57da69c886f2f94bc9311ba987a697f3caff7bbf', class: {
|
|
444
444
|
'cura-input-field': true,
|
|
445
445
|
'open': this.isOpen,
|
|
446
|
-
}, ref: el => (this.inputWrapper = el) }, this.renderIcon(), h("input", { key: '
|
|
446
|
+
}, ref: el => (this.inputWrapper = el) }, this.renderIcon(), h("input", { key: '783caf1d2e7e55d1e50ce870ed62ee358b63d2c5', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), h("button", { key: '626d2a26a771babd5353bba45448a5410c4886e3', class: "up-down-button" }, h("cura-icon", { key: 'e331e0dde7ece240f8f80768150679262bb88ab6', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), h("cura-label", { key: '458647bd83c8e8a0d68f49f2b08b7f61bed7e5af', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: '7ef8488495f4e03694bc65930aad0fa6caa8b51f' })), this.isOpen && (h("div", { key: '2ba839bf8b7d85ffd7be60f1575fe94f3057155a', class: {
|
|
447
447
|
menu: true,
|
|
448
448
|
open: this.isOpen,
|
|
449
449
|
[this.preferredPlacement]: true,
|
|
@@ -456,7 +456,7 @@ export class CuraSelect {
|
|
|
456
456
|
visibility: this.isPositioned ? 'visible' : 'hidden',
|
|
457
457
|
opacity: this.isPositioned ? '1' : '0',
|
|
458
458
|
pointerEvents: this.isPositioned ? 'auto' : 'none',
|
|
459
|
-
} }, h("slot", { key: '
|
|
459
|
+
} }, h("slot", { key: '8cb789b3f8cf850a6965ed7be11264a654f26c60', name: "option" }))))));
|
|
460
460
|
}
|
|
461
461
|
static get is() { return "cura-select"; }
|
|
462
462
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,7 +32,7 @@ export class CuraSelectOption {
|
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '1959cfad9e9f91de0a6614517e0a696ff832a8b4', slot: "option", role: "option", "aria-selected": this.selected }, h("div", { key: 'f22474011fa2a0def2d272477bbb6ba3c7c5dd59', class: this.getClasses(), style: this.styles }, h("cura-label", { key: 'a1236553e347a88c478e50cea6809c54ced8f55d', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: '3655ebfdd77515ddd8f8dcb6aa736b0dfcca4802' })), this.selected && h("cura-icon", { key: 'cc0051639d6878aaeff7c8eb4a2a15a9c73276da', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "cura-select-option"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -138,7 +138,7 @@ export class CuraSwitch {
|
|
|
138
138
|
return classes;
|
|
139
139
|
}
|
|
140
140
|
render() {
|
|
141
|
-
return (h(Host, { key: '
|
|
141
|
+
return (h(Host, { key: '73c935718e0bd39d49581d81de82f3d8dfbecf39', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, h("div", { key: 'f2d813e2c863fd869c1ea48f20155a30f7e9b5bd', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, h("div", { key: 'de3b927a6ff4f599c527a370b954872990ef3632', class: "info" }, h("cura-label", { key: '71729b9f502baf0de6dba5b0d9592c28a420f41d', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), h("cura-label", { key: '54cc521cadd2d09cae1c5356858f20c5a18d3cf8', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: '57d9dbd78f8e5b30677ecca1c6ba83946b459d28' }))), h("div", { key: '03d28fd476865d02010fcf7cd5820f9e50b09015', class: "control" }, h("div", { key: '5fc59727c27271cba5f63651373e1e99deb4f5b7', class: `track ${this.size.toLowerCase()}` }, h("div", { key: 'cae9983998d99333e85e0da6a66c24d79f79e591', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
142
142
|
}
|
|
143
143
|
static get is() { return "cura-switch"; }
|
|
144
144
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,7 +16,7 @@ export class CuraLoaderBar {
|
|
|
16
16
|
this.setProgress();
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'dd27615093a7ab333175afb1e48bbe5455d7406b', role: "progressbar", "aria-valuenow": this.progress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("div", { key: 'c3c76b76826c558769d43e441d9e0c573fb7eb7b', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: '0e8e361bdf63e558fa34cca67c3446b1147c2643', class: "progress-bar-fill" }))));
|
|
20
20
|
}
|
|
21
21
|
setColor() {
|
|
22
22
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });
|
|
@@ -25,7 +25,7 @@ export class CuraLoaderCircle {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: 'c4615da9001f98d1b9e3663cc3be35d2171730e1', style: this.getStyles(), role: "progressbar" }, h("svg", { key: '9c37222a3fe0da848f113ad6d8c75e9b2a0cc9cc', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'f4a18be935decddbe888d70a37b1433044e05fb0' }, h("circle", { key: 'd681798065754082c40a289af01d0d68fc41dca4', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: '3f0bba399b4fad8870467ef82bbc73bd18a2e9de', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '7e74e8efbd8fd28de95b40c856462e1c1dbefec1' }, h("linearGradient", { key: 'd8f4d5a79e13f25a72b73219d9398df4dbc1635c', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '38d78b4fe60768fd5987cb44bbbcd76bdb82b7c4' }), h("stop", { key: 'ea7961e56c62437260bf7e0e8270073d1dd5bbe4', offset: "1" }))))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "cura-loader-circle"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -85,7 +85,7 @@ export class CuraTabs {
|
|
|
85
85
|
const labelSize = labelSizes[this.size] || labelSizes['default'];
|
|
86
86
|
const labelColor = this.computeContentColor();
|
|
87
87
|
this.updateDynamicStyles();
|
|
88
|
-
return (h(Host, { key: '
|
|
88
|
+
return (h(Host, { key: 'fc0a87968ffd898bd8fc7b287eca4c43183d5b22', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '00fe656ab46b7f57dae2a7a1dead6a55759ec729', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: 'c291da87ab7e8beda3c547570a80914bba5e5836', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '7233f8f990b33a841e815746f0c18fad27b907f1' })))));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "cura-tabs"; }
|
|
91
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -81,7 +81,7 @@ export class CuraTabs {
|
|
|
81
81
|
render() {
|
|
82
82
|
const labelSize = labelSizes[this.size] || labelSizes['default'];
|
|
83
83
|
const labelColor = this.computeContentColor();
|
|
84
|
-
return (h(Host, { key: '
|
|
84
|
+
return (h(Host, { key: 'e1b96aaf534d4a6c65f875413a0ad28b524c7d97', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: 'dd6436cf0820f4038dfda6f5a45bcdf828d342bd', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: '8bebb4e66694fbcedcd218cba0f13de2253ae587', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: 'b6fab707b8b4cab36131bfec148746e9459302e8' })), this.counter > 0 && this.getCounter())));
|
|
85
85
|
}
|
|
86
86
|
static get is() { return "cura-tabs-button"; }
|
|
87
87
|
static get encapsulation() { return "shadow"; }
|
|
@@ -24,7 +24,7 @@ export class CuraTabsGroup {
|
|
|
24
24
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--border-color': window.CuraAPI.theme.colors.getColor(this.colorMode === 'light' ? 'neutral-base' : 'primary-base'), '--gap': `${this.gap}px` });
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '19ab029f51ded1870e7a59518c57cd4270241ac9', role: "tablist", style: this.styles, class: this.getClasses() }, h("slot", { key: 'eda90f855125cfdee50efdb11ffd05ec83e7cfe0' })));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "cura-tabs-group"; }
|
|
30
30
|
static get encapsulation() { return "shadow"; }
|
|
@@ -80,7 +80,7 @@ export class CuraTabsTransparent {
|
|
|
80
80
|
render() {
|
|
81
81
|
const labelSize = labelSizes[this.size] || labelSizes['default'];
|
|
82
82
|
const labelColor = this.computeContentColor();
|
|
83
|
-
return (h(Host, { key: '
|
|
83
|
+
return (h(Host, { key: '09e06aa0e52ca852fa5e4409429f50242fa5c6a9', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: 'a4c5f800f22b23e24b89366766660c02abfd7091', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: '73de8c0f84a1128a92fd840c4b6d9b3415071a99', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '2514d0f1bd9752635fcc2d453c8994d09ef7f5d1' })))));
|
|
84
84
|
}
|
|
85
85
|
static get is() { return "cura-tabs-transparent"; }
|
|
86
86
|
static get encapsulation() { return "shadow"; }
|
|
@@ -79,7 +79,7 @@ export class CuraDisplay {
|
|
|
79
79
|
return tags[`${this.level}`] || tags['default'];
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
|
-
return (h(Host, { key: '
|
|
82
|
+
return (h(Host, { key: '343caf7e121561a5339ea553ccadb8aeed553c37', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
|
|
83
83
|
}
|
|
84
84
|
static get is() { return "cura-display"; }
|
|
85
85
|
static get encapsulation() { return "shadow"; }
|
|
@@ -86,7 +86,7 @@ export class CuraHeading {
|
|
|
86
86
|
return tags[`${this.level}`] || tags['default'];
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
|
-
return (h(Host, { key: '
|
|
89
|
+
return (h(Host, { key: 'e28268e7d797af495f6accb8536e88ac49ef608f', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "cura-heading"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|
|
@@ -62,7 +62,7 @@ export class CuraParagraph {
|
|
|
62
62
|
return classes;
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '411b5363e280ac45fdd05b52beb4d778f9a65f81', style: this.hostCSSProperties() }, h("p", { key: '4dcf7ab9518dfe6baea24e5ecf340074d5cc0531', style: this.styles, class: this.getClasses() }, h("slot", { key: 'cfbd348562f33ef233cda512d596844f49bf3453' }))));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "cura-paragraph"; }
|
|
68
68
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as o,i as c,j as a,t}from"./p-DBXUEjWh.js";import{d as i}from"./p-
|
|
1
|
+
import{p as e,H as o,i as c,j as a,t}from"./p-DBXUEjWh.js";import{d as i}from"./p-BFGkepgq.js";import{d as n}from"./p-DI66_jP6.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.iconSize=20,this.labelIcon="",this.openIcon="down",this.closeIcon="up",this.iconColor="",this.colorMode="dark",this.level=3,this.opened=!1,this.styles={}}getClasses(){const e={"accordion-item":!0};return e.active=this.opened,e.inverted="light"===this.colorMode,e}accordionItemClick(e){this.opened=!this.opened}renderIcon(){return this.labelIcon?c("cura-icon",{name:this.labelIcon,size:this.iconSize,color:"neutral-black"}):""}render(){return c(a,{key:"3dd53ab4a597b1726045ec4d3ed066c6c30050d0",slot:"accordion-item"},c("div",{key:"209291c7c9b587ac546e8b9e40b7d94a11a2489e",class:this.getClasses(),style:this.styles},c("div",{key:"9c2de1103c7f30bc9d2cb0a86fc660c98b94be84",class:"label",onClick:e=>this.accordionItemClick(e)},c("div",{key:"052a8be2c00edf3907e49970120d9b65937ab031",class:"label-container"},c("div",{key:"da543cdbcb0c0d5f691c3d2fcabfbfc9ec46f506",class:"label-content"},this.renderIcon(),c("cura-heading",{key:"f587de080f2c1779ffacf0b557827c24edf5e1ee",size:"small",level:this.level,weight:"bold","margin-block":"0",color:"neutral-black"},this.label)),c("cura-icon",{key:"611b48e32dfd7056a563aab56401feb3c8febee2",name:this.opened?this.closeIcon:this.openIcon,size:this.iconSize,color:"neutral-black"}))),c("div",{key:"e1d5e606f3e9415570a2a5c2ba3d96264d430bd0",class:"content"},c("div",{key:"62b76ef21093a4d051120e2502936049a186c36a",class:"content-wrapper"},c("slot",{key:"646b3d0163edf473c1a2e824f251f4db85b2fc18"})))))}static get style(){return':host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:"";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:"";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}'}},[257,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],labelIcon:[513,"label-icon"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],colorMode:[1,"color-mode"],level:[514],opened:[1540],styles:[32]}]),l=r,s=function(){"undefined"!=typeof customElements&&["cura-accordion-item","cura-heading","cura-icon"].forEach((e=>{switch(e){case"cura-accordion-item":customElements.get(t(e))||customElements.define(t(e),r);break;case"cura-heading":customElements.get(t(e))||i();break;case"cura-icon":customElements.get(t(e))||n()}}))};export{l as CuraAccordionItem,s as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as
|
|
1
|
+
import{p as e,H as a,k as s,i as t,j as r,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-BFGkepgq.js";import{d as o}from"./p-DI66_jP6.js";import{d as l}from"./p-Bac-rr_f.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.close=s(this,"close"),this.type="info",this.floating=!1,this.closeable=!0,this.styles={},this.handleClose=()=>{this.close.emit(),this.host.remove()}}setColors(){const e=[{name:"--color-lighter",theme:this.type+"-lighter"},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:this.type+"-light"},{name:"--color-base",theme:this.type+"-base"}],a=Object.assign({},this.styles);e.forEach((e=>{a[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)})),this.styles=a}connectedCallback(){this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.setColors()}getClasses(){const e={conteiner:!0};return e.floating=this.floating,e}getNameIcon(){return this.icon?this.icon:{info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"}[this.type]}render(){return t(r,{key:"f64ddb202b9436f9bebd4316979ffc1ad8d2c711",role:"alert","aria-live":"polite","aria-atomic":"true","aria-label":this.label},t("div",{key:"c1320f2a8007169776bf1d8b59301c9e070d97f3",class:this.getClasses(),style:this.styles},t("cura-icon",{key:"18b352ca24b9904624e10beadc8ef2a214ef3ee4",name:this.getNameIcon(),class:"icon-left",size:16,color:this.type+"-dark"}),t("div",{key:"4f025525470856227ff65b36c27c8dcffc73be99",class:"content"},this.label?t("cura-heading",{class:"title",size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"1px 0"},this.label):"",t("cura-paragraph",{key:"b1dcbf2fc75c387a8e30b255b94a3439d6443548",class:"text",color:this.type+"-darker",size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},t("slot",{key:"d4473ba49462f93fe5b4c5b2729ca018c7cc322c"})),t("slot",{key:"2d3d5e549a600424c13ae2642845af40fb3c0894",name:"actions"})),this.closeable?t("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return this}static get watchers(){return{type:[{setColors:0}]}}static get style(){return":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}"}},[257,"cura-alert",{type:[1],floating:[516],label:[513],closeable:[516],icon:[513],styles:[32]},void 0,{type:[{setColors:0}]}]),h=n,b=function(){"undefined"!=typeof customElements&&["cura-alert","cura-heading","cura-icon","cura-paragraph"].forEach((e=>{switch(e){case"cura-alert":customElements.get(c(e))||customElements.define(c(e),n);break;case"cura-heading":customElements.get(c(e))||i();break;case"cura-icon":customElements.get(c(e))||o();break;case"cura-paragraph":customElements.get(c(e))||l()}}))};export{h as CuraAlert,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as s}from"./p-
|
|
1
|
+
import{C as o,d as s}from"./p-BBtCzdwH.js";const t=o,p=s;export{t as CuraBadgeCounter,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,i as t,j as s,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-
|
|
1
|
+
import{p as e,H as a,i as t,j as s,t as c}from"./p-DBXUEjWh.js";import{d as i}from"./p-Cm1Vfoc6.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.distance=0,this.label="km",this.styles={},this.displayDistance=0,this.isThousandRounded=!1,this.theme=window.CuraAPI.theme}formatDistance(){const e=this.distance%1!=0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(e)>=1e3,this.displayDistance=this.isThousandRounded?parseFloat((e/1e3).toFixed(1)):e}connectedCallback(){this.setCssProperties(),this.formatDistance()}render(){return t(s,{key:"cdc206deecbed2e069befda5d21ddcaf03049afc"},t("div",{key:"d22d2b5b97964281e8588fbc17a66f3fddcd875e",class:"container",style:this.styles},t("cura-label",{key:"0d54ab1ad403ba23a57fb78a422ed8c577cd627e",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),t("cura-label",{key:"d4929a67484bbfd6d6f3edce82414951ea4778c8",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor("neutral-pale"),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:[{formatDistance:0}]}}static get style(){return":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}"}},[1,"cura-badge-distance",{distance:[2],label:[513],styles:[32],displayDistance:[32]},void 0,{distance:[{formatDistance:0}]}]),n=r,l=function(){"undefined"!=typeof customElements&&["cura-badge-distance","cura-label"].forEach((e=>{switch(e){case"cura-badge-distance":customElements.get(c(e))||customElements.define(c(e),r);break;case"cura-label":customElements.get(c(e))||i()}}))};export{n as CuraBadgeDistance,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as s}from"./p-
|
|
1
|
+
import{C as o,d as s}from"./p-DbZtk_CM.js";const t=o,p=s;export{t as CuraBadgePill,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,i,j as a,t as s}from"./p-DBXUEjWh.js";import{l as n}from"./p-BSI2FkNn.js";import{d as r}from"./p-
|
|
1
|
+
import{p as t,H as o,i,j as a,t as s}from"./p-DBXUEjWh.js";import{l as n}from"./p-BSI2FkNn.js";import{d as r}from"./p-DI66_jP6.js";import{d as e}from"./p-Cm1Vfoc6.js";import{d as c}from"./p-nqT7t82E.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.type="button",this.size="large",this.disabled=!1,this.isLoading=!1,this.iconset="default",this.iconPosition="left",this.iconOnly=!1,this.target="_self",this.color="primary",this.background="light",this.fontColor="dark",this.textAlign="left",this.justify=!1,this.styles={},this.hovered=!1}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white"),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.styles["--text-align"]=this.textAlign,this.setColors()}getClasses(){var t;const o={};return o[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,o["icon-"+this.iconPosition.toLowerCase()]=!0,o["icon-only"]=this.iconOnly,o.disabled=this.disabled,o.isLoading=this.isLoading,o.justify=this.justify,o}setColors(){[{name:"--color-dark-neutral-purewhite",thema:"light"===this.background?this.color+"-dark":"neutral-purewhite"},{name:"--color-lighter-color-darker",thema:"light"===this.background?this.color+"-lighter":this.color+"-darker"},{name:"--color-light-color-darker",thema:"light"===this.background?this.color+"-light":this.color+"-lighter"},{name:"--neutral-dark",thema:"neutral-dark"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema))),this.styles=Object.assign({},this.styles)}getIcon(){return this.iconName?i("cura-icon",{name:this.iconName,iconset:this.iconset,size:"large"===this.size?20:16,color:this.getSymbolColor()}):""}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}getSymbolColor(){return this.disabled?"neutral-dark":"light"===this.fontColor?"neutral-purewhite":this.color+"-darker"}handleClick(t){this.disabled||this.isLoading?t.preventDefault():this.href||("submit"===this.type&&this.internals.form&&this.internals.form.submit(),"reset"===this.type&&this.internals.form&&this.internals.form.reset())}render(){const t=this.getSymbolColor(),o=n[this.size]||n.default;return i(a,{key:"b358245d50ce91c2340312a74ac6a711fb9f3929",role:this.href?"link":this.type,"aria-disabled":this.disabled},this.href?i("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{size:o,lineHeight:"normal",color:t},i("slot",null))),i("cura-loader-circle",{size:this.size,color:t})):i("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{size:o,lineHeight:"normal",color:t},i("slot",null))),i("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return!0}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0},{getSymbolColor:0}],fontColor:[{getSymbolColor:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}'}},[321,"cura-button-outline",{type:[513],size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],background:[1],fontColor:[1,"font-color"],textAlign:[513,"text-align"],justify:[516],styles:[32],hovered:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0},{getSymbolColor:0}],fontColor:[{getSymbolColor:0}]}]),h=l,u=function(){"undefined"!=typeof customElements&&["cura-button-outline","cura-icon","cura-label","cura-loader-circle"].forEach((t=>{switch(t){case"cura-button-outline":customElements.get(s(t))||customElements.define(s(t),l);break;case"cura-icon":customElements.get(s(t))||r();break;case"cura-label":customElements.get(s(t))||e();break;case"cura-loader-circle":customElements.get(s(t))||c()}}))};export{h as CuraButtonOutline,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,k as e,i as r,j as a,t as s}from"./p-DBXUEjWh.js";import{l as i}from"./p-BSI2FkNn.js";import{d as c}from"./p-
|
|
1
|
+
import{p as t,H as o,k as e,i as r,j as a,t as s}from"./p-DBXUEjWh.js";import{l as i}from"./p-BSI2FkNn.js";import{d as c}from"./p-BBtCzdwH.js";import{d as n}from"./p-DI66_jP6.js";import{d as l}from"./p-Cm1Vfoc6.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onclick=e(this,"onclick"),this.selected=!1,this.size="medium",this.background="light",this.color="primary",this.hovered=!1,this.styles={},this.theme=window.CuraAPI.theme}setColors(){[{name:"--color-border",thema:"light"===this.background?this.color+"-darker":"neutral-white"},{name:"--color-border-hover-pressed",thema:"light"===this.background?this.color+"-dark":this.color+"-light"},{name:"--color-background-hover",thema:"light"===this.background?this.color+"-light":this.color+"-dark"},{name:"--color-select",thema:"light"===this.background?this.color+"-base":"neutral-white"},{name:"--color-select-hover-pressed",thema:"light"===this.background?this.color+"-dark":this.color+"-lighter"},{name:"--color-select-focus",thema:"light"===this.background?this.color+"-base":this.color+"-lighter"},{name:"--color-disable-select",thema:"light"===this.background?"neutral-white":"neutral-black"},{name:"--color-border-disable-unselect",thema:"neutral-dark"},{name:"--color-counter-disabled",thema:"light"===this.background?"neutral-pale":"neutral-black"},{name:"--color-counter",thema:!this.disabled&&"primary-lighter"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema))),this.styles=Object.assign({},this.styles)}getClasses(){var t;const o={};return o[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,o["icon-"+this.iconPosition.toLowerCase()]=!0,o.disabled=this.disabled,o.selected=this.selected,o}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.setColors()}getLabelFontColor(){return this.disabled?"neutral-dark":"dark"===this.background?this.selected?"neutral-black":"neutral-white":"light"===this.background?this.selected?"neutral-white":"neutral-black":void 0}getColorBagdeNumber(){return"dark"===this.background&&this.disabled?this.selected?"neutral-black":"neutral-dark":"light"===this.background&&this.disabled?"neutral-medium":this.color+"-darker"}getIcon(){if("right"!==this.iconPosition)return r("cura-icon",{name:this.iconName,size:"large"===this.size?20:16,color:this.getLabelFontColor()})}getCounter(){return r("cura-badge-counter",{number:this.counter,color:this.color,disabled:this.disabled||null,class:"badge-number"})}getCheckIconRight(){return r("cura-icon",{name:"check",size:"large"===this.size?20:16,color:this.getLabelFontColor()})}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled&&t.preventDefault(),this.selected=!this.selected,this.onclick.emit({selected:this.selected})}render(){const t=i[this.size]||i.default;return r(a,{key:"c691cdc5f2a9ac4bc32a1fb3c21a1f30ad73caa1",role:"button","aria-disabled":this.disabled,"aria-pressed":this.selected},r("button",{key:"85a81fc19a8e280771d56bd41df83e3ab551a831",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},r("div",{key:"4d206c48d71efca483375a7d2e765f91aff78e5f",class:"button-container"},this.iconName?this.getIcon():null,r("cura-label",{key:"2a9ad257ffa77f906c7db83e76f50fb7a5c9ded7",class:"label",size:t,lineHeight:"0%",color:this.getLabelFontColor(),weight:"regular"},r("slot",{key:"2153d1444550a56292b137d32c6835514111c7a1"})),this.counter?this.getCounter():null,"right"===this.iconPosition&&this.selected?this.getCheckIconRight():null)))}get host(){return this}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border) !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;flex-direction:row !important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus) !important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}'}},[257,"cura-button-select",{selected:[1540],iconName:[1537,"icon-name"],size:[513],counter:[1538],disabled:[516],background:[1],color:[1],iconPosition:[513,"icon-position"],hovered:[32],styles:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0}]}]),u=h,d=function(){"undefined"!=typeof customElements&&["cura-button-select","cura-badge-counter","cura-icon","cura-label"].forEach((t=>{switch(t){case"cura-button-select":customElements.get(s(t))||customElements.define(s(t),h);break;case"cura-badge-counter":customElements.get(s(t))||c();break;case"cura-icon":customElements.get(s(t))||n();break;case"cura-label":customElements.get(s(t))||l()}}))};export{u as CuraButtonSelect,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as
|
|
1
|
+
import{C as o,d as s}from"./p-BXFxWVl3.js";const p=o,r=s;export{p as CuraButtonTransparent,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,i as a,j as i,t as s}from"./p-DBXUEjWh.js";import{l as e}from"./p-BSI2FkNn.js";import{d as n}from"./p-
|
|
1
|
+
import{p as t,H as o,i as a,j as i,t as s}from"./p-DBXUEjWh.js";import{l as e}from"./p-BSI2FkNn.js";import{d as n}from"./p-DI66_jP6.js";import{d as r}from"./p-Cm1Vfoc6.js";import{d as c}from"./p-nqT7t82E.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.type="button",this.size="large",this.disabled=!1,this.isLoading=!1,this.iconset="default",this.iconPosition="left",this.iconOnly=!1,this.target="_self",this.color="accent",this.background="light",this.fontColor="dark",this.textAlign="left",this.justify=!1,this.styles={},this.hovered=!1}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.styles["--text-align"]=this.textAlign,this.setColors()}setColors(){[{name:"--color-base-neutral-purewhite",theme:"light"===this.background?this.color+"-base":"neutral-pale"},{name:"--color-base-color-light",theme:"light"===this.background?this.color+"-base":this.color+"-lighter"},{name:"--color-dark-color-light",theme:"light"===this.background?this.color+"-dark":this.color+"-light"},{name:"--color-dark-color-base",theme:"light"===this.background?this.color+"-dark":this.color+"-base"},{name:"--neutral-pale-neutral-black",theme:"light"===this.background?"neutral-pale":"neutral-black"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))),this.styles=Object.assign({},this.styles)}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}getClasses(){var t,o;const a={};return a[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,a["icon-"+(null===(o=this.iconPosition)||void 0===o?void 0:o.toLowerCase())]=!0,a["icon-only"]=this.iconOnly,a.disabled=this.disabled,a.isLoading=this.isLoading,a.justify=this.justify,a}getIcon(){return this.iconName?a("cura-icon",{name:this.iconName,iconset:this.iconset,size:"large"===this.size?20:16,color:this.getSymbolColor()}):""}getSymbolColor(){return this.disabled?"neutral-dark":"light"===this.fontColor?"neutral-white":"neutral-black"}handleClick(t){this.disabled||this.isLoading?t.preventDefault():this.href||("submit"===this.type&&this.internals.form&&this.internals.form.submit(),"reset"===this.type&&this.internals.form&&this.internals.form.reset())}render(){const t=this.getSymbolColor(),o=e[this.size]||e.default;return a(i,{key:"7f9528e42c3c38a3aed09ac8bbe669aabde4c0d9",role:this.href?"link":this.type,"aria-disabled":this.disabled},this.href?a("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},a("span",{class:"button-container"},this.getIcon(),a("cura-label",{class:"label",size:o,lineHeight:"normal",color:t},a("slot",null))),a("cura-loader-circle",{size:this.size,color:t})):a("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},a("span",{class:"button-container"},this.getIcon(),a("cura-label",{class:"label",size:o,lineHeight:"normal",color:t},a("slot",null))),a("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return!0}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}'}},[321,"cura-button",{type:[513],size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],background:[513],fontColor:[513,"font-color"],textAlign:[513,"text-align"],justify:[516],styles:[32],hovered:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0}]}]),h=l,u=function(){"undefined"!=typeof customElements&&["cura-button","cura-icon","cura-label","cura-loader-circle"].forEach((t=>{switch(t){case"cura-button":customElements.get(s(t))||customElements.define(s(t),l);break;case"cura-icon":customElements.get(s(t))||n();break;case"cura-label":customElements.get(s(t))||r();break;case"cura-loader-circle":customElements.get(s(t))||c()}}))};export{h as CuraButton,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as
|
|
1
|
+
import{C as o,d as s}from"./p-Oyg5hynZ.js";const p=o,r=s;export{p as CuraCalendar,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as a,i as t,j as d,t as i}from"./p-DBXUEjWh.js";const o=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.hasPadding=!0,this.hasShadow=!1,this.type="solid",this.colorMode="light",this.target="_self",this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor("neutral-purewhite"),this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white"),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor("neutral-black"),this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor("neutral-black",.16),this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor("primary-lighter"),this.styles["--primary-base"]=window.CuraAPI.theme.colors.getColor("primary-base"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium}getClasses(){const r={};return r[this.type]=!0,r.cardLink=this.href,r[this.colorMode]=!0,r.hasPadding=this.hasPadding,r.hasShadow=this.hasShadow,r}render(){return t(d,{key:"
|
|
1
|
+
import{p as r,H as a,i as t,j as d,t as i}from"./p-DBXUEjWh.js";const o=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.hasPadding=!0,this.hasShadow=!1,this.type="solid",this.colorMode="light",this.target="_self",this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor("neutral-purewhite"),this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white"),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor("neutral-black"),this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor("neutral-black",.16),this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor("primary-lighter"),this.styles["--primary-base"]=window.CuraAPI.theme.colors.getColor("primary-base"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium}getClasses(){const r={};return r[this.type]=!0,r.cardLink=this.href,r[this.colorMode]=!0,r.hasPadding=this.hasPadding,r.hasShadow=this.hasShadow,r}render(){return t(d,{key:"73f399ec63b8a0933a22c4a6d605dbb4bc8bf2c3",role:this.href?"link":"div"},this.href?t("a",{class:this.getClasses(),target:this.target,style:this.styles,href:this.href},t("slot",null)):t("div",{class:this.getClasses(),style:this.styles},t("slot",null)))}static get style(){return":host{display:block;box-sizing:border-box;font-size:var(--font-size);font-family:var(--font-family)}:host ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--font-size);font-family:var(--font-family)}a{display:block;text-decoration:none !important;color:inherit}.solid{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-base);border-radius:12px;overflow:hidden;padding:0px;box-shadow:none}.solid ::slotted(*){border-radius:0}.solid.hasPadding{padding:20px}.solid.hasPadding ::slotted(*){border-radius:4px !important}.solid.hasShadow{border:2px solid var(--neutral-base);box-shadow:0px 1px 4px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base);border-radius:12px;padding:0px;box-shadow:none;cursor:pointer}.solid.cardLink ::slotted(*){border-radius:0px}.solid.cardLink:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasPadding{padding:20px}.solid.cardLink.hasPadding ::slotted(*){border-radius:4px !important}.solid.cardLink.hasPadding:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasShadow{border:2px solid var(--primary-base);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink:not(.hasPadding).hasShadow ::slotted(*){border-radius:12px !important}.solid.cardLink.dark{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-purewhite)}.solid.cardLink.dark:hover{border:2px solid var(--primary-lighter)}.transparent{background-color:transparent;border:0;border-radius:12px;padding:0px;overflow:hidden}.transparent ::slotted(*){border-radius:12px}.transparent.hasPadding{padding:20px}.transparent.hasPadding ::slotted(*){border-radius:4px}.transparent.cardLink{background-color:transparent;border:2px solid var(--primary-base);overflow:hidden;border-radius:12px;padding:0px;box-shadow:none}.transparent.cardLink ::slotted(*){border-radius:0px !important}.transparent.cardLink:hover{border:2px solid var(--primary-lighter) !important}.transparent.cardLink.light{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base)}.transparent.cardLink.light ::slotted(*){border-radius:12px !important}.transparent.cardLink.light:hover{border-color:var(--primary-lighter) !important}.transparent.cardLink.dark{background-color:transparent;border:2px solid var(--neutral-purewhite)}.transparent.cardLink.dark:hover{border:0}.transparent.cardLink.hasPadding{padding:20px}.transparent.cardLink.hasPadding ::slotted(*){border-radius:4px !important}"}},[257,"cura-card",{hasPadding:[1028,"has-padding"],hasShadow:[1028,"has-shadow"],type:[1025],colorMode:[1025,"color-mode"],href:[1537],target:[513],styles:[32]}]),s=o,e=function(){"undefined"!=typeof customElements&&["cura-card"].forEach((r=>{"cura-card"===r&&(customElements.get(i(r))||customElements.define(i(r),o))}))};export{s as CuraCard,e as defineCustomElement}
|