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.
@@ -1,6 +1,6 @@
1
- import { defineComponent as b, createElementBlock as n, openBlock as d, mergeProps as y, createCommentVNode as o, renderSlot as u } from "vue";
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 g = ["name", ".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".underlined", ".underlinedWithBackground", ".inline", ".required", ".disabled", ".readonly", ".invalid", "type", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "size", "rows", "cols"], m = {
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: i }) {
40
- const a = i, r = (l) => {
39
+ setup(e, { emit: u }) {
40
+ const a = u, s = (l) => {
41
41
  a("click", l);
42
- }, s = (l) => {
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", y({
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
- onClick: r,
77
- onInput: s,
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", m, [
83
- u(l.$slots, "addon-left")
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
- u(l.$slots, "addon-right")
89
+ i(l.$slots, "addon-right")
87
90
  ])) : o("", !0)
88
- ], 48, g));
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 {
@@ -126,7 +126,7 @@ o.styles = m`
126
126
  }
127
127
 
128
128
  .ag-breadcrumb__link:focus-visible {
129
- outline: var(--ag-focus-width) solid var(--ag-focus);
129
+ outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
130
130
  outline-offset: var(--ag-focus-offset);
131
131
  }
132
132
 
@@ -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":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAG5C,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,UAAU,GACV,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,CAAC;AAEf,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;;AAED,qBAAa,OAAQ,SAAQ,YAAsB,YAAW,UAAU;IACtE,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,4BAiPX;IAGF,OAAO,CAAC,IAAI,CAAoC;IAIhD,OAAO,CAAC,aAAa,CAAC,CAAyC;IAIvD,KAAK,EAAE,MAAM,CAAC;IAGd,WAAW,EAAE,OAAO,CAAC;IAGrB,aAAa,EAAE,aAAa,CAAC;IAG7B,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,EAAE,MAAM,CAAC;IAIlB,IAAI,EAAE,SAAS,CAAC;IAGhB,KAAK,EAAE,MAAM,CAAC;IAGd,WAAW,EAAE,MAAM,CAAC;IAIpB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IAIb,IAAI,EAAE,SAAS,CAAC;IAGhB,OAAO,EAAE,OAAO,CAAC;IAGjB,OAAO,EAAE,OAAO,CAAC;IAGjB,UAAU,EAAE,OAAO,CAAC;IAGpB,wBAAwB,EAAE,OAAO,CAAC;IAGlC,MAAM,EAAE,OAAO,CAAC;IAIhB,GAAG,EAAE,MAAM,CAAC;IAGZ,GAAG,EAAE,MAAM,CAAC;IAIZ,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAIjB,YAAY,EAAE,MAAM,CAAC;IAGrB,QAAQ,EAAE,MAAM,CAAC;IAIjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGpC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;;IA8BxC;;OAEG;IACH,IAAI,cAAc,IAAI,gBAAgB,GAAG,mBAAmB,GAAG,SAAS,CAEvE;IAED;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO7B;;OAEG;IACH,MAAM,IAAI,IAAI;IASd;;;OAGG;IACM,iBAAiB,IAAI,IAAI;IAOlC;;;OAGG;IACM,wBAAwB,CAC/B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAOP;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,WAAW;IAOnB;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAMrB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACH,OAAO,CAAC,aAAa;IAarB;;OAEG;IACH,OAAO,CAAC,YAAY;IAepB;;OAEG;IACH,OAAO,CAAC,WAAW;IAenB;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,mBAAmB;IA8DlB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAY/C,YAAY;IAwBrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgCpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IAepB,MAAM;CAkFP"}
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 y, html as s, nothing as l } from "lit";
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 b } from "../../../state-CovhUvdr.js";
4
- import { e as v } from "../../../query-BykXNUlT.js";
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 f } from "../../../shared/form-control-utils.js";
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 f(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`
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 = f(this.labelPosition), r = ["ag-input"];
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
- y`
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
- v("input, textarea")
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
- b()
658
+ f()
659
659
  ], e.prototype, "_hasLeftAddon");
660
660
  a([
661
- b()
661
+ f()
662
662
  ], e.prototype, "_hasRightAddon");
663
663
  export {
664
664
  e as AgInput
@@ -1,4 +1,4 @@
1
- import { _ as f } from "../../../VueInput.vue_vue_type_script_setup_true_lang-OaEusUSs.js";
1
+ import { _ as f } from "../../../VueInput.vue_vue_type_script_setup_true_lang-BdQaWK_o.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1 +1 @@
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
+ {"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"}
@@ -1,4 +1,4 @@
1
- import { _ as p } from "../../../VueInput.vue_vue_type_script_setup_true_lang-OaEusUSs.js";
1
+ import { _ as p } from "../../../VueInput.vue_vue_type_script_setup_true_lang-BdQaWK_o.js";
2
2
  export {
3
3
  p as VueInput
4
4
  };
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agnosticui-core",
3
- "version": "2.0.0-alpha.27",
3
+ "version": "2.0.0-alpha.29",
4
4
  "author": "AgnosticUI",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
@@ -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