agnosticui-core 2.0.0-alpha.2 → 2.0.0-alpha.21
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/README.md +67 -33
- package/dist/{VueButton.vue_vue_type_script_setup_true_lang-Bq8IPXqd.js → VueButton.vue_vue_type_script_setup_true_lang-D1jGatE9.js} +17 -15
- package/dist/{VueButtonFx.vue_vue_type_script_setup_true_lang-BUudF-lg.js → VueButtonFx.vue_vue_type_script_setup_true_lang-BRrt6Nxs.js} +1 -0
- package/dist/{VueCheckbox.vue_vue_type_script_setup_true_lang-DERDRO2P.js → VueCheckbox.vue_vue_type_script_setup_true_lang-VtQfJ-6f.js} +9 -10
- package/dist/{VueCombobox.vue_vue_type_script_setup_true_lang-C7gDMrYJ.js → VueCombobox.vue_vue_type_script_setup_true_lang-BSTZGX2X.js} +15 -13
- package/dist/VueIcon.vue_vue_type_script_setup_true_lang-C2Sky3bU.js +22 -0
- package/dist/{VueImage.vue_vue_type_script_setup_true_lang-CUwbK3NF.js → VueImage.vue_vue_type_script_setup_true_lang-SddK93SB.js} +23 -17
- package/dist/{VueInput.vue_vue_type_script_setup_true_lang-Dsxo7DuX.js → VueInput.vue_vue_type_script_setup_true_lang-wYdAqg-i.js} +19 -19
- package/dist/{VueMenu.vue_vue_type_script_setup_true_lang-bnn7ochj.js → VueMenu.vue_vue_type_script_setup_true_lang-BXc7397e.js} +5 -4
- package/dist/{VueRadio.vue_vue_type_script_setup_true_lang-DxNhH12d.js → VueRadio.vue_vue_type_script_setup_true_lang-C7Z-sWpa.js} +10 -12
- package/dist/{VueRating.vue_vue_type_script_setup_true_lang-CICncp71.js → VueRating.vue_vue_type_script_setup_true_lang-Bm2nRrqr.js} +11 -9
- package/dist/VueSelectionButton.vue_vue_type_script_setup_true_lang-DJN-Uk6n.js +24 -0
- package/dist/VueSelectionButtonGroup.vue_vue_type_script_setup_true_lang-DwYrIMVO.js +46 -0
- package/dist/VueSelectionCard.vue_vue_type_script_setup_true_lang-DJiyPsXH.js +24 -0
- package/dist/VueSelectionCardGroup.vue_vue_type_script_setup_true_lang-D5CycLY5.js +40 -0
- package/dist/{VueToggle.vue_vue_type_script_setup_true_lang-BxrvAsse.js → VueToggle.vue_vue_type_script_setup_true_lang-DLPCBOqZ.js} +18 -16
- package/dist/components/Alert/core/_Alert.d.ts.map +1 -1
- package/dist/components/Alert/core/_Alert.js +38 -19
- package/dist/components/Button/core/_Button.d.ts +5 -0
- package/dist/components/Button/core/_Button.d.ts.map +1 -1
- package/dist/components/Button/core/_Button.js +147 -65
- package/dist/components/Button/vue/VueButton.js +1 -1
- package/dist/components/Button/vue/VueButton.vue.d.ts +3 -0
- package/dist/components/Button/vue/VueButton.vue.d.ts.map +1 -1
- package/dist/components/Button/vue/index.js +1 -1
- package/dist/components/ButtonFx/vue/VueButtonFx.js +1 -1
- package/dist/components/ButtonFx/vue/index.js +1 -1
- package/dist/components/Card/core/_Card.d.ts +9 -1
- package/dist/components/Card/core/_Card.d.ts.map +1 -1
- package/dist/components/Card/core/_Card.js +83 -29
- package/dist/components/Card/vue/VueCard.js +29 -16
- package/dist/components/Card/vue/VueCard.vue.d.ts +25 -5
- package/dist/components/Card/vue/VueCard.vue.d.ts.map +1 -1
- package/dist/components/Checkbox/core/_Checkbox.d.ts +37 -11
- package/dist/components/Checkbox/core/_Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/core/_Checkbox.js +73 -42
- package/dist/components/Checkbox/vue/VueCheckbox.js +1 -1
- package/dist/components/Checkbox/vue/VueCheckbox.vue.d.ts +3 -3
- package/dist/components/Checkbox/vue/VueCheckbox.vue.d.ts.map +1 -1
- package/dist/components/Checkbox/vue/index.js +1 -1
- package/dist/components/Combobox/core/_Combobox.d.ts +24 -1
- package/dist/components/Combobox/core/_Combobox.d.ts.map +1 -1
- package/dist/components/Combobox/core/_Combobox.js +141 -92
- package/dist/components/Combobox/vue/VueCombobox.js +1 -1
- package/dist/components/Combobox/vue/index.js +1 -1
- package/dist/components/Fieldset/vue/VueFieldset.vue.d.ts +1 -1
- package/dist/components/Icon/vue/VueIcon.js +1 -1
- package/dist/components/Icon/vue/VueIcon.vue.d.ts.map +1 -1
- package/dist/components/Icon/vue/index.js +1 -1
- package/dist/components/Image/vue/VueImage.js +1 -1
- package/dist/components/Image/vue/VueImage.vue.d.ts.map +1 -1
- package/dist/components/Image/vue/index.js +1 -1
- package/dist/components/Input/core/_Input.d.ts +21 -2
- package/dist/components/Input/core/_Input.d.ts.map +1 -1
- package/dist/components/Input/core/_Input.js +71 -35
- package/dist/components/Input/vue/VueInput.js +1 -1
- package/dist/components/Input/vue/VueInput.vue.d.ts.map +1 -1
- package/dist/components/Input/vue/index.js +1 -1
- package/dist/components/Link/core/_Link.d.ts.map +1 -1
- package/dist/components/Link/core/_Link.js +1 -0
- package/dist/components/Link/vue/VueLink.js +6 -5
- package/dist/components/Link/vue/VueLink.vue.d.ts.map +1 -1
- package/dist/components/Menu/vue/VueMenu.js +1 -1
- package/dist/components/Menu/vue/index.js +1 -1
- package/dist/components/Pagination/core/_Pagination.d.ts +0 -1
- package/dist/components/Pagination/core/_Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/core/_Pagination.js +6 -9
- package/dist/components/Radio/core/_Radio.d.ts +55 -10
- package/dist/components/Radio/core/_Radio.d.ts.map +1 -1
- package/dist/components/Radio/core/_Radio.js +165 -116
- package/dist/components/Radio/vue/VueRadio.js +1 -1
- package/dist/components/Radio/vue/VueRadio.vue.d.ts.map +1 -1
- package/dist/components/Radio/vue/index.js +1 -1
- package/dist/components/Rating/core/_Rating.d.ts +23 -2
- package/dist/components/Rating/core/_Rating.d.ts.map +1 -1
- package/dist/components/Rating/core/_Rating.js +97 -64
- package/dist/components/Rating/vue/VueRating.js +1 -1
- package/dist/components/Rating/vue/VueRating.vue.d.ts +2 -0
- package/dist/components/Rating/vue/VueRating.vue.d.ts.map +1 -1
- package/dist/components/Rating/vue/index.js +1 -1
- package/dist/components/Select/core/_Select.d.ts +20 -2
- package/dist/components/Select/core/_Select.d.ts.map +1 -1
- package/dist/components/Select/core/_Select.js +99 -69
- package/dist/components/SelectionButton/core/SelectionButton.d.ts +9 -0
- package/dist/components/SelectionButton/core/SelectionButton.d.ts.map +1 -0
- package/dist/components/SelectionButton/core/SelectionButton.js +5 -0
- package/dist/components/SelectionButton/core/_SelectionButton.d.ts +47 -0
- package/dist/components/SelectionButton/core/_SelectionButton.d.ts.map +1 -0
- package/dist/components/SelectionButton/core/_SelectionButton.js +474 -0
- package/dist/components/SelectionButton/react/ReactSelectionButton.d.ts +9 -0
- package/dist/components/SelectionButton/react/ReactSelectionButton.d.ts.map +1 -0
- package/dist/components/SelectionButton/react/ReactSelectionButton.js +12 -0
- package/dist/components/SelectionButton/react/index.d.ts +3 -0
- package/dist/components/SelectionButton/react/index.d.ts.map +1 -0
- package/dist/components/SelectionButton/react/index.js +4 -0
- package/dist/components/SelectionButton/vue/VueSelectionButton.js +4 -0
- package/dist/components/SelectionButton/vue/VueSelectionButton.vue.d.ts +55 -0
- package/dist/components/SelectionButton/vue/VueSelectionButton.vue.d.ts.map +1 -0
- package/dist/components/SelectionButton/vue/index.d.ts +6 -0
- package/dist/components/SelectionButton/vue/index.d.ts.map +1 -0
- package/dist/components/SelectionButton/vue/index.js +4 -0
- package/dist/components/SelectionButtonGroup/core/SelectionButtonGroup.d.ts +9 -0
- package/dist/components/SelectionButtonGroup/core/SelectionButtonGroup.d.ts.map +1 -0
- package/dist/components/SelectionButtonGroup/core/SelectionButtonGroup.js +5 -0
- package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts +87 -0
- package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts.map +1 -0
- package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.js +235 -0
- package/dist/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.d.ts +13 -0
- package/dist/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.d.ts.map +1 -0
- package/dist/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.js +15 -0
- package/dist/components/SelectionButtonGroup/react/index.d.ts +3 -0
- package/dist/components/SelectionButtonGroup/react/index.d.ts.map +1 -0
- package/dist/components/SelectionButtonGroup/react/index.js +4 -0
- package/dist/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.js +4 -0
- package/dist/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.vue.d.ts +101 -0
- package/dist/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.vue.d.ts.map +1 -0
- package/dist/components/SelectionButtonGroup/vue/index.d.ts +6 -0
- package/dist/components/SelectionButtonGroup/vue/index.d.ts.map +1 -0
- package/dist/components/SelectionButtonGroup/vue/index.js +4 -0
- package/dist/components/SelectionCard/core/SelectionCard.d.ts +9 -0
- package/dist/components/SelectionCard/core/SelectionCard.d.ts.map +1 -0
- package/dist/components/SelectionCard/core/SelectionCard.js +5 -0
- package/dist/components/SelectionCard/core/_SelectionCard.d.ts +39 -0
- package/dist/components/SelectionCard/core/_SelectionCard.d.ts.map +1 -0
- package/dist/components/SelectionCard/core/_SelectionCard.js +318 -0
- package/dist/components/SelectionCard/react/ReactSelectionCard.d.ts +9 -0
- package/dist/components/SelectionCard/react/ReactSelectionCard.d.ts.map +1 -0
- package/dist/components/SelectionCard/react/ReactSelectionCard.js +12 -0
- package/dist/components/SelectionCard/react/index.d.ts +3 -0
- package/dist/components/SelectionCard/react/index.d.ts.map +1 -0
- package/dist/components/SelectionCard/react/index.js +4 -0
- package/dist/components/SelectionCard/vue/VueSelectionCard.js +4 -0
- package/dist/components/SelectionCard/vue/VueSelectionCard.vue.d.ts +55 -0
- package/dist/components/SelectionCard/vue/VueSelectionCard.vue.d.ts.map +1 -0
- package/dist/components/SelectionCard/vue/index.d.ts +6 -0
- package/dist/components/SelectionCard/vue/index.d.ts.map +1 -0
- package/dist/components/SelectionCard/vue/index.js +4 -0
- package/dist/components/SelectionCardGroup/core/SelectionCardGroup.d.ts +9 -0
- package/dist/components/SelectionCardGroup/core/SelectionCardGroup.d.ts.map +1 -0
- package/dist/components/SelectionCardGroup/core/SelectionCardGroup.js +5 -0
- package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.d.ts +69 -0
- package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.d.ts.map +1 -0
- package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.js +220 -0
- package/dist/components/SelectionCardGroup/react/ReactSelectionCardGroup.d.ts +13 -0
- package/dist/components/SelectionCardGroup/react/ReactSelectionCardGroup.d.ts.map +1 -0
- package/dist/components/SelectionCardGroup/react/ReactSelectionCardGroup.js +15 -0
- package/dist/components/SelectionCardGroup/react/index.d.ts +3 -0
- package/dist/components/SelectionCardGroup/react/index.d.ts.map +1 -0
- package/dist/components/SelectionCardGroup/react/index.js +4 -0
- package/dist/components/SelectionCardGroup/vue/VueSelectionCardGroup.js +4 -0
- package/dist/components/SelectionCardGroup/vue/VueSelectionCardGroup.vue.d.ts +86 -0
- package/dist/components/SelectionCardGroup/vue/VueSelectionCardGroup.vue.d.ts.map +1 -0
- package/dist/components/SelectionCardGroup/vue/index.d.ts +6 -0
- package/dist/components/SelectionCardGroup/vue/index.d.ts.map +1 -0
- package/dist/components/SelectionCardGroup/vue/index.js +4 -0
- package/dist/components/Slider/core/_Slider.d.ts +10 -16
- package/dist/components/Slider/core/_Slider.d.ts.map +1 -1
- package/dist/components/Slider/core/_Slider.js +28 -39
- package/dist/components/Timeline/core/_Timeline.d.ts.map +1 -1
- package/dist/components/Timeline/core/_Timeline.js +8 -3
- package/dist/components/Timeline/react/ReactTimeline.d.ts +23 -9
- package/dist/components/Timeline/react/ReactTimeline.d.ts.map +1 -1
- package/dist/components/Timeline/react/ReactTimeline.js +18 -14
- package/dist/components/Toggle/core/_Toggle.d.ts +36 -6
- package/dist/components/Toggle/core/_Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/core/_Toggle.js +117 -77
- package/dist/components/Toggle/vue/VueToggle.js +1 -1
- package/dist/components/Toggle/vue/VueToggle.vue.d.ts.map +1 -1
- package/dist/components/Toggle/vue/index.js +1 -1
- package/dist/shared/face-mixin.d.ts +82 -0
- package/dist/shared/face-mixin.d.ts.map +1 -0
- package/dist/shared/face-mixin.js +86 -0
- package/dist/shared/form-control-styles.js +1 -1
- package/dist/styles/ag-tokens-dark.css +4 -0
- package/dist/styles/ag-tokens.css +18 -13
- package/dist/test-setup.js +340 -255
- package/package.json +51 -13
- package/src/components/Alert/core/_Alert.ts +21 -2
- package/src/components/Button/core/_Button.ts +111 -21
- package/src/components/Button/vue/VueButton.vue +2 -0
- package/src/components/Card/core/_Card.ts +70 -3
- package/src/components/Card/vue/VueCard.vue +19 -3
- package/src/components/Checkbox/core/_Checkbox.ts +78 -18
- package/src/components/Checkbox/vue/VueCheckbox.vue +0 -6
- package/src/components/Combobox/core/_Combobox.ts +84 -2
- package/src/components/Combobox/vue/VueCombobox.vue +1 -0
- package/src/components/Drawer/v1/dialog--drawer-bottom.hbs +48 -0
- package/src/components/Drawer/v1/dialog--drawer-end.hbs +48 -0
- package/src/components/Drawer/v1/dialog--drawer-start.hbs +48 -0
- package/src/components/Drawer/v1/dialog--drawer-top.hbs +48 -0
- package/src/components/Drawer/v1/dialog-demo.css +13 -0
- package/src/components/Drawer/v1/dialog.config.yml +5 -0
- package/src/components/Drawer/v1/dialog.css +99 -0
- package/src/components/Drawer/v1/dialog.hbs +48 -0
- package/src/components/Drawer/v1/drawer-animations.css +52 -0
- package/src/components/Drawer/v1/drawer.css +50 -0
- package/src/components/Icon/vue/VueIcon.vue +2 -5
- package/src/components/Image/vue/VueImage.vue +17 -13
- package/src/components/Input/core/_Input.ts +58 -3
- package/src/components/Input/vue/VueInput.vue +2 -6
- package/src/components/Link/core/_Link.ts +1 -0
- package/src/components/Link/vue/VueLink.vue +1 -0
- package/src/components/Pagination/core/_Pagination.ts +10 -18
- package/src/components/Radio/core/_Radio.ts +131 -41
- package/src/components/Radio/vue/VueRadio.vue +1 -5
- package/src/components/Rating/core/_Rating.ts +62 -5
- package/src/components/Rating/vue/VueRating.vue +3 -0
- package/src/components/Select/core/_Select.ts +55 -6
- package/src/components/SelectionButton/core/SelectionButton.ts +13 -0
- package/src/components/SelectionButton/core/_SelectionButton.ts +551 -0
- package/src/components/SelectionButton/react/ReactSelectionButton.tsx +16 -0
- package/src/components/SelectionButton/react/index.ts +4 -0
- package/src/components/SelectionButton/vue/VueSelectionButton.vue +33 -0
- package/src/components/SelectionButton/vue/index.ts +5 -0
- package/src/components/SelectionButtonGroup/core/SelectionButtonGroup.ts +13 -0
- package/src/components/SelectionButtonGroup/core/_SelectionButtonGroup.ts +423 -0
- package/src/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.tsx +29 -0
- package/src/components/SelectionButtonGroup/react/index.ts +9 -0
- package/src/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.vue +89 -0
- package/src/components/SelectionButtonGroup/vue/index.ts +5 -0
- package/src/components/SelectionCard/core/SelectionCard.ts +13 -0
- package/src/components/SelectionCard/core/_SelectionCard.ts +384 -0
- package/src/components/SelectionCard/react/ReactSelectionCard.tsx +16 -0
- package/src/components/SelectionCard/react/index.ts +4 -0
- package/src/components/SelectionCard/vue/VueSelectionCard.vue +33 -0
- package/src/components/SelectionCard/vue/index.ts +5 -0
- package/src/components/SelectionCardGroup/core/SelectionCardGroup.ts +13 -0
- package/src/components/SelectionCardGroup/core/_SelectionCardGroup.ts +396 -0
- package/src/components/SelectionCardGroup/react/ReactSelectionCardGroup.tsx +29 -0
- package/src/components/SelectionCardGroup/react/index.ts +9 -0
- package/src/components/SelectionCardGroup/vue/VueSelectionCardGroup.vue +71 -0
- package/src/components/SelectionCardGroup/vue/index.ts +5 -0
- package/src/components/Slider/core/_Slider.ts +28 -28
- package/src/components/Timeline/core/_Timeline.ts +5 -0
- package/src/components/Timeline/react/ReactTimeline.tsx +47 -24
- package/src/components/Toggle/core/_Toggle.ts +83 -9
- package/src/components/Toggle/vue/VueToggle.vue +2 -0
- package/src/shared/face-mixin.ts +233 -0
- package/src/shared/form-control-styles.ts +1 -1
- package/src/styles/ag-tokens-dark.css +4 -0
- package/src/styles/ag-tokens.css +18 -13
- package/RTL_IMPLEMENTATION_PLAN.md +0 -295
- package/dist/VueIcon.vue_vue_type_script_setup_true_lang-kC-nzMyu.js +0 -25
- package/dist/components/Input/core/_Input.BACKUP.d.ts +0 -114
- package/dist/components/Input/core/_Input.BACKUP.d.ts.map +0 -1
- package/dist/components/Input/core/_Input.BACKUP.js +0 -511
- package/dist/global.d.js +0 -1
- package/src/components/Input/core/_Input.BACKUP.ts +0 -710
- package/src/global.d.ts +0 -43
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import { LitElement as
|
|
1
|
+
import { LitElement as f, css as x, nothing as h, html as l } from "lit";
|
|
2
2
|
import { n as a } from "../../../property-CemaeiRl.js";
|
|
3
3
|
import { r as b } from "../../../state-CovhUvdr.js";
|
|
4
4
|
import { e as u } from "../../../query-BykXNUlT.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { FaceMixin as y } from "../../../shared/face-mixin.js";
|
|
6
|
+
import { createFormControlIds as w, buildAriaDescribedBy as O, isHorizontalLabel as _ } from "../../../shared/form-control-utils.js";
|
|
7
|
+
import { formControlStyles as I } from "../../../shared/form-control-styles.js";
|
|
7
8
|
import "../../shared/CloseButton/CloseButton.js";
|
|
8
9
|
import "../../Checkbox/core/Checkbox.js";
|
|
9
10
|
import "../../Tag/core/Tag.js";
|
|
10
|
-
var
|
|
11
|
-
for (var r =
|
|
12
|
-
(c = m[n]) && (r = (
|
|
13
|
-
return
|
|
11
|
+
var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, s = (m, e, t, o) => {
|
|
12
|
+
for (var r = o > 1 ? void 0 : o ? $(e, t) : e, n = m.length - 1, c; n >= 0; n--)
|
|
13
|
+
(c = m[n]) && (r = (o ? c(e, t, r) : c(r)) || r);
|
|
14
|
+
return o && r && k(e, t, r), r;
|
|
14
15
|
};
|
|
15
|
-
const g = class g extends
|
|
16
|
+
const g = class g extends y(f) {
|
|
16
17
|
constructor() {
|
|
17
|
-
super(), this._value = "", this.labelPosition = "top", this._open = !1, this._searchTerm = "", this._filteredOptions = [], this._activeIndex = -1, this._selectedOptions = [], this._displayLabel = "", this._comboboxId = "", this._listboxId = "", this._labelId = "", this._helpTextId = "", this._errorTextId = "", this._justSelected = !1, this._isDefaultValueInitialized = !1, this.options = [], this.placeholder = "", this.labelHidden = !1, this.noLabel = !1, this.ariaLabel = null, this.id = "", this.autocomplete = "list", this.filterMode = "startsWith", this.clearable = !1, this.disabled = !1, this.readonly = !1, this.required = !1, this.invalid = !1, this.size = "default", this.variant = "default", this.maxVisibleOptions = 10, this.closeOnSelect = !0, this.multiple = !1, this.maxOptionsVisible = 3, this.loading = !1, this.loadingText = "Loading...", this.noResultsText = "No results found";
|
|
18
|
+
super(), this._value = "", this.labelPosition = "top", this._open = !1, this._searchTerm = "", this._filteredOptions = [], this._activeIndex = -1, this._selectedOptions = [], this._displayLabel = "", this._comboboxId = "", this._listboxId = "", this._labelId = "", this._helpTextId = "", this._errorTextId = "", this._justSelected = !1, this._isDefaultValueInitialized = !1, this.options = [], this.placeholder = "", this.labelHidden = !1, this.noLabel = !1, this.ariaLabel = null, this.id = "", this.autocomplete = "list", this.filterMode = "startsWith", this.clearable = !1, this.disabled = !1, this.readonly = !1, this.required = !1, this.invalid = !1, this.size = "default", this.variant = "default", this.maxVisibleOptions = 10, this.closeOnSelect = !0, this.multiple = !1, this.maxOptionsVisible = 3, this.loading = !1, this.loadingText = "Loading...", this.noResultsText = "No results found", this.validationMessages = void 0;
|
|
18
19
|
}
|
|
19
20
|
get value() {
|
|
20
21
|
return this._value;
|
|
@@ -25,7 +26,7 @@ const g = class g extends _ {
|
|
|
25
26
|
}
|
|
26
27
|
connectedCallback() {
|
|
27
28
|
super.connectedCallback();
|
|
28
|
-
const e =
|
|
29
|
+
const e = w("combobox");
|
|
29
30
|
this._comboboxId = this.id || e.inputId, this._listboxId = `${this._comboboxId}-listbox`, this._labelId = e.labelId, this._helpTextId = e.helperId, this._errorTextId = e.errorId, this._clickOutsideHandler = (t) => {
|
|
30
31
|
if (!this._open) return;
|
|
31
32
|
t.composedPath().includes(this) || this.close();
|
|
@@ -37,15 +38,18 @@ const g = class g extends _ {
|
|
|
37
38
|
willUpdate(e) {
|
|
38
39
|
if (super.willUpdate(e), !this._isDefaultValueInitialized && this.defaultValue && this.options.length > 0) {
|
|
39
40
|
const t = Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue];
|
|
40
|
-
this._selectedOptions = this.options.filter((
|
|
41
|
+
this._selectedOptions = this.options.filter((o) => t.includes(o.value)), this._selectionChanged(), this._isDefaultValueInitialized = !0;
|
|
41
42
|
return;
|
|
42
43
|
}
|
|
43
44
|
if (e.has("value") && (this._isDefaultValueInitialized || !this.defaultValue)) {
|
|
44
|
-
const t = this.value,
|
|
45
|
-
this._selectedOptions = this.options.filter((r) =>
|
|
45
|
+
const t = this.value, o = Array.isArray(t) ? t : t ? [t] : [];
|
|
46
|
+
this._selectedOptions = this.options.filter((r) => o.includes(r.value)), this._selectionChanged();
|
|
46
47
|
}
|
|
47
48
|
e.has("errorMessage") && (this.invalid = !!this.errorMessage);
|
|
48
49
|
}
|
|
50
|
+
updated(e) {
|
|
51
|
+
super.updated(e), e.has("value") && (this._syncFormValue(), this._syncValidity());
|
|
52
|
+
}
|
|
49
53
|
// Public methods
|
|
50
54
|
focus() {
|
|
51
55
|
this._inputElement?.focus();
|
|
@@ -67,9 +71,9 @@ const g = class g extends _ {
|
|
|
67
71
|
if (!this._open) return;
|
|
68
72
|
if (this._open = !1, this._activeIndex = -1, this.multiple)
|
|
69
73
|
this._searchTerm = this._displayLabel;
|
|
70
|
-
else if (!this.options.some((
|
|
71
|
-
const
|
|
72
|
-
|
|
74
|
+
else if (!this.options.some((o) => o.label === this._searchTerm)) {
|
|
75
|
+
const o = this._selectedOptions[0];
|
|
76
|
+
o ? this._searchTerm = o.label : this._searchTerm = "";
|
|
73
77
|
}
|
|
74
78
|
this.removeAttribute("open");
|
|
75
79
|
const e = new CustomEvent("close", {
|
|
@@ -90,7 +94,7 @@ const g = class g extends _ {
|
|
|
90
94
|
t = e;
|
|
91
95
|
if (t.disabled) return;
|
|
92
96
|
this.multiple ? (this._selectedOptions.findIndex((c) => c.value === t.value) > -1 ? this._selectedOptions = this._selectedOptions.filter((c) => c.value !== t.value) : this._selectedOptions = [...this._selectedOptions, t], this._selectionChanged()) : (this._selectedOptions = [t], this._selectionChanged(), this.closeOnSelect && this.close()), this._inputElement && (this._inputElement.value = this._searchTerm);
|
|
93
|
-
const
|
|
97
|
+
const o = new CustomEvent("select", {
|
|
94
98
|
detail: {
|
|
95
99
|
option: t,
|
|
96
100
|
value: t.value
|
|
@@ -98,7 +102,7 @@ const g = class g extends _ {
|
|
|
98
102
|
bubbles: !0,
|
|
99
103
|
composed: !0
|
|
100
104
|
});
|
|
101
|
-
this.dispatchEvent(
|
|
105
|
+
this.dispatchEvent(o), this.onSelect?.(o), this._syncFormValue(), this._syncValidity();
|
|
102
106
|
const r = new CustomEvent("change", {
|
|
103
107
|
detail: {
|
|
104
108
|
value: this.value,
|
|
@@ -119,7 +123,7 @@ const g = class g extends _ {
|
|
|
119
123
|
}, 100);
|
|
120
124
|
}
|
|
121
125
|
clearSelection() {
|
|
122
|
-
this._selectedOptions = [], this._selectionChanged(), this._activeIndex = -1;
|
|
126
|
+
this._selectedOptions = [], this._selectionChanged(), this._activeIndex = -1, this._syncFormValue(), this._syncValidity();
|
|
123
127
|
const e = new CustomEvent("change", {
|
|
124
128
|
detail: {
|
|
125
129
|
value: this.value,
|
|
@@ -130,6 +134,48 @@ const g = class g extends _ {
|
|
|
130
134
|
});
|
|
131
135
|
this.dispatchEvent(e), this.onChange?.(e);
|
|
132
136
|
}
|
|
137
|
+
// ─── FACE ─────────────────────────────────────────────────────────────────
|
|
138
|
+
/**
|
|
139
|
+
* Sync the form value to ElementInternals.
|
|
140
|
+
* Single: submits the selected value string, or null if nothing selected.
|
|
141
|
+
* Multiple: submits all selected values via FormData overload.
|
|
142
|
+
* Typed text that hasn't been committed via selectOption() is never submitted.
|
|
143
|
+
*/
|
|
144
|
+
_syncFormValue() {
|
|
145
|
+
if (this.multiple) {
|
|
146
|
+
const e = Array.isArray(this.value) ? this.value : [];
|
|
147
|
+
if (e.length === 0)
|
|
148
|
+
this._internals.setFormValue(null);
|
|
149
|
+
else {
|
|
150
|
+
const t = new FormData();
|
|
151
|
+
e.forEach((o) => t.append(this.name, o)), this._internals.setFormValue(t);
|
|
152
|
+
}
|
|
153
|
+
} else {
|
|
154
|
+
const e = typeof this.value == "string" ? this.value : "";
|
|
155
|
+
this._internals.setFormValue(e || null);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
/**
|
|
159
|
+
* Sync validity. Required with no selection = valueMissing.
|
|
160
|
+
*/
|
|
161
|
+
_syncValidity() {
|
|
162
|
+
const e = this.multiple ? Array.isArray(this.value) && this.value.length > 0 : !!(typeof this.value == "string" && this.value);
|
|
163
|
+
this.required && !e ? this._internals.setValidity(
|
|
164
|
+
{ valueMissing: !0 },
|
|
165
|
+
this.validationMessages?.valueMissing ?? "Please select an option."
|
|
166
|
+
) : this._internals.setValidity({});
|
|
167
|
+
}
|
|
168
|
+
firstUpdated() {
|
|
169
|
+
this._syncFormValue(), this._syncValidity();
|
|
170
|
+
}
|
|
171
|
+
/**
|
|
172
|
+
* FACE lifecycle: called when the parent form is reset.
|
|
173
|
+
* Clears selection and re-syncs form value.
|
|
174
|
+
*/
|
|
175
|
+
formResetCallback() {
|
|
176
|
+
this._selectedOptions = [], this._selectionChanged(), this._internals.setFormValue(null), this._internals.setValidity({});
|
|
177
|
+
}
|
|
178
|
+
// ─── End FACE ─────────────────────────────────────────────────────────────
|
|
133
179
|
// Private methods
|
|
134
180
|
_selectionChanged() {
|
|
135
181
|
if (this.multiple)
|
|
@@ -145,13 +191,13 @@ const g = class g extends _ {
|
|
|
145
191
|
const e = this._selectedOptions.slice(0, this.maxOptionsVisible), t = this._selectedOptions.length - this.maxOptionsVisible;
|
|
146
192
|
return l`
|
|
147
193
|
<div class="combobox-tags-wrapper" part="ag-combobox-tags-wrapper">
|
|
148
|
-
${e.map((
|
|
194
|
+
${e.map((o) => l`
|
|
149
195
|
<ag-tag
|
|
150
196
|
removable
|
|
151
|
-
.value=${
|
|
152
|
-
@tag-remove=${() => this._handleTagRemove(
|
|
197
|
+
.value=${o.value}
|
|
198
|
+
@tag-remove=${() => this._handleTagRemove(o)}
|
|
153
199
|
>
|
|
154
|
-
${
|
|
200
|
+
${o.label}
|
|
155
201
|
</ag-tag>
|
|
156
202
|
`)}
|
|
157
203
|
${t > 0 ? l`
|
|
@@ -185,20 +231,20 @@ const g = class g extends _ {
|
|
|
185
231
|
t = this.options;
|
|
186
232
|
}
|
|
187
233
|
this._filteredOptions = t.slice(0, this.maxVisibleOptions), this._filteredOptions.length > 0 ? (this._activeIndex = 0, this._updateAriaActivedescendant(), this._announceOption(this._filteredOptions[0])) : (this._activeIndex = -1, this._announceNoResults());
|
|
188
|
-
const
|
|
234
|
+
const o = new CustomEvent("search", {
|
|
189
235
|
detail: { searchTerm: e },
|
|
190
236
|
bubbles: !0,
|
|
191
237
|
composed: !0
|
|
192
238
|
});
|
|
193
|
-
this.dispatchEvent(
|
|
239
|
+
this.dispatchEvent(o), this.onSearch?.(o);
|
|
194
240
|
}
|
|
195
241
|
_filterStartsWith(e, t) {
|
|
196
|
-
const
|
|
197
|
-
return e.filter((r) => r.label.toLowerCase().startsWith(
|
|
242
|
+
const o = t.toLowerCase();
|
|
243
|
+
return e.filter((r) => r.label.toLowerCase().startsWith(o));
|
|
198
244
|
}
|
|
199
245
|
_filterContains(e, t) {
|
|
200
|
-
const
|
|
201
|
-
return e.filter((r) => r.label.toLowerCase().includes(
|
|
246
|
+
const o = t.toLowerCase();
|
|
247
|
+
return e.filter((r) => r.label.toLowerCase().includes(o));
|
|
202
248
|
}
|
|
203
249
|
_handleInputChange(e) {
|
|
204
250
|
const t = e.target.value;
|
|
@@ -223,7 +269,7 @@ const g = class g extends _ {
|
|
|
223
269
|
e.preventDefault();
|
|
224
270
|
const t = this._selectedOptions[this._selectedOptions.length - 1];
|
|
225
271
|
this._selectedOptions = this._selectedOptions.slice(0, -1), this._selectionChanged();
|
|
226
|
-
const
|
|
272
|
+
const o = new CustomEvent("change", {
|
|
227
273
|
detail: {
|
|
228
274
|
value: this.value,
|
|
229
275
|
option: t
|
|
@@ -231,7 +277,7 @@ const g = class g extends _ {
|
|
|
231
277
|
bubbles: !0,
|
|
232
278
|
composed: !0
|
|
233
279
|
});
|
|
234
|
-
this.dispatchEvent(
|
|
280
|
+
this.dispatchEvent(o), this.onChange?.(o);
|
|
235
281
|
}
|
|
236
282
|
break;
|
|
237
283
|
case "Tab":
|
|
@@ -273,11 +319,11 @@ const g = class g extends _ {
|
|
|
273
319
|
}
|
|
274
320
|
_updateActiveIndex(e) {
|
|
275
321
|
if (this._filteredOptions.length === 0) return;
|
|
276
|
-
let t = this._activeIndex + e,
|
|
322
|
+
let t = this._activeIndex + e, o = 0;
|
|
277
323
|
const r = this._filteredOptions.length;
|
|
278
|
-
for (;
|
|
279
|
-
t += e,
|
|
280
|
-
|
|
324
|
+
for (; o < r && (t < 0 ? t = this._filteredOptions.length - 1 : t >= this._filteredOptions.length && (t = 0), !!this._filteredOptions[t].disabled); )
|
|
325
|
+
t += e, o++;
|
|
326
|
+
o < r && !this._filteredOptions[t].disabled && (this._activeIndex = t, this._updateAriaActivedescendant(), this._scrollOptionIntoView(t), this._announceOption(this._filteredOptions[t]));
|
|
281
327
|
}
|
|
282
328
|
_updateAriaActivedescendant() {
|
|
283
329
|
if (this._activeIndex >= 0 && this._activeIndex < this._filteredOptions.length) {
|
|
@@ -288,15 +334,15 @@ const g = class g extends _ {
|
|
|
288
334
|
}
|
|
289
335
|
_scrollOptionIntoView(e) {
|
|
290
336
|
e < 0 || e >= this._filteredOptions.length || requestAnimationFrame(() => {
|
|
291
|
-
const t = this._getOptionId(e),
|
|
292
|
-
if (
|
|
293
|
-
const r = this._listboxElement.getBoundingClientRect(), n =
|
|
294
|
-
n.bottom > r.bottom ?
|
|
337
|
+
const t = this._getOptionId(e), o = this.shadowRoot?.getElementById(t);
|
|
338
|
+
if (o && this._listboxElement) {
|
|
339
|
+
const r = this._listboxElement.getBoundingClientRect(), n = o.getBoundingClientRect();
|
|
340
|
+
n.bottom > r.bottom ? o.scrollIntoView({ block: "nearest", behavior: "smooth" }) : n.top < r.top && o.scrollIntoView({ block: "nearest", behavior: "smooth" });
|
|
295
341
|
}
|
|
296
342
|
});
|
|
297
343
|
}
|
|
298
344
|
_announceOption(e) {
|
|
299
|
-
const t = this._filteredOptions.indexOf(e),
|
|
345
|
+
const t = this._filteredOptions.indexOf(e), o = this._filteredOptions.length, r = `${e.label}, ${t + 1} of ${o}`;
|
|
300
346
|
this._srAnnouncer && (this._srAnnouncer.textContent = r);
|
|
301
347
|
}
|
|
302
348
|
_announceNoResults() {
|
|
@@ -306,7 +352,7 @@ const g = class g extends _ {
|
|
|
306
352
|
return `${this._listboxId}-option-${e}`;
|
|
307
353
|
}
|
|
308
354
|
_getDescribedBy() {
|
|
309
|
-
return
|
|
355
|
+
return O({
|
|
310
356
|
helperId: this._helpTextId,
|
|
311
357
|
errorId: this._errorTextId,
|
|
312
358
|
hasHelper: !!this.helpText && !this.invalid,
|
|
@@ -316,7 +362,7 @@ const g = class g extends _ {
|
|
|
316
362
|
renderLabel() {
|
|
317
363
|
if (!this.label || this.noLabel) return "";
|
|
318
364
|
const e = [];
|
|
319
|
-
return
|
|
365
|
+
return _(this.labelPosition) ? (e.push("ag-form-control__label--horizontal"), e.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && e.push(`ag-form-control__label--${this.labelPosition}`), l`
|
|
320
366
|
<label
|
|
321
367
|
id=${this._labelId}
|
|
322
368
|
for=${this._comboboxId}
|
|
@@ -328,7 +374,7 @@ const g = class g extends _ {
|
|
|
328
374
|
`;
|
|
329
375
|
}
|
|
330
376
|
render() {
|
|
331
|
-
const e = !this.noLabel && this.label, t = this._getDescribedBy(),
|
|
377
|
+
const e = !this.noLabel && this.label, t = this._getDescribedBy(), o = _(this.labelPosition), r = l`
|
|
332
378
|
|
|
333
379
|
<div
|
|
334
380
|
class="combobox-input-wrapper"
|
|
@@ -458,7 +504,7 @@ const g = class g extends _ {
|
|
|
458
504
|
</div>` : "", c = this.invalid && this.errorMessage ? l`<div id=${this._errorTextId} class="ag-form-control__error">
|
|
459
505
|
${this.errorMessage}
|
|
460
506
|
</div>` : "";
|
|
461
|
-
return
|
|
507
|
+
return o ? l`
|
|
462
508
|
<div class="ag-form-control--horizontal">
|
|
463
509
|
${this.renderLabel()}
|
|
464
510
|
<div class="combobox-wrapper" part="ag-combobox-wrapper">
|
|
@@ -485,7 +531,7 @@ const g = class g extends _ {
|
|
|
485
531
|
}
|
|
486
532
|
};
|
|
487
533
|
g.styles = [
|
|
488
|
-
|
|
534
|
+
I,
|
|
489
535
|
x`
|
|
490
536
|
:host {
|
|
491
537
|
display: block;
|
|
@@ -545,7 +591,7 @@ g.styles = [
|
|
|
545
591
|
}
|
|
546
592
|
|
|
547
593
|
.combobox-input::placeholder {
|
|
548
|
-
color: var(--ag-text-
|
|
594
|
+
color: var(--ag-text-secondary);
|
|
549
595
|
}
|
|
550
596
|
|
|
551
597
|
.combobox-input:disabled {
|
|
@@ -838,139 +884,142 @@ g.styles = [
|
|
|
838
884
|
}
|
|
839
885
|
`
|
|
840
886
|
];
|
|
841
|
-
let
|
|
887
|
+
let i = g;
|
|
842
888
|
s([
|
|
843
889
|
a({ type: Array })
|
|
844
|
-
],
|
|
890
|
+
], i.prototype, "options", 2);
|
|
845
891
|
s([
|
|
846
892
|
a({ type: [String, Array] })
|
|
847
|
-
],
|
|
893
|
+
], i.prototype, "value", 1);
|
|
848
894
|
s([
|
|
849
895
|
a({ type: [String, Array], attribute: "default-value" })
|
|
850
|
-
],
|
|
896
|
+
], i.prototype, "defaultValue", 2);
|
|
851
897
|
s([
|
|
852
898
|
a({ type: String })
|
|
853
|
-
],
|
|
899
|
+
], i.prototype, "placeholder", 2);
|
|
854
900
|
s([
|
|
855
901
|
a({ type: String })
|
|
856
|
-
],
|
|
902
|
+
], i.prototype, "label", 2);
|
|
857
903
|
s([
|
|
858
904
|
a({ type: String, attribute: "label-position" })
|
|
859
|
-
],
|
|
905
|
+
], i.prototype, "labelPosition", 2);
|
|
860
906
|
s([
|
|
861
907
|
a({ type: Boolean, attribute: "label-hidden" })
|
|
862
|
-
],
|
|
908
|
+
], i.prototype, "labelHidden", 2);
|
|
863
909
|
s([
|
|
864
910
|
a({ type: Boolean, attribute: "no-label" })
|
|
865
|
-
],
|
|
911
|
+
], i.prototype, "noLabel", 2);
|
|
866
912
|
s([
|
|
867
913
|
a({ type: String, attribute: "aria-label" })
|
|
868
|
-
],
|
|
914
|
+
], i.prototype, "ariaLabel", 2);
|
|
869
915
|
s([
|
|
870
916
|
a({ type: String, attribute: "help-text" })
|
|
871
|
-
],
|
|
917
|
+
], i.prototype, "helpText", 2);
|
|
872
918
|
s([
|
|
873
919
|
a({ type: String, attribute: "error-message" })
|
|
874
|
-
],
|
|
920
|
+
], i.prototype, "errorMessage", 2);
|
|
875
921
|
s([
|
|
876
922
|
a({ type: String })
|
|
877
|
-
],
|
|
923
|
+
], i.prototype, "id", 2);
|
|
878
924
|
s([
|
|
879
925
|
a({ type: String })
|
|
880
|
-
],
|
|
926
|
+
], i.prototype, "autocomplete", 2);
|
|
881
927
|
s([
|
|
882
928
|
a({ type: String, attribute: "filter-mode" })
|
|
883
|
-
],
|
|
929
|
+
], i.prototype, "filterMode", 2);
|
|
884
930
|
s([
|
|
885
931
|
a({ type: Boolean })
|
|
886
|
-
],
|
|
932
|
+
], i.prototype, "clearable", 2);
|
|
887
933
|
s([
|
|
888
934
|
a({ type: Boolean, reflect: !0 })
|
|
889
|
-
],
|
|
935
|
+
], i.prototype, "disabled", 2);
|
|
890
936
|
s([
|
|
891
937
|
a({ type: Boolean })
|
|
892
|
-
],
|
|
938
|
+
], i.prototype, "readonly", 2);
|
|
893
939
|
s([
|
|
894
940
|
a({ type: Boolean })
|
|
895
|
-
],
|
|
941
|
+
], i.prototype, "required", 2);
|
|
896
942
|
s([
|
|
897
943
|
a({ type: Boolean, reflect: !0 })
|
|
898
|
-
],
|
|
944
|
+
], i.prototype, "invalid", 2);
|
|
899
945
|
s([
|
|
900
946
|
a({ type: String, reflect: !0 })
|
|
901
|
-
],
|
|
947
|
+
], i.prototype, "size", 2);
|
|
902
948
|
s([
|
|
903
949
|
a({ type: String, reflect: !0 })
|
|
904
|
-
],
|
|
950
|
+
], i.prototype, "variant", 2);
|
|
905
951
|
s([
|
|
906
952
|
a({ type: Number, attribute: "max-visible-options" })
|
|
907
|
-
],
|
|
953
|
+
], i.prototype, "maxVisibleOptions", 2);
|
|
908
954
|
s([
|
|
909
955
|
a({ type: Boolean })
|
|
910
|
-
],
|
|
956
|
+
], i.prototype, "closeOnSelect", 2);
|
|
911
957
|
s([
|
|
912
958
|
a({ type: Boolean })
|
|
913
|
-
],
|
|
959
|
+
], i.prototype, "multiple", 2);
|
|
914
960
|
s([
|
|
915
961
|
a({ type: Number, attribute: "max-options-visible" })
|
|
916
|
-
],
|
|
962
|
+
], i.prototype, "maxOptionsVisible", 2);
|
|
917
963
|
s([
|
|
918
964
|
a({ type: Boolean })
|
|
919
|
-
],
|
|
965
|
+
], i.prototype, "loading", 2);
|
|
920
966
|
s([
|
|
921
967
|
a({ type: String, attribute: "loading-text" })
|
|
922
|
-
],
|
|
968
|
+
], i.prototype, "loadingText", 2);
|
|
923
969
|
s([
|
|
924
970
|
a({ type: String, attribute: "no-results-text" })
|
|
925
|
-
],
|
|
971
|
+
], i.prototype, "noResultsText", 2);
|
|
972
|
+
s([
|
|
973
|
+
a({ attribute: !1 })
|
|
974
|
+
], i.prototype, "onChange", 2);
|
|
926
975
|
s([
|
|
927
976
|
a({ attribute: !1 })
|
|
928
|
-
],
|
|
977
|
+
], i.prototype, "onSelect", 2);
|
|
929
978
|
s([
|
|
930
979
|
a({ attribute: !1 })
|
|
931
|
-
],
|
|
980
|
+
], i.prototype, "onSearch", 2);
|
|
932
981
|
s([
|
|
933
982
|
a({ attribute: !1 })
|
|
934
|
-
],
|
|
983
|
+
], i.prototype, "onOpen", 2);
|
|
935
984
|
s([
|
|
936
985
|
a({ attribute: !1 })
|
|
937
|
-
],
|
|
986
|
+
], i.prototype, "onClose", 2);
|
|
938
987
|
s([
|
|
939
988
|
a({ attribute: !1 })
|
|
940
|
-
],
|
|
989
|
+
], i.prototype, "onFocus", 2);
|
|
941
990
|
s([
|
|
942
991
|
a({ attribute: !1 })
|
|
943
|
-
],
|
|
992
|
+
], i.prototype, "onBlur", 2);
|
|
944
993
|
s([
|
|
945
994
|
a({ attribute: !1 })
|
|
946
|
-
],
|
|
995
|
+
], i.prototype, "validationMessages", 2);
|
|
947
996
|
s([
|
|
948
997
|
b()
|
|
949
|
-
],
|
|
998
|
+
], i.prototype, "_open", 2);
|
|
950
999
|
s([
|
|
951
1000
|
b()
|
|
952
|
-
],
|
|
1001
|
+
], i.prototype, "_searchTerm", 2);
|
|
953
1002
|
s([
|
|
954
1003
|
b()
|
|
955
|
-
],
|
|
1004
|
+
], i.prototype, "_filteredOptions", 2);
|
|
956
1005
|
s([
|
|
957
1006
|
b()
|
|
958
|
-
],
|
|
1007
|
+
], i.prototype, "_activeIndex", 2);
|
|
959
1008
|
s([
|
|
960
1009
|
b()
|
|
961
|
-
],
|
|
1010
|
+
], i.prototype, "_selectedOptions", 2);
|
|
962
1011
|
s([
|
|
963
1012
|
b()
|
|
964
|
-
],
|
|
1013
|
+
], i.prototype, "_displayLabel", 2);
|
|
965
1014
|
s([
|
|
966
1015
|
u(".combobox-input")
|
|
967
|
-
],
|
|
1016
|
+
], i.prototype, "_inputElement", 2);
|
|
968
1017
|
s([
|
|
969
1018
|
u(".combobox-listbox")
|
|
970
|
-
],
|
|
1019
|
+
], i.prototype, "_listboxElement", 2);
|
|
971
1020
|
s([
|
|
972
1021
|
u(".combobox-sr-announcer")
|
|
973
|
-
],
|
|
1022
|
+
], i.prototype, "_srAnnouncer", 2);
|
|
974
1023
|
export {
|
|
975
|
-
|
|
1024
|
+
i as AgCombobox
|
|
976
1025
|
};
|
|
@@ -44,8 +44,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
44
44
|
}>> & Readonly<{}>, {
|
|
45
45
|
legend: string;
|
|
46
46
|
bordered: boolean;
|
|
47
|
-
layout: "horizontal" | "vertical";
|
|
48
47
|
legendHidden: boolean;
|
|
48
|
+
layout: "horizontal" | "vertical";
|
|
49
49
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
50
50
|
export default _default;
|
|
51
51
|
//# sourceMappingURL=VueFieldset.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VueIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/vue/VueIcon.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VueIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/vue/VueIcon.vue"],"names":[],"mappings":"AAUA;AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,cAAc,CAAC;AAgBtB,iBAAS,cAAc;qBAyCM,GAAG;EAK/B;AAQD,QAAA,MAAM,eAAe;;;;;;;;;4EAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VueImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/vue/VueImage.vue"],"names":[],"mappings":"AA6BA;AAGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"VueImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/vue/VueImage.vue"],"names":[],"mappings":"AA6BA;AAGA,OAAO,KAAK,EAAW,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAClE,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;CAC3B;AAsDD,iBAAS,cAAc;;;QAiEW,GAAG;;;QACT,GAAG;qBACD,GAAG;EAKhC;AAYD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -12,6 +12,7 @@ export interface InputProps {
|
|
|
12
12
|
labelPosition?: LabelPosition;
|
|
13
13
|
noLabel?: boolean;
|
|
14
14
|
ariaLabel?: string;
|
|
15
|
+
name?: string;
|
|
15
16
|
type?: InputType;
|
|
16
17
|
value?: string;
|
|
17
18
|
placeholder?: string;
|
|
@@ -35,7 +36,8 @@ export interface InputProps {
|
|
|
35
36
|
onFocus?: (event: FocusEvent) => void;
|
|
36
37
|
onBlur?: (event: FocusEvent) => void;
|
|
37
38
|
}
|
|
38
|
-
|
|
39
|
+
declare const AgInput_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
|
|
40
|
+
export declare class AgInput extends AgInput_base implements InputProps {
|
|
39
41
|
static styles: import('lit').CSSResult[];
|
|
40
42
|
private _ids;
|
|
41
43
|
private _inputElement?;
|
|
@@ -93,6 +95,18 @@ export declare class AgInput extends LitElement implements InputProps {
|
|
|
93
95
|
* Select the text in the input
|
|
94
96
|
*/
|
|
95
97
|
select(): void;
|
|
98
|
+
/**
|
|
99
|
+
* FACE lifecycle: called when the parent form is reset.
|
|
100
|
+
* Restores value to empty and clears validity state.
|
|
101
|
+
*/
|
|
102
|
+
formResetCallback(): void;
|
|
103
|
+
/**
|
|
104
|
+
* Sync the inner input's native validity state to ElementInternals.
|
|
105
|
+
* Delegates constraint validation (required, minlength, type=email, etc.)
|
|
106
|
+
* to the inner <input> rather than reimplementing it from scratch.
|
|
107
|
+
* Uses the shared syncInnerInputValidity() helper from face-mixin.ts.
|
|
108
|
+
*/
|
|
109
|
+
private _syncValidity;
|
|
96
110
|
/**
|
|
97
111
|
* Handle slot changes to detect addons
|
|
98
112
|
*/
|
|
@@ -135,9 +149,14 @@ export declare class AgInput extends LitElement implements InputProps {
|
|
|
135
149
|
*/
|
|
136
150
|
private _renderHelper;
|
|
137
151
|
/**
|
|
138
|
-
* Render custom error message for Input
|
|
152
|
+
* Render custom error message for Input.
|
|
153
|
+
* role="alert" + aria-atomic="true" ensures screen readers announce the
|
|
154
|
+
* message immediately when it becomes visible (e.g. after blur or submit).
|
|
155
|
+
* The live region is always in the DOM so ATs register it on page load;
|
|
156
|
+
* content is populated only when invalid so announcements fire on change.
|
|
139
157
|
*/
|
|
140
158
|
private _renderError;
|
|
141
159
|
render(): import('lit').TemplateResult<1>;
|
|
142
160
|
}
|
|
161
|
+
export {};
|
|
143
162
|
//# sourceMappingURL=_Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/core/_Input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"_Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/core/_Input.ts"],"names":[],"mappings":"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"}
|