@getflip/swirl-components 0.81.3 → 0.81.4

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.
Files changed (37) hide show
  1. package/components.json +1 -1
  2. package/dist/cjs/swirl-date-input.cjs.entry.js +7 -1
  3. package/dist/cjs/swirl-modal.cjs.entry.js +5 -0
  4. package/dist/cjs/swirl-search.cjs.entry.js +6 -0
  5. package/dist/cjs/swirl-text-input.cjs.entry.js +6 -0
  6. package/dist/cjs/swirl-time-input.cjs.entry.js +7 -1
  7. package/dist/collection/components/swirl-date-input/swirl-date-input.js +7 -1
  8. package/dist/collection/components/swirl-modal/swirl-modal.js +5 -0
  9. package/dist/collection/components/swirl-modal/swirl-modal.stories.js +1 -1
  10. package/dist/collection/components/swirl-search/swirl-search.js +6 -0
  11. package/dist/collection/components/swirl-text-input/swirl-text-input.js +6 -0
  12. package/dist/collection/components/swirl-text-input/swirl-text-input.spec.js +1 -4
  13. package/dist/collection/components/swirl-time-input/swirl-time-input.js +7 -1
  14. package/dist/components/swirl-date-input.js +7 -1
  15. package/dist/components/swirl-modal.js +5 -0
  16. package/dist/components/swirl-search.js +6 -0
  17. package/dist/components/swirl-text-input2.js +6 -0
  18. package/dist/components/swirl-time-input.js +7 -1
  19. package/dist/esm/swirl-date-input.entry.js +7 -1
  20. package/dist/esm/swirl-modal.entry.js +5 -0
  21. package/dist/esm/swirl-search.entry.js +6 -0
  22. package/dist/esm/swirl-text-input.entry.js +6 -0
  23. package/dist/esm/swirl-time-input.entry.js +7 -1
  24. package/dist/swirl-components/{p-a7568135.entry.js → p-1181ed47.entry.js} +3 -3
  25. package/dist/swirl-components/p-58cce5bc.entry.js +1 -0
  26. package/dist/swirl-components/p-8570aa37.entry.js +1 -0
  27. package/dist/swirl-components/p-888c8874.entry.js +1 -0
  28. package/dist/swirl-components/p-95b5a85e.entry.js +1 -0
  29. package/dist/swirl-components/swirl-components.esm.js +1 -1
  30. package/dist/types/components/swirl-date-input/swirl-date-input.d.ts +1 -0
  31. package/dist/types/components/swirl-modal/swirl-modal.d.ts +1 -0
  32. package/dist/types/components/swirl-time-input/swirl-time-input.d.ts +1 -0
  33. package/package.json +1 -1
  34. package/dist/swirl-components/p-251884ec.entry.js +0 -1
  35. package/dist/swirl-components/p-2d5438ae.entry.js +0 -1
  36. package/dist/swirl-components/p-67770da3.entry.js +0 -1
  37. package/dist/swirl-components/p-9d9427ab.entry.js +0 -1
package/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-08-03T12:25:42",
2
+ "timestamp": "2023-08-04T09:48:36",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "3.3.1",
@@ -73,6 +73,12 @@ const SwirlDateInput = class {
73
73
  this.setupMask();
74
74
  this.updateIconSize(this.desktopMediaQuery.matches);
75
75
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
76
+ // see https://stackoverflow.com/a/27314017
77
+ if (this.autoFocus) {
78
+ setTimeout(() => {
79
+ this.inputEl.focus();
80
+ });
81
+ }
76
82
  }
