@ionic/core 9.0.3-dev.11788449150.16022b1e → 9.0.3-dev.11788456135.1ab1d6cd
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-input.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/dist/cjs/ion-input.cjs.entry.js +7 -7
- package/dist/cjs/ion-select_3.cjs.entry.js +7 -7
- package/dist/cjs/ion-textarea.cjs.entry.js +7 -7
- package/dist/collection/components/input/input.js +7 -7
- package/dist/collection/components/select/select.js +7 -7
- package/dist/collection/components/textarea/textarea.js +7 -7
- package/dist/docs.json +1 -1
- package/dist/esm/ion-input.entry.js +7 -7
- package/dist/esm/ion-select_3.entry.js +7 -7
- package/dist/esm/ion-textarea.entry.js +7 -7
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-83d13d56.entry.js +4 -0
- package/dist/ionic/p-cd4791d5.entry.js +4 -0
- package/dist/ionic/p-e9480e7f.entry.js +4 -0
- package/hydrate/index.js +21 -21
- package/hydrate/index.mjs +21 -21
- package/package.json +1 -1
- package/dist/ionic/p-32829ef8.entry.js +0 -4
- package/dist/ionic/p-4eec50dd.entry.js +0 -4
- package/dist/ionic/p-e53980b0.entry.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -23018,7 +23018,7 @@ class Input {
|
|
|
23018
23018
|
* Renders the outline border with a notch for the label.
|
|
23019
23019
|
*/
|
|
23020
23020
|
renderOutlineContainer() {
|
|
23021
|
-
return (hAsync("div", { class: "input-outline-container" }, hAsync("div", { class: "input-outline-start" }), hAsync("div", { class: {
|
|
23021
|
+
return (hAsync("div", { key: "outline", class: "input-outline-container" }, hAsync("div", { class: "input-outline-start" }), hAsync("div", { class: {
|
|
23022
23022
|
'input-outline-notch': true,
|
|
23023
23023
|
'input-outline-notch-hidden': !this.hasLabel,
|
|
23024
23024
|
} }, hAsync("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), hAsync("div", { class: "input-outline-end" })));
|
|
@@ -23044,7 +23044,7 @@ class Input {
|
|
|
23044
23044
|
renderIonicField() {
|
|
23045
23045
|
return [
|
|
23046
23046
|
this.renderLabel(),
|
|
23047
|
-
hAsync("div", { class: "input-wrapper-inner" }, hAsync("div", { class: "input-outline" }), this.renderStartContainer(), hAsync("div", { class: "input-control" }, hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())), this.renderEndContainer()),
|
|
23047
|
+
hAsync("div", { key: "inner", class: "input-wrapper-inner" }, hAsync("div", { key: "outline", class: "input-outline" }), this.renderStartContainer(), hAsync("div", { key: "control", class: "input-control" }, hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())), this.renderEndContainer()),
|
|
23048
23048
|
];
|
|
23049
23049
|
}
|
|
23050
23050
|
/**
|
|
@@ -23052,17 +23052,17 @@ class Input {
|
|
|
23052
23052
|
* label can escape the control and clear the start and end slots.
|
|
23053
23053
|
*/
|
|
23054
23054
|
renderStartContainer() {
|
|
23055
|
-
return (hAsync("div", { class: "input-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
23055
|
+
return (hAsync("div", { key: "start", class: "input-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
23056
23056
|
}
|
|
23057
23057
|
renderEndContainer() {
|
|
23058
|
-
return (hAsync("div", { class: "input-end" }, this.renderClearButton(), hAsync("slot", { name: "end" })));
|
|
23058
|
+
return (hAsync("div", { key: "end", class: "input-end" }, this.renderClearButton(), hAsync("slot", { name: "end" })));
|
|
23059
23059
|
}
|
|
23060
23060
|
renderNativeField() {
|
|
23061
23061
|
const hasOutlineFill = getIonTheme(this) === 'md' && this.getFill() === 'outline';
|
|
23062
23062
|
return [
|
|
23063
23063
|
hasOutlineFill && this.renderOutlineContainer(),
|
|
23064
23064
|
this.renderStartContainer(),
|
|
23065
|
-
hAsync("div", { class: "input-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())),
|
|
23065
|
+
hAsync("div", { key: "control", class: "input-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())),
|
|
23066
23066
|
this.renderEndContainer(),
|
|
23067
23067
|
];
|
|
23068
23068
|
}
|
|
@@ -23107,7 +23107,7 @@ class Input {
|
|
|
23107
23107
|
* the input has a value or is focused.
|
|
23108
23108
|
*/
|
|
23109
23109
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus));
|
|
23110
|
-
return (hAsync(Host, { key: '
|
|
23110
|
+
return (hAsync(Host, { key: '5f43fb688b16cf37221db78eeedbf4b337a51d65', class: createColorClasses$1(this.color, {
|
|
23111
23111
|
[theme]: true,
|
|
23112
23112
|
'has-value': hasValue,
|
|
23113
23113
|
'has-focus': hasFocus,
|
|
@@ -23120,7 +23120,7 @@ class Input {
|
|
|
23120
23120
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
23121
23121
|
'input-disabled': disabled,
|
|
23122
23122
|
'input-readonly': readonly,
|
|
23123
|
-
}) }, hAsync("label", { key: '
|
|
23123
|
+
}) }, hAsync("label", { key: '211acead7fe50527b472ebddddca5ecc72ce1ec9', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, theme === 'ionic' ? this.renderIonicField() : this.renderNativeField(), shouldRenderHighlight && hAsync("div", { key: 'b47126f58c61d673ec1c970f1d166284e45b5a9b', class: "input-highlight" })), this.renderBottomContent()));
|
|
23124
23124
|
}
|
|
23125
23125
|
get el() { return getElement(this); }
|
|
23126
23126
|
static get watchers() { return {
|
|
@@ -42001,13 +42001,13 @@ class Select {
|
|
|
42001
42001
|
* Renders the outline border with a notch for the label.
|
|
42002
42002
|
*/
|
|
42003
42003
|
renderOutlineContainer() {
|
|
42004
|
-
return (hAsync("div", { class: "select-outline-container" }, hAsync("div", { class: "select-outline-start" }), hAsync("div", { class: {
|
|
42004
|
+
return (hAsync("div", { key: "outline", class: "select-outline-container" }, hAsync("div", { class: "select-outline-start" }), hAsync("div", { class: {
|
|
42005
42005
|
'select-outline-notch': true,
|
|
42006
42006
|
'select-outline-notch-hidden': !this.hasLabel,
|
|
42007
42007
|
} }, hAsync("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), hAsync("div", { class: "select-outline-end" })));
|
|
42008
42008
|
}
|
|
42009
42009
|
renderStartContainer() {
|
|
42010
|
-
return (hAsync("div", { class: "select-start", part: "start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
42010
|
+
return (hAsync("div", { key: "start", class: "select-start", part: "start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
42011
42011
|
}
|
|
42012
42012
|
renderNativeWrapper() {
|
|
42013
42013
|
return (hAsync("div", { class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()));
|
|
@@ -42019,7 +42019,7 @@ class Select {
|
|
|
42019
42019
|
renderIonicField() {
|
|
42020
42020
|
return [
|
|
42021
42021
|
this.renderLabel(),
|
|
42022
|
-
hAsync("div", { class: "select-wrapper-inner", part: "inner" }, this.fill === 'outline' && hAsync("div", { class: "select-outline" }), this.renderStartContainer(), hAsync("div", { class: "select-control", part: "control" }, this.renderNativeWrapper()), hAsync("div", { class: "select-end", part: "end" }, hAsync("slot", { name: "end" })), this.renderSelectIcon()),
|
|
42022
|
+
hAsync("div", { key: "inner", class: "select-wrapper-inner", part: "inner" }, this.fill === 'outline' && hAsync("div", { key: "outline", class: "select-outline" }), this.renderStartContainer(), hAsync("div", { key: "control", class: "select-control", part: "control" }, this.renderNativeWrapper()), hAsync("div", { key: "end", class: "select-end", part: "end" }, hAsync("slot", { name: "end" })), this.renderSelectIcon()),
|
|
42023
42023
|
];
|
|
42024
42024
|
}
|
|
42025
42025
|
/**
|
|
@@ -42033,8 +42033,8 @@ class Select {
|
|
|
42033
42033
|
return [
|
|
42034
42034
|
hasOutlineFill && this.renderOutlineContainer(),
|
|
42035
42035
|
this.renderStartContainer(),
|
|
42036
|
-
hAsync("div", { class: "select-control", part: "control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox(), !hasFloatingOrStackedLabel && this.renderSelectIcon())),
|
|
42037
|
-
hAsync("div", { class: "select-end", part: "end" }, hasFloatingOrStackedLabel && this.renderSelectIcon(), hAsync("slot", { name: "end" })),
|
|
42036
|
+
hAsync("div", { key: "control", class: "select-control", part: "control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox(), !hasFloatingOrStackedLabel && this.renderSelectIcon())),
|
|
42037
|
+
hAsync("div", { key: "end", class: "select-end", part: "end" }, hasFloatingOrStackedLabel && this.renderSelectIcon(), hAsync("slot", { name: "end" })),
|
|
42038
42038
|
];
|
|
42039
42039
|
}
|
|
42040
42040
|
/**
|
|
@@ -42251,7 +42251,7 @@ class Select {
|
|
|
42251
42251
|
const hasValue = this.hasValue();
|
|
42252
42252
|
renderHiddenInput(true, el, name, parseValue(value), disabled);
|
|
42253
42253
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded));
|
|
42254
|
-
return (hAsync(Host, { key: '
|
|
42254
|
+
return (hAsync(Host, { key: '1169073985fabca41a2c0a15f07d155a19fd1197', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
42255
42255
|
[theme]: true,
|
|
42256
42256
|
'in-item': inItem,
|
|
42257
42257
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -42270,7 +42270,7 @@ class Select {
|
|
|
42270
42270
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
42271
42271
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
42272
42272
|
[`select-size-${size}`]: size !== undefined,
|
|
42273
|
-
}) }, hAsync("label", { key: '
|
|
42273
|
+
}) }, hAsync("label", { key: 'b384d441d2dcaff191d978ce7ee1fb2a4dd74545', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, theme === 'ionic' ? this.renderIonicField() : this.renderNativeField(), shouldRenderHighlight && hAsync("div", { key: '114d10e8e1aaa6fda0b9a6b35de52b37afe79b25', class: "select-highlight" })), this.renderBottomContent()));
|
|
42274
42274
|
}
|
|
42275
42275
|
get el() { return getElement(this); }
|
|
42276
42276
|
static get watchers() { return {
|
|
@@ -44416,7 +44416,7 @@ class Textarea {
|
|
|
44416
44416
|
* Renders the outline border with a notch for the label.
|
|
44417
44417
|
*/
|
|
44418
44418
|
renderOutlineContainer() {
|
|
44419
|
-
return (hAsync("div", { class: "textarea-outline-container" }, hAsync("div", { class: "textarea-outline-start" }), hAsync("div", { class: {
|
|
44419
|
+
return (hAsync("div", { key: "outline", class: "textarea-outline-container" }, hAsync("div", { class: "textarea-outline-start" }), hAsync("div", { class: {
|
|
44420
44420
|
'textarea-outline-notch': true,
|
|
44421
44421
|
'textarea-outline-notch-hidden': !this.hasLabel,
|
|
44422
44422
|
} }, hAsync("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), hAsync("div", { class: "textarea-outline-end" })));
|
|
@@ -44430,15 +44430,15 @@ class Textarea {
|
|
|
44430
44430
|
* the textarea, so the label can size independently of the slotted content.
|
|
44431
44431
|
*/
|
|
44432
44432
|
renderStartContainer() {
|
|
44433
|
-
return (hAsync("div", { class: "textarea-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
44433
|
+
return (hAsync("div", { key: "start", class: "textarea-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
44434
44434
|
}
|
|
44435
44435
|
renderEndContainer() {
|
|
44436
|
-
return (hAsync("div", { class: "textarea-end" }, hAsync("slot", { name: "end" })));
|
|
44436
|
+
return (hAsync("div", { key: "end", class: "textarea-end" }, hAsync("slot", { name: "end" })));
|
|
44437
44437
|
}
|
|
44438
44438
|
renderIonicField() {
|
|
44439
44439
|
return [
|
|
44440
44440
|
this.renderLabel(),
|
|
44441
|
-
hAsync("div", { class: "textarea-wrapper-inner" }, this.getFill() === 'outline' && hAsync("div", { class: "textarea-outline" }), this.renderStartContainer(), hAsync("div", { class: "textarea-control" }, hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())), this.renderEndContainer()),
|
|
44441
|
+
hAsync("div", { key: "inner", class: "textarea-wrapper-inner" }, this.getFill() === 'outline' && hAsync("div", { key: "outline", class: "textarea-outline" }), this.renderStartContainer(), hAsync("div", { key: "control", class: "textarea-control" }, hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())), this.renderEndContainer()),
|
|
44442
44442
|
];
|
|
44443
44443
|
}
|
|
44444
44444
|
/**
|
|
@@ -44450,7 +44450,7 @@ class Textarea {
|
|
|
44450
44450
|
return [
|
|
44451
44451
|
hasOutlineFill && this.renderOutlineContainer(),
|
|
44452
44452
|
this.renderStartContainer(),
|
|
44453
|
-
hAsync("div", { class: "textarea-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())),
|
|
44453
|
+
hAsync("div", { key: "control", class: "textarea-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())),
|
|
44454
44454
|
this.renderEndContainer(),
|
|
44455
44455
|
];
|
|
44456
44456
|
}
|
|
@@ -44513,7 +44513,7 @@ class Textarea {
|
|
|
44513
44513
|
* the textarea has a value or is focused.
|
|
44514
44514
|
*/
|
|
44515
44515
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus));
|
|
44516
|
-
return (hAsync(Host, { key: '
|
|
44516
|
+
return (hAsync(Host, { key: 'd577d18d209f4e9cee1c2addb78ab0c2e57effdf', class: createColorClasses$1(this.color, {
|
|
44517
44517
|
[theme]: true,
|
|
44518
44518
|
'has-value': hasValue,
|
|
44519
44519
|
'has-focus': hasFocus,
|
|
@@ -44525,7 +44525,7 @@ class Textarea {
|
|
|
44525
44525
|
'in-item': inItem,
|
|
44526
44526
|
'textarea-disabled': disabled,
|
|
44527
44527
|
'textarea-readonly': readonly,
|
|
44528
|
-
}) }, hAsync("label", { key: '
|
|
44528
|
+
}) }, hAsync("label", { key: '188cff345aec306354bd7a9fabc1411d607139e3', class: "textarea-wrapper", htmlFor: inputId, onMouseDown: this.onLabelPointerDown, onClick: this.onLabelClick, part: "wrapper" }, theme === 'ionic' ? this.renderIonicField() : this.renderNativeField(), shouldRenderHighlight && hAsync("div", { key: '13ef56def9848498f77c3c388be4abe0ea2aa38c', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
44529
44529
|
}
|
|
44530
44530
|
static get delegatesFocus() { return true; }
|
|
44531
44531
|
static get formAssociated() { return true; }
|
package/hydrate/index.mjs
CHANGED
|
@@ -23016,7 +23016,7 @@ class Input {
|
|
|
23016
23016
|
* Renders the outline border with a notch for the label.
|
|
23017
23017
|
*/
|
|
23018
23018
|
renderOutlineContainer() {
|
|
23019
|
-
return (hAsync("div", { class: "input-outline-container" }, hAsync("div", { class: "input-outline-start" }), hAsync("div", { class: {
|
|
23019
|
+
return (hAsync("div", { key: "outline", class: "input-outline-container" }, hAsync("div", { class: "input-outline-start" }), hAsync("div", { class: {
|
|
23020
23020
|
'input-outline-notch': true,
|
|
23021
23021
|
'input-outline-notch-hidden': !this.hasLabel,
|
|
23022
23022
|
} }, hAsync("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), hAsync("div", { class: "input-outline-end" })));
|
|
@@ -23042,7 +23042,7 @@ class Input {
|
|
|
23042
23042
|
renderIonicField() {
|
|
23043
23043
|
return [
|
|
23044
23044
|
this.renderLabel(),
|
|
23045
|
-
hAsync("div", { class: "input-wrapper-inner" }, hAsync("div", { class: "input-outline" }), this.renderStartContainer(), hAsync("div", { class: "input-control" }, hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())), this.renderEndContainer()),
|
|
23045
|
+
hAsync("div", { key: "inner", class: "input-wrapper-inner" }, hAsync("div", { key: "outline", class: "input-outline" }), this.renderStartContainer(), hAsync("div", { key: "control", class: "input-control" }, hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())), this.renderEndContainer()),
|
|
23046
23046
|
];
|
|
23047
23047
|
}
|
|
23048
23048
|
/**
|
|
@@ -23050,17 +23050,17 @@ class Input {
|
|
|
23050
23050
|
* label can escape the control and clear the start and end slots.
|
|
23051
23051
|
*/
|
|
23052
23052
|
renderStartContainer() {
|
|
23053
|
-
return (hAsync("div", { class: "input-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
23053
|
+
return (hAsync("div", { key: "start", class: "input-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
23054
23054
|
}
|
|
23055
23055
|
renderEndContainer() {
|
|
23056
|
-
return (hAsync("div", { class: "input-end" }, this.renderClearButton(), hAsync("slot", { name: "end" })));
|
|
23056
|
+
return (hAsync("div", { key: "end", class: "input-end" }, this.renderClearButton(), hAsync("slot", { name: "end" })));
|
|
23057
23057
|
}
|
|
23058
23058
|
renderNativeField() {
|
|
23059
23059
|
const hasOutlineFill = getIonTheme(this) === 'md' && this.getFill() === 'outline';
|
|
23060
23060
|
return [
|
|
23061
23061
|
hasOutlineFill && this.renderOutlineContainer(),
|
|
23062
23062
|
this.renderStartContainer(),
|
|
23063
|
-
hAsync("div", { class: "input-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())),
|
|
23063
|
+
hAsync("div", { key: "control", class: "input-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", onClick: this.onLabelClick }, this.renderNativeInput())),
|
|
23064
23064
|
this.renderEndContainer(),
|
|
23065
23065
|
];
|
|
23066
23066
|
}
|
|
@@ -23105,7 +23105,7 @@ class Input {
|
|
|
23105
23105
|
* the input has a value or is focused.
|
|
23106
23106
|
*/
|
|
23107
23107
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus));
|
|
23108
|
-
return (hAsync(Host, { key: '
|
|
23108
|
+
return (hAsync(Host, { key: '5f43fb688b16cf37221db78eeedbf4b337a51d65', class: createColorClasses$1(this.color, {
|
|
23109
23109
|
[theme]: true,
|
|
23110
23110
|
'has-value': hasValue,
|
|
23111
23111
|
'has-focus': hasFocus,
|
|
@@ -23118,7 +23118,7 @@ class Input {
|
|
|
23118
23118
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
23119
23119
|
'input-disabled': disabled,
|
|
23120
23120
|
'input-readonly': readonly,
|
|
23121
|
-
}) }, hAsync("label", { key: '
|
|
23121
|
+
}) }, hAsync("label", { key: '211acead7fe50527b472ebddddca5ecc72ce1ec9', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, theme === 'ionic' ? this.renderIonicField() : this.renderNativeField(), shouldRenderHighlight && hAsync("div", { key: 'b47126f58c61d673ec1c970f1d166284e45b5a9b', class: "input-highlight" })), this.renderBottomContent()));
|
|
23122
23122
|
}
|
|
23123
23123
|
get el() { return getElement(this); }
|
|
23124
23124
|
static get watchers() { return {
|
|
@@ -41999,13 +41999,13 @@ class Select {
|
|
|
41999
41999
|
* Renders the outline border with a notch for the label.
|
|
42000
42000
|
*/
|
|
42001
42001
|
renderOutlineContainer() {
|
|
42002
|
-
return (hAsync("div", { class: "select-outline-container" }, hAsync("div", { class: "select-outline-start" }), hAsync("div", { class: {
|
|
42002
|
+
return (hAsync("div", { key: "outline", class: "select-outline-container" }, hAsync("div", { class: "select-outline-start" }), hAsync("div", { class: {
|
|
42003
42003
|
'select-outline-notch': true,
|
|
42004
42004
|
'select-outline-notch-hidden': !this.hasLabel,
|
|
42005
42005
|
} }, hAsync("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), hAsync("div", { class: "select-outline-end" })));
|
|
42006
42006
|
}
|
|
42007
42007
|
renderStartContainer() {
|
|
42008
|
-
return (hAsync("div", { class: "select-start", part: "start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
42008
|
+
return (hAsync("div", { key: "start", class: "select-start", part: "start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
42009
42009
|
}
|
|
42010
42010
|
renderNativeWrapper() {
|
|
42011
42011
|
return (hAsync("div", { class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()));
|
|
@@ -42017,7 +42017,7 @@ class Select {
|
|
|
42017
42017
|
renderIonicField() {
|
|
42018
42018
|
return [
|
|
42019
42019
|
this.renderLabel(),
|
|
42020
|
-
hAsync("div", { class: "select-wrapper-inner", part: "inner" }, this.fill === 'outline' && hAsync("div", { class: "select-outline" }), this.renderStartContainer(), hAsync("div", { class: "select-control", part: "control" }, this.renderNativeWrapper()), hAsync("div", { class: "select-end", part: "end" }, hAsync("slot", { name: "end" })), this.renderSelectIcon()),
|
|
42020
|
+
hAsync("div", { key: "inner", class: "select-wrapper-inner", part: "inner" }, this.fill === 'outline' && hAsync("div", { key: "outline", class: "select-outline" }), this.renderStartContainer(), hAsync("div", { key: "control", class: "select-control", part: "control" }, this.renderNativeWrapper()), hAsync("div", { key: "end", class: "select-end", part: "end" }, hAsync("slot", { name: "end" })), this.renderSelectIcon()),
|
|
42021
42021
|
];
|
|
42022
42022
|
}
|
|
42023
42023
|
/**
|
|
@@ -42031,8 +42031,8 @@ class Select {
|
|
|
42031
42031
|
return [
|
|
42032
42032
|
hasOutlineFill && this.renderOutlineContainer(),
|
|
42033
42033
|
this.renderStartContainer(),
|
|
42034
|
-
hAsync("div", { class: "select-control", part: "control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox(), !hasFloatingOrStackedLabel && this.renderSelectIcon())),
|
|
42035
|
-
hAsync("div", { class: "select-end", part: "end" }, hasFloatingOrStackedLabel && this.renderSelectIcon(), hAsync("slot", { name: "end" })),
|
|
42034
|
+
hAsync("div", { key: "control", class: "select-control", part: "control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox(), !hasFloatingOrStackedLabel && this.renderSelectIcon())),
|
|
42035
|
+
hAsync("div", { key: "end", class: "select-end", part: "end" }, hasFloatingOrStackedLabel && this.renderSelectIcon(), hAsync("slot", { name: "end" })),
|
|
42036
42036
|
];
|
|
42037
42037
|
}
|
|
42038
42038
|
/**
|
|
@@ -42249,7 +42249,7 @@ class Select {
|
|
|
42249
42249
|
const hasValue = this.hasValue();
|
|
42250
42250
|
renderHiddenInput(true, el, name, parseValue(value), disabled);
|
|
42251
42251
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded));
|
|
42252
|
-
return (hAsync(Host, { key: '
|
|
42252
|
+
return (hAsync(Host, { key: '1169073985fabca41a2c0a15f07d155a19fd1197', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
42253
42253
|
[theme]: true,
|
|
42254
42254
|
'in-item': inItem,
|
|
42255
42255
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -42268,7 +42268,7 @@ class Select {
|
|
|
42268
42268
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
42269
42269
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
42270
42270
|
[`select-size-${size}`]: size !== undefined,
|
|
42271
|
-
}) }, hAsync("label", { key: '
|
|
42271
|
+
}) }, hAsync("label", { key: 'b384d441d2dcaff191d978ce7ee1fb2a4dd74545', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, theme === 'ionic' ? this.renderIonicField() : this.renderNativeField(), shouldRenderHighlight && hAsync("div", { key: '114d10e8e1aaa6fda0b9a6b35de52b37afe79b25', class: "select-highlight" })), this.renderBottomContent()));
|
|
42272
42272
|
}
|
|
42273
42273
|
get el() { return getElement(this); }
|
|
42274
42274
|
static get watchers() { return {
|
|
@@ -44414,7 +44414,7 @@ class Textarea {
|
|
|
44414
44414
|
* Renders the outline border with a notch for the label.
|
|
44415
44415
|
*/
|
|
44416
44416
|
renderOutlineContainer() {
|
|
44417
|
-
return (hAsync("div", { class: "textarea-outline-container" }, hAsync("div", { class: "textarea-outline-start" }), hAsync("div", { class: {
|
|
44417
|
+
return (hAsync("div", { key: "outline", class: "textarea-outline-container" }, hAsync("div", { class: "textarea-outline-start" }), hAsync("div", { class: {
|
|
44418
44418
|
'textarea-outline-notch': true,
|
|
44419
44419
|
'textarea-outline-notch-hidden': !this.hasLabel,
|
|
44420
44420
|
} }, hAsync("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), hAsync("div", { class: "textarea-outline-end" })));
|
|
@@ -44428,15 +44428,15 @@ class Textarea {
|
|
|
44428
44428
|
* the textarea, so the label can size independently of the slotted content.
|
|
44429
44429
|
*/
|
|
44430
44430
|
renderStartContainer() {
|
|
44431
|
-
return (hAsync("div", { class: "textarea-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
44431
|
+
return (hAsync("div", { key: "start", class: "textarea-start", ref: (el) => (this.startContainerEl = el) }, hAsync("slot", { name: "start" })));
|
|
44432
44432
|
}
|
|
44433
44433
|
renderEndContainer() {
|
|
44434
|
-
return (hAsync("div", { class: "textarea-end" }, hAsync("slot", { name: "end" })));
|
|
44434
|
+
return (hAsync("div", { key: "end", class: "textarea-end" }, hAsync("slot", { name: "end" })));
|
|
44435
44435
|
}
|
|
44436
44436
|
renderIonicField() {
|
|
44437
44437
|
return [
|
|
44438
44438
|
this.renderLabel(),
|
|
44439
|
-
hAsync("div", { class: "textarea-wrapper-inner" }, this.getFill() === 'outline' && hAsync("div", { class: "textarea-outline" }), this.renderStartContainer(), hAsync("div", { class: "textarea-control" }, hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())), this.renderEndContainer()),
|
|
44439
|
+
hAsync("div", { key: "inner", class: "textarea-wrapper-inner" }, this.getFill() === 'outline' && hAsync("div", { key: "outline", class: "textarea-outline" }), this.renderStartContainer(), hAsync("div", { key: "control", class: "textarea-control" }, hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())), this.renderEndContainer()),
|
|
44440
44440
|
];
|
|
44441
44441
|
}
|
|
44442
44442
|
/**
|
|
@@ -44448,7 +44448,7 @@ class Textarea {
|
|
|
44448
44448
|
return [
|
|
44449
44449
|
hasOutlineFill && this.renderOutlineContainer(),
|
|
44450
44450
|
this.renderStartContainer(),
|
|
44451
|
-
hAsync("div", { class: "textarea-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())),
|
|
44451
|
+
hAsync("div", { key: "control", class: "textarea-control" }, this.renderLabel(), hAsync("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, this.renderNativeTextarea())),
|
|
44452
44452
|
this.renderEndContainer(),
|
|
44453
44453
|
];
|
|
44454
44454
|
}
|
|
@@ -44511,7 +44511,7 @@ class Textarea {
|
|
|
44511
44511
|
* the textarea has a value or is focused.
|
|
44512
44512
|
*/
|
|
44513
44513
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus));
|
|
44514
|
-
return (hAsync(Host, { key: '
|
|
44514
|
+
return (hAsync(Host, { key: 'd577d18d209f4e9cee1c2addb78ab0c2e57effdf', class: createColorClasses$1(this.color, {
|
|
44515
44515
|
[theme]: true,
|
|
44516
44516
|
'has-value': hasValue,
|
|
44517
44517
|
'has-focus': hasFocus,
|
|
@@ -44523,7 +44523,7 @@ class Textarea {
|
|
|
44523
44523
|
'in-item': inItem,
|
|
44524
44524
|
'textarea-disabled': disabled,
|
|
44525
44525
|
'textarea-readonly': readonly,
|
|
44526
|
-
}) }, hAsync("label", { key: '
|
|
44526
|
+
}) }, hAsync("label", { key: '188cff345aec306354bd7a9fabc1411d607139e3', class: "textarea-wrapper", htmlFor: inputId, onMouseDown: this.onLabelPointerDown, onClick: this.onLabelClick, part: "wrapper" }, theme === 'ionic' ? this.renderIonicField() : this.renderNativeField(), shouldRenderHighlight && hAsync("div", { key: '13ef56def9848498f77c3c388be4abe0ea2aa38c', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
44527
44527
|
}
|
|
44528
44528
|
static get delegatesFocus() { return true; }
|
|
44529
44529
|
static get formAssociated() { return true; }
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as t,e as o,f as i,h as s,d as n,g as r,i as l}from"./p-jsOqXOKf.js";import{c as a}from"./p-D1t981Ih.js";import{E as c}from"./p-DWCzVL3Y.js";import{c as p,a as d,b as h}from"./p-DpE9LgN6.js";import{c as b,i as m}from"./p-sObYyvOy.js";import{c as v}from"./p-NcQUGze-.js";import{b as x,a as g,s as f}from"./p-8NLG9fne.js";import{p as u,b as k,a as w,m as y,s as z}from"./p-CRbXZpID.js";import{i as j}from"./p-Dojwmvde.js";import{r as C,a as I,b as $}from"./p-BUvFnCVr.js";import{h as A,c as T,g as O}from"./p-BUF_V-Kg.js";import{w as P}from"./p-Dtdm8lKC.js";import{d as N,w as E}from"./p-BqQ15K9a.js";import{c as S}from"./p-CyXL8sF6.js";import{a as B,g as F}from"./p-CODBQrPj.js";import{r as L}from"./p-CE00jiiW.js";import"./p-vXpMhGrs.js";import"./p-DAFzmzMJ.js";import"./p-B_gJaBk0.js";const D=class{constructor(i){e(this,i),this.ionChange=t(this,"ionChange",7),this.ionCancel=t(this,"ionCancel",7),this.ionDismiss=t(this,"ionDismiss",7),this.ionFocus=t(this,"ionFocus",7),this.ionBlur=t(this,"ionBlur",7),this.ionStyle=t(this,"ionStyle",7),this.inputId="ion-sel-"+G++,this.helperTextId=`${this.inputId}-helper-text`,this.errorTextId=`${this.inputId}-error-text`,this.inheritedAttributes={},this.customHTMLEnabled=o.get("innerHTMLTemplatesEnabled",c),this.isExpanded=!1,this.hasFocus=!1,this.isInvalid=!1,this.cancelText="Cancel",this.cancelIcon=!1,this.disabled=!1,this.interface="alert",this.interfaceOptions={},this.labelPlacement="start",this.multiple=!1,this.name=this.inputId,this.okText="OK",this.required=!1,this.onClick=e=>{const t=e.target,o=t.closest('[slot="start"], [slot="end"]');t===this.el||null===o?(this.setFocus(),this.open(e)):e.preventDefault()},this.onFocus=()=>{this.hasFocus=!0,this.ionFocus.emit()},this.onBlur=()=>{this.hasFocus=!1,this.ionBlur.emit()},this.onLabelClick=e=>{e.target===this.focusEl&&this.isExpanded&&e.stopPropagation()}}styleChanged(){this.emitStyle()}setValue(e){this.isValueEqual(this.value,e)||(this.value=e,this.ionChange.emit({value:e}))}isValueEqual(e,t){if(this.multiple){const o=Array.isArray(e)?e:[],i=Array.isArray(t)?t:[];if(o.length!==i.length)return!1;const s=o.slice();return i.every((e=>{const t=s.findIndex((t=>b(t,e,this.compareWith)));return-1!==t&&(s.splice(t,1),!0)}))}return null==e&&null==t||null!=e&&null!=t&&b(e,t,this.compareWith)}async connectedCallback(){const{el:e}=this;this.slotMutationController=p(e,["label","start","end"],(()=>{this.startContainerController?.calculateStartContainerWidth(),l(this)})),this.notchController=d(e,(()=>this.notchSpacerEl),(()=>this.labelSlot)),this.startContainerController=h(e,(()=>this.startContainerEl),(()=>"md"===S(this)&&"outline"===this.fill)),this.startContainerController.calculateStartContainerWidth(),this.updateOverlayOptions(),this.emitStyle(),this.mutationO=P(this.el,"ion-select-option",(async()=>{this.updateOverlayOptions(),l(this)})),"undefined"!=typeof MutationObserver&&(this.validationObserver=new MutationObserver((()=>{const e=v(this.el);this.isInvalid!==e&&(this.isInvalid=e,Promise.resolve().then((()=>{this.hintTextId=this.getHintTextId()})))})),this.validationObserver.observe(e,{attributes:!0,attributeFilter:["class"]})),this.isInvalid=v(this.el)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label"]),this.hintTextId=this.getHintTextId()}componentDidLoad(){this.emitStyle()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.slotMutationController&&(this.slotMutationController.destroy(),this.slotMutationController=void 0),this.notchController&&(this.notchController.destroy(),this.notchController=void 0),this.startContainerController&&(this.startContainerController.destroy(),this.startContainerController=void 0),this.validationObserver&&(this.validationObserver.disconnect(),this.validationObserver=void 0)}async open(e){if(this.disabled||this.isExpanded)return;this.isExpanded=!0;const t=this.overlay=await this.createOverlay(e),o=()=>{const e=this.childOpts.findIndex((e=>e.value===this.value));let o=null;if(e>-1){const i=t.querySelector(`.select-interface-option:nth-of-type(${e+1})`);if(i){const e=i.querySelector("ion-radio, ion-checkbox");e&&i.scrollIntoView({block:"nearest"}),o=e??i}}else o=t.querySelector("ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)");o&&(o.matches("ion-radio, ion-checkbox")?o.setFocus():o.focus(),"alert"===this.interface&&f())};if("modal"===this.interface)t.addEventListener("ionModalWillPresent",o,{once:!0});else if("popover"===this.interface)t.addEventListener("ionPopoverWillPresent",o,{once:!0});else{const e=()=>{requestAnimationFrame((()=>{o()}))};"alert"===this.interface?t.addEventListener("ionAlertWillPresent",e,{once:!0}):"action-sheet"===this.interface&&t.addEventListener("ionActionSheetWillPresent",e,{once:!0})}return t.onDidDismiss().then((()=>{this.overlay=void 0,this.isExpanded=!1,this.ionDismiss.emit(),this.setFocus()})),await t.present(),t}createOverlay(e){let t=this.interface;return"action-sheet"===t&&this.multiple&&(i(`[ion-select] - Interface cannot be "${t}" with a multi-value select. Using the "alert" interface instead.`),t="alert"),"popover"!==t||e||(i(`[ion-select] - Interface cannot be a "${t}" without passing an event. Using the "alert" interface instead.`),t="alert"),"action-sheet"===t?this.openActionSheet():"popover"===t?this.openPopover(e):"modal"===t?this.openModal():this.openAlert()}updateOverlayOptions(){const e=this.overlay;if(!e)return;const t=this.childOpts,o=this.value;switch(this.interface){case"action-sheet":e.buttons=this.createActionSheetButtons(t,o);break;case"popover":const i=e.querySelector("ion-select-popover");i&&(i.options=this.createOverlaySelectOptions(t,o));break;case"modal":const s=e.querySelector("ion-select-modal");s&&(s.options=this.createOverlaySelectOptions(t,o));break;case"alert":e.inputs=this.createAlertInputs(t,this.multiple?"checkbox":"radio",o)}}createActionSheetButtons(e,t){const o=e.map((e=>{const o=Y(e),i=Array.from(e.classList).filter((e=>"hydrated"!==e)).join(" "),s=`${Q} ${i}`,n=m(t,o,this.compareWith),{content:r,startContent:l,endContent:a}=X(e,this.customHTMLEnabled);return{text:r??"",cssClass:s,disabled:e.disabled,handler:()=>{this.setValue(o)},htmlAttributes:{"aria-checked":n?"true":"false",role:"radio"},startContent:l,endContent:a,description:e.description}}));return o.push({text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}}),o}createAlertInputs(e,t,o){return e.map((e=>{const i=Y(e),s=Array.from(e.classList).filter((e=>"hydrated"!==e)).join(" "),n=`${Q} ${s}`,{content:r,startContent:l,endContent:a}=X(e,this.customHTMLEnabled);return{type:t,cssClass:n,label:r??"",value:i,checked:m(o,i,this.compareWith),disabled:e.disabled,startContent:l,endContent:a,description:e.description,labelPlacement:e.labelPlacement,justify:e.justify}}))}createOverlaySelectOptions(e,t){return e.map((e=>{const o=Y(e),i=Array.from(e.classList).filter((e=>"hydrated"!==e)).join(" "),s=`${Q} ${i}`,{content:n,startContent:r,endContent:l}=X(e,this.customHTMLEnabled);return{text:n??"",cssClass:s,value:o,checked:m(t,o,this.compareWith),disabled:e.disabled,handler:e=>{this.setValue(e),this.multiple||this.close()},startContent:r,endContent:l,description:e.description,labelPlacement:e.labelPlacement,justify:e.justify}}))}async openPopover(e){const{fill:t,labelPlacement:o}=this,i=this.interfaceOptions,s=S(this),n="md"!==s,r=this.multiple,l=this.value;let a=e,c="auto";"floating"===o||"stacked"===o||"md"===s&&void 0!==t?c="cover":a={...e,detail:{ionShadowTarget:this.nativeWrapperEl}};const p=this.createOverlaySelectOptions(this.childOpts,l),d=p.some((e=>Boolean(e.startContent)||Boolean(e.endContent)||Boolean(e.description))),h={theme:s,event:a,alignment:"center",size:c,showBackdrop:n,...i,component:"ion-select-popover",cssClass:["select-popover",d?"select-popover-rich-content":void 0,i.cssClass],componentProps:{header:i.header,subHeader:i.subHeader,message:i.message,multiple:r,value:l,options:p}};return u.create(h)}async openActionSheet(){const e=S(this),t=this.interfaceOptions,o={theme:e,...t,buttons:this.createActionSheetButtons(this.childOpts,this.value),cssClass:["select-action-sheet",t.cssClass]};return k.create(o)}async openAlert(){const e=this.interfaceOptions,t=this.multiple?"checkbox":"radio",o={theme:S(this),...e,header:e.header?e.header:this.labelText,inputs:this.createAlertInputs(this.childOpts,t,this.value),buttons:[{text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}},{text:this.okText,handler:e=>{this.setValue(e)}}],cssClass:["select-alert",e.cssClass,this.multiple?"multiple-select-alert":"single-select-alert"]};return w.create(o)}openModal(){const{multiple:e,value:t,interfaceOptions:o}=this,i=S(this),s={...o,mode:i,cssClass:["select-modal",o.cssClass],component:"ion-select-modal",componentProps:{header:o.header,cancelText:this.cancelText,cancelIcon:this.cancelIcon,multiple:e,value:t,options:this.createOverlaySelectOptions(this.childOpts,t)}};return y.create(s)}close(){return this.overlay?this.overlay.dismiss():Promise.resolve(!1)}hasValue(){return""!==this.getText()}get childOpts(){return Array.from(this.el.querySelectorAll("ion-select-option"))}get labelText(){const{label:e}=this;if(void 0!==e)return e;const{labelSlot:t}=this;return null!==t?t.textContent:void 0}getText(e=!1){const t=this.selectedText;return null!=t&&""!==t?t:H(this.childOpts,this.value,this.compareWith,e)}setFocus(){this.focusEl&&this.focusEl.focus()}emitStyle(){const{disabled:e}=this;this.ionStyle.emit({"interactive-disabled":e})}getSize(){const e=S(this),{size:t}=this;if("ionic"===e)return void 0===t?"medium":t}renderLabel(){const{label:e}=this;return s("div",{class:{"label-text-wrapper":!0,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},void 0===e?s("slot",{name:"label"}):s("div",{class:"label-text"},e))}componentDidRender(){this.notchController?.calculateNotchWidth(),this.startContainerController?.calculateStartContainerWidth()}get labelSlot(){return this.el.querySelector('[slot="label"]')}get hasLabel(){return void 0!==this.label||null!==this.labelSlot}renderOutlineContainer(){return s("div",{class:"select-outline-container"},s("div",{class:"select-outline-start"}),s("div",{class:{"select-outline-notch":!0,"select-outline-notch-hidden":!this.hasLabel}},s("div",{class:"notch-spacer","aria-hidden":"true",ref:e=>this.notchSpacerEl=e},this.label)),s("div",{class:"select-outline-end"}))}renderStartContainer(){return s("div",{class:"select-start",part:"start",ref:e=>this.startContainerEl=e},s("slot",{name:"start"}))}renderNativeWrapper(){return s("div",{class:"native-wrapper",ref:e=>this.nativeWrapperEl=e,part:"container"},this.renderSelectText(),this.renderListbox())}renderIonicField(){return[this.renderLabel(),s("div",{class:"select-wrapper-inner",part:"inner"},"outline"===this.fill&&s("div",{class:"select-outline"}),this.renderStartContainer(),s("div",{class:"select-control",part:"control"},this.renderNativeWrapper()),s("div",{class:"select-end",part:"end"},s("slot",{name:"end"})),this.renderSelectIcon())]}renderNativeField(){const{fill:e,labelPlacement:t}=this,o="floating"===t||"stacked"===t;return["md"===S(this)&&"outline"===e&&this.renderOutlineContainer(),this.renderStartContainer(),s("div",{class:"select-control",part:"control"},this.renderLabel(),s("div",{class:"native-wrapper",ref:e=>this.nativeWrapperEl=e,part:"container"},this.renderSelectText(),this.renderListbox(),!o&&this.renderSelectIcon())),s("div",{class:"select-end",part:"end"},o&&this.renderSelectIcon(),s("slot",{name:"end"}))]}wrapSelectTextNodes(e){const t=document.createElement("div");return t.innerHTML=e,Array.from(t.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE))?(Array.from(t.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent?.trim()){const t=e.textContent.match(/^(,\s*)(.*)/);if(t){const o=document.createTextNode(t[1]),i=document.createElement("span");return i.textContent=t[2],e.parentNode?.replaceChild(i,e),void i.parentNode?.insertBefore(o,i)}const o=document.createElement("span");e.parentNode?.replaceChild(o,e),o.appendChild(e)}})),t.innerHTML):e}renderSelectText(){const{placeholder:e}=this;let t=!1,o=this.getText(!0);""===o&&void 0!==e&&(o=e,t=!0);const i={"select-text":!0,"select-placeholder":t},n=t?"placeholder":"text";if(this.customHTMLEnabled){const e=this.wrapSelectTextNodes(o);return s("div",{"aria-hidden":"true",class:i,part:n,innerHTML:e})}return s("div",{"aria-hidden":"true",class:i,part:n},o)}renderSelectIcon(){const{isExpanded:e,selectExpandedIcon:t,selectCollapsedIcon:o}=this;let i=o;return e&&(i=t),s("ion-icon",{class:"select-icon",part:"icon","aria-hidden":"true",icon:i})}get ariaLabel(){const{placeholder:e,inheritedAttributes:t}=this,o=this.getText(),i=t["aria-label"]??this.labelText;let s=o;return""===s&&void 0!==e&&(s=e),void 0!==i&&(s=""===s?i:`${i}, ${s}`),s}renderListbox(){const{disabled:e,inputId:t,isExpanded:o,required:i}=this;return s("button",{disabled:e,id:t,"aria-label":this.ariaLabel,"aria-haspopup":"dialog","aria-expanded":`${o}`,"aria-describedby":this.hintTextId,"aria-invalid":this.isInvalid?"true":void 0,"aria-required":`${i}`,onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusEl=e})}getShape(){const e=S(this),{shape:t}=this;return"ionic"===e&&void 0===t?"round":t}get selectExpandedIcon(){if(null!=this.expandedIcon)return this.expandedIcon;if(null!=this.toggleIcon)return this.toggleIcon;const e=S(this),t={ios:E,ionic:a,md:N};return o.get("selectExpandedIcon",t[e]||t.md)}get selectCollapsedIcon(){if(this.toggleIcon)return this.toggleIcon;const e=S(this),t={ios:E,ionic:a,md:N};return o.get("selectCollapsedIcon",t[e]||t.md)}getHintTextId(){const{helperText:e,errorText:t,helperTextId:o,errorTextId:i,isInvalid:s}=this;return s&&t?i:e?o:void 0}renderHintText(){const{helperText:e,errorText:t,helperTextId:o,errorTextId:i,isInvalid:n}=this;return[s("div",{id:o,class:"helper-text",part:"supporting-text helper-text","aria-live":"polite"},n?null:e),s("div",{id:i,class:"error-text",part:"supporting-text error-text",role:"alert"},n?t:null)]}renderBottomContent(){const{helperText:e,errorText:t}=this;if(e||t)return s("div",{class:"select-bottom",part:"bottom"},this.renderHintText())}render(){const{disabled:e,el:t,isExpanded:o,expandedIcon:i,labelPlacement:r,justify:l,placeholder:a,fill:c,name:p,value:d,hasFocus:h}=this,b=S(this),m=this.getShape(),v=!("floating"===r||"stacked"===r)&&void 0!==l,x=j(t)?"rtl":"ltr",f=A("ion-item",this.el),u=this.getSize(),k="md"===b&&"outline"!==c&&!f,w=this.hasValue();g(!0,t,p,M(d),e);const y="stacked"===r||"floating"===r&&(w||h||o);return s(n,{key:"feccb294c162c4b16e49979c961a4bf0777da7cb",onClick:this.onClick,class:T(this.color,{[b]:!0,"in-item":f,"in-item-color":A("ion-item.ion-color",t),"select-disabled":e,"select-expanded":o,"has-expanded-icon":void 0!==i,"has-value":w,"label-floating":y,"has-placeholder":void 0!==a,"has-focus":h,"ion-focusable":!0,[`select-${x}`]:!0,[`select-fill-${c}`]:void 0!==c,[`select-justify-${l}`]:v,[`select-shape-${m}`]:void 0!==m,[`select-label-placement-${r}`]:!0,[`select-size-${u}`]:void 0!==u})},s("label",{key:"1127f07496720bb68acf861792ee434e665833f8",class:"select-wrapper",id:"select-label",onClick:this.onLabelClick,part:"wrapper"},"ionic"===b?this.renderIonicField():this.renderNativeField(),k&&s("div",{key:"eb73e430923aba22ddb0630422401735ffdc5510",class:"select-highlight"})),this.renderBottomContent())}get el(){return r(this)}static get watchers(){return{disabled:[{styleChanged:0}],isExpanded:[{styleChanged:0}],placeholder:[{styleChanged:0}],value:[{styleChanged:0}]}}},Y=e=>{const t=e.value;return void 0===t?e.textContent||"":t},M=e=>{if(null!=e)return Array.isArray(e)?e.join(","):e.toString()},H=(e,t,o,i=!1)=>void 0===t?"":Array.isArray(t)?t.map((t=>W(e,t,o,i))).filter((e=>null!==e)).join(", "):W(e,t,o,i)||"",W=(e,t,i,s=!1)=>{const n=e.find((e=>b(t,Y(e),i))),r=o.get("innerHTMLTemplatesEnabled",c);return n?r&&s?V(n,void 0,!0):U(n)||null:null},K=e=>{e.childNodes.forEach((e=>{e.nodeType===Node.TEXT_NODE?e.textContent=e.textContent?.trim()||"":e.nodeType===Node.ELEMENT_NODE&&K(e)}))},V=(e,t,o=!1)=>{let i;if(i=t?Array.from(e.children).filter((e=>e.getAttribute("slot")===t)):(_(e)||[]).filter((e=>e.nodeType!==Node.TEXT_NODE||0!==e.textContent?.trim().length)),0===i.length)return null;if(!t&&i.every((e=>e.nodeType===Node.TEXT_NODE)))return U(e)||null;i.forEach((e=>{e.nodeType===Node.ELEMENT_NODE&&C(e)}));const s=document.createElement("div");return i.forEach((e=>{const t=e.cloneNode(!0);t.nodeType===Node.TEXT_NODE?t.textContent=t.textContent?.trim()||"":K(t),s.appendChild(t)})),I(s),o?s.innerHTML.trim()||null:s},_=e=>{const t=Array.from(e.childNodes).filter((e=>e.nodeType===Node.ELEMENT_NODE?!e.hasAttribute("slot"):e.nodeType===Node.TEXT_NODE));return 0===t.length?null:t},q=e=>e.nodeType===Node.TEXT_NODE?e.textContent??"":e.nodeType!==Node.ELEMENT_NODE||$.includes(e.tagName.toLowerCase())?"":Array.from(e.childNodes).map((e=>q(e))).join(""),U=e=>(_(e)??[]).map((e=>q(e))).join("").replace(/[ \t\n\r\f]+/g," ").replace(/^[ \t\n\r\f]+|[ \t\n\r\f]+$/g,""),X=(e,t)=>t?{content:V(e),startContent:V(e,"start")??void 0,endContent:V(e,"end")??void 0}:{content:U(e),startContent:void 0,endContent:void 0};let G=0;const Q="select-interface-option";D.style={ionic:":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:ion-color(primary, base);--highlight-color-valid:ion-color(success, base);--highlight-color-invalid:ion-color(danger, base);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:current-color(base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-control{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:inherit;justify-content:inherit;min-width:0}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-control,:host(.select-label-placement-floating) .select-control{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.label-floating.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:var(--placeholder-opacity)}.select-start,.select-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host(.ion-color){--border-color:var(--ion-color-base)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .label-text-wrapper{position:relative}:host(.select-fill-outline) .select-wrapper-inner{border-radius:var(--border-radius);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background:var(--background)}:host(.select-fill-outline) .select-outline{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-focused.select-fill-outline){--border-color:var(--highlight-color)}:host(.ion-focused.select-fill-outline:not(.ion-invalid):not(.ion-valid)){--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;--highlight-color-focused:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--highlight-color-valid:var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));--highlight-color-invalid:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));--select-text-gap:var(--token-space-300, var(--token-scale-300, 12px));min-height:var(--token-scale-1100, 44px)}.select-bottom{padding-top:var(--token-space-100, var(--token-scale-100, 4px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.select-bottom .helper-text{color:var(--token-primitives-neutral-800, #626262)}.select-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.select-text{min-width:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.has-value) .select-text{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.label-text-wrapper{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;max-width:var(--token-scale-5000, 200px);-webkit-transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-primitives-neutral-1000, #3b3b3b)}:host(.select-label-placement-start) .label-text-wrapper,:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-end:var(--token-space-100, var(--token-scale-100, 4px));margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));min-width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));max-width:var(--token-scale-5000, 200px)}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.select-wrapper{-ms-flex-align:center;align-items:center;min-width:var(--token-scale-5000, 200px);background:transparent}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.select-wrapper .select-placeholder{-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}.select-wrapper-inner{border-radius:var(--border-radius);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:100%}.native-wrapper{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - var(--token-scale-400, 16px) - var(--token-space-200, var(--token-scale-200, 8px)))}::slotted([slot=start]:last-of-type){-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}::slotted([slot=end]:first-of-type){-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));aspect-ratio:1}.select-icon,::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}.select-icon{-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;-webkit-transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.has-value) .select-icon{color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-fill-solid){--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}:host(.select-disabled){--background:var(--token-primitives-neutral-100, #f3f3f3);--border-color:var(--token-primitives-neutral-300, #e0e0e0)}:host(.select-disabled) .label-text-wrapper,:host(.select-disabled) .select-text,:host(.select-disabled) .select-icon{color:var(--token-primitives-neutral-500, #a2a2a2)}:host(.select-shape-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.select-shape-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.select-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-size-small) .select-wrapper-inner{height:var(--token-scale-1000, 40px)}:host(.select-size-medium) .select-wrapper-inner{height:var(--token-scale-1200, 48px)}:host(.select-size-large) .select-wrapper-inner{height:var(--token-scale-1400, 56px)}",ios:":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-control{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:inherit;justify-content:inherit;min-width:0}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-control,:host(.select-label-placement-floating) .select-control{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.label-floating.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:var(--placeholder-opacity)}.select-start,.select-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--select-text-gap:12px;min-height:44px;font-family:var(--ion-font-family, inherit);z-index:2}:host(.has-focus) button{border:2px solid #5e9ed6}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}.select-wrapper{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius)}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-bottom{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;font-size:0.75rem}.select-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.select-text{min-width:16px}.label-text-wrapper{max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}.label-text-wrapper{min-width:0}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px}.native-wrapper{-ms-flex-negative:100000;flex-shrink:100000;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, var(--ion-text-color-step-350, #595959))}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}",md:":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-control{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:inherit;justify-content:inherit;min-width:0}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-control,:host(.select-label-placement-floating) .select-control{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.label-floating.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:var(--placeholder-opacity)}.select-start,.select-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--select-text-gap:12px;min-height:44px;font-family:var(--ion-font-family, inherit);z-index:2}:host(.has-focus) button{border:2px solid #5e9ed6}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}.select-wrapper{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius)}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-bottom{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;font-size:0.75rem}.select-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.select-text{min-width:16px}.label-text-wrapper{max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}.label-text-wrapper{min-width:0}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px}.native-wrapper{-ms-flex-negative:100000;flex-shrink:100000;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-fill-solid){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.select-expanded.select-fill-solid.ion-valid),:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.has-focus){--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.in-item.select-expanded.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;--internal-start-container-adjustment:0px;min-height:56px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.has-focus){--border-width:var(--highlight-height);--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:100%}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.select-fill-outline:not(.label-floating)) .select-control{position:relative}:host(.label-floating.select-fill-outline) .label-text-wrapper{-webkit-transform:translate(var(--internal-start-container-adjustment, 0px), -32%) scale(0.75);transform:translate(var(--internal-start-container-adjustment, 0px), -32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc( (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75 )}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius);width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px;-ms-flex-positive:1;flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host(.in-item.select-expanded.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon{color:var(--highlight-color)}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--highlight-height:2px}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.has-focus) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.has-focus) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.select-highlight{inset-inline-start:0}:host(.select-expanded) .select-highlight,:host(.has-focus) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}:host(.in-item) .select-highlight{inset-inline-start:0}.select-icon{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.in-item.select-expanded) .select-wrapper .select-icon,:host(.in-item.has-focus) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid) .select-wrapper .select-icon{color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.has-focus) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-shape-round){--border-radius:16px}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}"};const R=class{constructor(t){e(this,t),this.inputId="ion-selopt-"+J++,this.disabled=!1}render(){const e=S(this);return s(n,{key:"18cb08ee4a117209590b5a77ac74a05b93800897",class:{[e]:!0},role:"option",id:this.inputId})}get el(){return r(this)}};let J=0;R.style=":host{display:none}";const Z=class{constructor(t){e(this,t),this.pendingEnterTarget=null,this.options=[]}findOptionFromEvent(e){const{options:t}=this;return t.find((t=>t.value===e.target.value))}callOptionHandler(e){const t=this.findOptionFromEvent(e),o=this.getValues(e);t?.handler&&z(t.handler,o)}dismissParentPopover(){const e=this.el.closest("ion-popover");e&&e.dismiss()}setChecked(e){const{multiple:t}=this,o=this.findOptionFromEvent(e);t&&o&&(o.checked=e.detail.checked)}getValues(e){const{multiple:t,options:o}=this;if(t)return o.filter((e=>e.checked)).map((e=>e.value));const i=this.findOptionFromEvent(e);return i?i.value:void 0}renderOptions(e){const{multiple:t}=this;return!0===t?this.renderCheckboxOptions(e):this.renderRadioOptions(e)}renderCheckboxOptions(e){const t=S(this);return e.map(((e,o)=>{const i=e,n=!!i.startContent||!!i.endContent||!!i.description,r={id:`popover-option-${o}`,label:i.text,startContent:i.startContent,endContent:i.endContent,description:i.description},a=B(t,"checkbox"),c=F(t,"checkbox");return s("ion-item",{disabled:e.disabled,class:{"item-checkbox-checked":e.checked,...O(e.cssClass)}},s("ion-checkbox",{class:{"select-option-has-rich-content":n},value:e.value,disabled:e.disabled,checked:e.checked,justify:i.justify??c,labelPlacement:i.labelPlacement??a,onIonChange:e=>{this.setChecked(e),this.callOptionHandler(e),l(this)}},L(r,"select-option-label")))}))}renderRadioOptions(e){const t=S(this),o=e.filter((e=>e.checked)).map((e=>e.value))[0];return s("ion-radio-group",{value:o,onIonChange:e=>this.callOptionHandler(e)},e.map(((e,i)=>{const n=e,r=!!n.startContent||!!n.endContent||!!n.description,l={id:`popover-option-${i}`,label:n.text,startContent:n.startContent,endContent:n.endContent,description:n.description};return s("ion-item",{disabled:e.disabled,class:{"item-radio-checked":e.value===o,...O(e.cssClass)}},s("ion-radio",{class:{"select-option-has-rich-content":r},value:e.value,disabled:e.disabled,justify:n.justify??F(t,"radio"),labelPlacement:n.labelPlacement??B(t,"radio"),onClick:()=>this.dismissParentPopover(),onKeyDown:e=>{"Enter"!==e.key||e.repeat||(this.pendingEnterTarget=e.currentTarget)},onKeyUp:e=>{if(" "===e.key)this.dismissParentPopover();else if("Enter"===e.key){const t=this.pendingEnterTarget===e.currentTarget;this.pendingEnterTarget=null,t&&this.dismissParentPopover()}}},L(l,"select-option-label")))})))}render(){const{header:e,message:t,options:o,subHeader:i}=this,r=void 0!==i||void 0!==t,l=S(this);return s(n,{key:"5c2fa9bfc1041fc034741182bf1beb57a51454be",class:{[l]:!0}},s("ion-list",{key:"8433b6e6628750f461dde919818a4aa77c3bdea7"},void 0!==e&&s("ion-list-header",{key:"907e8b7c35fb083c4311e2f781e808b9fb0f955b"},e),r&&s("ion-item",{key:"94862a5fcb2f8373cccef9acd97b675999a0246f"},s("ion-label",{key:"0e7fe0f1bbcb4526e599d51583a0ce2a35645cd2",class:"ion-text-wrap"},void 0!==i&&s("h3",{key:"d28e66dee997780896b7b2ab4350e4475c6407dc"},i),void 0!==t&&s("p",{key:"aeb82906a1cb2729e969b4148ffe63d386babbd6"},t))),this.renderOptions(o)))}get el(){return r(this)}};Z.style={ionic:'.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ionic,.alert-radio-label-has-rich-content.sc-ion-select-popover-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ionic,.select-option-label-has-rich-content.sc-ion-select-popover-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-select-popover-ionic,.alert-checkbox-label-text.sc-ion-select-popover-ionic,.alert-radio-label-text.sc-ion-select-popover-ionic,.select-option-label-text.sc-ion-select-popover-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-select-popover-ionic{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-select-popover-ionic>ion-avatar.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>ion-img.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>ion-thumbnail.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>img.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>svg.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-avatar.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-img.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-thumbnail.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>img.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>svg.sc-ion-select-popover-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-select-popover-ionic>ion-icon.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-icon.sc-ion-select-popover-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ionic,.alert-radio-label-has-rich-content.sc-ion-select-popover-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ionic,.select-option-label-has-rich-content.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ionic,.alert-radio-label-has-rich-content.sc-ion-select-popover-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ionic,.select-option-content.sc-ion-select-popover-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-ionic,.alert-checkbox-label-text.sc-ion-select-popover-ionic,.alert-radio-label-text.sc-ion-select-popover-ionic,.select-option-label-text.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-popover-ionic{display:block}.select-option-label.sc-ion-select-popover-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ionic [part~="label"],.select-option-content.sc-ion-select-popover-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-popover-ionic-h ion-list.sc-ion-select-popover-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ionic,ion-label.sc-ion-select-popover-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ionic-h{overflow-y:auto}ion-item.sc-ion-select-popover-ionic{--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--background-focused:transparent;--background-focused-opacity:1;--background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--background-hover-opacity:1;--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--background-activated-opacity:1}ion-item.ion-focused.item-checkbox-checked.sc-ion-select-popover-ionic,ion-item.ion-focused.item-radio-checked.sc-ion-select-popover-ionic{--background-focused:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));--background-focused-opacity:1}ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic::part(container),ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic [part~="container"]{display:none}ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic::part(label),ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic [part~="label"]{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-end:var(--token-space-0, var(--token-scale-0, 0px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px))}ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic::part(label),ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic [part~="label"],ion-list.sc-ion-select-popover-ionic ion-checkbox.sc-ion-select-popover-ionic::part(label),ion-list.sc-ion-select-popover-ionic ion-checkbox.sc-ion-select-popover-ionic [part~="label"]{font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.item-radio-checked.sc-ion-select-popover-ionic,.item-checkbox-checked.sc-ion-select-popover-ionic{--background:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)))}',ios:'.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{gap:12px}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{gap:8px}.select-option-description.sc-ion-select-popover-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-select-popover-ios>ion-avatar.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>ion-img.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>ion-thumbnail.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>img.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>svg.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-avatar.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-img.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-thumbnail.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>img.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>svg.sc-ion-select-popover-ios{width:44px;height:44px}.select-option-start.sc-ion-select-popover-ios>ion-icon.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-icon.sc-ion-select-popover-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-select-popover-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-select-popover-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{gap:12px}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{gap:8px}.select-option-description.sc-ion-select-popover-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-content.sc-ion-select-popover-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-popover-ios{display:block}.select-option-label.sc-ion-select-popover-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ios [part~="label"],.select-option-content.sc-ion-select-popover-ios{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}',md:'.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{gap:12px}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{gap:8px}.select-option-description.sc-ion-select-popover-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-select-popover-md>ion-avatar.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-avatar.sc-ion-select-popover-md{width:40px;height:40px}.select-option-start.sc-ion-select-popover-md>ion-icon.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-icon.sc-ion-select-popover-md{font-size:24px}.select-option-start.sc-ion-select-popover-md>ion-img.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>img.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>svg.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>ion-thumbnail.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-img.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>img.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>svg.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-thumbnail.sc-ion-select-popover-md{width:56px;height:56px}.select-option-start.sc-ion-select-popover-md>video.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>video.sc-ion-select-popover-md{width:114px;height:56px}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{gap:12px}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{gap:8px}.select-option-description.sc-ion-select-popover-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-content.sc-ion-select-popover-md{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-popover-md{display:block}.select-option-label.sc-ion-select-popover-md:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-md::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-md [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-md::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-md [part~="label"],.select-option-content.sc-ion-select-popover-md{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="container"]{display:none}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(label),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);--background-focused:var(--ion-color-primary, #0054e9);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #0054e9);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #0054e9)}'};export{D as ion_select,R as ion_select_option,Z as ion_select_popover}
|