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,17 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { css as b, html as s, nothing as o, LitElement as v } from "lit";
|
|
2
2
|
import { n as i } from "../../../property-CemaeiRl.js";
|
|
3
|
-
import { r as
|
|
3
|
+
import { r as f } from "../../../state-CovhUvdr.js";
|
|
4
4
|
import { e as y } from "../../../query-BykXNUlT.js";
|
|
5
5
|
import { o as l } from "../../../if-defined-C8i28hSj.js";
|
|
6
6
|
import { hasSlotContent as u } from "../../../utils/slot.js";
|
|
7
7
|
import { formControlStyles as m } from "../../../shared/form-control-styles.js";
|
|
8
8
|
import { createFormControlIds as $, buildAriaDescribedBy as x, isHorizontalLabel as c } from "../../../shared/form-control-utils.js";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
import { FaceMixin as w, syncInnerInputValidity as k } from "../../../shared/face-mixin.js";
|
|
10
|
+
var z = Object.defineProperty, a = (g, t, n, r) => {
|
|
11
|
+
for (var d = void 0, p = g.length - 1, _; p >= 0; p--)
|
|
12
|
+
(_ = g[p]) && (d = _(t, n, d) || d);
|
|
13
|
+
return d && z(t, n, d), d;
|
|
13
14
|
};
|
|
14
|
-
const h = class h extends
|
|
15
|
+
const h = class h extends w(v) {
|
|
15
16
|
constructor() {
|
|
16
17
|
super(), this._ids = $("ag-input"), this._hasLeftAddon = !1, this._hasRightAddon = !1, this.label = "", this.labelHidden = !1, this.labelPosition = "top", this.noLabel = !1, this.ariaLabel = "", this.type = "text", this.value = "", this.placeholder = "", this.rows = 4, this.cols = 50, this.size = "default", this.capsule = !1, this.rounded = !1, this.underlined = !1, this.underlinedWithBackground = !1, this.inline = !1, this.required = !1, this.disabled = !1, this.readonly = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "";
|
|
17
18
|
}
|
|
@@ -51,6 +52,27 @@ const h = class h extends f {
|
|
|
51
52
|
select() {
|
|
52
53
|
this._inputElement?.select();
|
|
53
54
|
}
|
|
55
|
+
// ─── FACE: AgInput-specific overrides ────────────────────────────────────
|
|
56
|
+
// Common boilerplate (formAssociated, _internals, name, form/validity
|
|
57
|
+
// getters, checkValidity, reportValidity, formDisabledCallback) lives in
|
|
58
|
+
// FaceMixin (shared/face-mixin.ts).
|
|
59
|
+
/**
|
|
60
|
+
* FACE lifecycle: called when the parent form is reset.
|
|
61
|
+
* Restores value to empty and clears validity state.
|
|
62
|
+
*/
|
|
63
|
+
formResetCallback() {
|
|
64
|
+
this.value = "", this._internals.setFormValue(""), this._internals.setValidity({});
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Sync the inner input's native validity state to ElementInternals.
|
|
68
|
+
* Delegates constraint validation (required, minlength, type=email, etc.)
|
|
69
|
+
* to the inner <input> rather than reimplementing it from scratch.
|
|
70
|
+
* Uses the shared syncInnerInputValidity() helper from face-mixin.ts.
|
|
71
|
+
*/
|
|
72
|
+
_syncValidity() {
|
|
73
|
+
k(this._internals, this._inputElement);
|
|
74
|
+
}
|
|
75
|
+
// ─── End FACE ─────────────────────────────────────────────────────────────
|
|
54
76
|
/**
|
|
55
77
|
* Handle slot changes to detect addons
|
|
56
78
|
*/
|
|
@@ -63,14 +85,14 @@ const h = class h extends f {
|
|
|
63
85
|
*/
|
|
64
86
|
_handleInput(t) {
|
|
65
87
|
const n = t.target;
|
|
66
|
-
this.value = n.value, this.onInput && this.onInput(t);
|
|
88
|
+
this.value = n.value, this._internals.setFormValue(this.value), this._syncValidity(), this.onInput && this.onInput(t);
|
|
67
89
|
}
|
|
68
90
|
/**
|
|
69
91
|
* Handle change events
|
|
70
92
|
*/
|
|
71
93
|
_handleChange(t) {
|
|
72
94
|
const n = t.target;
|
|
73
|
-
this.value = n.value, this.onChange && this.onChange(t);
|
|
95
|
+
this.value = n.value, this._internals.setFormValue(this.value), this._syncValidity(), this.onChange && this.onChange(t);
|
|
74
96
|
}
|
|
75
97
|
/**
|
|
76
98
|
* Handle focus events
|
|
@@ -118,7 +140,7 @@ const h = class h extends f {
|
|
|
118
140
|
*/
|
|
119
141
|
_renderInputElement() {
|
|
120
142
|
const t = this.type === "textarea", n = this._getAriaDescribedBy(), r = [];
|
|
121
|
-
return n && r.push(n), t ?
|
|
143
|
+
return n && r.push(n), t ? s`
|
|
122
144
|
<textarea
|
|
123
145
|
id="${this._ids.inputId}"
|
|
124
146
|
part="ag-textarea"
|
|
@@ -140,7 +162,7 @@ const h = class h extends f {
|
|
|
140
162
|
@focus=${this._handleFocus}
|
|
141
163
|
@blur=${this._handleBlur}
|
|
142
164
|
></textarea>
|
|
143
|
-
` :
|
|
165
|
+
` : s`
|
|
144
166
|
<input
|
|
145
167
|
type="${this.type}"
|
|
146
168
|
id="${this._ids.inputId}"
|
|
@@ -164,9 +186,9 @@ const h = class h extends f {
|
|
|
164
186
|
`;
|
|
165
187
|
}
|
|
166
188
|
firstUpdated() {
|
|
167
|
-
setTimeout(() => {
|
|
168
|
-
const t = this.shadowRoot?.querySelector('slot[name="addon-left"]'), n = this.shadowRoot?.querySelector('slot[name="addon-right"]'), r = this._hasLeftAddon,
|
|
169
|
-
this._hasLeftAddon = u(t), this._hasRightAddon = u(n), (r !== this._hasLeftAddon ||
|
|
189
|
+
this._internals.setFormValue(this.value ?? ""), this._syncValidity(), setTimeout(() => {
|
|
190
|
+
const t = this.shadowRoot?.querySelector('slot[name="addon-left"]'), n = this.shadowRoot?.querySelector('slot[name="addon-right"]'), r = this._hasLeftAddon, d = this._hasRightAddon;
|
|
191
|
+
this._hasLeftAddon = u(t), this._hasRightAddon = u(n), (r !== this._hasLeftAddon || d !== this._hasRightAddon) && this.requestUpdate();
|
|
170
192
|
}, 0);
|
|
171
193
|
}
|
|
172
194
|
/**
|
|
@@ -175,7 +197,7 @@ const h = class h extends f {
|
|
|
175
197
|
_renderLabel() {
|
|
176
198
|
if (!this.label || this.noLabel) return o;
|
|
177
199
|
const t = [];
|
|
178
|
-
return c(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`), t.push("ag-input__label--horizontal"), t.push(`ag-input__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && (t.push(`ag-form-control__label--${this.labelPosition}`), t.push(`ag-input__label--${this.labelPosition}`)),
|
|
200
|
+
return c(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`), t.push("ag-input__label--horizontal"), t.push(`ag-input__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && (t.push(`ag-form-control__label--${this.labelPosition}`), t.push(`ag-input__label--${this.labelPosition}`)), s`
|
|
179
201
|
<label
|
|
180
202
|
id="${this._ids.labelId}"
|
|
181
203
|
for="${this._ids.inputId}"
|
|
@@ -183,7 +205,7 @@ const h = class h extends f {
|
|
|
183
205
|
part="ag-input-label"
|
|
184
206
|
>
|
|
185
207
|
${this.label}
|
|
186
|
-
${this.required ?
|
|
208
|
+
${this.required ? s`
|
|
187
209
|
<span class="ag-form-control__required ag-input__required" part="ag-input-required" aria-hidden="true">*</span>
|
|
188
210
|
` : o}
|
|
189
211
|
</label>
|
|
@@ -193,7 +215,7 @@ const h = class h extends f {
|
|
|
193
215
|
* Render custom helper text for Input
|
|
194
216
|
*/
|
|
195
217
|
_renderHelper() {
|
|
196
|
-
return this.helpText ?
|
|
218
|
+
return this.helpText ? s`
|
|
197
219
|
<div
|
|
198
220
|
id="${this._ids.helperId}"
|
|
199
221
|
class="ag-form-control__helper ag-input__help"
|
|
@@ -204,14 +226,20 @@ const h = class h extends f {
|
|
|
204
226
|
` : o;
|
|
205
227
|
}
|
|
206
228
|
/**
|
|
207
|
-
* Render custom error message for Input
|
|
229
|
+
* Render custom error message for Input.
|
|
230
|
+
* role="alert" + aria-atomic="true" ensures screen readers announce the
|
|
231
|
+
* message immediately when it becomes visible (e.g. after blur or submit).
|
|
232
|
+
* The live region is always in the DOM so ATs register it on page load;
|
|
233
|
+
* content is populated only when invalid so announcements fire on change.
|
|
208
234
|
*/
|
|
209
235
|
_renderError() {
|
|
210
|
-
return
|
|
236
|
+
return s`
|
|
211
237
|
<div
|
|
212
238
|
id="${this._ids.errorId}"
|
|
213
239
|
class="ag-form-control__error ag-input__error"
|
|
214
240
|
part="ag-input-error"
|
|
241
|
+
role="alert"
|
|
242
|
+
aria-atomic="true"
|
|
215
243
|
?hidden="${!this.invalid || !this.errorMessage}"
|
|
216
244
|
>
|
|
217
245
|
${this.errorMessage || ""}
|
|
@@ -221,60 +249,60 @@ const h = class h extends f {
|
|
|
221
249
|
render() {
|
|
222
250
|
const t = this._hasLeftAddon || this._hasRightAddon, n = c(this.labelPosition), r = ["ag-input"];
|
|
223
251
|
this.size === "small" && r.push("ag-input--small"), this.size === "large" && r.push("ag-input--large"), this.rounded && r.push("ag-input--rounded"), this.underlined && r.push("ag-input--underlined"), this.underlinedWithBackground && r.push("ag-input--underlined-with-background");
|
|
224
|
-
const
|
|
252
|
+
const d = t ? s`
|
|
225
253
|
<div class="ag-input__field" part="ag-input-field-wrapper">
|
|
226
|
-
${this._hasLeftAddon ?
|
|
254
|
+
${this._hasLeftAddon ? s`
|
|
227
255
|
<div class="ag-input__addon ag-input__addon--left" part="ag-input-addon-left">
|
|
228
256
|
<slot name="addon-left" @slotchange=${this._handleSlotChange}></slot>
|
|
229
257
|
</div>
|
|
230
|
-
` :
|
|
258
|
+
` : s`
|
|
231
259
|
<slot name="addon-left" @slotchange=${this._handleSlotChange} style="display: none;"></slot>
|
|
232
260
|
`}
|
|
233
261
|
|
|
234
262
|
${this._renderInputElement()}
|
|
235
263
|
|
|
236
|
-
${this._hasRightAddon ?
|
|
264
|
+
${this._hasRightAddon ? s`
|
|
237
265
|
<div class="ag-input__addon ag-input__addon--right" part="ag-input-addon-right">
|
|
238
266
|
<slot name="addon-right" @slotchange=${this._handleSlotChange}></slot>
|
|
239
267
|
</div>
|
|
240
|
-
` :
|
|
268
|
+
` : s`
|
|
241
269
|
<slot name="addon-right" @slotchange=${this._handleSlotChange} style="display: none;"></slot>
|
|
242
270
|
`}
|
|
243
271
|
</div>
|
|
244
|
-
` :
|
|
272
|
+
` : s`
|
|
245
273
|
${this._renderInputElement()}
|
|
246
274
|
<slot name="addon-left" @slotchange=${this._handleSlotChange} style="display: none;"></slot>
|
|
247
275
|
<slot name="addon-right" @slotchange=${this._handleSlotChange} style="display: none;"></slot>
|
|
248
276
|
`;
|
|
249
|
-
return n ?
|
|
277
|
+
return n ? s`
|
|
250
278
|
<div class="${r.join(" ")}" part="ag-input-wrapper">
|
|
251
279
|
<div class="ag-form-control--horizontal">
|
|
252
280
|
${this._renderLabel()}
|
|
253
|
-
${
|
|
281
|
+
${d}
|
|
254
282
|
</div>
|
|
255
283
|
${this.helpText ? this._renderHelper() : o}
|
|
256
284
|
${this._renderError()}
|
|
257
285
|
</div>
|
|
258
|
-
` : this.labelPosition === "bottom" ?
|
|
286
|
+
` : this.labelPosition === "bottom" ? s`
|
|
259
287
|
<div class="${r.join(" ")}" part="ag-input-wrapper">
|
|
260
|
-
${
|
|
288
|
+
${d}
|
|
261
289
|
${this.helpText ? this._renderHelper() : o}
|
|
262
290
|
${this._renderError()}
|
|
263
291
|
${this._renderLabel()}
|
|
264
292
|
</div>
|
|
265
|
-
` :
|
|
293
|
+
` : s`
|
|
266
294
|
<div class="${r.join(" ")}" part="ag-input-wrapper">
|
|
267
295
|
${this._renderLabel()}
|
|
268
296
|
${this.helpText ? this._renderHelper() : o}
|
|
269
297
|
${this._renderError()}
|
|
270
|
-
${
|
|
298
|
+
${d}
|
|
271
299
|
</div>
|
|
272
300
|
`;
|
|
273
301
|
}
|
|
274
302
|
};
|
|
275
303
|
h.styles = [
|
|
276
304
|
m,
|
|
277
|
-
|
|
305
|
+
b`
|
|
278
306
|
:host {
|
|
279
307
|
display: block;
|
|
280
308
|
}
|
|
@@ -314,7 +342,7 @@ h.styles = [
|
|
|
314
342
|
box-sizing: border-box;
|
|
315
343
|
width: 100%;
|
|
316
344
|
padding: var(--ag-space-2) var(--ag-space-3);
|
|
317
|
-
font-size: var(--ag-font-size-
|
|
345
|
+
font-size: var(--ag-font-size-sm);
|
|
318
346
|
line-height: var(--ag-line-height-base);
|
|
319
347
|
color: var(--ag-text-primary);
|
|
320
348
|
background-color: var(--ag-background-primary);
|
|
@@ -325,6 +353,7 @@ h.styles = [
|
|
|
325
353
|
|
|
326
354
|
.ag-input__input::placeholder,
|
|
327
355
|
.ag-input__textarea::placeholder {
|
|
356
|
+
font-size: var(--ag-font-size-sm);
|
|
328
357
|
color: var(--ag-text-muted);
|
|
329
358
|
opacity: 1;
|
|
330
359
|
}
|
|
@@ -414,6 +443,13 @@ h.styles = [
|
|
|
414
443
|
border: 1px solid var(--ag-border-subtle);
|
|
415
444
|
}
|
|
416
445
|
|
|
446
|
+
/* Ensure nested content (icons, svgs) is also centered */
|
|
447
|
+
.ag-input__addon ::slotted(*) {
|
|
448
|
+
display: flex;
|
|
449
|
+
align-items: center;
|
|
450
|
+
justify-content: center;
|
|
451
|
+
}
|
|
452
|
+
|
|
417
453
|
.ag-input__addon--left {
|
|
418
454
|
border-inline-end: 0;
|
|
419
455
|
border-radius: var(--ag-radius-md) 0 0 var(--ag-radius-md);
|
|
@@ -592,10 +628,10 @@ a([
|
|
|
592
628
|
i({ attribute: !1 })
|
|
593
629
|
], e.prototype, "onBlur");
|
|
594
630
|
a([
|
|
595
|
-
|
|
631
|
+
f()
|
|
596
632
|
], e.prototype, "_hasLeftAddon");
|
|
597
633
|
a([
|
|
598
|
-
|
|
634
|
+
f()
|
|
599
635
|
], e.prototype, "_hasRightAddon");
|
|
600
636
|
export {
|
|
601
637
|
e as AgInput
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VueInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/vue/VueInput.vue"],"names":[],"mappings":"AA2CA;
|
|
1
|
+
{"version":3,"file":"VueInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/vue/VueInput.vue"],"names":[],"mappings":"AA2CA;AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,eAAe,CAAC;AAEvB;;;;;GAKG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,UAAU,EACV,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAC1D;CAAG;AAwFN,iBAAS,cAAc;0BAsFY,GAAG;2BACF,GAAG;EAGtC;AAcD,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/core/_Link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,EAAE,CAAC;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,MAAO,SAAQ,UAAW,YAAW,SAAS;IACzD,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"_Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/core/_Link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,EAAE,CAAC;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,MAAO,SAAQ,UAAW,YAAW,SAAS;IACzD,MAAM,CAAC,MAAM,0BA4RX;IAEF;;OAEG;IAEK,IAAI,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEK,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IAElF;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEvD;;OAEG;IAEK,WAAW,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,EAAE,CAAC;IAEzF;;OAEG;IAEK,cAAc,EAAE,OAAO,CAAC;IAEhC;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,SAAS,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;;IAe7C;;;OAGG;IACH,SAAS,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAkBjE,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,WAAW;IAcnB;;OAEG;IACH,KAAK;IAOL;;OAEG;IACH,IAAI;IAOJ,MAAM;CA8BP"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { defineComponent as l, ref as u, onMounted as o, watchEffect as r, createElementBlock as
|
|
1
|
+
import { defineComponent as l, ref as u, onMounted as o, watchEffect as r, createElementBlock as i, openBlock as d, renderSlot as f } from "vue";
|
|
2
|
+
import "../core/Link.js";
|
|
2
3
|
import { _ as s } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
4
|
const c = l({
|
|
4
5
|
name: "VueLink",
|
|
@@ -52,12 +53,12 @@ const c = l({
|
|
|
52
53
|
};
|
|
53
54
|
}
|
|
54
55
|
}), v = { ref: "agComponent" };
|
|
55
|
-
function b(t, n, e, a,
|
|
56
|
-
return
|
|
56
|
+
function b(t, n, e, a, p, B) {
|
|
57
|
+
return d(), i("ag-link", v, [
|
|
57
58
|
f(t.$slots, "default")
|
|
58
59
|
], 512);
|
|
59
60
|
}
|
|
60
|
-
const
|
|
61
|
+
const h = /* @__PURE__ */ s(c, [["render", b]]);
|
|
61
62
|
export {
|
|
62
|
-
|
|
63
|
+
h as default
|
|
63
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VueLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/vue/VueLink.vue"],"names":[],"mappings":"AAKA;AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;;;
|
|
1
|
+
{"version":3,"file":"VueLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/vue/VueLink.vue"],"names":[],"mappings":"AAKA;AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,cAAc,CAAC;;;;;;;cAUA,MACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,EAAE;;;;;;;;cAQU,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;;;cAIxC,MACZ,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;cAxBU,MACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,EAAE;;;;;;;;cAQU,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;;;cAIxC,MACZ,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhCZ,wBAoFG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as a, _ as o } from "../../../VueMenu.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _ as a, _ as o } from "../../../VueMenu.vue_vue_type_script_setup_true_lang-BXc7397e.js";
|
|
2
2
|
import { _ as t } from "../../../VueMenuItem.vue_vue_type_script_setup_true_lang-CXdZ61KO.js";
|
|
3
3
|
import { _ as m } from "../../../VueMenuSeparator.vue_vue_type_script_setup_true_lang-BDuO4gJE.js";
|
|
4
4
|
export {
|
|
@@ -96,7 +96,6 @@ export declare class Pagination extends LitElement implements PaginationProps {
|
|
|
96
96
|
onPageChange?: (event: PageChangeEvent) => void;
|
|
97
97
|
constructor();
|
|
98
98
|
get _pages(): PageArrayItem[];
|
|
99
|
-
updated(changedProperties: Map<string, unknown>): void;
|
|
100
99
|
private _generatePages;
|
|
101
100
|
private _getPaddedArray;
|
|
102
101
|
private _generatePagingPaddedByOne;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/core/_Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;AACrC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,EAAE,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC;AAClC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAW,YAAW,eAAe;IAE3D,OAAO,EAAE,MAAM,CAAC;IAGhB,UAAU,EAAE,MAAM,CAAC;IAGnB,MAAM,EAAE,gBAAgB,CAAC;IAGzB,OAAO,EAAE,iBAAiB,CAAC;IAG3B,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,mBAAmB,EAAE,OAAO,CAAC;IAG7B,gBAAgB,EAAE,gBAAgB,CAAC;IAGnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;;IAmBxD,IAAI,MAAM,IAAI,aAAa,EAAE,CAE5B;IAED,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"_Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/core/_Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;AACrC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,EAAE,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC;AAClC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAW,YAAW,eAAe;IAE3D,OAAO,EAAE,MAAM,CAAC;IAGhB,UAAU,EAAE,MAAM,CAAC;IAGnB,MAAM,EAAE,gBAAgB,CAAC;IAGzB,OAAO,EAAE,iBAAiB,CAAC;IAG3B,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,mBAAmB,EAAE,OAAO,CAAC;IAG7B,gBAAgB,EAAE,gBAAgB,CAAC;IAGnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;;IAmBxD,IAAI,MAAM,IAAI,aAAa,EAAE,CAE5B;IAED,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,0BAA0B;IAkBlC,OAAO,CAAC,0BAA0B;IA4BlC,OAAO,CAAC,iBAAiB;IAsCzB,OAAO,CAAC,gBAAgB;IAaxB,MAAM,CAAC,MAAM,0BA6GX;IAEF,MAAM;CAsIP"}
|
|
@@ -17,14 +17,6 @@ const u = class u extends b {
|
|
|
17
17
|
get _pages() {
|
|
18
18
|
return this._generatePages();
|
|
19
19
|
}
|
|
20
|
-
updated(t) {
|
|
21
|
-
(t.has("current") || t.has("totalPages") || t.has("offset")) && this.updateComplete.then(() => {
|
|
22
|
-
const i = this.shadowRoot?.querySelector(
|
|
23
|
-
`button[data-page="${this.current}"]`
|
|
24
|
-
);
|
|
25
|
-
i && i.focus();
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
20
|
_generatePages() {
|
|
29
21
|
return this.totalPages <= 1 ? [1] : this.offset === 1 ? this._generatePagingPaddedByOne(this.current, this.totalPages) : this._generatePagingPaddedByTwo(this.current, this.totalPages);
|
|
30
22
|
}
|
|
@@ -66,7 +58,12 @@ const u = class u extends b {
|
|
|
66
58
|
bubbles: !0,
|
|
67
59
|
composed: !0
|
|
68
60
|
});
|
|
69
|
-
this.dispatchEvent(e), this.onPageChange && this.onPageChange(e)
|
|
61
|
+
this.dispatchEvent(e), this.onPageChange && this.onPageChange(e), this.updateComplete.then(() => {
|
|
62
|
+
const a = this.shadowRoot?.querySelector(
|
|
63
|
+
`button[data-page="${this.current}"]`
|
|
64
|
+
);
|
|
65
|
+
a && a.focus();
|
|
66
|
+
});
|
|
70
67
|
}
|
|
71
68
|
_getJustifyClass() {
|
|
72
69
|
switch (this.justify) {
|
|
@@ -18,35 +18,35 @@ export interface RadioProps {
|
|
|
18
18
|
/**
|
|
19
19
|
* Name attribute for the radio input (required for grouping)
|
|
20
20
|
*/
|
|
21
|
-
name
|
|
21
|
+
name?: string;
|
|
22
22
|
/**
|
|
23
23
|
* Value of the radio input
|
|
24
24
|
*/
|
|
25
|
-
value
|
|
25
|
+
value?: string;
|
|
26
26
|
/**
|
|
27
27
|
* Whether the radio is checked
|
|
28
28
|
*/
|
|
29
|
-
checked
|
|
29
|
+
checked?: boolean;
|
|
30
30
|
/**
|
|
31
31
|
* Whether the radio is disabled
|
|
32
32
|
*/
|
|
33
|
-
disabled
|
|
33
|
+
disabled?: boolean;
|
|
34
34
|
/**
|
|
35
35
|
* Size of the radio button
|
|
36
36
|
*/
|
|
37
|
-
size
|
|
37
|
+
size?: RadioSize;
|
|
38
38
|
/**
|
|
39
39
|
* Color theme variant
|
|
40
40
|
*/
|
|
41
|
-
theme
|
|
41
|
+
theme?: RadioTheme;
|
|
42
42
|
/**
|
|
43
43
|
* Label text for the radio button (internal label that wraps the radio)
|
|
44
44
|
*/
|
|
45
|
-
labelText
|
|
45
|
+
labelText?: string;
|
|
46
46
|
/**
|
|
47
47
|
* Position of labelText relative to radio (end = after radio, start = before radio)
|
|
48
48
|
*/
|
|
49
|
-
labelPosition
|
|
49
|
+
labelPosition?: 'end' | 'start';
|
|
50
50
|
/**
|
|
51
51
|
* Optional external label displayed above the radio (useful for groups or standalone with context)
|
|
52
52
|
*/
|
|
@@ -84,9 +84,9 @@ export interface RadioProps {
|
|
|
84
84
|
*/
|
|
85
85
|
onChange?: (event: RadioChangeEvent) => void;
|
|
86
86
|
}
|
|
87
|
-
|
|
87
|
+
declare const AgRadio_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
|
|
88
|
+
export declare class AgRadio extends AgRadio_base implements RadioProps {
|
|
88
89
|
static styles: import('lit').CSSResult[];
|
|
89
|
-
name: string;
|
|
90
90
|
value: string;
|
|
91
91
|
checked: boolean;
|
|
92
92
|
disabled: boolean;
|
|
@@ -102,8 +102,52 @@ export declare class AgRadio extends LitElement implements RadioProps {
|
|
|
102
102
|
errorMessage: string;
|
|
103
103
|
helpText: string;
|
|
104
104
|
private _ids;
|
|
105
|
+
private inputRef?;
|
|
105
106
|
onClick?: (event: MouseEvent) => void;
|
|
106
107
|
onChange?: (event: RadioChangeEvent) => void;
|
|
108
|
+
/**
|
|
109
|
+
* Sync the form value to ElementInternals.
|
|
110
|
+
* Submits this radio's value when checked, or null when unchecked.
|
|
111
|
+
* Each radio in the group reports independently; only the checked one
|
|
112
|
+
* contributes a value, matching native radio behavior.
|
|
113
|
+
*/
|
|
114
|
+
private _syncFormValue;
|
|
115
|
+
/**
|
|
116
|
+
* Returns true if any ag-radio in this named group is checked.
|
|
117
|
+
* Uses the same DOM-traversal logic as uncheckOtherRadiosInGroup so it
|
|
118
|
+
* works whether the radios are in the document or nested inside a shadow root.
|
|
119
|
+
*/
|
|
120
|
+
private _isGroupChecked;
|
|
121
|
+
/**
|
|
122
|
+
* Sync validity to ElementInternals.
|
|
123
|
+
*
|
|
124
|
+
* Shadow DOM isolation prevents the inner <input type="radio"> from seeing
|
|
125
|
+
* sibling ag-radio elements in separate shadow trees, so native delegation
|
|
126
|
+
* would report each unchecked required radio as invalid individually.
|
|
127
|
+
* Instead we query the DOM directly: a required radio group is valid when
|
|
128
|
+
* ANY radio with the same name is checked.
|
|
129
|
+
*/
|
|
130
|
+
private _syncValidity;
|
|
131
|
+
/**
|
|
132
|
+
* FACE lifecycle: called when the parent form is reset.
|
|
133
|
+
* Restores checked to false and clears the form value.
|
|
134
|
+
*/
|
|
135
|
+
formResetCallback(): void;
|
|
136
|
+
/**
|
|
137
|
+
* Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
|
|
138
|
+
*
|
|
139
|
+
* Must be called AFTER _syncValidity() so that :state(invalid) reads the
|
|
140
|
+
* freshly-updated _internals.validity.valid value.
|
|
141
|
+
*
|
|
142
|
+
* Exposed states:
|
|
143
|
+
* :state(checked) — this radio is selected
|
|
144
|
+
* :state(disabled) — radio is disabled
|
|
145
|
+
* :state(required) — radio is required
|
|
146
|
+
* :state(invalid) — FACE constraint validation is failing
|
|
147
|
+
*/
|
|
148
|
+
private _syncStates;
|
|
149
|
+
firstUpdated(): void;
|
|
150
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
107
151
|
private handleClick;
|
|
108
152
|
private handleKeyDown;
|
|
109
153
|
private getRadiosInGroup;
|
|
@@ -127,4 +171,5 @@ export declare class AgRadio extends LitElement implements RadioProps {
|
|
|
127
171
|
private _getAriaDescribedBy;
|
|
128
172
|
render(): import('lit').TemplateResult<1>;
|
|
129
173
|
}
|
|
174
|
+
export {};
|
|
130
175
|
//# sourceMappingURL=_Radio.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/core/_Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"_Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/core/_Radio.ts"],"names":[],"mappings":"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"}
|