77
83
  disconnectedCallback() {
78
84
  var _a, _b, _c;
@@ -111,7 +117,7 @@ const SwirlDateInput = class {
111
117
  const className = index$1.classnames("date-input", {
112
118
  "date-input--inline": this.inline,
113
119
  });
114
- return (index.h(index.Host, null, index.h("div", { class: className }, index.h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), index.h("swirl-popover-trigger", { popover: `popover-${this.id}` }, index.h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
120
+ return (index.h(index.Host, null, index.h("div", { class: className }, index.h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("swirl-popover-trigger", { popover: `popover-${this.id}` }, index.h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
115
121
  }
116
122
  get el() { return index.getElement(this); }
117
123
  static get watchers() { return {
@@ -1236,6 +1236,7 @@ const SwirlModal = class {
1236
1236
  // wait for animation
1237
1237
  setTimeout(() => {
1238
1238
  this.focusTrap.activate();
1239
+ this.handleAutoFocus();
1239
1240
  }, 200);
1240
1241
  }
1241
1242
  else {
@@ -1275,6 +1276,10 @@ const SwirlModal = class {
1275
1276
  updateHeaderToolsStatus() {
1276
1277
  this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
1277
1278
  }
1279
+ handleAutoFocus() {
1280
+ var _a;
1281
+ (_a = this.modalEl.querySelector("input[autofocus]")) === null || _a === void 0 ? void 0 : _a.focus();
1282
+ }
1278
1283
  lockBodyScroll() {
1279
1284
  bodyScrollLock_esm.disableBodyScroll(this.scrollContainer);
1280
1285
  }
@@ -49,6 +49,12 @@ const SwirlSearch = class {
49
49
  componentDidLoad() {
50
50
  this.forceIconProps(this.desktopMediaQuery.matches);
51
51
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
52
+ // see https://stackoverflow.com/a/27314017
53
+ if (this.autoFocus) {
54
+ setTimeout(() => {
55
+ this.input.focus();
56
+ });
57
+ }
52
58
  }
53
59
  disconnectedCallback() {
54
60
  var _a, _b;
@@ -113,6 +113,12 @@ const SwirlTextInput = class {
113
113
  componentDidLoad() {
114
114
  this.updateIconSize(this.desktopMediaQuery.matches);
115
115
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
116
+ // see https://stackoverflow.com/a/27314017
117
+ if (this.autoFocus) {
118
+ setTimeout(() => {
119
+ this.inputEl.focus();
120
+ });
121
+ }
116
122
  }
117
123
  componentDidRender() {
118
124
  this.adjustInputSize();
@@ -81,6 +81,12 @@ const SwirlTimeInput = class {
81
81
  this.setupMask();
82
82
  this.updateIconSize(this.desktopMediaQuery.matches);
83
83
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
84
+ // see https://stackoverflow.com/a/27314017
85
+ if (this.autoFocus) {
86
+ setTimeout(() => {
87
+ this.inputEl.focus();
88
+ });
89
+ }
84
90
  }
85
91
  disconnectedCallback() {
86
92
  var _a, _b, _c;
@@ -119,7 +125,7 @@ const SwirlTimeInput = class {
119
125
  const className = index$1.classnames("time-input", {
120
126
  "time-input--inline": this.inline,
121
127
  });
122
- return (index.h(index.Host, null, index.h("div", { class: className }, index.h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), index.h("span", { class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { size: this.iconSize })))));
128
+ return (index.h(index.Host, null, index.h("div", { class: className }, index.h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { size: this.iconSize })))));
123
129
  }
124
130
  get el() { return index.getElement(this); }
125
131
  static get watchers() { return {
@@ -65,6 +65,12 @@ export class SwirlDateInput {
65
65
  this.setupMask();
66
66
  this.updateIconSize(this.desktopMediaQuery.matches);
67
67
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
68
+ // see https://stackoverflow.com/a/27314017
69
+ if (this.autoFocus) {
70
+ setTimeout(() => {
71
+ this.inputEl.focus();
72
+ });
73
+ }
68
74
  }
69
75
  disconnectedCallback() {
70
76
  var _a, _b, _c;
@@ -103,7 +109,7 @@ export class SwirlDateInput {
103
109
  const className = classnames("date-input", {
104
110
  "date-input--inline": this.inline,
105
111
  });
106
- return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { popover: `popover-${this.id}` }, h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
112
+ return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { popover: `popover-${this.id}` }, h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
107
113
  }
108
114
  static get is() { return "swirl-date-input"; }
109
115
  static get encapsulation() { return "scoped"; }
@@ -89,6 +89,7 @@ export class SwirlModal {
89
89
  // wait for animation
90
90
  setTimeout(() => {
91
91
  this.focusTrap.activate();
92
+ this.handleAutoFocus();
92
93
  }, 200);
93
94
  }
94
95
  else {
@@ -128,6 +129,10 @@ export class SwirlModal {
128
129
  updateHeaderToolsStatus() {
129
130
  this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
130
131
  }
132
+ handleAutoFocus() {
133
+ var _a;
134
+ (_a = this.modalEl.querySelector("input[autofocus]")) === null || _a === void 0 ? void 0 : _a.focus();
135
+ }
131
136
  lockBodyScroll() {
132
137
  disableBodyScroll(this.scrollContainer);
133
138
  }
@@ -50,7 +50,7 @@ const Template = (args) => {
50
50
  </swirl-text>
51
51
 
52
52
  <swirl-box padding-block-start="0" padding-block-end="16" slot="header-tools">
53
- <swirl-search label="Search"></swirl-search>
53
+ <swirl-search auto-focus label="Search"></swirl-search>
54
54
  </div>
55
55
  `;
56
56
  container.append(trigger, element);
@@ -37,6 +37,12 @@ export class SwirlSearch {
37
37
  componentDidLoad() {
38
38
  this.forceIconProps(this.desktopMediaQuery.matches);
39
39
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
40
+ // see https://stackoverflow.com/a/27314017
41
+ if (this.autoFocus) {
42
+ setTimeout(() => {
43
+ this.input.focus();
44
+ });
45
+ }
40
46
  }
41
47
  disconnectedCallback() {
42
48
  var _a, _b;
@@ -102,6 +102,12 @@ export class SwirlTextInput {
102
102
  componentDidLoad() {
103
103
  this.updateIconSize(this.desktopMediaQuery.matches);
104
104
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
105
+ // see https://stackoverflow.com/a/27314017
106
+ if (this.autoFocus) {
107
+ setTimeout(() => {
108
+ this.inputEl.focus();
109
+ });
110
+ }
105
111
  }
106
112
  componentDidRender() {
107
113
  this.adjustInputSize();
@@ -5,7 +5,6 @@ describe("swirl-text-input", () => {
5
5
  const page = await newSpecPage({
6
6
  components: [SwirlTextInput],
7
7
  html: `<swirl-text-input
8
- auto-focus="true"
9
8
  disabled="true"
10
9
  swirl-aria-describedby="id"
11
10
  invalid="true"
@@ -17,8 +16,7 @@ describe("swirl-text-input", () => {
17
16
  </swirl-text-input>`,
18
17
  });
19
18
  expect(page.root).toEqualHtml(`
20
- <swirl-text-input auto-focus="true"
21
- disabled="true"
19
+ <swirl-text-input disabled="true"
22
20
  swirl-aria-describedby="id"
23
21
  invalid="true"
24
22
  mode="decimal"
@@ -31,7 +29,6 @@ describe("swirl-text-input", () => {
31
29
  aria-disabled="true"
32
30
  aria-invalid="true"
33
31
  autocomplete="on"
34
- autofocus=""
35
32
  class="text-input__input"
36
33
  disabled=""
37
34
  inputmode="decimal"
@@ -73,6 +73,12 @@ export class SwirlTimeInput {
73
73
  this.setupMask();
74
74
  this.updateIconSize(this.desktopMediaQuery.matches);
75
75
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
76
+ // see https://stackoverflow.com/a/27314017
77
+ if (this.autoFocus) {
78
+ setTimeout(() => {
79
+ this.inputEl.focus();
80
+ });
81
+ }
76
82
  }
77
83
  disconnectedCallback() {
78
84
  var _a, _b, _c;
@@ -111,7 +117,7 @@ export class SwirlTimeInput {
111
117
  const className = classnames("time-input", {
112
118
  "time-input--inline": this.inline,
113
119
  });
114
- return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), h("span", { class: "time-input__icon" }, h("swirl-icon-time-outlined", { size: this.iconSize })))));
120
+ return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { class: "time-input__icon" }, h("swirl-icon-time-outlined", { size: this.iconSize })))));
115
121
  }
116
122
  static get is() { return "swirl-time-input"; }
117
123
  static get encapsulation() { return "scoped"; }
@@ -75,6 +75,12 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
75
75
  this.setupMask();
76
76
  this.updateIconSize(this.desktopMediaQuery.matches);
77
77
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
78
+ // see https://stackoverflow.com/a/27314017
79
+ if (this.autoFocus) {
80
+ setTimeout(() => {
81
+ this.inputEl.focus();
82
+ });
83
+ }
78
84
  }
79
85
  disconnectedCallback() {
80
86
  var _a, _b, _c;
@@ -113,7 +119,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
113
119
  const className = classnames("date-input", {
114
120
  "date-input--inline": this.inline,
115
121
  });
116
- return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { popover: `popover-${this.id}` }, h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
122
+ return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { popover: `popover-${this.id}` }, h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
117
123
  }
118
124
  get el() { return this; }
119
125
  static get watchers() { return {
@@ -1237,6 +1237,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
1237
1237
  // wait for animation
1238
1238
  setTimeout(() => {
1239
1239
  this.focusTrap.activate();
1240
+ this.handleAutoFocus();
1240
1241
  }, 200);
1241
1242
  }
1242
1243
  else {
@@ -1276,6 +1277,10 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
1276
1277
  updateHeaderToolsStatus() {
1277
1278
  this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
1278
1279
  }
1280
+ handleAutoFocus() {
1281
+ var _a;
1282
+ (_a = this.modalEl.querySelector("input[autofocus]")) === null || _a === void 0 ? void 0 : _a.focus();
1283
+ }
1279
1284
  lockBodyScroll() {
1280
1285
  disableBodyScroll(this.scrollContainer);
1281
1286
  }
@@ -48,6 +48,12 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
48
48
  componentDidLoad() {
49
49
  this.forceIconProps(this.desktopMediaQuery.matches);
50
50
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
51
+ // see https://stackoverflow.com/a/27314017
52
+ if (this.autoFocus) {
53
+ setTimeout(() => {
54
+ this.input.focus();
55
+ });
56
+ }
51
57
  }
52
58
  disconnectedCallback() {
53
59
  var _a, _b;
@@ -115,6 +115,12 @@ const SwirlTextInput = /*@__PURE__*/ proxyCustomElement(class SwirlTextInput ext
115
115
  componentDidLoad() {
116
116
  this.updateIconSize(this.desktopMediaQuery.matches);
117
117
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
118
+ // see https://stackoverflow.com/a/27314017
119
+ if (this.autoFocus) {
120
+ setTimeout(() => {
121
+ this.inputEl.focus();
122
+ });
123
+ }
118
124
  }
119
125
  componentDidRender() {
120
126
  this.adjustInputSize();
@@ -79,6 +79,12 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
79
79
  this.setupMask();
80
80
  this.updateIconSize(this.desktopMediaQuery.matches);
81
81
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
82
+ // see https://stackoverflow.com/a/27314017
83
+ if (this.autoFocus) {
84
+ setTimeout(() => {
85
+ this.inputEl.focus();
86
+ });
87
+ }
82
88
  }
83
89
  disconnectedCallback() {
84
90
  var _a, _b, _c;
@@ -117,7 +123,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
117
123
  const className = classnames("time-input", {
118
124
  "time-input--inline": this.inline,
119
125
  });
120
- return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), h("span", { class: "time-input__icon" }, h("swirl-icon-time-outlined", { size: this.iconSize })))));
126
+ return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { class: "time-input__icon" }, h("swirl-icon-time-outlined", { size: this.iconSize })))));
121
127
  }
122
128
  get el() { return this; }
123
129
  static get watchers() { return {
@@ -69,6 +69,12 @@ const SwirlDateInput = class {
69
69
  this.setupMask();
70
70
  this.updateIconSize(this.desktopMediaQuery.matches);
71
71
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
72
+ // see https://stackoverflow.com/a/27314017
73
+ if (this.autoFocus) {
74
+ setTimeout(() => {
75
+ this.inputEl.focus();
76
+ });
77
+ }
72
78
  }
73
79
  disconnectedCallback() {
74
80
  var _a, _b, _c;
@@ -107,7 +113,7 @@ const SwirlDateInput = class {
107
113
  const className = classnames("date-input", {
108
114
  "date-input--inline": this.inline,
109
115
  });
110
- return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { popover: `popover-${this.id}` }, h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
116
+ return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { popover: `popover-${this.id}` }, h("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { size: this.iconSize })))), !this.disabled && (h("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
111
117
  }
112
118
  get el() { return getElement(this); }
113
119
  static get watchers() { return {
@@ -1232,6 +1232,7 @@ const SwirlModal = class {
1232
1232
  // wait for animation
1233
1233
  setTimeout(() => {
1234
1234
  this.focusTrap.activate();
1235
+ this.handleAutoFocus();
1235
1236
  }, 200);
1236
1237
  }
1237
1238
  else {
@@ -1271,6 +1272,10 @@ const SwirlModal = class {
1271
1272
  updateHeaderToolsStatus() {
1272
1273
  this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
1273
1274
  }
1275
+ handleAutoFocus() {
1276
+ var _a;
1277
+ (_a = this.modalEl.querySelector("input[autofocus]")) === null || _a === void 0 ? void 0 : _a.focus();
1278
+ }
1274
1279
  lockBodyScroll() {
1275
1280
  disableBodyScroll(this.scrollContainer);
1276
1281
  }
@@ -45,6 +45,12 @@ const SwirlSearch = class {
45
45
  componentDidLoad() {
46
46
  this.forceIconProps(this.desktopMediaQuery.matches);
47
47
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
48
+ // see https://stackoverflow.com/a/27314017
49
+ if (this.autoFocus) {
50
+ setTimeout(() => {
51
+ this.input.focus();
52
+ });
53
+ }
48
54
  }
49
55
  disconnectedCallback() {
50
56
  var _a, _b;
@@ -109,6 +109,12 @@ const SwirlTextInput = class {
109
109
  componentDidLoad() {
110
110
  this.updateIconSize(this.desktopMediaQuery.matches);
111
111
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
112
+ // see https://stackoverflow.com/a/27314017
113
+ if (this.autoFocus) {
114
+ setTimeout(() => {
115
+ this.inputEl.focus();
116
+ });
117
+ }
112
118
  }
113
119
  componentDidRender() {
114
120
  this.adjustInputSize();
@@ -77,6 +77,12 @@ const SwirlTimeInput = class {
77
77
  this.setupMask();
78
78
  this.updateIconSize(this.desktopMediaQuery.matches);
79
79
  this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
80
+ // see https://stackoverflow.com/a/27314017
81
+ if (this.autoFocus) {
82
+ setTimeout(() => {
83
+ this.inputEl.focus();
84
+ });
85
+ }
80
86
  }
81
87
  disconnectedCallback() {
82
88
  var _a, _b, _c;
@@ -115,7 +121,7 @@ const SwirlTimeInput = class {
115
121
  const className = classnames("time-input", {
116
122
  "time-input--inline": this.inline,
117
123
  });
118
- return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: displayValue }), h("span", { class: "time-input__icon" }, h("swirl-icon-time-outlined", { size: this.iconSize })))));
124
+ return (h(Host, null, h("div", { class: className }, h("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { class: "time-input__icon" }, h("swirl-icon-time-outlined", { size: this.iconSize })))));
119
125
  }
120
126
  get el() { return getElement(this); }
121
127
  static get watchers() { return {
@@ -1,10 +1,10 @@
1
- import{r as t,c as a,h as o,H as e,g as r}from"./p-3fca9a05.js";import{d as n,e as i}from"./p-33c168b3.js";import{c as s}from"./p-b7898321.js";
1
+ import{r as t,c as o,h as a,H as e,g as r}from"./p-3fca9a05.js";import{d as n,e as i}from"./p-33c168b3.js";import{c as s}from"./p-b7898321.js";
2
2
  /*!
3
3
  * tabbable 6.0.1
4
4
  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
5
- */var d=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],l=d.join(","),c="undefined"==typeof Element,u=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,f=!c&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument},h=function(t,a,o){var e=Array.prototype.slice.apply(t.querySelectorAll(l));return a&&u.call(t,l)&&e.unshift(t),e.filter(o)},m=function t(a,o,e){for(var r=[],n=Array.from(a);n.length;){var i=n.shift();if("SLOT"===i.tagName){var s=i.assignedElements(),d=t(s.length?s:i.children,!0,e);e.flatten?r.push.apply(r,d):r.push({scopeParent:i,candidates:d})}else{u.call(i,l)&&e.filter(i)&&(o||!a.includes(i))&&r.push(i);var c=i.shadowRoot||"function"==typeof e.getShadowRoot&&e.getShadowRoot(i),f=!e.shadowRootFilter||e.shadowRootFilter(i);if(c&&f){var h=t(!0===c?i.children:c.children,!0,e);e.flatten?r.push.apply(r,h):r.push({scopeParent:i,candidates:h})}else n.unshift.apply(n,i.children)}}return r},v=function(t,a){return t.tabIndex<0&&(a||/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||t.isContentEditable)&&isNaN(parseInt(t.getAttribute("tabindex"),10))?0:t.tabIndex},p=function(t,a){return t.tabIndex===a.tabIndex?t.documentOrder-a.documentOrder:t.tabIndex-a.tabIndex},b=function(t){return"INPUT"===t.tagName},w=function(t){var a=t.getBoundingClientRect();return 0===a.width&&0===a.height},g=function(t,a){return!(a.disabled||function(t){return b(t)&&"hidden"===t.type}(a)||function(t,a){var o=a.displayCheck,e=a.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return!0;var r=u.call(t,"details>summary:first-of-type");if(u.call(r?t.parentElement:t,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return w(t)}else{if("function"==typeof e){for(var n=t;t;){var i=t.parentElement,s=f(t);if(i&&!i.shadowRoot&&!0===e(i))return w(t);t=t.assignedSlot?t.assignedSlot:i||s===t.ownerDocument?i:s.host}t=n}if(function(t){for(var a,o=f(t).host,e=!!(null!==(a=o)&&void 0!==a&&a.ownerDocument.contains(o)||t.ownerDocument.contains(t));!e&&o;){var r;e=!(null===(r=o=f(o).host)||void 0===r||!r.ownerDocument.contains(o))}return e}(t))return!t.getClientRects().length;if("legacy-full"!==o)return!0}return!1}(a,t)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(a)||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var a=t.parentElement;a;){if("FIELDSET"===a.tagName&&a.disabled){for(var o=0;o<a.children.length;o++){var e=a.children.item(o);if("LEGEND"===e.tagName)return!!u.call(a,"fieldset[disabled] *")||!e.contains(t)}return!0}a=a.parentElement}return!1}(a))},_=function(t,a){return!(function(t){return function(t){return b(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var a,o=t.form||f(t),e=function(t){return o.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)a=e(window.CSS.escape(t.name));else try{a=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var r=function(t,a){for(var o=0;o<t.length;o++)if(t[o].checked&&t[o].form===a)return t[o]}(a,t.form);return!r||r===t}(t)}(a)||v(a)<0||!g(t,a))},y=function(t){var a=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},k=function t(a){var o=[],e=[];return a.forEach((function(a,r){var n=!!a.scopeParent,i=n?a.scopeParent:a,s=v(i,n),d=n?t(a.candidates):i;0===s?n?o.push.apply(o,d):o.push(i):e.push({documentOrder:r,tabIndex:s,item:a,isScope:n,content:d})})),e.sort(p).reduce((function(t,a){return a.isScope?t.push.apply(t,a.content):t.push(a.content),t}),[]).concat(o)},x=function(t,a){var o;return o=(a=a||{}).getShadowRoot?m([t],a.includeContainer,{filter:_.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:y}):h(t,a.includeContainer,_.bind(null,a)),k(o)},E=function(t,a){if(a=a||{},!t)throw new Error("No node provided");return!1!==u.call(t,l)&&_(a,t)},O=d.concat("iframe").join(","),S=function(t,a){if(a=a||{},!t)throw new Error("No node provided");return!1!==u.call(t,O)&&g(a,t)};
5
+ */var d=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],l=d.join(","),c="undefined"==typeof Element,u=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,f=!c&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument},h=function(t,o,a){var e=Array.prototype.slice.apply(t.querySelectorAll(l));return o&&u.call(t,l)&&e.unshift(t),e.filter(a)},m=function t(o,a,e){for(var r=[],n=Array.from(o);n.length;){var i=n.shift();if("SLOT"===i.tagName){var s=i.assignedElements(),d=t(s.length?s:i.children,!0,e);e.flatten?r.push.apply(r,d):r.push({scopeParent:i,candidates:d})}else{u.call(i,l)&&e.filter(i)&&(a||!o.includes(i))&&r.push(i);var c=i.shadowRoot||"function"==typeof e.getShadowRoot&&e.getShadowRoot(i),f=!e.shadowRootFilter||e.shadowRootFilter(i);if(c&&f){var h=t(!0===c?i.children:c.children,!0,e);e.flatten?r.push.apply(r,h):r.push({scopeParent:i,candidates:h})}else n.unshift.apply(n,i.children)}}return r},v=function(t,o){return t.tabIndex<0&&(o||/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||t.isContentEditable)&&isNaN(parseInt(t.getAttribute("tabindex"),10))?0:t.tabIndex},p=function(t,o){return t.tabIndex===o.tabIndex?t.documentOrder-o.documentOrder:t.tabIndex-o.tabIndex},b=function(t){return"INPUT"===t.tagName},w=function(t){var o=t.getBoundingClientRect();return 0===o.width&&0===o.height},g=function(t,o){return!(o.disabled||function(t){return b(t)&&"hidden"===t.type}(o)||function(t,o){var a=o.displayCheck,e=o.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return!0;var r=u.call(t,"details>summary:first-of-type");if(u.call(r?t.parentElement:t,"details:not([open]) *"))return!0;if(a&&"full"!==a&&"legacy-full"!==a){if("non-zero-area"===a)return w(t)}else{if("function"==typeof e){for(var n=t;t;){var i=t.parentElement,s=f(t);if(i&&!i.shadowRoot&&!0===e(i))return w(t);t=t.assignedSlot?t.assignedSlot:i||s===t.ownerDocument?i:s.host}t=n}if(function(t){for(var o,a=f(t).host,e=!!(null!==(o=a)&&void 0!==o&&o.ownerDocument.contains(a)||t.ownerDocument.contains(t));!e&&a;){var r;e=!(null===(r=a=f(a).host)||void 0===r||!r.ownerDocument.contains(a))}return e}(t))return!t.getClientRects().length;if("legacy-full"!==a)return!0}return!1}(o,t)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(o)||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var o=t.parentElement;o;){if("FIELDSET"===o.tagName&&o.disabled){for(var a=0;a<o.children.length;a++){var e=o.children.item(a);if("LEGEND"===e.tagName)return!!u.call(o,"fieldset[disabled] *")||!e.contains(t)}return!0}o=o.parentElement}return!1}(o))},_=function(t,o){return!(function(t){return function(t){return b(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var o,a=t.form||f(t),e=function(t){return a.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)o=e(window.CSS.escape(t.name));else try{o=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var r=function(t,o){for(var a=0;a<t.length;a++)if(t[a].checked&&t[a].form===o)return t[a]}(o,t.form);return!r||r===t}(t)}(o)||v(o)<0||!g(t,o))},y=function(t){var o=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(o)||o>=0)},k=function t(o){var a=[],e=[];return o.forEach((function(o,r){var n=!!o.scopeParent,i=n?o.scopeParent:o,s=v(i,n),d=n?t(o.candidates):i;0===s?n?a.push.apply(a,d):a.push(i):e.push({documentOrder:r,tabIndex:s,item:o,isScope:n,content:d})})),e.sort(p).reduce((function(t,o){return o.isScope?t.push.apply(t,o.content):t.push(o.content),t}),[]).concat(a)},x=function(t,o){var a;return a=(o=o||{}).getShadowRoot?m([t],o.includeContainer,{filter:_.bind(null,o),flatten:!1,getShadowRoot:o.getShadowRoot,shadowRootFilter:y}):h(t,o.includeContainer,_.bind(null,o)),k(a)},E=function(t,o){if(o=o||{},!t)throw new Error("No node provided");return!1!==u.call(t,l)&&_(o,t)},O=d.concat("iframe").join(","),S=function(t,o){if(o=o||{},!t)throw new Error("No node provided");return!1!==u.call(t,O)&&g(o,t)};
6
6
  /*!
7
7
  * focus-trap 7.1.0
8
8
  * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
9
9
  */
10
- function T(t,a){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);a&&(e=e.filter((function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable}))),o.push.apply(o,e)}return o}function F(t){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?T(Object(o),!0).forEach((function(a){j(t,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(o,a))}))}return t}function j(t,a,o){return a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}var C=[],A=function(t){return setTimeout(t,0)},D=function(t,a){var o=-1;return t.every((function(t,e){return!a(t)||(o=e,!1)})),o},N=function(t){for(var a=arguments.length,o=new Array(a>1?a-1:0),e=1;e<a;e++)o[e-1]=arguments[e];return"function"==typeof t?t.apply(void 0,o):t},I=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};const R=class{constructor(o){t(this,o),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.primaryAction=a(this,"primaryAction",7),this.secondaryAction=a(this,"secondaryAction",7),this.onKeyDown=t=>{"Escape"===t.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=t=>{this.primaryAction.emit(t)},this.onSecondaryAction=t=>{this.secondaryAction.emit(t)},this.determineScrollStatus=()=>{var t,a,o,e,r,n;const i=(null===(t=this.scrollContainer)||void 0===t?void 0:t.scrollTop)>0,s=Math.ceil((null===(a=this.scrollContainer)||void 0===a?void 0:a.scrollTop)+(null===(o=this.scrollContainer)||void 0===o?void 0:o.offsetHeight))>=(null===(e=this.scrollContainer)||void 0===e?void 0:e.scrollHeight),d=(null===(r=this.scrollContainer)||void 0===r?void 0:r.scrollHeight)>(null===(n=this.scrollContainer)||void 0===n?void 0:n.offsetHeight);i!==this.scrolled&&(this.scrolled=i),s!==this.scrolledDown&&(this.scrolledDown=s),d!==this.scrollable&&(this.scrollable=d)},this.closeButtonLabel="Close modal",this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.hasHeaderTools=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var t,a,o,e,r,n,i,s,d,l,c,u,f,v,p,b,w,_,y,k;this.focusTrap=(t=this.modalEl,e=(null==(a={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:t=>t.shadowRoot}})?void 0:a.document)||document,r=(null==a?void 0:a.trapStack)||C,n=F({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},a),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(t,a,o){return t&&void 0!==t[a]?t[a]:n[o||a]},d=function(t){return i.containerGroups.findIndex((function(a){var o=a.tabbableNodes;return a.container.contains(t)||o.find((function(a){return a===t}))}))},l=function(t){var a=n[t];if("function"==typeof a){for(var o=arguments.length,r=new Array(o>1?o-1:0),i=1;i<o;i++)r[i-1]=arguments[i];a=a.apply(void 0,r)}if(!0===a&&(a=void 0),!a){if(void 0===a||!1===a)return a;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=a;if("string"==typeof a&&!(s=e.querySelector(a)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},c=function(){var t=l("initialFocus");if(!1===t)return!1;if(void 0===t)if(d(e.activeElement)>=0)t=e.activeElement;else{var a=i.tabbableGroups[0];t=a&&a.firstTabbableNode||l("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},u=function(){if(i.containerGroups=i.containers.map((function(t){var a,o,e=x(t,n.tabbableOptions),r=(a=t,(o=(o=n.tabbableOptions)||{}).getShadowRoot?m([a],o.includeContainer,{filter:g.bind(null,o),flatten:!0,getShadowRoot:o.getShadowRoot}):h(a,o.includeContainer,g.bind(null,o)));return{container:t,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=r.findIndex((function(a){return a===t}));if(!(o<0))return a?r.slice(o+1).find((function(t){return E(t,n.tabbableOptions)})):r.slice(0,o).reverse().find((function(t){return E(t,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},f=function t(a){!1!==a&&a!==e.activeElement&&(a&&a.focus?(a.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=a,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(a)&&a.select()):t(c()))},v=function(t){var a=l("setReturnFocus",t);return a||!1!==a&&t},p=function(t){var a=I(t);d(a)>=0||(N(n.clickOutsideDeactivates,t)?o.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(a,n.tabbableOptions)}):N(n.allowOutsideClick,t)||t.preventDefault())},b=function(t){var a=I(t),o=d(a)>=0;o||a instanceof Document?o&&(i.mostRecentlyFocusedNode=a):(t.stopImmediatePropagation(),f(i.mostRecentlyFocusedNode||c()))},w=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==N(n.escapeDeactivates,t))return t.preventDefault(),void o.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var a=I(t);u();var o=null;if(i.tabbableGroups.length>0){var e=d(a),r=e>=0?i.containerGroups[e]:void 0;if(e<0)o=t.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var s=D(i.tabbableGroups,(function(t){return a===t.firstTabbableNode}));s<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a,!1))&&(s=e),s>=0&&(o=i.tabbableGroups[0===s?i.tabbableGroups.length-1:s-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(t){return a===t.lastTabbableNode}));c<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a))&&(c=e),c>=0&&(o=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else o=l("fallbackFocus");o&&(t.preventDefault(),f(o))}(t)},_=function(t){var a=I(t);d(a)>=0||N(n.clickOutsideDeactivates,t)||N(n.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},y=function(){if(i.active)return function(t,a){if(t.length>0){var o=t[t.length-1];o!==a&&o.pause()}var e=t.indexOf(a);-1===e||t.splice(e,1),t.push(a)}(r,o),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){f(c())})):f(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",_,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),o},k=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",_,!0),e.removeEventListener("keydown",w,!0),o},(o={get active(){return i.active},get paused(){return i.paused},activate:function(t){if(i.active)return this;var a=s(t,"onActivate"),o=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,a&&a();var n=function(){r&&u(),y(),o&&o()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(t){if(!i.active)return this;var a=F({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},t);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,k(),i.active=!1,i.paused=!1,function(t,a){var o=t.indexOf(a);-1!==o&&t.splice(o,1),t.length>0&&t[t.length-1].unpause()}(r,o);var e=s(a,"onDeactivate"),d=s(a,"onPostDeactivate"),l=s(a,"checkCanReturnFocus"),c=s(a,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&f(v(i.nodeFocusedBeforeActivation)),d&&d()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,k()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(t){var a=[].concat(t).filter(Boolean);return i.containers=a.map((function(t){return"string"==typeof t?e.querySelector(t):t})),i.active&&u(),this}}).updateContainerElements(t),o),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus()}))}disconnectedCallback(){this.focusTrap.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const t=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),a=s("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return o(e,null,o("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:a,onKeyDown:this.onKeyDown,role:"dialog",ref:t=>this.modalEl=t},o("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),o("div",{class:"modal__body",style:{maxHeight:this.maxHeight,maxWidth:this.maxWidth}},o("header",{class:"modal__custom-header"},o("slot",{name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&o("header",{class:"modal__header"},o("div",{class:"modal__header-bar"},!this.hideCloseButton&&o("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),!this.hideLabel&&o("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label})),o("div",{class:"modal__header-tools"},o("slot",{name:"header-tools"}))),o("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:t=>this.scrollContainer=t},o("slot",null)),o("div",{class:"modal__custom-footer"},o("slot",{name:"custom-footer"})),t&&o("footer",{class:"modal__controls"},o("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&o("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&o("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header-tools{display:block}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:4.125rem;padding-top:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24)}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}
10
+ function T(t,o){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),a.push.apply(a,e)}return a}function F(t){for(var o=1;o<arguments.length;o++){var a=null!=arguments[o]?arguments[o]:{};o%2?T(Object(a),!0).forEach((function(o){j(t,o,a[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))}))}return t}function j(t,o,a){return o in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a,t}var C=[],A=function(t){return setTimeout(t,0)},D=function(t,o){var a=-1;return t.every((function(t,e){return!o(t)||(a=e,!1)})),a},N=function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),e=1;e<o;e++)a[e-1]=arguments[e];return"function"==typeof t?t.apply(void 0,a):t},I=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};const R=class{constructor(a){t(this,a),this.modalClose=o(this,"modalClose",7),this.modalOpen=o(this,"modalOpen",7),this.primaryAction=o(this,"primaryAction",7),this.secondaryAction=o(this,"secondaryAction",7),this.onKeyDown=t=>{"Escape"===t.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=t=>{this.primaryAction.emit(t)},this.onSecondaryAction=t=>{this.secondaryAction.emit(t)},this.determineScrollStatus=()=>{var t,o,a,e,r,n;const i=(null===(t=this.scrollContainer)||void 0===t?void 0:t.scrollTop)>0,s=Math.ceil((null===(o=this.scrollContainer)||void 0===o?void 0:o.scrollTop)+(null===(a=this.scrollContainer)||void 0===a?void 0:a.offsetHeight))>=(null===(e=this.scrollContainer)||void 0===e?void 0:e.scrollHeight),d=(null===(r=this.scrollContainer)||void 0===r?void 0:r.scrollHeight)>(null===(n=this.scrollContainer)||void 0===n?void 0:n.offsetHeight);i!==this.scrolled&&(this.scrolled=i),s!==this.scrolledDown&&(this.scrolledDown=s),d!==this.scrollable&&(this.scrollable=d)},this.closeButtonLabel="Close modal",this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.hasHeaderTools=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var t,o,a,e,r,n,i,s,d,l,c,u,f,v,p,b,w,_,y,k;this.focusTrap=(t=this.modalEl,e=(null==(o={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:t=>t.shadowRoot}})?void 0:o.document)||document,r=(null==o?void 0:o.trapStack)||C,n=F({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},o),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(t,o,a){return t&&void 0!==t[o]?t[o]:n[a||o]},d=function(t){return i.containerGroups.findIndex((function(o){var a=o.tabbableNodes;return o.container.contains(t)||a.find((function(o){return o===t}))}))},l=function(t){var o=n[t];if("function"==typeof o){for(var a=arguments.length,r=new Array(a>1?a-1:0),i=1;i<a;i++)r[i-1]=arguments[i];o=o.apply(void 0,r)}if(!0===o&&(o=void 0),!o){if(void 0===o||!1===o)return o;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=o;if("string"==typeof o&&!(s=e.querySelector(o)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},c=function(){var t=l("initialFocus");if(!1===t)return!1;if(void 0===t)if(d(e.activeElement)>=0)t=e.activeElement;else{var o=i.tabbableGroups[0];t=o&&o.firstTabbableNode||l("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},u=function(){if(i.containerGroups=i.containers.map((function(t){var o,a,e=x(t,n.tabbableOptions),r=(o=t,(a=(a=n.tabbableOptions)||{}).getShadowRoot?m([o],a.includeContainer,{filter:g.bind(null,a),flatten:!0,getShadowRoot:a.getShadowRoot}):h(o,a.includeContainer,g.bind(null,a)));return{container:t,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a=r.findIndex((function(o){return o===t}));if(!(a<0))return o?r.slice(a+1).find((function(t){return E(t,n.tabbableOptions)})):r.slice(0,a).reverse().find((function(t){return E(t,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},f=function t(o){!1!==o&&o!==e.activeElement&&(o&&o.focus?(o.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=o,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(o)&&o.select()):t(c()))},v=function(t){var o=l("setReturnFocus",t);return o||!1!==o&&t},p=function(t){var o=I(t);d(o)>=0||(N(n.clickOutsideDeactivates,t)?a.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(o,n.tabbableOptions)}):N(n.allowOutsideClick,t)||t.preventDefault())},b=function(t){var o=I(t),a=d(o)>=0;a||o instanceof Document?a&&(i.mostRecentlyFocusedNode=o):(t.stopImmediatePropagation(),f(i.mostRecentlyFocusedNode||c()))},w=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==N(n.escapeDeactivates,t))return t.preventDefault(),void a.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var o=I(t);u();var a=null;if(i.tabbableGroups.length>0){var e=d(o),r=e>=0?i.containerGroups[e]:void 0;if(e<0)a=t.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var s=D(i.tabbableGroups,(function(t){return o===t.firstTabbableNode}));s<0&&(r.container===o||S(o,n.tabbableOptions)&&!E(o,n.tabbableOptions)&&!r.nextTabbableNode(o,!1))&&(s=e),s>=0&&(a=i.tabbableGroups[0===s?i.tabbableGroups.length-1:s-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(t){return o===t.lastTabbableNode}));c<0&&(r.container===o||S(o,n.tabbableOptions)&&!E(o,n.tabbableOptions)&&!r.nextTabbableNode(o))&&(c=e),c>=0&&(a=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else a=l("fallbackFocus");a&&(t.preventDefault(),f(a))}(t)},_=function(t){var o=I(t);d(o)>=0||N(n.clickOutsideDeactivates,t)||N(n.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},y=function(){if(i.active)return function(t,o){if(t.length>0){var a=t[t.length-1];a!==o&&a.pause()}var e=t.indexOf(o);-1===e||t.splice(e,1),t.push(o)}(r,a),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){f(c())})):f(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",_,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),a},k=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",_,!0),e.removeEventListener("keydown",w,!0),a},(a={get active(){return i.active},get paused(){return i.paused},activate:function(t){if(i.active)return this;var o=s(t,"onActivate"),a=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,o&&o();var n=function(){r&&u(),y(),a&&a()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(t){if(!i.active)return this;var o=F({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},t);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,k(),i.active=!1,i.paused=!1,function(t,o){var a=t.indexOf(o);-1!==a&&t.splice(a,1),t.length>0&&t[t.length-1].unpause()}(r,a);var e=s(o,"onDeactivate"),d=s(o,"onPostDeactivate"),l=s(o,"checkCanReturnFocus"),c=s(o,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&f(v(i.nodeFocusedBeforeActivation)),d&&d()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,k()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(t){var o=[].concat(t).filter(Boolean);return i.containers=o.map((function(t){return"string"==typeof t?e.querySelector(t):t})),i.active&&u(),this}}).updateContainerElements(t),a),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus()}))}disconnectedCallback(){this.focusTrap.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate(),this.handleAutoFocus()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}handleAutoFocus(){var t;null===(t=this.modalEl.querySelector("input[autofocus]"))||void 0===t||t.focus()}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const t=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),o=s("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return a(e,null,a("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:o,onKeyDown:this.onKeyDown,role:"dialog",ref:t=>this.modalEl=t},a("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),a("div",{class:"modal__body",style:{maxHeight:this.maxHeight,maxWidth:this.maxWidth}},a("header",{class:"modal__custom-header"},a("slot",{name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&a("header",{class:"modal__header"},a("div",{class:"modal__header-bar"},!this.hideCloseButton&&a("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),!this.hideLabel&&a("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label})),a("div",{class:"modal__header-tools"},a("slot",{name:"header-tools"}))),a("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:t=>this.scrollContainer=t},a("slot",null)),a("div",{class:"modal__custom-footer"},a("slot",{name:"custom-footer"})),t&&a("footer",{class:"modal__controls"},a("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&a("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&a("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n --s-surface-overlay-default\n );--swirl-resource-list-item-background-hovered:var(\n --s-surface-overlay-hovered\n );--swirl-resource-list-item-background-pressed:var(\n --s-surface-overlay-pressed\n );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header-tools{display:block}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:4.125rem;padding-top:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24)}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}
@@ -0,0 +1 @@
1
+ import{r as i,c as t,h as s,H as e,g as n}from"./p-3fca9a05.js";import{c as o}from"./p-b7898321.js";import{p as h,i as a,f as r,m as l}from"./p-6339561b.js";import{g as d}from"./p-646e00de.js";const p="HH:mm:ss",m=class{constructor(s){i(this,s),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=d(),this.desktopMediaQueryHandler=i=>{this.updateIconSize(i.matches)},this.onChange=i=>{const t=i.target.value;let s;""===t&&(this.value=void 0,this.valueChange.emit(void 0));const e=h(t,this.format,new Date),n=new RegExp(`^${this.format.replace(/[Hhms]/g,"\\d")}$`);Boolean(t.match(n))&&(s=a(e)?r(e,p):r(new Date,p),this.value=s,this.valueChange.emit(s))},this.onBlur=i=>{const t=i.target,s=h(t.value,this.format,new Date);if(!a(s)&&Boolean(this.value)){const i=Boolean(this.value)?h(this.value,p,new Date):void 0;Boolean(i)&&a(i)||(this.value=""),t.value=r(i,this.format)}},this.onInput=i=>{this.onChange(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.handleAutoSelect(i)},this.autoFocus=void 0,this.autoSelect=void 0,this.disabled=void 0,this.format="HH:mm",this.inline=void 0,this.invalid=void 0,this.placeholder="hh:mm",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id=`swirl-time-input-${i}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){var i,t,s;null===(i=this.mask)||void 0===i||i.destroy(),null===(s=(t=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(t,"change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(i){this.iconSize=i?20:24}handleAutoSelect(i){this.autoSelect&&i.target.select()}setupMask(){var i;null===(i=this.mask)||void 0===i||i.destroy(),this.mask=l.create(`#${this.id}`,{mask:this.format.replace(/[Hhms]/g,"#")})}render(){const i=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,t=Boolean(this.value)?h(this.value,p,new Date):void 0,n=a(t)?r(t,this.format):void 0,l=o("time-input",{"time-input--inline":this.inline});return s(e,null,s("div",{class:l},s("input",{"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",value:n}),s("span",{class:"time-input__icon"},s("swirl-icon-time-outlined",{size:this.iconSize}))))}get el(){return n(this)}static get watchers(){return{format:["watchFormat"]}}};m.style=".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-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)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}";export{m as swirl_time_input}
@@ -0,0 +1 @@
1
+ import{r as s,c as r,h as e,H as i}from"./p-3fca9a05.js";import{c as a}from"./p-b7898321.js";import{g as t}from"./p-646e00de.js";const c=class{constructor(e){s(this,e),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.inputInput=r(this,"inputInput",7),this.valueChange=r(this,"valueChange",7),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=s=>{this.forceIconProps(s.matches)},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)},this.autoFocus=void 0,this.clearButtonLabel="Clear search term",this.disabled=void 0,this.inputName=void 0,this.inputId=void 0,this.label=void 0,this.placeholder="Search …",this.value=void 0,this.variant="filled"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.input.focus()}))}disconnectedCallback(){var s,r;null===(r=(s=this.desktopMediaQuery).removeEventListener)||void 0===r||r.call(s,"change",this.desktopMediaQueryHandler)}forceIconProps(s){if(!Boolean(this.iconEl))return;const r=this.iconEl.children[0];null==r||r.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=a("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return e(i,null,e("span",{class:s,ref:s=>this.iconEl=s},e("swirl-icon-search",{class:"search__icon"}),e("input",{"aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&e("button",{"aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},e("swirl-icon-cancel",null))))}};c.style=".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";export{c as swirl_search}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as e}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{g as r}from"./p-646e00de.js";const o=class{constructor(s){t(this,s),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.clear=()=>{this.inputEl.value="",this.value="",this.valueChange.emit(""),this.inputEl.focus()},this.onChange=t=>{const i=t.target;this.value=i.value,this.valueChange.emit(i.value)},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)},this.onKeyPress=t=>{"number"===this.type&&["+","-","e"].includes(t.key)&&t.preventDefault()},this.decreaseValue=()=>{if("number"!==this.type)return;const t=this.step||1;let i=this.inputEl.valueAsNumber;isNaN(this.inputEl.valueAsNumber)&&(i=void 0!==this.min?this.min+1:1),this.value=String(Math.max(this.min||-1/0,i-t)),this.valueChange.emit(this.value)},this.increaseValue=()=>{if("number"!==this.type)return;const t=this.step||1;let i=this.inputEl.valueAsNumber;isNaN(this.inputEl.valueAsNumber)&&(i=void 0!==this.min?this.min-1:-1),this.value=String(Math.min(this.max||1/0,i+t)),this.valueChange.emit(this.value)},this.togglePassword=()=>{"password"===this.type&&(this.showPassword=!this.showPassword)},this.autoComplete="on",this.autoFocus=void 0,this.autoGrow=void 0,this.autoSelect=void 0,this.clearable=void 0,this.clearButtonLabel="Clear input",this.disabled=void 0,this.disableDynamicWidth=void 0,this.swirlAriaAutocomplete=void 0,this.swirlAriaControls=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlRole=void 0,this.inline=void 0,this.invalid=void 0,this.maxLength=void 0,this.max=void 0,this.min=void 0,this.mode=void 0,this.placeholder=void 0,this.prefixLabel=void 0,this.required=void 0,this.rows=1,this.showCharacterCounter=void 0,this.spellCheck=void 0,this.suffixLabel=void 0,this.step=void 0,this.passwordToggleLabel="Toggle password display",this.type="text",this.value=void 0,this.iconSize=24,this.showPassword=!1}componentDidLoad(){this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}componentDidRender(){this.adjustInputSize()}disconnectedCallback(){var t,i;null===(i=(t=this.desktopMediaQuery).removeEventListener)||void 0===i||i.call(t,"change",this.desktopMediaQueryHandler)}updateIconSize(t){this.iconSize=t?20:24}adjustInputSize(){(this.rows>1||this.autoGrow)&&(this.inputEl.style.width="",this.inputEl.style.height="",this.inputEl.style.height=Boolean(this.inputEl.scrollHeight)?this.inputEl.scrollHeight/16+"rem":""),1!==this.rows||this.autoGrow||(this.inputEl.style.height="",this.inputEl.style.width="","password"===this.type||this.disableDynamicWidth||Boolean(this.placeholder)||(this.inputEl.style.width=this.inputEl.scrollWidth/16+"rem"))}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){var t;const i=1!==this.rows||this.autoGrow?"textarea":"input",r=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,o="number"===this.type&&!this.disabled,p="password"===this.type&&!this.disabled,u=this.clearable&&!this.disabled&&Boolean(this.value)&&!p&&!o&&!this.showCharacterCounter,h="password"===this.type&&this.showPassword?"text":this.type,a=n("text-input",`text-input--type-${this.type}`,{"text-input--auto-grow":this.autoGrow,"text-input--clearable":this.clearable,"text-input--disabled":this.disabled,"text-input--disable-dynamic-width":this.disableDynamicWidth||Boolean(this.placeholder),"text-input--has-suffix":Boolean(this.suffixLabel),"text-input--inline":this.inline,"text-input--show-password":"password"===this.type&&this.showPassword});return s(e,null,s("div",{class:a},this.prefixLabel&&s("span",{class:"text-input__prefix"},this.prefixLabel),s(i,{"aria-autocomplete":this.swirlAriaAutocomplete,"aria-controls":this.swirlAriaControls,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-invalid":r,autoComplete:this.autoComplete,autoFocus:this.autoFocus,class:"text-input__input",disabled:this.disabled,inputMode:this.mode,maxLength:this.maxLength,max:"number"===this.type?this.max:void 0,min:"number"===this.type?this.min:void 0,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,onKeyPress:this.onKeyPress,placeholder:Boolean(this.suffixLabel)?void 0:this.placeholder,ref:t=>this.inputEl=t,required:this.required,role:this.swirlRole,rows:this.rows>1?this.rows:this.autoGrow?1:void 0,spellcheck:this.spellCheck,step:"number"===this.type?this.step:void 0,type:h,value:this.value},this.rows>1&&this.value),this.suffixLabel&&s("span",{class:"text-input__suffix"},this.suffixLabel),u&&s("button",{"aria-label":this.clearButtonLabel,class:"text-input__clear-button",onClick:this.clear,part:"text-input__clear-button",type:"button"},s("swirl-icon-cancel",{size:this.iconSize})),p&&s("button",{"aria-label":this.passwordToggleLabel,class:"text-input__password-toggle",onClick:this.togglePassword,type:"button"},s(this.showPassword?"swirl-icon-visibility-off":"swirl-icon-visibility",{size:this.iconSize})),o&&s("span",{class:"text-input__stepper"},s("button",{"aria-hidden":"true",class:"text-input__step-button",onClick:this.increaseValue,tabIndex:-1,type:"button"},s("swirl-icon-expand-less",{size:this.iconSize})),s("button",{"aria-hidden":"true",class:"text-input__step-button",onClick:this.decreaseValue,tabIndex:-1,type:"button"},s("swirl-icon-expand-more",{size:this.iconSize}))),this.showCharacterCounter&&s("span",{class:"text-input__character-counter"},(null===(t=this.value)||void 0===t?void 0:t.length)||0," ",Boolean(this.maxLength)?`/ ${this.maxLength}`:"")))}};o.style='.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}';export{o as swirl_text_input}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as e,g as a}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{p as o,i as d,f as r,m as h}from"./p-6339561b.js";import{g as l}from"./p-646e00de.js";const p="yyyy-MM-dd",u=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.onChange=t=>{const i=t.target.value;""===i&&(this.value=void 0,this.valueChange.emit(void 0));const s=o(i,this.format,new Date),e=new RegExp(`^${this.format.replace(/[ydM]/g,"\\d")}$`);if(!Boolean(i.match(e))||!d(s))return;const a=r(s,p);this.value=a,this.valueChange.emit(a)},this.onInput=t=>{this.onChange(t)},this.onClick=t=>{t.preventDefault()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onPickDate=t=>{const i=r(t.detail,p);this.value=i,this.valueChange.emit(i),this.pickerPopover.close()},this.autoFocus=void 0,this.autoSelect=void 0,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.disabled=void 0,this.format="yyyy-MM-dd",this.inline=void 0,this.invalid=void 0,this.labels=void 0,this.locale="en-US",this.placeholder="yyyy-mm-dd",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){var t,i,s;null===(t=this.mask)||void 0===t||t.destroy(),null===(s=(i=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(i,"change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect&&t.target.select()}setupMask(){var t;null===(t=this.mask)||void 0===t||t.destroy(),this.mask=h.create(`#${this.id}`,{mask:this.format.replace(/[ydM]/g,"#")})}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?o(this.value,p,new Date):void 0,a=d(i)?r(i,this.format):void 0,h=n("date-input",{"date-input--inline":this.inline});return s(e,null,s("div",{class:h},s("input",{"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,id:this.id,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text",value:a}),s("swirl-popover-trigger",{popover:`popover-${this.id}`},s("button",{"aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{size:this.iconSize})))),!this.disabled&&s("swirl-popover",{animation:"scale-in-y",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:i})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"]}}};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}}";export{u as swirl_date_input}
@@ -1 +1 @@
1
- import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-794d25e2",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-2278aeae",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-028dbe1a",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-dd83db88",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-75a0a157",[[6,"swirl-select",{"allowDeselect":[4,"allow-deselect"],"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"selectId":[1,"select-id"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-251884ec",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-f6a11841",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]}]]],["p-8cd7b164",[[1,"swirl-pagination",{"firstPageButtonLabel":[1,"first-page-button-label"],"lastPageButtonLabel":[1,"last-page-button-label"],"label":[1],"nextButtonLabel":[1,"next-button-label"],"page":[2],"pageLabel":[1,"page-label"],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-687f534e",[[2,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-a7568135",[[4,"swirl-modal",{"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"isOpen":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"hasHeaderTools":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-2fb83beb",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"maxContentWidth":[1,"max-content-width"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"subheading":[1],"sidebarActive":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-75d85160",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-af46650d",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-2c44a1cb",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"labelWeight":[1,"label-weight"],"value":[1]}]]],["p-29d32e39",[[1,"swirl-chip",{"borderRadius":[1,"border-radius"],"icon":[1],"iconColor":[1,"icon-color"],"intent":[1],"interactive":[4],"label":[1],"progress":[2],"progressBarLabel":[1,"progress-bar-label"],"removable":[4],"removeButtonLabel":[1,"remove-button-label"],"size":[1],"variant":[1]}]]],["p-6d57eb56",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-71c6c311",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-34edf304",[[1,"swirl-menu",{"active":[1028],"label":[1],"level":[1026],"mobileBackButtonLabel":[1,"mobile-back-button-label"],"mobileCloseMenuButtonLabel":[1,"mobile-close-menu-button-label"],"mobileDoneButtonLabel":[1,"mobile-done-button-label"],"value":[1],"variant":[1],"activeLevel":[32],"mobile":[32],"position":[32],"activateMenuItem":[64],"close":[64],"goBack":[64],"focusFirstItem":[64],"focusItemAtIndex":[64],"updateSelection":[64]}]]],["p-2d5438ae",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025],"variant":[1]},[[8,"keydown","onKeyDown"]]]]],["p-b6e75c2e",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]]]]],["p-209e85c5",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-8d92436f",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-2117cbc6",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-059f706f",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-017fc399",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-d6034b86",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-873a1d91",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-4867b806",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-97ac3d63",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-9d9427ab",[[2,"swirl-time-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-3d7a911b",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-fbc7f835",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6cf1cf56",[[1,"swirl-description-list"]]],["p-34dcadc5",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-a506a82f",[[1,"swirl-icon-format-h-one",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-3056c429",[[1,"swirl-icon-mic",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-57b8a4b5",[[1,"swirl-icon-open-in-full",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-91113cd1",[[1,"swirl-icon-pause",{"size":[2]}]]],["p-af180d4d",[[1,"swirl-icon-pause-circle",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-40afc2c1",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-21164ff1",[[1,"swirl-icon-report",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-4d89e91b",[[1,"swirl-icon-stop",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-006b10e2",[[1,"swirl-icon-translate",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-4345e137",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"items":[32]}]]],["p-39ee319c",[[1,"swirl-image-grid-item",{"alt":[1],"icon":[1],"interactive":[4],"overlay":[1],"src":[1]}]]],["p-5875e90e",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-986d7367",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-92f852fa",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-bc8b9565",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-dda24691",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-315daff2",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-5c605e17",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-f5c215af",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-445ee376",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-2d21024a",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-5e79b69a",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-0006edb6",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-a79c0b19",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-cc0667b4",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-e6de8c1c",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-adcad037",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-2319abb3",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-baabdee3",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-c3be2de3",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-9f04773c",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-ea336530",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-244dcddc",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-9873c8cc",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-37368d80",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-e3cd6084",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-14a8163f",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-e3dcd8cb",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-dae62dba",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-b375930d",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-80cfe95f",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-eb498a9d",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-99dba438",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-2dbf6b2e",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-67c23250",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-75a53c30",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-735c9dfb",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-54cbb50a",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2d28adb8",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-cefa3863",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-09d788b5",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-742e31fa",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-95a45e70",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-634d2ae6",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-3caaea7e",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-b0cef5ac",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-57a672d3",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-749e38ba",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-8dfb5cc0",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-c7a23faf",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-cfa7eb3c",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-cf48fc7a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-720daf1f",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-c960c854",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-89ef1658",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-8ebb05ef",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-7a424fe9",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-e54f8edb",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-dbe4a8e4",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-150b3c64",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-47fb3d5a",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-b135aadb",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-b86c0a97",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-d56358aa",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1d92561c",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-062a4329",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-796ecc1f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-67770da3",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-d5c14ee5",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-70db5c75",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-c4d4a99d",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-06012b5a",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-067f8845",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-6e72e129",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]}]]],["p-8c62e1d4",[[6,"swirl-option-list",{"allowDeselect":[4,"allow-deselect"],"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040],"assistiveText":[32]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-71ab7686",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-d2845730",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-198f5db0",[[1,"swirl-thumbnail",{"alt":[1],"format":[1],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-b4066441",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-7a957c85",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-30ae7d5c",[[6,"swirl-resource-list-item",{"allowDrag":[4,"allow-drag"],"checked":[1028],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"interactive":[4],"label":[1],"labelWeight":[1,"label-weight"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"illustration":[1]}],[6,"swirl-resource-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"label":[1],"assistiveText":[32]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-width"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-27bdb25e",[[1,"swirl-action-list"],[1,"swirl-separator",{"orientation":[1],"spacing":[1]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-04ced452",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-6832ee6c",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"popoverId":[1,"popover-id"],"placement":[1],"trigger":[1],"triggerContainer":[16],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"popover":[1],"setAriaAttributes":[4,"set-aria-attributes"]}]]],["p-29147daa",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-ab7f6735",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-bd0ba465",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
1
+ import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-794d25e2",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-2278aeae",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-028dbe1a",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-dd83db88",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-75a0a157",[[6,"swirl-select",{"allowDeselect":[4,"allow-deselect"],"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"selectId":[1,"select-id"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-95b5a85e",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-f6a11841",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]}]]],["p-8cd7b164",[[1,"swirl-pagination",{"firstPageButtonLabel":[1,"first-page-button-label"],"lastPageButtonLabel":[1,"last-page-button-label"],"label":[1],"nextButtonLabel":[1,"next-button-label"],"page":[2],"pageLabel":[1,"page-label"],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-687f534e",[[2,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-1181ed47",[[4,"swirl-modal",{"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"isOpen":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"hasHeaderTools":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-2fb83beb",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"maxContentWidth":[1,"max-content-width"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"subheading":[1],"sidebarActive":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-75d85160",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-af46650d",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-2c44a1cb",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"labelWeight":[1,"label-weight"],"value":[1]}]]],["p-29d32e39",[[1,"swirl-chip",{"borderRadius":[1,"border-radius"],"icon":[1],"iconColor":[1,"icon-color"],"intent":[1],"interactive":[4],"label":[1],"progress":[2],"progressBarLabel":[1,"progress-bar-label"],"removable":[4],"removeButtonLabel":[1,"remove-button-label"],"size":[1],"variant":[1]}]]],["p-6d57eb56",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-71c6c311",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-34edf304",[[1,"swirl-menu",{"active":[1028],"label":[1],"level":[1026],"mobileBackButtonLabel":[1,"mobile-back-button-label"],"mobileCloseMenuButtonLabel":[1,"mobile-close-menu-button-label"],"mobileDoneButtonLabel":[1,"mobile-done-button-label"],"value":[1],"variant":[1],"activeLevel":[32],"mobile":[32],"position":[32],"activateMenuItem":[64],"close":[64],"goBack":[64],"focusFirstItem":[64],"focusItemAtIndex":[64],"updateSelection":[64]}]]],["p-8570aa37",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025],"variant":[1]},[[8,"keydown","onKeyDown"]]]]],["p-b6e75c2e",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]]]]],["p-209e85c5",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-8d92436f",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-2117cbc6",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-059f706f",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-017fc399",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-d6034b86",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-873a1d91",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-4867b806",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-97ac3d63",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-58cce5bc",[[2,"swirl-time-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-3d7a911b",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-fbc7f835",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6cf1cf56",[[1,"swirl-description-list"]]],["p-34dcadc5",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-a506a82f",[[1,"swirl-icon-format-h-one",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-3056c429",[[1,"swirl-icon-mic",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-57b8a4b5",[[1,"swirl-icon-open-in-full",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-91113cd1",[[1,"swirl-icon-pause",{"size":[2]}]]],["p-af180d4d",[[1,"swirl-icon-pause-circle",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-40afc2c1",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-21164ff1",[[1,"swirl-icon-report",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-4d89e91b",[[1,"swirl-icon-stop",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-006b10e2",[[1,"swirl-icon-translate",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-4345e137",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"items":[32]}]]],["p-39ee319c",[[1,"swirl-image-grid-item",{"alt":[1],"icon":[1],"interactive":[4],"overlay":[1],"src":[1]}]]],["p-5875e90e",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-986d7367",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-92f852fa",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-bc8b9565",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-dda24691",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-315daff2",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-5c605e17",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-f5c215af",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-445ee376",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-2d21024a",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-5e79b69a",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-0006edb6",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-a79c0b19",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-cc0667b4",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-e6de8c1c",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-adcad037",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-2319abb3",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-baabdee3",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-c3be2de3",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-9f04773c",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-ea336530",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-244dcddc",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-9873c8cc",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-37368d80",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-e3cd6084",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-14a8163f",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-e3dcd8cb",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-dae62dba",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-b375930d",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-80cfe95f",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-eb498a9d",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-99dba438",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-2dbf6b2e",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-67c23250",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-75a53c30",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-735c9dfb",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-54cbb50a",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2d28adb8",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-cefa3863",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-09d788b5",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-742e31fa",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-95a45e70",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-634d2ae6",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-3caaea7e",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-b0cef5ac",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-57a672d3",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-749e38ba",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-8dfb5cc0",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-c7a23faf",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-cfa7eb3c",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-cf48fc7a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-720daf1f",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-c960c854",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-89ef1658",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-8ebb05ef",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-7a424fe9",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-e54f8edb",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-dbe4a8e4",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-150b3c64",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-47fb3d5a",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-b135aadb",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-b86c0a97",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-d56358aa",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1d92561c",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-062a4329",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-796ecc1f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-888c8874",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-d5c14ee5",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-70db5c75",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-c4d4a99d",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-06012b5a",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-067f8845",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-6e72e129",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]}]]],["p-8c62e1d4",[[6,"swirl-option-list",{"allowDeselect":[4,"allow-deselect"],"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040],"assistiveText":[32]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-71ab7686",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-d2845730",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-198f5db0",[[1,"swirl-thumbnail",{"alt":[1],"format":[1],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-b4066441",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-7a957c85",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-30ae7d5c",[[6,"swirl-resource-list-item",{"allowDrag":[4,"allow-drag"],"checked":[1028],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"interactive":[4],"label":[1],"labelWeight":[1,"label-weight"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"illustration":[1]}],[6,"swirl-resource-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"label":[1],"assistiveText":[32]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-width"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-27bdb25e",[[1,"swirl-action-list"],[1,"swirl-separator",{"orientation":[1],"spacing":[1]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-04ced452",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-6832ee6c",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"popoverId":[1,"popover-id"],"placement":[1],"trigger":[1],"triggerContainer":[16],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"popover":[1],"setAriaAttributes":[4,"set-aria-attributes"]}]]],["p-29147daa",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-ab7f6735",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-bd0ba465",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
@@ -20,6 +20,7 @@ export declare class SwirlDateInput {
20
20
  valueChange: EventEmitter<string>;
21
21
  private desktopMediaQuery;
22
22
  private id;
23
+ private inputEl;
23
24
  private mask;
24
25
  private pickerPopover;
25
26
  componentWillLoad(): void;
@@ -54,6 +54,7 @@ export declare class SwirlModal {
54
54
  private updateCustomHeaderStatus;
55
55
  private updateHeaderToolsStatus;
56
56
  private determineScrollStatus;
57
+ private handleAutoFocus;
57
58
  private lockBodyScroll;
58
59
  private unlockBodyScroll;
59
60
  render(): any;
@@ -15,6 +15,7 @@ export declare class SwirlTimeInput {
15
15
  valueChange: EventEmitter<string>;
16
16
  private desktopMediaQuery;
17
17
  private id;
18
+ private inputEl;
18
19
  private mask;
19
20
  componentWillLoad(): void;
20
21
  componentDidLoad(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-components",
3
- "version": "0.81.3",
3
+ "version": "0.81.4",
4
4
  "description": "Swirl Design System Web Component Library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as s,H as e,g as a}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{p as o,i as d,f as r,m as h}from"./p-6339561b.js";import{g as l}from"./p-646e00de.js";const p="yyyy-MM-dd",c=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.onChange=t=>{const i=t.target.value;""===i&&(this.value=void 0,this.valueChange.emit(void 0));const s=o(i,this.format,new Date),e=new RegExp(`^${this.format.replace(/[ydM]/g,"\\d")}$`);if(!Boolean(i.match(e))||!d(s))return;const a=r(s,p);this.value=a,this.valueChange.emit(a)},this.onInput=t=>{this.onChange(t)},this.onClick=t=>{t.preventDefault()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onPickDate=t=>{const i=r(t.detail,p);this.value=i,this.valueChange.emit(i),this.pickerPopover.close()},this.autoFocus=void 0,this.autoSelect=void 0,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.disabled=void 0,this.format="yyyy-MM-dd",this.inline=void 0,this.invalid=void 0,this.labels=void 0,this.locale="en-US",this.placeholder="yyyy-mm-dd",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var t,i,s;null===(t=this.mask)||void 0===t||t.destroy(),null===(s=(i=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(i,"change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect&&t.target.select()}setupMask(){var t;null===(t=this.mask)||void 0===t||t.destroy(),this.mask=h.create(`#${this.id}`,{mask:this.format.replace(/[ydM]/g,"#")})}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?o(this.value,p,new Date):void 0,a=d(i)?r(i,this.format):void 0,h=n("date-input",{"date-input--inline":this.inline});return s(e,null,s("div",{class:h},s("input",{"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,id:this.id,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,required:this.required,type:"text",value:a}),s("swirl-popover-trigger",{popover:`popover-${this.id}`},s("button",{"aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{size:this.iconSize})))),!this.disabled&&s("swirl-popover",{animation:"scale-in-y",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:i})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"]}}};c.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}}";export{c as swirl_date_input}
@@ -1 +0,0 @@
1
- import{r as s,c as r,h as e,H as a}from"./p-3fca9a05.js";import{c as i}from"./p-b7898321.js";import{g as t}from"./p-646e00de.js";const c=class{constructor(e){s(this,e),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.inputInput=r(this,"inputInput",7),this.valueChange=r(this,"valueChange",7),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=s=>{this.forceIconProps(s.matches)},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)},this.autoFocus=void 0,this.clearButtonLabel="Clear search term",this.disabled=void 0,this.inputName=void 0,this.inputId=void 0,this.label=void 0,this.placeholder="Search …",this.value=void 0,this.variant="filled"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var s,r;null===(r=(s=this.desktopMediaQuery).removeEventListener)||void 0===r||r.call(s,"change",this.desktopMediaQueryHandler)}forceIconProps(s){if(!Boolean(this.iconEl))return;const r=this.iconEl.children[0];null==r||r.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=i("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return e(a,null,e("span",{class:s,ref:s=>this.iconEl=s},e("swirl-icon-search",{class:"search__icon"}),e("input",{"aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&e("button",{"aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},e("swirl-icon-cancel",null))))}};c.style=".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";export{c as swirl_search}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as s,H as e}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{g as r}from"./p-646e00de.js";const o=class{constructor(s){t(this,s),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.clear=()=>{this.inputEl.value="",this.value="",this.valueChange.emit(""),this.inputEl.focus()},this.onChange=t=>{const i=t.target;this.value=i.value,this.valueChange.emit(i.value)},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)},this.onKeyPress=t=>{"number"===this.type&&["+","-","e"].includes(t.key)&&t.preventDefault()},this.decreaseValue=()=>{if("number"!==this.type)return;const t=this.step||1;let i=this.inputEl.valueAsNumber;isNaN(this.inputEl.valueAsNumber)&&(i=void 0!==this.min?this.min+1:1),this.value=String(Math.max(this.min||-1/0,i-t)),this.valueChange.emit(this.value)},this.increaseValue=()=>{if("number"!==this.type)return;const t=this.step||1;let i=this.inputEl.valueAsNumber;isNaN(this.inputEl.valueAsNumber)&&(i=void 0!==this.min?this.min-1:-1),this.value=String(Math.min(this.max||1/0,i+t)),this.valueChange.emit(this.value)},this.togglePassword=()=>{"password"===this.type&&(this.showPassword=!this.showPassword)},this.autoComplete="on",this.autoFocus=void 0,this.autoGrow=void 0,this.autoSelect=void 0,this.clearable=void 0,this.clearButtonLabel="Clear input",this.disabled=void 0,this.disableDynamicWidth=void 0,this.swirlAriaAutocomplete=void 0,this.swirlAriaControls=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlRole=void 0,this.inline=void 0,this.invalid=void 0,this.maxLength=void 0,this.max=void 0,this.min=void 0,this.mode=void 0,this.placeholder=void 0,this.prefixLabel=void 0,this.required=void 0,this.rows=1,this.showCharacterCounter=void 0,this.spellCheck=void 0,this.suffixLabel=void 0,this.step=void 0,this.passwordToggleLabel="Toggle password display",this.type="text",this.value=void 0,this.iconSize=24,this.showPassword=!1}componentDidLoad(){this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.adjustInputSize()}disconnectedCallback(){var t,i;null===(i=(t=this.desktopMediaQuery).removeEventListener)||void 0===i||i.call(t,"change",this.desktopMediaQueryHandler)}updateIconSize(t){this.iconSize=t?20:24}adjustInputSize(){(this.rows>1||this.autoGrow)&&(this.inputEl.style.width="",this.inputEl.style.height="",this.inputEl.style.height=Boolean(this.inputEl.scrollHeight)?this.inputEl.scrollHeight/16+"rem":""),1!==this.rows||this.autoGrow||(this.inputEl.style.height="",this.inputEl.style.width="","password"===this.type||this.disableDynamicWidth||Boolean(this.placeholder)||(this.inputEl.style.width=this.inputEl.scrollWidth/16+"rem"))}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){var t;const i=1!==this.rows||this.autoGrow?"textarea":"input",r=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,o="number"===this.type&&!this.disabled,p="password"===this.type&&!this.disabled,u=this.clearable&&!this.disabled&&Boolean(this.value)&&!p&&!o&&!this.showCharacterCounter,h="password"===this.type&&this.showPassword?"text":this.type,a=n("text-input",`text-input--type-${this.type}`,{"text-input--auto-grow":this.autoGrow,"text-input--clearable":this.clearable,"text-input--disabled":this.disabled,"text-input--disable-dynamic-width":this.disableDynamicWidth||Boolean(this.placeholder),"text-input--has-suffix":Boolean(this.suffixLabel),"text-input--inline":this.inline,"text-input--show-password":"password"===this.type&&this.showPassword});return s(e,null,s("div",{class:a},this.prefixLabel&&s("span",{class:"text-input__prefix"},this.prefixLabel),s(i,{"aria-autocomplete":this.swirlAriaAutocomplete,"aria-controls":this.swirlAriaControls,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-invalid":r,autoComplete:this.autoComplete,autoFocus:this.autoFocus,class:"text-input__input",disabled:this.disabled,inputMode:this.mode,maxLength:this.maxLength,max:"number"===this.type?this.max:void 0,min:"number"===this.type?this.min:void 0,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,onKeyPress:this.onKeyPress,placeholder:Boolean(this.suffixLabel)?void 0:this.placeholder,ref:t=>this.inputEl=t,required:this.required,role:this.swirlRole,rows:this.rows>1?this.rows:this.autoGrow?1:void 0,spellcheck:this.spellCheck,step:"number"===this.type?this.step:void 0,type:h,value:this.value},this.rows>1&&this.value),this.suffixLabel&&s("span",{class:"text-input__suffix"},this.suffixLabel),u&&s("button",{"aria-label":this.clearButtonLabel,class:"text-input__clear-button",onClick:this.clear,part:"text-input__clear-button",type:"button"},s("swirl-icon-cancel",{size:this.iconSize})),p&&s("button",{"aria-label":this.passwordToggleLabel,class:"text-input__password-toggle",onClick:this.togglePassword,type:"button"},s(this.showPassword?"swirl-icon-visibility-off":"swirl-icon-visibility",{size:this.iconSize})),o&&s("span",{class:"text-input__stepper"},s("button",{"aria-hidden":"true",class:"text-input__step-button",onClick:this.increaseValue,tabIndex:-1,type:"button"},s("swirl-icon-expand-less",{size:this.iconSize})),s("button",{"aria-hidden":"true",class:"text-input__step-button",onClick:this.decreaseValue,tabIndex:-1,type:"button"},s("swirl-icon-expand-more",{size:this.iconSize}))),this.showCharacterCounter&&s("span",{class:"text-input__character-counter"},(null===(t=this.value)||void 0===t?void 0:t.length)||0," ",Boolean(this.maxLength)?`/ ${this.maxLength}`:"")))}};o.style='.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}';export{o as swirl_text_input}
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as s,H as e,g as n}from"./p-3fca9a05.js";import{c as o}from"./p-b7898321.js";import{p as h,i as a,f as r,m as l}from"./p-6339561b.js";import{g as d}from"./p-646e00de.js";const p="HH:mm:ss",m=class{constructor(s){i(this,s),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=d(),this.desktopMediaQueryHandler=i=>{this.updateIconSize(i.matches)},this.onChange=i=>{const t=i.target.value;let s;""===t&&(this.value=void 0,this.valueChange.emit(void 0));const e=h(t,this.format,new Date),n=new RegExp(`^${this.format.replace(/[Hhms]/g,"\\d")}$`);Boolean(t.match(n))&&(s=a(e)?r(e,p):r(new Date,p),this.value=s,this.valueChange.emit(s))},this.onBlur=i=>{const t=i.target,s=h(t.value,this.format,new Date);if(!a(s)&&Boolean(this.value)){const i=Boolean(this.value)?h(this.value,p,new Date):void 0;Boolean(i)&&a(i)||(this.value=""),t.value=r(i,this.format)}},this.onInput=i=>{this.onChange(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.handleAutoSelect(i)},this.autoFocus=void 0,this.autoSelect=void 0,this.disabled=void 0,this.format="HH:mm",this.inline=void 0,this.invalid=void 0,this.placeholder="hh:mm",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id=`swirl-time-input-${i}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var i,t,s;null===(i=this.mask)||void 0===i||i.destroy(),null===(s=(t=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(t,"change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(i){this.iconSize=i?20:24}handleAutoSelect(i){this.autoSelect&&i.target.select()}setupMask(){var i;null===(i=this.mask)||void 0===i||i.destroy(),this.mask=l.create(`#${this.id}`,{mask:this.format.replace(/[Hhms]/g,"#")})}render(){const i=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,t=Boolean(this.value)?h(this.value,p,new Date):void 0,n=a(t)?r(t,this.format):void 0,l=o("time-input",{"time-input--inline":this.inline});return s(e,null,s("div",{class:l},s("input",{"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,required:this.required,type:"text",value:n}),s("span",{class:"time-input__icon"},s("swirl-icon-time-outlined",{size:this.iconSize}))))}get el(){return n(this)}static get watchers(){return{format:["watchFormat"]}}};m.style=".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-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)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}";export{m as swirl_time_input}