agnosticui-core 2.0.0-alpha.27 → 2.0.0-alpha.29
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/dist/{VueInput.vue_vue_type_script_setup_true_lang-OaEusUSs.js → VueInput.vue_vue_type_script_setup_true_lang-BdQaWK_o.js} +15 -12
- package/dist/components/Badge/core/_Badge.js +1 -1
- package/dist/components/Breadcrumb/core/_Breadcrumb.js +1 -1
- package/dist/components/Collapsible/core/_Collapsible.js +1 -1
- package/dist/components/IconButton/core/_IconButton.js +1 -1
- package/dist/components/Input/core/_Input.d.ts.map +1 -1
- package/dist/components/Input/core/_Input.js +11 -11
- 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/Menu/core/_Menu.js +1 -1
- package/package.json +1 -1
- package/src/components/Badge/core/_Badge.ts +1 -1
- package/src/components/Breadcrumb/core/_Breadcrumb.ts +1 -1
- package/src/components/Collapsible/core/_Collapsible.ts +1 -1
- package/src/components/IconButton/core/_IconButton.ts +1 -1
- package/src/components/Input/core/_Input.ts +5 -0
- package/src/components/Input/vue/VueInput.vue +3 -0
- package/src/components/Menu/core/_Menu.ts +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as b, createElementBlock as n, openBlock as d, mergeProps as
|
|
1
|
+
import { defineComponent as b, createElementBlock as n, openBlock as d, mergeProps as m, createCommentVNode as o, renderSlot as i } from "vue";
|
|
2
2
|
import "./components/Input/core/Input.js";
|
|
3
|
-
const
|
|
3
|
+
const y = ["name", ".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".underlined", ".underlinedWithBackground", ".inline", ".required", ".disabled", ".readonly", ".invalid", "type", "placeholder", "label", "labelPosition", "ariaLabel", "helpText", "errorMessage", "size", "rows", "cols", "min", "max"], g = {
|
|
4
4
|
key: 0,
|
|
5
5
|
slot: "addon-left"
|
|
6
6
|
}, B = {
|
|
@@ -36,10 +36,10 @@ const g = ["name", ".value", ".labelHidden", ".noLabel", ".capsule", ".rounded",
|
|
|
36
36
|
helpText: { default: "" }
|
|
37
37
|
},
|
|
38
38
|
emits: ["click", "input", "change", "focus", "blur", "update:value"],
|
|
39
|
-
setup(e, { emit:
|
|
40
|
-
const a =
|
|
39
|
+
setup(e, { emit: u }) {
|
|
40
|
+
const a = u, s = (l) => {
|
|
41
41
|
a("click", l);
|
|
42
|
-
},
|
|
42
|
+
}, r = (l) => {
|
|
43
43
|
a("input", l);
|
|
44
44
|
const t = l.target;
|
|
45
45
|
a("update:value", t.value);
|
|
@@ -50,7 +50,7 @@ const g = ["name", ".value", ".labelHidden", ".noLabel", ".capsule", ".rounded",
|
|
|
50
50
|
}, h = (l) => {
|
|
51
51
|
a("blur", l);
|
|
52
52
|
};
|
|
53
|
-
return (l, t) => (d(), n("ag-input",
|
|
53
|
+
return (l, t) => (d(), n("ag-input", m({
|
|
54
54
|
name: e.name,
|
|
55
55
|
".value": e.value,
|
|
56
56
|
".labelHidden": e.labelHidden,
|
|
@@ -67,25 +67,28 @@ const g = ["name", ".value", ".labelHidden", ".noLabel", ".capsule", ".rounded",
|
|
|
67
67
|
type: e.type,
|
|
68
68
|
placeholder: e.placeholder,
|
|
69
69
|
label: e.label,
|
|
70
|
+
labelPosition: e.labelPosition,
|
|
70
71
|
ariaLabel: e.ariaLabel,
|
|
71
72
|
helpText: e.helpText,
|
|
72
73
|
errorMessage: e.errorMessage,
|
|
73
74
|
size: e.size,
|
|
74
75
|
rows: e.rows,
|
|
75
76
|
cols: e.cols,
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
min: e.min,
|
|
78
|
+
max: e.max,
|
|
79
|
+
onClick: s,
|
|
80
|
+
onInput: r,
|
|
78
81
|
onChange: c,
|
|
79
82
|
onFocus: f,
|
|
80
83
|
onBlur: h
|
|
81
84
|
}, l.$attrs), [
|
|
82
|
-
l.$slots["addon-left"] ? (d(), n("span",
|
|
83
|
-
|
|
85
|
+
l.$slots["addon-left"] ? (d(), n("span", g, [
|
|
86
|
+
i(l.$slots, "addon-left")
|
|
84
87
|
])) : o("", !0),
|
|
85
88
|
l.$slots["addon-right"] ? (d(), n("span", B, [
|
|
86
|
-
|
|
89
|
+
i(l.$slots, "addon-right")
|
|
87
90
|
])) : o("", !0)
|
|
88
|
-
], 48,
|
|
91
|
+
], 48, y));
|
|
89
92
|
}
|
|
90
93
|
});
|
|
91
94
|
export {
|
|
@@ -156,7 +156,7 @@ d.styles = v`
|
|
|
156
156
|
filter: brightness(1.1);
|
|
157
157
|
}
|
|
158
158
|
:host([interactive]) .badge:focus-visible {
|
|
159
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
159
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
160
160
|
outline-offset: var(--ag-focus-offset);
|
|
161
161
|
}
|
|
162
162
|
:host([single-char]) .badge {
|
|
@@ -133,7 +133,7 @@ l.styles = h`
|
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
summary:focus-visible {
|
|
136
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
136
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
137
137
|
outline-offset: var(--ag-focus-offset);
|
|
138
138
|
transition: outline var(--ag-motion-medium) ease;
|
|
139
139
|
}
|
|
@@ -194,7 +194,7 @@ c.styles = u`
|
|
|
194
194
|
|
|
195
195
|
/* Focus state - High contrast, color-independent */
|
|
196
196
|
button:focus-visible {
|
|
197
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
197
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
198
198
|
outline-offset: var(--ag-focus-offset);
|
|
199
199
|
}
|
|
200
200
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/core/_Input.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"_Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/core/_Input.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { LitElement as c, css as
|
|
1
|
+
import { LitElement as c, css as v, html as s, nothing as l } from "lit";
|
|
2
2
|
import { n as i } from "../../../property-CemaeiRl.js";
|
|
3
|
-
import { r as
|
|
4
|
-
import { e as
|
|
3
|
+
import { r as f } from "../../../state-CovhUvdr.js";
|
|
4
|
+
import { e as y } from "../../../query-BykXNUlT.js";
|
|
5
5
|
import { o } 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
|
-
import { createFormControlIds as $, buildAriaDescribedBy as x, isHorizontalLabel as
|
|
8
|
+
import { createFormControlIds as $, buildAriaDescribedBy as x, isHorizontalLabel as b } from "../../../shared/form-control-utils.js";
|
|
9
9
|
import { FaceMixin as w, syncInnerInputValidity as k } from "../../../shared/face-mixin.js";
|
|
10
10
|
var S = Object.defineProperty, a = (g, t, n, r) => {
|
|
11
11
|
for (var d = void 0, p = g.length - 1, _; p >= 0; p--)
|
|
@@ -102,7 +102,7 @@ const h = class h extends w(c) {
|
|
|
102
102
|
*/
|
|
103
103
|
_handleChange(t) {
|
|
104
104
|
const n = t.target;
|
|
105
|
-
this.value = n.value, this._internals.setFormValue(this.value), this._syncValidity(), this.onChange && this.onChange(t);
|
|
105
|
+
this.value = n.value, this._internals.setFormValue(this.value), this._syncValidity(), this.onChange && this.onChange(t), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
106
106
|
}
|
|
107
107
|
/**
|
|
108
108
|
* Handle focus events
|
|
@@ -215,7 +215,7 @@ const h = class h extends w(c) {
|
|
|
215
215
|
_renderLabel() {
|
|
216
216
|
if (!this.label || this.noLabel) return l;
|
|
217
217
|
const t = [];
|
|
218
|
-
return
|
|
218
|
+
return b(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`
|
|
219
219
|
<label
|
|
220
220
|
id="${this._ids.labelId}"
|
|
221
221
|
for="${this._ids.inputId}"
|
|
@@ -265,7 +265,7 @@ const h = class h extends w(c) {
|
|
|
265
265
|
`;
|
|
266
266
|
}
|
|
267
267
|
render() {
|
|
268
|
-
const t = this._hasLeftAddon || this._hasRightAddon, n =
|
|
268
|
+
const t = this._hasLeftAddon || this._hasRightAddon, n = b(this.labelPosition), r = ["ag-input"];
|
|
269
269
|
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");
|
|
270
270
|
const d = t ? s`
|
|
271
271
|
<div class="ag-input__field" part="ag-input-field-wrapper">
|
|
@@ -323,7 +323,7 @@ h.shadowRootOptions = {
|
|
|
323
323
|
delegatesFocus: !0
|
|
324
324
|
}, h.styles = [
|
|
325
325
|
m,
|
|
326
|
-
|
|
326
|
+
v`
|
|
327
327
|
:host {
|
|
328
328
|
display: block;
|
|
329
329
|
}
|
|
@@ -565,7 +565,7 @@ h.shadowRootOptions = {
|
|
|
565
565
|
];
|
|
566
566
|
let e = h;
|
|
567
567
|
a([
|
|
568
|
-
|
|
568
|
+
y("input, textarea")
|
|
569
569
|
], e.prototype, "_inputElement");
|
|
570
570
|
a([
|
|
571
571
|
i({ type: String })
|
|
@@ -655,10 +655,10 @@ a([
|
|
|
655
655
|
i({ attribute: !1 })
|
|
656
656
|
], e.prototype, "onBlur");
|
|
657
657
|
a([
|
|
658
|
-
|
|
658
|
+
f()
|
|
659
659
|
], e.prototype, "_hasLeftAddon");
|
|
660
660
|
a([
|
|
661
|
-
|
|
661
|
+
f()
|
|
662
662
|
], e.prototype, "_hasRightAddon");
|
|
663
663
|
export {
|
|
664
664
|
e as AgInput
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VueInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/vue/VueInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VueInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/vue/VueInput.vue"],"names":[],"mappings":"AA8CA;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"}
|
|
@@ -544,7 +544,7 @@ v.styles = b`
|
|
|
544
544
|
button:focus,
|
|
545
545
|
a:focus {
|
|
546
546
|
background-color: var(--ag-background-secondary);
|
|
547
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
547
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
548
548
|
outline-offset: 0;
|
|
549
549
|
}
|
|
550
550
|
|
package/package.json
CHANGED
|
@@ -108,7 +108,7 @@ export class AgBadge extends LitElement implements BadgeProps {
|
|
|
108
108
|
filter: brightness(1.1);
|
|
109
109
|
}
|
|
110
110
|
:host([interactive]) .badge:focus-visible {
|
|
111
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
111
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
112
112
|
outline-offset: var(--ag-focus-offset);
|
|
113
113
|
}
|
|
114
114
|
:host([single-char]) .badge {
|
|
@@ -145,7 +145,7 @@ export class AgBreadcrumb extends LitElement implements BreadcrumbProps {
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.ag-breadcrumb__link:focus-visible {
|
|
148
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
148
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
149
149
|
outline-offset: var(--ag-focus-offset);
|
|
150
150
|
}
|
|
151
151
|
|
|
@@ -88,7 +88,7 @@ export class AgCollapsible extends LitElement implements CollapsibleProps {
|
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
summary:focus-visible {
|
|
91
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
91
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
92
92
|
outline-offset: var(--ag-focus-offset);
|
|
93
93
|
transition: outline var(--ag-motion-medium) ease;
|
|
94
94
|
}
|
|
@@ -152,7 +152,7 @@ export class AgIconButton extends LitElement implements IconButtonProps {
|
|
|
152
152
|
|
|
153
153
|
/* Focus state - High contrast, color-independent */
|
|
154
154
|
button:focus-visible {
|
|
155
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
155
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
156
156
|
outline-offset: var(--ag-focus-offset);
|
|
157
157
|
}
|
|
158
158
|
|
|
@@ -592,6 +592,11 @@ export class AgInput extends FaceMixin(LitElement) implements InputProps {
|
|
|
592
592
|
if (this.onChange) {
|
|
593
593
|
this.onChange(e);
|
|
594
594
|
}
|
|
595
|
+
|
|
596
|
+
// Native `change` is composed:false so it stops at the shadow root.
|
|
597
|
+
// Re-dispatch a composed change from the host so Vue @change listeners
|
|
598
|
+
// and other external DOM listeners receive it.
|
|
599
|
+
this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
|
|
595
600
|
}
|
|
596
601
|
|
|
597
602
|
/**
|
|
@@ -16,12 +16,15 @@
|
|
|
16
16
|
:type="type"
|
|
17
17
|
:placeholder="placeholder"
|
|
18
18
|
:label="label"
|
|
19
|
+
:labelPosition="labelPosition"
|
|
19
20
|
:ariaLabel="ariaLabel"
|
|
20
21
|
:helpText="helpText"
|
|
21
22
|
:errorMessage="errorMessage"
|
|
22
23
|
:size="size"
|
|
23
24
|
:rows="rows"
|
|
24
25
|
:cols="cols"
|
|
26
|
+
:min="min"
|
|
27
|
+
:max="max"
|
|
25
28
|
@click="handleClick"
|
|
26
29
|
@input="handleInput"
|
|
27
30
|
@change="handleChange"
|
|
@@ -834,7 +834,7 @@ export class AgMenuItem extends LitElement implements MenuItemProps {
|
|
|
834
834
|
button:focus,
|
|
835
835
|
a:focus {
|
|
836
836
|
background-color: var(--ag-background-secondary);
|
|
837
|
-
outline: var(--ag-focus-width) solid var(--ag-focus);
|
|
837
|
+
outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
|
|
838
838
|
outline-offset: 0;
|
|
839
839
|
}
|
|
840
840
|
|