@getflip/swirl-components 0.413.0 → 0.413.2
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/components.json +1 -1
- package/dist/cjs/swirl-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-date-input.cjs.entry.js +8 -1
- package/dist/cjs/swirl-icon-checkbox-filled.cjs.entry.js +1 -1
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.css +2 -0
- package/dist/collection/components/swirl-date-input/swirl-date-input.js +8 -1
- package/dist/collection/components/swirl-icon/icons/swirl-icon-checkbox-filled.js +1 -1
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +1 -1
- package/dist/components/swirl-avatar-group.js +1 -1
- package/dist/components/swirl-date-input.js +8 -1
- package/dist/components/swirl-icon-checkbox-filled.js +1 -1
- package/dist/esm/swirl-avatar-group.entry.js +1 -1
- package/dist/esm/swirl-date-input.entry.js +8 -1
- package/dist/esm/swirl-icon-checkbox-filled.entry.js +1 -1
- package/dist/swirl-components/p-5049c7d6.entry.js +1 -0
- package/dist/swirl-components/p-5515e41f.entry.js +1 -0
- package/dist/swirl-components/p-631e86ac.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +2 -2
- package/dist/swirl-components/p-65e8e897.entry.js +0 -1
- package/dist/swirl-components/p-94c2d083.entry.js +0 -1
- package/dist/swirl-components/p-ca6728d2.entry.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as classNames } from './index2.js';
|
|
3
3
|
|
|
4
|
-
const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
|
|
4
|
+
const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
|
|
5
5
|
|
|
6
6
|
const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGroup extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -193,6 +193,13 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
|
|
|
193
193
|
return newString;
|
|
194
194
|
},
|
|
195
195
|
});
|
|
196
|
+
// Listen for when the mask is cleared to reset the value
|
|
197
|
+
this.mask.on("accept", () => {
|
|
198
|
+
if (this.mask.value === "") {
|
|
199
|
+
this.value = "";
|
|
200
|
+
this.valueChange.emit("");
|
|
201
|
+
}
|
|
202
|
+
});
|
|
196
203
|
this.updateValue();
|
|
197
204
|
}
|
|
198
205
|
updateValue() {
|
|
@@ -219,7 +226,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
|
|
|
219
226
|
const className = classNames("date-input", {
|
|
220
227
|
"date-input--inline": this.inline,
|
|
221
228
|
});
|
|
222
|
-
return (h(Host, { key: '
|
|
229
|
+
return (h(Host, { key: '77aaf0846db36ae3c53aedfe95f6b8b1f1760572' }, h("div", { key: '346e4f7f711d8fa13203083e2812d24a2f6c5471', class: className }, h("input", { key: '1a851268aa0479639893a6975be78713353c8e8f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '8e5da94d520dcc92deebfe8c9e17a9d7c4dddb81', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ae641758c00ff228020ad06959fbaa58f51f3b06', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a19d5137d01c3a7381109eafeafc4d4a1529ad4e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'dac1e2a9d8190f24e532944b6aabd91c484982c2', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '0d26e6a36dbc28b0c877f34f1ff5b993faa01fa6', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
|
|
223
230
|
}
|
|
224
231
|
get el() { return this; }
|
|
225
232
|
static get watchers() { return {
|
|
@@ -16,7 +16,7 @@ const SwirlIconCheckboxFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIc
|
|
|
16
16
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
|
|
17
17
|
};
|
|
18
18
|
const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
19
|
-
return (h("svg", { key: '6efbf4778cbc5bb8ebfc9ca1e888f65ca3ad4eec', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ce2e7bc30b4bf29e9d9a3ba805acb8ab67cb2c60' }, h("path", { key: '
|
|
19
|
+
return (h("svg", { key: '6efbf4778cbc5bb8ebfc9ca1e888f65ca3ad4eec', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ce2e7bc30b4bf29e9d9a3ba805acb8ab67cb2c60' }, h("path", { key: 'e2b369ee4aa32c5a622fe4c3097515ffd37554dd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 1.33337C13.4728 1.33337 14.6667 2.52728 14.6667 4.00004V12C14.6667 13.4728 13.4728 14.6667 12 14.6667H4.00004C2.52728 14.6667 1.33337 13.4728 1.33337 12V4.00004C1.33337 2.52728 2.52728 1.33337 4.00004 1.33337H12ZM10.8334 5.71684C10.6445 5.71684 10.4888 5.77759 10.3666 5.89978L7.06645 9.19991L5.61658 7.75004C5.4944 7.62789 5.3419 7.56982 5.15889 7.57556C4.97534 7.58089 4.82213 7.64475 4.69991 7.76697C4.57788 7.88911 4.51702 8.04444 4.51697 8.23311C4.51697 8.42194 4.57777 8.57771 4.69991 8.69991L6.6003 10.6003C6.72242 10.7223 6.87782 10.7832 7.06645 10.7832C7.25522 10.7832 7.41105 10.7224 7.53324 10.6003L11.3164 6.81645C11.4386 6.69425 11.4975 6.54162 11.4922 6.35811C11.4864 6.175 11.4224 6.022 11.3002 5.89978C11.178 5.7776 11.0222 5.71684 10.8334 5.71684Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '81497eaa901ef6c1119cc7e15bc529a08b069aea' }, h("path", { key: 'c542d5fcf2a9c9797ff97947f9965790077f26e0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.25 8.5752C15.9667 8.5752 15.7331 8.66632 15.5498 8.84961L10.5996 13.7998L8.4248 11.625C8.24154 11.4418 8.0128 11.3547 7.73828 11.3633C7.46295 11.3713 7.23314 11.4671 7.0498 11.6504C6.86677 11.8336 6.77546 12.0666 6.77539 12.3496C6.77539 12.6328 6.86659 12.8665 7.0498 13.0498L9.90039 15.9004C10.0836 16.0834 10.3167 16.1747 10.5996 16.1748C10.8828 16.1748 11.1165 16.0835 11.2998 15.9004L16.9746 10.2246C17.1579 10.0413 17.2462 9.81237 17.2383 9.53711C17.2296 9.26244 17.1335 9.03294 16.9502 8.84961C16.7669 8.66633 16.5333 8.5752 16.25 8.5752Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cff2be13520bf6a219806b5f85f965d6b16b818f' }, h("path", { key: '60f2a68cd72fa403d4d013bdfbef36050bbd1556', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 2.33337C23.5774 2.33337 25.6667 4.42271 25.6667 7.00004V21C25.6667 23.5774 23.5774 25.6667 21 25.6667H7.00004C4.42271 25.6667 2.33337 23.5774 2.33337 21V7.00004C2.33337 4.42271 4.42271 2.33337 7.00004 2.33337H21ZM18.9584 10.0044C18.6279 10.0044 18.3554 10.1108 18.1415 10.3246L12.3663 16.0998L9.82898 13.5625C9.61517 13.3488 9.3483 13.2472 9.02804 13.2572C8.70681 13.2665 8.4387 13.3783 8.22481 13.5922C8.01127 13.8059 7.90475 14.0777 7.90466 14.4079C7.90466 14.7384 8.01107 15.011 8.22481 15.2248L11.5505 18.5505C11.7642 18.764 12.0362 18.8705 12.3663 18.8706C12.6966 18.8706 12.9693 18.7641 13.1831 18.5505L19.8038 11.9288C20.0176 11.7149 20.1207 11.4478 20.1114 11.1267C20.1013 10.8062 19.9892 10.5385 19.7753 10.3246C19.5614 10.1108 19.2889 10.0044 18.9584 10.0044Z", fill: "currentColor" })))));
|
|
20
20
|
}
|
|
21
21
|
static get style() { return swirlIconCss; }
|
|
22
22
|
}, [1, "swirl-icon-checkbox-filled", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-PCxIgwX4.js';
|
|
2
2
|
import { c as classnames } from './index-orsBiyT_.js';
|
|
3
3
|
|
|
4
|
-
const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
|
|
4
|
+
const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
|
|
5
5
|
|
|
6
6
|
const SwirlAvatarGroup = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -187,6 +187,13 @@ const SwirlDateInput = class {
|
|
|
187
187
|
return newString;
|
|
188
188
|
},
|
|
189
189
|
});
|
|
190
|
+
// Listen for when the mask is cleared to reset the value
|
|
191
|
+
this.mask.on("accept", () => {
|
|
192
|
+
if (this.mask.value === "") {
|
|
193
|
+
this.value = "";
|
|
194
|
+
this.valueChange.emit("");
|
|
195
|
+
}
|
|
196
|
+
});
|
|
190
197
|
this.updateValue();
|
|
191
198
|
}
|
|
192
199
|
updateValue() {
|
|
@@ -213,7 +220,7 @@ const SwirlDateInput = class {
|
|
|
213
220
|
const className = classnames("date-input", {
|
|
214
221
|
"date-input--inline": this.inline,
|
|
215
222
|
});
|
|
216
|
-
return (h(Host, { key: '
|
|
223
|
+
return (h(Host, { key: '77aaf0846db36ae3c53aedfe95f6b8b1f1760572' }, h("div", { key: '346e4f7f711d8fa13203083e2812d24a2f6c5471', class: className }, h("input", { key: '1a851268aa0479639893a6975be78713353c8e8f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '8e5da94d520dcc92deebfe8c9e17a9d7c4dddb81', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ae641758c00ff228020ad06959fbaa58f51f3b06', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a19d5137d01c3a7381109eafeafc4d4a1529ad4e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'dac1e2a9d8190f24e532944b6aabd91c484982c2', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '0d26e6a36dbc28b0c877f34f1ff5b993faa01fa6', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
|
|
217
224
|
}
|
|
218
225
|
get el() { return getElement(this); }
|
|
219
226
|
static get watchers() { return {
|
|
@@ -14,7 +14,7 @@ const SwirlIconCheckboxFilled = class {
|
|
|
14
14
|
color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
|
|
15
15
|
};
|
|
16
16
|
const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
17
|
-
return (h("svg", { key: '6efbf4778cbc5bb8ebfc9ca1e888f65ca3ad4eec', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ce2e7bc30b4bf29e9d9a3ba805acb8ab67cb2c60' }, h("path", { key: '
|
|
17
|
+
return (h("svg", { key: '6efbf4778cbc5bb8ebfc9ca1e888f65ca3ad4eec', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ce2e7bc30b4bf29e9d9a3ba805acb8ab67cb2c60' }, h("path", { key: 'e2b369ee4aa32c5a622fe4c3097515ffd37554dd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 1.33337C13.4728 1.33337 14.6667 2.52728 14.6667 4.00004V12C14.6667 13.4728 13.4728 14.6667 12 14.6667H4.00004C2.52728 14.6667 1.33337 13.4728 1.33337 12V4.00004C1.33337 2.52728 2.52728 1.33337 4.00004 1.33337H12ZM10.8334 5.71684C10.6445 5.71684 10.4888 5.77759 10.3666 5.89978L7.06645 9.19991L5.61658 7.75004C5.4944 7.62789 5.3419 7.56982 5.15889 7.57556C4.97534 7.58089 4.82213 7.64475 4.69991 7.76697C4.57788 7.88911 4.51702 8.04444 4.51697 8.23311C4.51697 8.42194 4.57777 8.57771 4.69991 8.69991L6.6003 10.6003C6.72242 10.7223 6.87782 10.7832 7.06645 10.7832C7.25522 10.7832 7.41105 10.7224 7.53324 10.6003L11.3164 6.81645C11.4386 6.69425 11.4975 6.54162 11.4922 6.35811C11.4864 6.175 11.4224 6.022 11.3002 5.89978C11.178 5.7776 11.0222 5.71684 10.8334 5.71684Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '81497eaa901ef6c1119cc7e15bc529a08b069aea' }, h("path", { key: 'c542d5fcf2a9c9797ff97947f9965790077f26e0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.25 8.5752C15.9667 8.5752 15.7331 8.66632 15.5498 8.84961L10.5996 13.7998L8.4248 11.625C8.24154 11.4418 8.0128 11.3547 7.73828 11.3633C7.46295 11.3713 7.23314 11.4671 7.0498 11.6504C6.86677 11.8336 6.77546 12.0666 6.77539 12.3496C6.77539 12.6328 6.86659 12.8665 7.0498 13.0498L9.90039 15.9004C10.0836 16.0834 10.3167 16.1747 10.5996 16.1748C10.8828 16.1748 11.1165 16.0835 11.2998 15.9004L16.9746 10.2246C17.1579 10.0413 17.2462 9.81237 17.2383 9.53711C17.2296 9.26244 17.1335 9.03294 16.9502 8.84961C16.7669 8.66633 16.5333 8.5752 16.25 8.5752Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cff2be13520bf6a219806b5f85f965d6b16b818f' }, h("path", { key: '60f2a68cd72fa403d4d013bdfbef36050bbd1556', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 2.33337C23.5774 2.33337 25.6667 4.42271 25.6667 7.00004V21C25.6667 23.5774 23.5774 25.6667 21 25.6667H7.00004C4.42271 25.6667 2.33337 23.5774 2.33337 21V7.00004C2.33337 4.42271 4.42271 2.33337 7.00004 2.33337H21ZM18.9584 10.0044C18.6279 10.0044 18.3554 10.1108 18.1415 10.3246L12.3663 16.0998L9.82898 13.5625C9.61517 13.3488 9.3483 13.2472 9.02804 13.2572C8.70681 13.2665 8.4387 13.3783 8.22481 13.5922C8.01127 13.8059 7.90475 14.0777 7.90466 14.4079C7.90466 14.7384 8.01107 15.011 8.22481 15.2248L11.5505 18.5505C11.7642 18.764 12.0362 18.8705 12.3663 18.8706C12.6966 18.8706 12.9693 18.7641 13.1831 18.5505L19.8038 11.9288C20.0176 11.7149 20.1207 11.4478 20.1114 11.1267C20.1013 10.8062 19.9892 10.5385 19.7753 10.3246C19.5614 10.1108 19.2889 10.0044 18.9584 10.0044Z", fill: "currentColor" })))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
SwirlIconCheckboxFilled.style = swirlIconCss;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,F as C}from"./p-PCxIgwX4.js";import{c}from"./p-orsBiyT_.js";const l=class{constructor(i){e(this,i),this.size=24}render(){const e=20===this.size?24:this.size,l={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=c("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"6efbf4778cbc5bb8ebfc9ca1e888f65ca3ad4eec","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:l,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(C,{key:"ce2e7bc30b4bf29e9d9a3ba805acb8ab67cb2c60"},i("path",{key:"e2b369ee4aa32c5a622fe4c3097515ffd37554dd","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 1.33337C13.4728 1.33337 14.6667 2.52728 14.6667 4.00004V12C14.6667 13.4728 13.4728 14.6667 12 14.6667H4.00004C2.52728 14.6667 1.33337 13.4728 1.33337 12V4.00004C1.33337 2.52728 2.52728 1.33337 4.00004 1.33337H12ZM10.8334 5.71684C10.6445 5.71684 10.4888 5.77759 10.3666 5.89978L7.06645 9.19991L5.61658 7.75004C5.4944 7.62789 5.3419 7.56982 5.15889 7.57556C4.97534 7.58089 4.82213 7.64475 4.69991 7.76697C4.57788 7.88911 4.51702 8.04444 4.51697 8.23311C4.51697 8.42194 4.57777 8.57771 4.69991 8.69991L6.6003 10.6003C6.72242 10.7223 6.87782 10.7832 7.06645 10.7832C7.25522 10.7832 7.41105 10.7224 7.53324 10.6003L11.3164 6.81645C11.4386 6.69425 11.4975 6.54162 11.4922 6.35811C11.4864 6.175 11.4224 6.022 11.3002 5.89978C11.178 5.7776 11.0222 5.71684 10.8334 5.71684Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(C,{key:"81497eaa901ef6c1119cc7e15bc529a08b069aea"},i("path",{key:"c542d5fcf2a9c9797ff97947f9965790077f26e0","fill-rule":"evenodd","clip-rule":"evenodd",d:"M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.25 8.5752C15.9667 8.5752 15.7331 8.66632 15.5498 8.84961L10.5996 13.7998L8.4248 11.625C8.24154 11.4418 8.0128 11.3547 7.73828 11.3633C7.46295 11.3713 7.23314 11.4671 7.0498 11.6504C6.86677 11.8336 6.77546 12.0666 6.77539 12.3496C6.77539 12.6328 6.86659 12.8665 7.0498 13.0498L9.90039 15.9004C10.0836 16.0834 10.3167 16.1747 10.5996 16.1748C10.8828 16.1748 11.1165 16.0835 11.2998 15.9004L16.9746 10.2246C17.1579 10.0413 17.2462 9.81237 17.2383 9.53711C17.2296 9.26244 17.1335 9.03294 16.9502 8.84961C16.7669 8.66633 16.5333 8.5752 16.25 8.5752Z",fill:"currentColor"})),28===this.size&&i(C,{key:"cff2be13520bf6a219806b5f85f965d6b16b818f"},i("path",{key:"60f2a68cd72fa403d4d013bdfbef36050bbd1556","fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 2.33337C23.5774 2.33337 25.6667 4.42271 25.6667 7.00004V21C25.6667 23.5774 23.5774 25.6667 21 25.6667H7.00004C4.42271 25.6667 2.33337 23.5774 2.33337 21V7.00004C2.33337 4.42271 4.42271 2.33337 7.00004 2.33337H21ZM18.9584 10.0044C18.6279 10.0044 18.3554 10.1108 18.1415 10.3246L12.3663 16.0998L9.82898 13.5625C9.61517 13.3488 9.3483 13.2472 9.02804 13.2572C8.70681 13.2665 8.4387 13.3783 8.22481 13.5922C8.01127 13.8059 7.90475 14.0777 7.90466 14.4079C7.90466 14.7384 8.01107 15.011 8.22481 15.2248L11.5505 18.5505C11.7642 18.764 12.0362 18.8705 12.3663 18.8706C12.6966 18.8706 12.9693 18.7641 13.1831 18.5505L19.8038 11.9288C20.0176 11.7149 20.1207 11.4478 20.1114 11.1267C20.1013 10.8062 19.9892 10.5385 19.7753 10.3246C19.5614 10.1108 19.2889 10.0044 18.9584 10.0044Z",fill:"currentColor"})))}};l.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{l as swirl_icon_checkbox_filled}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as r,H as o}from"./p-PCxIgwX4.js";import{c as t}from"./p-orsBiyT_.js";const i=class{constructor(r){a(this,r),this.layout="diagonal",this.semantics="group",this.avatars=[],this.onSlotChange=a=>{this.avatars=a.target.assignedElements(),this.layOutAvatars()}}componentDidLoad(){this.forceBadgeProps()}forceBadgeProps(){if(!Boolean(this.badge))return;const a=this.badgeEl.querySelector("swirl-badge"),r=a?.getAttribute("size");Boolean(r)||a?.setAttribute("size","s")}layOutAvatars(){this.avatars.forEach("diagonal"===this.layout?a=>{a.style.position="",a.style.zIndex=""}:(a,r)=>{a.style.position="relative",a.style.zIndex=String(this.avatars.length-r)})}render(){const a=t("avatar-group",`avatar-group--${this.layout}-stack`,{"avatar-group--has-badge":Boolean(this.badge)}),i=t("avatar-group__badge");return r(o,{key:"ecb3e29c9099096fa82191e661f08223bf2a3137"},r("div",{key:"6850ef790d715e45dc36ef60c9739398ada1e903","aria-label":this.label,class:a,role:this.semantics},r("slot",{key:"6d80247f5e0eae13ea4a2864e15c850178d190b8",onSlotchange:this.onSlotChange}),this.badge&&r("span",{key:"cf23f016b1548812fca69315100479aad2563056",class:i,innerHTML:this.badge,ref:a=>this.badgeEl=a})))}};i.style=":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";export{i as swirl_avatar_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as s,d as a}from"./p-PCxIgwX4.js";import{c as n}from"./p-orsBiyT_.js";import{f as d,I as o,p as r,i as h}from"./p-D3UoejeY.js";import{D as p}from"./p-BKpD2IO9.js";import{i as c}from"./p-wi_3Z3FQ.js";const l="yyyy-MM-dd",u=class{constructor(e){t(this,e),this.invalidInput=i(this,"invalidInput",7),this.valueChange=i(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly||"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),c()||this.focus())},this.onMouseDown=()=>{this.readonly||"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=d(i,l);this.value=e,this.inputEl.value=d(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=p.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode||!c())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern||(this.pattern=l),this.mask=o(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:o.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:o.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:o.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:o.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=d(t,this.pattern);return h(t)?(this.value=d(t,l),i):(this.invalidInput.emit(t.toString()),"")},parse:t=>r(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=r(this.value,l,new Date);if(h(t)){const i=d(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?r(this.value,l,new Date):void 0,a=h(i)?i:void 0,d=n("date-input",{"date-input--inline":this.inline});return e(s,{key:"77aaf0846db36ae3c53aedfe95f6b8b1f1760572"},e("div",{key:"346e4f7f711d8fa13203083e2812d24a2f6c5471",class:d},e("input",{key:"1a851268aa0479639893a6975be78713353c8e8f","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.isInPickOnlyMode||this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&e("swirl-popover-trigger",{key:"8e5da94d520dcc92deebfe8c9e17a9d7c4dddb81",swirlPopover:`popover-${this.id}`},e("button",{key:"ae641758c00ff228020ad06959fbaa58f51f3b06","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},e("swirl-icon-today",{key:"a19d5137d01c3a7381109eafeafc4d4a1529ad4e",size:this.iconSize})))),!(this.disabled||this.readonly)&&e("swirl-popover",{key:"dac1e2a9d8190f24e532944b6aabd91c484982c2",animation:"scale-in-y",class:"date-input__date-picker-popover",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},e("swirl-date-picker",{key:"0d26e6a36dbc28b0c877f34f1ff5b993faa01fa6",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:a,startDate:a})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"],value:["watchValue"]}}};u.style=".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}";export{u as swirl_date_input}
|