@luzmo/lucero 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/index.cjs +6 -6
- package/components/accordion/index.js +7 -8
- package/components/action-bar/index.cjs +4 -4
- package/components/action-bar/index.js +8 -9
- package/components/action-button/index.cjs +2 -2
- package/components/action-button/index.js +3 -4
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +1 -1
- package/components/action-group-Uimj-MJP.cjs +20 -0
- package/components/{action-group-Bf28z235.js → action-group-enfc-YnW.js} +7 -8
- package/components/action-menu/index.cjs +5 -5
- package/components/action-menu/index.js +6 -7
- package/components/{async-directive-FGzMycjH.js → async-directive-DWRUSKKF.js} +1 -1
- package/components/{async-directive-CV2MII86.cjs → async-directive-D_Ter1F8.cjs} +1 -1
- package/components/avatar/index.cjs +3 -3
- package/components/avatar/index.js +5 -6
- package/components/base-B7Pfl2if.cjs +40 -0
- package/components/base-CawdqE7p.js +666 -0
- package/components/button/index.cjs +2 -2
- package/components/button/index.js +6 -7
- package/components/{button-base-CDLQV7Vk.js → button-base-B7v4eeRh.js} +4 -5
- package/components/button-base-DmjYs2s9.cjs +25 -0
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +7 -8
- package/components/checkbox/index.cjs +4 -4
- package/components/checkbox/index.js +3 -4
- package/components/{checkbox-mixin-DXUIwtea.js → checkbox-mixin-BFGTmw17.js} +10 -11
- package/components/{checkbox-mixin-DaXMsrtV.cjs → checkbox-mixin-DUhXwD46.cjs} +3 -3
- package/components/{clear-button-Dh2Mq0cc.js → clear-button-DgZmX5RX.js} +6 -7
- package/components/clear-button-KdrF2jaV.cjs +18 -0
- package/components/{close-button-BsYkXOVh.js → close-button-CFHQnbsK.js} +4 -5
- package/components/close-button-DVGUppyd.cjs +18 -0
- package/components/color-area/index.cjs +4 -4
- package/components/color-area/index.js +9 -10
- package/components/color-field/index.cjs +2 -2
- package/components/color-field/index.js +2 -3
- package/components/color-handle/index.cjs +2 -2
- package/components/color-handle/index.js +5 -6
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +1 -1
- package/components/{color-loupe-BCfIVFkB.js → color-loupe-DxcqXoJ6.js} +3 -4
- package/components/color-loupe-SskbNeMp.cjs +56 -0
- package/components/color-menu/index.cjs +5 -5
- package/components/color-menu/index.js +5 -6
- package/components/color-picker/index.cjs +4 -4
- package/components/color-picker/index.js +9 -10
- package/components/color-slider/index.cjs +4 -4
- package/components/color-slider/index.js +5 -6
- package/components/{directive-helpers-C2vOfhFx.cjs → directive-helpers-TkFq2eZF.cjs} +1 -1
- package/components/{directive-helpers-BLDZnGQv.js → directive-helpers-nlQRAaQt.js} +1 -1
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +5 -6
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +1 -1
- package/components/{field-group-CwZULltm.js → field-group-DAhrTCfl.js} +5 -6
- package/components/field-group-DSY2HUoj.cjs +23 -0
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +1 -1
- package/components/{field-label-C3HFlH91.js → field-label-CAFfGxEL.js} +6 -7
- package/components/field-label-CjsQ3ujK.cjs +25 -0
- package/components/{focusable-zn6qaMtV.cjs → focusable-DGWL1v1p.cjs} +1 -1
- package/components/{focusable-zT9NFFYs.js → focusable-cj2QhwDT.js} +1 -1
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +4 -5
- package/components/{if-defined-Cv6xanXh.cjs → if-defined-B56xGmAg.cjs} +2 -2
- package/components/{if-defined-CYpcjGCb.js → if-defined-BSAr_4u4.js} +1 -1
- package/components/{index-C2qG2Sm8.js → index-CMvLpPKD.js} +7 -8
- package/components/{index-BYumXRH5.cjs → index-DnWavOZD.cjs} +15 -15
- package/components/index.cjs +1 -1
- package/components/index.js +16 -16
- package/components/infield-button/index.cjs +2 -2
- package/components/infield-button/index.js +3 -4
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +4 -5
- package/components/{like-anchor-CmIcmz5k.cjs → like-anchor-Bmabl9ra.cjs} +4 -4
- package/components/{like-anchor-DoJWh4Uu.js → like-anchor-QBlvwFfT.js} +8 -9
- package/components/{manage-help-text-BzWK2v8i.js → manage-help-text-Cozl9Sgn.js} +6 -6
- package/components/{manage-help-text-BKlmmlgp.cjs → manage-help-text-OHXDgxyj.cjs} +2 -2
- package/components/menu/index.cjs +1 -1
- package/components/menu/index.js +1 -1
- package/components/multi-language-field/index.cjs +2 -2
- package/components/multi-language-field/index.js +6 -7
- package/components/number-field/index.cjs +4 -4
- package/components/number-field/index.js +15 -16
- package/components/{observe-slot-text-CP_EB97X.cjs → observe-slot-text-CrYB2Pj-.cjs} +1 -1
- package/components/{observe-slot-text-BG0H7bQK.js → observe-slot-text-ggb4kKgY.js} +1 -1
- package/components/overlay/index.cjs +7 -7
- package/components/overlay/index.js +33 -35
- package/components/{overlay-D7EbnA6E.js → overlay-CJ9by37f.js} +8 -9
- package/components/overlay-Deh6Ki6I.cjs +47 -0
- package/components/{pending-state-BHCOneQ7.cjs → pending-state-Do522lTd.cjs} +2 -2
- package/components/{pending-state-DHXuiejX.js → pending-state-TJj1x9xn.js} +2 -2
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +2 -2
- package/components/{picker-ChtCbFLB.js → picker-833Apxe4.js} +19 -21
- package/components/{picker-CLKdhX0B.cjs → picker-DDx8ii73.cjs} +25 -25
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +1 -1
- package/components/popover-BGOgXaka.cjs +30 -0
- package/components/{popover-bg0EQQ8p.js → popover-DlkzrLpl.js} +5 -6
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +1 -1
- package/components/{progress-circle-BT2qW7LK.js → progress-circle-Be24kv6B.js} +5 -6
- package/components/progress-circle-NNbCMK2i.cjs +33 -0
- package/components/radio/index.cjs +2 -2
- package/components/radio/index.js +6 -7
- package/components/search/index.cjs +8 -8
- package/components/search/index.js +3 -4
- package/components/{sized-mixin-PyCYpyQq.js → sized-mixin-BxMraZLS.js} +1 -1
- package/components/{sized-mixin-BEemErtP.cjs → sized-mixin-D9LkrMjb.cjs} +1 -1
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +5 -6
- package/components/{state-DHaIxrnQ.cjs → state-C5I1gP3G.cjs} +1 -1
- package/components/{state-BG4JQVA1.js → state-CYxk12SV.js} +1 -1
- package/components/{streaming-listener-wjMvsv4N.js → streaming-listener-CCalHg57.js} +2 -2
- package/components/streaming-listener-KVex1WWB.cjs +18 -0
- package/components/{style-map-BqvQDFJt.js → style-map-Ct2LiEds.js} +1 -1
- package/components/{style-map-BjBGQ_u3.cjs → style-map-uMq-yDJ3.cjs} +2 -2
- package/components/swatch/index.cjs +7 -7
- package/components/swatch/index.js +4 -5
- package/components/switch/index.cjs +2 -2
- package/components/switch/index.js +4 -5
- package/components/tags/index.cjs +4 -4
- package/components/tags/index.js +11 -12
- package/components/text-field/index.cjs +3 -3
- package/components/text-field/index.js +7 -8
- package/components/{text-field-CtUKbEQN.cjs → text-field-5_ev9way.cjs} +15 -15
- package/components/{text-field-7ITo3Lac.js → text-field-CvKSS59x.js} +27 -29
- package/components/toast/index.cjs +11 -11
- package/components/toast/index.js +4 -5
- package/components/tooltip/index.cjs +4 -4
- package/components/tooltip/index.js +5 -6
- package/components/unit-input/index.cjs +3 -3
- package/components/unit-input/index.js +5 -6
- package/components/utils.cjs +1 -1
- package/components/utils.js +4 -4
- package/package.json +1 -1
- package/components/action-group-BBoV2VL9.cjs +0 -20
- package/components/base-DNrOP9L3.js +0 -391
- package/components/base-DzbGOAPo.cjs +0 -30
- package/components/button-base-C1ceE1LF.cjs +0 -25
- package/components/clear-button-pnT9_M8M.cjs +0 -18
- package/components/close-button-CPtjRQ0R.cjs +0 -18
- package/components/color-loupe-DIBrhG1Y.cjs +0 -56
- package/components/field-group-eICRTHzI.cjs +0 -23
- package/components/field-label-DOIVL4S4.cjs +0 -25
- package/components/lit-html-B3ugcwD9.js +0 -248
- package/components/lit-html-p4Oxv2-5.cjs +0 -24
- package/components/overlay-B1JDPmUJ.cjs +0 -47
- package/components/popover-CdkB6GFb.cjs +0 -30
- package/components/progress-circle-DTeqfeun.cjs +0 -33
- package/components/streaming-listener-BQxEN4sL.cjs +0 -18
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";const
|
|
18
|
+
"use strict";const t=require("./base-B7Pfl2if.cjs"),r=require("./if-defined-B56xGmAg.cjs");var f=Object.defineProperty,n=(l,e,s,d)=>{for(var o=void 0,i=l.length-1,a;i>=0;i--)(a=l[i])&&(o=a(e,s,o)||o);return o&&f(e,s,o),o};function c(l){class e extends l{renderAnchor({id:d,className:o,ariaHidden:i,labelledby:a,tabindex:p,anchorContent:h=t.x`<slot></slot>`}){return t.x`
|
|
19
19
|
<a
|
|
20
20
|
id=${d}
|
|
21
21
|
class=${r.o(o)}
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
target=${r.o(this.target)}
|
|
25
25
|
aria-label=${r.o(this.label)}
|
|
26
26
|
aria-labelledby=${r.o(a)}
|
|
27
|
-
aria-hidden=${r.o(
|
|
27
|
+
aria-hidden=${r.o(i?"true":void 0)}
|
|
28
28
|
tabindex=${r.o(p)}
|
|
29
29
|
referrerpolicy=${r.o(this.referrerpolicy)}
|
|
30
30
|
rel=${r.o(this.rel)}
|
|
31
|
-
>${
|
|
32
|
-
`}}return
|
|
31
|
+
>${h}</a>
|
|
32
|
+
`}}return n([t.n()],e.prototype,"download"),n([t.n()],e.prototype,"label"),n([t.n()],e.prototype,"href"),n([t.n()],e.prototype,"target"),n([t.n()],e.prototype,"referrerpolicy"),n([t.n()],e.prototype,"rel"),e}exports.LikeAnchor=c;
|
|
@@ -15,13 +15,12 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return t && $(r, n, t), t;
|
|
18
|
+
import { n as o, x as s } from "./base-CawdqE7p.js";
|
|
19
|
+
import { o as e } from "./if-defined-BSAr_4u4.js";
|
|
20
|
+
var $ = Object.defineProperty, l = (i, r, p, d) => {
|
|
21
|
+
for (var t = void 0, a = i.length - 1, n; a >= 0; a--)
|
|
22
|
+
(n = i[a]) && (t = n(r, p, t) || t);
|
|
23
|
+
return t && $(r, p, t), t;
|
|
25
24
|
};
|
|
26
25
|
function b(i) {
|
|
27
26
|
class r extends i {
|
|
@@ -29,7 +28,7 @@ function b(i) {
|
|
|
29
28
|
id: d,
|
|
30
29
|
className: t,
|
|
31
30
|
ariaHidden: a,
|
|
32
|
-
labelledby:
|
|
31
|
+
labelledby: n,
|
|
33
32
|
tabindex: f,
|
|
34
33
|
// prettier-ignore
|
|
35
34
|
anchorContent: h = s`<slot></slot>`
|
|
@@ -42,7 +41,7 @@ function b(i) {
|
|
|
42
41
|
download=${e(this.download)}
|
|
43
42
|
target=${e(this.target)}
|
|
44
43
|
aria-label=${e(this.label)}
|
|
45
|
-
aria-labelledby=${e(
|
|
44
|
+
aria-labelledby=${e(n)}
|
|
46
45
|
aria-hidden=${e(a ? "true" : void 0)}
|
|
47
46
|
tabindex=${e(f)}
|
|
48
47
|
referrerpolicy=${e(this.referrerpolicy)}
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import { o as d } from "./if-defined-
|
|
20
|
-
import { c as
|
|
18
|
+
import { x as r } from "./base-CawdqE7p.js";
|
|
19
|
+
import { o as d } from "./if-defined-BSAr_4u4.js";
|
|
20
|
+
import { c as a } from "./condition-attribute-with-id-Dv4lSRbe.js";
|
|
21
21
|
import { r as n } from "./random-id-ByCz1xaq.js";
|
|
22
|
-
class
|
|
22
|
+
class l {
|
|
23
23
|
constructor(e, { mode: i } = { mode: "internal" }) {
|
|
24
24
|
this.mode = "internal", this.handleSlotchange = ({
|
|
25
25
|
target: t
|
|
@@ -47,7 +47,7 @@ class a {
|
|
|
47
47
|
}
|
|
48
48
|
addId() {
|
|
49
49
|
const e = this.helpTextElement ? this.helpTextElement.id : this.id;
|
|
50
|
-
this.conditionId =
|
|
50
|
+
this.conditionId = a(
|
|
51
51
|
this.host,
|
|
52
52
|
"aria-describedby",
|
|
53
53
|
e
|
|
@@ -76,7 +76,7 @@ class a {
|
|
|
76
76
|
function u(s, { mode: e } = { mode: "internal" }) {
|
|
77
77
|
class i extends s {
|
|
78
78
|
constructor() {
|
|
79
|
-
super(...arguments), this.helpTextManager = new
|
|
79
|
+
super(...arguments), this.helpTextManager = new l(this, { mode: e });
|
|
80
80
|
}
|
|
81
81
|
get helpTextId() {
|
|
82
82
|
return this.helpTextManager.id;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";const d=require("
|
|
18
|
+
"use strict";const d=require("./base-B7Pfl2if.cjs"),r=require("./if-defined-B56xGmAg.cjs"),a=require("./condition-attribute-with-id-DrQYZzFS.cjs"),s=require("./random-id-CqvckpWe.cjs");class l{constructor(e,{mode:i}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:t})=>{this.handleHelpText(t),this.handleNegativeHelpText(t)},this.host=e,this.id=`luzmo-help-text-${s.randomID()}`,this.mode=i}get isInternal(){return this.mode==="internal"}render(e){return d.x`
|
|
19
19
|
<div
|
|
20
20
|
id=${r.o(this.isInternal?this.id:void 0)}
|
|
21
21
|
aria-live="assertive"
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
<slot name="help-text"></slot>
|
|
28
28
|
</slot>
|
|
29
29
|
</div>
|
|
30
|
-
`}addId(){const e=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=
|
|
30
|
+
`}addId(){const e=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=a.conditionAttributeWithId(this.host,"aria-describedby",e),this.host.hasAttribute("tabindex")&&(this.previousTabindex=Number.parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(e){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();const t=e.assignedElements()[0];this.helpTextElement=t,t&&(t.id||(t.id=this.id),this.addId())}handleNegativeHelpText(e){if(e.name!=="negative-help-text")return;e.assignedElements().forEach(t=>t.variant="negative")}}function o(n,{mode:e}={mode:"internal"}){class i extends n{constructor(){super(...arguments),this.helpTextManager=new l(this,{mode:e})}get helpTextId(){return this.helpTextManager.id}renderHelpText(h){return this.helpTextManager.render(h)}}return i}exports.ManageHelpText=o;
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DnWavOZD.cjs");exports.LuzmoMenu=e.LuzmoMenu;exports.LuzmoMenuDivider=e.LuzmoMenuDivider;exports.LuzmoMenuGroup=e.LuzmoMenuGroup;exports.LuzmoMenuItem=e.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=e.MenuItemAddedOrUpdatedEvent;
|
package/components/menu/index.js
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { L as u, a as m, b as c, c as z, M as n } from "../index-
|
|
18
|
+
import { L as u, a as m, b as c, c as z, M as n } from "../index-CMvLpPKD.js";
|
|
19
19
|
const l = () => {
|
|
20
20
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
21
21
|
const o = document.createElement("style");
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../base-B7Pfl2if.cjs"),u=require("../sized-mixin-D9LkrMjb.cjs");require("../text-field/index.cjs");const p=require("../manage-help-text-OHXDgxyj.cjs"),h=":host{display:inline-block}:host luzmo-text-field{width:100%}";var d=Object.defineProperty,l=(n,i,r,g)=>{for(var a=void 0,o=n.length-1,s;o>=0;o--)(s=n[o])&&(a=s(i,r,a)||a);return a&&d(i,r,a),a};class t extends p.ManageHelpText(u.SizedMixin(e.LuzmoElement,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.i18nPlaceholder={},this.type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.rows=-1,this.quiet=!1,this.disabled=!1,this.required=!1,this.readonly=!1,this.language="en",this.defaultLanguage="en",this.value={}}static get styles(){return[e.r(h)]}get _localizedValue(){const i={...this.value};return i[this.language]??i[this.defaultLanguage]??Object.values(i)[0]??""}get _localizedPlaceholder(){const i={...this.i18nPlaceholder};return i[this.language]??i[this.defaultLanguage]??Object.values(i)[0]??""}handleChange(i){i.stopPropagation(),i.preventDefault();const r=i.target;this.value[this.language]!==r.value&&(this.value={...this.value,[this.language]:r.value},this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}})))}render(){return e.x`
|
|
19
19
|
<luzmo-text-field
|
|
20
20
|
.value=${this._localizedValue}
|
|
21
21
|
.size=${this.size}
|
|
@@ -36,4 +36,4 @@
|
|
|
36
36
|
@input=${this.handleChange}
|
|
37
37
|
@change=${this.handleChange}
|
|
38
38
|
></luzmo-text-field>
|
|
39
|
-
`}}l([
|
|
39
|
+
`}}l([e.n({attribute:"allowed-keys"})],t.prototype,"allowedKeys");l([e.n({type:String,reflect:!0})],t.prototype,"name");l([e.n({type:Object,attribute:"i18n-placeholder"})],t.prototype,"i18nPlaceholder");l([e.n({attribute:"type",reflect:!0})],t.prototype,"type");l([e.n()],t.prototype,"pattern");l([e.n({type:Boolean,reflect:!0})],t.prototype,"grows");l([e.n({type:Number})],t.prototype,"maxlength");l([e.n({type:Number})],t.prototype,"minlength");l([e.n({type:Boolean,reflect:!0})],t.prototype,"multiline");l([e.n({type:Number})],t.prototype,"rows");l([e.n({type:Boolean,reflect:!0})],t.prototype,"quiet");l([e.n({type:Boolean,reflect:!0})],t.prototype,"disabled");l([e.n({type:Boolean,reflect:!0})],t.prototype,"required");l([e.n({type:Boolean,reflect:!0})],t.prototype,"readonly");l([e.n({type:String,reflect:!0})],t.prototype,"autocomplete");l([e.n({type:String,reflect:!0})],t.prototype,"language");l([e.n({type:String,reflect:!0})],t.prototype,"defaultLanguage");l([e.n({type:Object,reflect:!0})],t.prototype,"value");customElements.get("luzmo-multi-language-field")||customElements.define("luzmo-multi-language-field",t);exports.LuzmoMultiLangField=t;
|
|
@@ -15,11 +15,10 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { S as p } from "../sized-mixin-PyCYpyQq.js";
|
|
18
|
+
import { a as m, r as c, x as d, n as e } from "../base-CawdqE7p.js";
|
|
19
|
+
import { S as p } from "../sized-mixin-BxMraZLS.js";
|
|
21
20
|
import "../text-field/index.js";
|
|
22
|
-
import { M as z } from "../manage-help-text-
|
|
21
|
+
import { M as z } from "../manage-help-text-Cozl9Sgn.js";
|
|
23
22
|
const s = () => {
|
|
24
23
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
25
24
|
const r = document.createElement("style");
|
|
@@ -34,7 +33,7 @@ var h = Object.defineProperty, l = (r, t, i, f) => {
|
|
|
34
33
|
return u && h(t, i, u), u;
|
|
35
34
|
};
|
|
36
35
|
class o extends z(
|
|
37
|
-
p(
|
|
36
|
+
p(m, {
|
|
38
37
|
noDefaultSize: !0
|
|
39
38
|
})
|
|
40
39
|
) {
|
|
@@ -42,7 +41,7 @@ class o extends z(
|
|
|
42
41
|
super(...arguments), this.allowedKeys = "", this.i18nPlaceholder = {}, this.type = "text", this.grows = !1, this.maxlength = -1, this.minlength = -1, this.multiline = !1, this.rows = -1, this.quiet = !1, this.disabled = !1, this.required = !1, this.readonly = !1, this.language = "en", this.defaultLanguage = "en", this.value = {};
|
|
43
42
|
}
|
|
44
43
|
static get styles() {
|
|
45
|
-
return [
|
|
44
|
+
return [c(g)];
|
|
46
45
|
}
|
|
47
46
|
get _localizedValue() {
|
|
48
47
|
const t = { ...this.value };
|
|
@@ -65,7 +64,7 @@ class o extends z(
|
|
|
65
64
|
));
|
|
66
65
|
}
|
|
67
66
|
render() {
|
|
68
|
-
return
|
|
67
|
+
return d`
|
|
69
68
|
<luzmo-text-field
|
|
70
69
|
.value=${this._localizedValue}
|
|
71
70
|
.size=${this.size}
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@luzmo/icons"),v=require("lit"),c=require("../base-DzbGOAPo.cjs"),G=require("../query-BL-TJj7K.cjs"),g=require("../platform-BiXhwqk3.cjs"),E=require("../language-resolution-DJzmyzZq.cjs"),W=require("../streaming-listener-BQxEN4sL.cjs");require("../infield-button/index.cjs");const Y=require("../text-field-CtUKbEQN.cjs");let k=new Map,S=!1;try{S=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let x=!1;try{x=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const M={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class w{format(e){let t="";if(!S&&this.options.signDisplay!=null?t=Z(this.numberFormatter,this.options.signDisplay,e):t=this.numberFormatter.format(e),this.options.style==="unit"&&!x){var r;let{unit:o,unitDisplay:i="short",locale:a}=this.resolvedOptions();if(!o)return t;let n=(r=M[o])===null||r===void 0?void 0:r[i];t+=n[a]||n.default}return t}formatToParts(e){return this.numberFormatter.formatToParts(e)}formatRange(e,t){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.format(e)} – ${this.format(t)}`}formatRangeToParts(e,t){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(e,t);if(t<e)throw new RangeError("End date must be >= start date");let r=this.numberFormatter.formatToParts(e),o=this.numberFormatter.formatToParts(t);return[...r.map(i=>({...i,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...o.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let e=this.numberFormatter.resolvedOptions();return!S&&this.options.signDisplay!=null&&(e={...e,signDisplay:this.options.signDisplay}),!x&&this.options.style==="unit"&&(e={...e,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),e}constructor(e,t={}){this.numberFormatter=X(e,t),this.options=t}}function X(s,e={}){let{numberingSystem:t}=e;if(t&&s.includes("-nu-")&&(s.includes("-u-")||(s+="-u-"),s+=`-nu-${t}`),e.style==="unit"&&!x){var r;let{unit:a,unitDisplay:n="short"}=e;if(!a)throw new Error('unit option must be provided with style: "unit"');if(!(!((r=M[a])===null||r===void 0)&&r[n]))throw new Error(`Unsupported unit ${a} with unitDisplay = ${n}`);e={...e,style:"decimal"}}let o=s+(e?Object.entries(e).sort((a,n)=>a[0]<n[0]?-1:1).join():"");if(k.has(o))return k.get(o);let i=new Intl.NumberFormat(s,e);return k.set(o,i),i}function Z(s,e,t){if(e==="auto")return s.format(t);if(e==="never")return s.format(Math.abs(t));{let r=!1;if(e==="always"?r=t>0||Object.is(t,0):e==="exceptZero"&&(Object.is(t,-0)||Object.is(t,0)?t=Math.abs(t):r=t>0),r){let o=s.format(-t),i=s.format(t),a=o.replace(i,"").replace(/\u200e|\u061C/,"");return[...a].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),o.replace(i,"!!!").replace(a,"+").replace("!!!",i)}else return s.format(t)}}const J=new RegExp("^.*\\(.*\\).*$"),Q=["latn","arab","hanidec","deva","beng"];class C{parse(e){return P(this.locale,this.options,e).parse(e)}isValidPartialNumber(e,t,r){return P(this.locale,this.options,e).isValidPartialNumber(e,t,r)}getNumberingSystem(e){return P(this.locale,this.options,e).options.numberingSystem}constructor(e,t={}){this.locale=e,this.options=t}}const D=new Map;function P(s,e,t){let r=V(s,e);if(!s.includes("-nu-")&&!r.isValidPartialNumber(t)){for(let o of Q)if(o!==r.options.numberingSystem){let i=V(s+(s.includes("-u-")?"-nu-":"-u-nu-")+o,e);if(i.isValidPartialNumber(t))return i}}return r}function V(s,e){let t=s+(e?Object.entries(e).sort((o,i)=>o[0]<i[0]?-1:1).join():""),r=D.get(t);return r||(r=new ee(s,e),D.set(t,r)),r}class ee{parse(e){let t=this.sanitize(e);if(this.symbols.group&&(t=y(t,this.symbols.group,"")),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(t=t.replace(this.symbols.minusSign,"-")),t=t.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let a=t.indexOf("-");t=t.replace("-","");let n=t.indexOf(".");n===-1&&(n=t.length),t=t.replace(".",""),n-2===0?t=`0.${t}`:n-2===-1?t=`0.0${t}`:n-2===-2?t="0.00":t=`${t.slice(0,n-2)}.${t.slice(n-2)}`,a>-1&&(t=`-${t}`)}let r=t?+t:NaN;if(isNaN(r))return NaN;if(this.options.style==="percent"){var o,i;let a={...this.options,style:"decimal",minimumFractionDigits:Math.min(((o=this.options.minimumFractionDigits)!==null&&o!==void 0?o:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new C(this.locale,a).parse(new w(this.locale,a).format(r))}return this.options.currencySign==="accounting"&&J.test(e)&&(r=-1*r),r}sanitize(e){return e=e.replace(this.symbols.literals,""),this.symbols.minusSign&&(e=e.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(e=e.replace(",",this.symbols.decimal),e=e.replace("،",this.symbols.decimal)),this.symbols.group&&(e=y(e,".",this.symbols.group))),this.options.locale==="fr-FR"&&(e=y(e,"."," ")),e}isValidPartialNumber(e,t=-1/0,r=1/0){return e=this.sanitize(e),this.symbols.minusSign&&e.startsWith(this.symbols.minusSign)&&t<0?e=e.slice(this.symbols.minusSign.length):this.symbols.plusSign&&e.startsWith(this.symbols.plusSign)&&r>0&&(e=e.slice(this.symbols.plusSign.length)),this.symbols.group&&e.startsWith(this.symbols.group)||this.symbols.decimal&&e.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(e=y(e,this.symbols.group,"")),e=e.replace(this.symbols.numeral,""),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,"")),e.length===0)}constructor(e,t={}){this.locale=e,this.formatter=new Intl.NumberFormat(e,t),this.options=this.formatter.resolvedOptions(),this.symbols=re(e,this.formatter,this.options,t);var r,o;this.options.style==="percent"&&(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)>18||((o=this.options.maximumFractionDigits)!==null&&o!==void 0?o:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const R=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),te=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function re(s,e,t,r){var o,i,a,n;let d=new Intl.NumberFormat(s,{...t,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),u=d.formatToParts(-10000.111),m=d.formatToParts(10000.111),O=te.map(l=>d.formatToParts(l));var F;let L=(F=(o=u.find(l=>l.type==="minusSign"))===null||o===void 0?void 0:o.value)!==null&&F!==void 0?F:"-",$=(i=m.find(l=>l.type==="plusSign"))===null||i===void 0?void 0:i.value;!$&&((r==null?void 0:r.signDisplay)==="exceptZero"||(r==null?void 0:r.signDisplay)==="always")&&($="+");let T=(a=new Intl.NumberFormat(s,{...t,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(l=>l.type==="decimal"))===null||a===void 0?void 0:a.value,A=(n=u.find(l=>l.type==="group"))===null||n===void 0?void 0:n.value,U=u.filter(l=>!R.has(l.type)).map(l=>q(l.value)),j=O.flatMap(l=>l.filter(b=>!R.has(b.type)).map(b=>q(b.value))),N=[...new Set([...U,...j])].sort((l,b)=>b.length-l.length),B=N.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${N.join("|")}|[\\p{White_Space}]`,"gu"),_=[...new Intl.NumberFormat(t.locale,{useGrouping:!1}).format(9876543210)].reverse(),H=new Map(_.map((l,b)=>[l,b])),K=new RegExp(`[${_.join("")}]`,"g");return{minusSign:L,plusSign:$,decimal:T,group:A,literals:B,numeral:K,index:l=>String(H.get(l))}}function y(s,e,t){return s.replaceAll?s.replaceAll(e,t):s.split(e).join(t)}function q(s){return s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const oe='#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius-s);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-color-negative);--stepper-border-color-hover-invalid: var(--luzmo-color-negative-hover);--stepper-border-color-focus-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-color-negative-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-text-field-border-width, var(--text-field-border-width)) solid var(--luzmo-text-field-border-color, var(--text-field-border-color));border-radius:var(--text-field-corner-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';var ie=Object.defineProperty,se=Object.getOwnPropertyDescriptor,h=(s,e,t,r)=>{for(var o=r>1?void 0:r?se(e,t):e,i=s.length-1,a;i>=0;i--)(a=s[i])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ie(e,t,o),o};const ae=5,ne=100,z="-",I={"1":"1","2":"2","3":"3","4":"4","5":"5","6":"6","7":"7","8":"8","9":"9","0":"0","、":",",",":",","。":".",".":".","%":"%","+":"+",ー:"-",一:"1",二:"2",三:"3",四:"4",五:"5",六:"6",七:"7",八:"8",九:"9",零:"0"};class p extends Y.LuzmoTextFieldBase{constructor(){super(...arguments),this.focused=!1,this._forcedUnit="",this.formatOptions={},this.hideStepper=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=Number.NaN,this._trackingValue="",this.decimalsChars=new Set([".",","]),this.valueBeforeFocus="",this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new E.LanguageResolutionController(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,v.unsafeCSS(oe)]}set value(e){const t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;const r=this._value;this._value=t,this.requestUpdate("value",r)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){const t=this.lastCommitedValue;this.value=e,!(t===void 0||t===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(e){this.value=this.numberParser.parse(e)}get formattedValue(){return Number.isNaN(this.value)?"":this.numberFormatter.format(this.value)+(this.focused?"":this._forcedUnit)}convertValueToNumber(e){let t=[...e].map(i=>I[i]||i).join("");const r=[...this.valueBeforeFocus].filter(i=>this.decimalsChars.has(i)),o=new Set(r);if(g.isIOS()&&this.inputElement.inputMode==="decimal"&&t!==this.valueBeforeFocus){const a=this.numberFormatter.formatToParts(1000.1).find(u=>u.type==="decimal").value;for(const u of o)!(u===a)&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(u,"g"),""));let n=!1;const d=[...t];for(let u=d.length-1;u>=0;u--){const m=d[u];this.decimalsChars.has(m)&&(n?d[u]="":(d[u]=a,n=!0))}t=d.join("")}return this.numberParser.parse(t)}get _step(){var e;return this.step!==void 0?this.step:((e=this.formatOptions)==null?void 0:e.style)==="percent"?.01:1}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(e.pointerId);const t=this.buttons.children[0].getBoundingClientRect(),r=this.buttons.children[1].getBoundingClientRect();this.findChange=o=>{o.clientX>=t.x&&o.clientY>=t.y&&o.clientX<=t.x+t.width&&o.clientY<=t.y+t.height?this.change=i=>this.increment(i.shiftKey?this.stepModifier:1):o.clientX>=r.x&&o.clientY>=r.y&&o.clientX<=r.x+r.width&&o.clientY<=r.y+r.height&&(this.change=i=>this.decrement(i.shiftKey?this.stepModifier:1))},this.findChange(e),this.startChange(e)}startChange(e){this.changeCount=0,this.doChange(e),this.safty=setTimeout(()=>{this.doNextChange(e)},400)}doChange(e){this.change(e)}handlePointermove(e){this.findChange(e)}handlePointerup(e){this.buttons.releasePointerCapture(e.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(e){return this.changeCount+=1,this.changeCount%ae===0&&this.doChange(e),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(e)})}stepBy(e){if(this.disabled||this.readonly)return;const t=this.min===void 0?0:this.min;let r=this.value;r+=e*this._step,Number.isNaN(this.value)&&(r=t),r=this.valueWithLimits(r),this.requestUpdate(),this._value=this.validateInput(r),this.inputElement.value=this.numberFormatter.format(r),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.indeterminate=!1,this.focus()}increment(e=1){this.stepBy(1*e)}decrement(e=1){this.stepBy(-1*e)}handleKeydown(e){if(!this.isComposing)switch(e.code){case"ArrowUp":{e.preventDefault(),this.increment(e.shiftKey?this.stepModifier:1),this.setValue();break}case"ArrowDown":{e.preventDefault(),this.decrement(e.shiftKey?this.stepModifier:1),this.setValue();break}}}onScroll(e){e.preventDefault(),this.managedInput=!0;const t=e.shiftKey?e.deltaX/Math.abs(e.deltaX):e.deltaY/Math.abs(e.deltaY);t!==0&&!Number.isNaN(t)&&(this.stepBy(t*(e.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},ne)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener("wheel",this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(e){super.onBlur(e),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener("wheel",this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){const e=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))){this.indeterminate=!0;return}this.setValue(e),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event("input",{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(e){if(this.isComposing){if(e.data){const d=this.convertValueToNumber(e.data);Number.isNaN(d)&&(this.inputElement.value=this.indeterminate?z:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(z,"")),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);const{value:t,selectionStart:r}=this.inputElement,o=[...t].map(d=>I[d]||d).join("");if(this.numberParser.isValidPartialNumber(o)){this.lastCommitedValue=this.lastCommitedValue??this.value;const d=this.convertValueToNumber(o);!o&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(d)),this._trackingValue=o,this.inputElement.value=o,this.inputElement.setSelectionRange(r,r);return}this.inputElement.value=this.indeterminate?z:this._trackingValue,e.stopPropagation();const i=o.length,a=this._trackingValue.length,n=(r||i)-(i-a);this.inputElement.setSelectionRange(n,n)}valueWithLimits(e){let t=e;return this.min!==void 0&&(t=Math.max(this.min,t)),this.max!==void 0&&(t=Math.min(this.max,t)),t}validateInput(e){e=this.valueWithLimits(e);const t=e<0?-1:1;if(e*=t,this.step){const r=this.min===void 0?0:this.min,o=Number.parseFloat(this.valueFormatter.format((e-r)%this.step));if(o===0||(Math.round(o/this.step)===1?e+=this.step-o:e-=o),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){const e=this.focused?"":z;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){const{style:e,unit:t,unitDisplay:r,...o}=this.formatOptions;e!=="unit"&&(o.style=e),this._numberFormatterFocused=new w(this.languageResolver.language,o);try{this._numberFormatter=new w(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberFormatter.format(1)}catch{e==="unit"&&(this._forcedUnit=t),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){const e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(".")[1].length:0;this._valueFormatter=new w("en",{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){const{style:e,unit:t,unitDisplay:r,...o}=this.formatOptions;e!=="unit"&&(o.style=e),this._numberParserFocused=new C(this.languageResolver.language,o);try{this._numberParser=new C(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberParser.parse("0")}catch{e==="unit"&&(this._forcedUnit=t),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete="off",v.html`
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@luzmo/icons"),p=require("../base-B7Pfl2if.cjs"),K=require("../query-BL-TJj7K.cjs"),v=require("../platform-BiXhwqk3.cjs"),_=require("../language-resolution-DJzmyzZq.cjs"),G=require("../streaming-listener-KVex1WWB.cjs");require("../infield-button/index.cjs");const W=require("../text-field-5_ev9way.cjs");let $=new Map,P=!1;try{P=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let w=!1;try{w=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const I={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class z{format(e){let t="";if(!P&&this.options.signDisplay!=null?t=X(this.numberFormatter,this.options.signDisplay,e):t=this.numberFormatter.format(e),this.options.style==="unit"&&!w){var r;let{unit:o,unitDisplay:i="short",locale:a}=this.resolvedOptions();if(!o)return t;let n=(r=I[o])===null||r===void 0?void 0:r[i];t+=n[a]||n.default}return t}formatToParts(e){return this.numberFormatter.formatToParts(e)}formatRange(e,t){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.format(e)} – ${this.format(t)}`}formatRangeToParts(e,t){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(e,t);if(t<e)throw new RangeError("End date must be >= start date");let r=this.numberFormatter.formatToParts(e),o=this.numberFormatter.formatToParts(t);return[...r.map(i=>({...i,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...o.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let e=this.numberFormatter.resolvedOptions();return!P&&this.options.signDisplay!=null&&(e={...e,signDisplay:this.options.signDisplay}),!w&&this.options.style==="unit"&&(e={...e,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),e}constructor(e,t={}){this.numberFormatter=Y(e,t),this.options=t}}function Y(s,e={}){let{numberingSystem:t}=e;if(t&&s.includes("-nu-")&&(s.includes("-u-")||(s+="-u-"),s+=`-nu-${t}`),e.style==="unit"&&!w){var r;let{unit:a,unitDisplay:n="short"}=e;if(!a)throw new Error('unit option must be provided with style: "unit"');if(!(!((r=I[a])===null||r===void 0)&&r[n]))throw new Error(`Unsupported unit ${a} with unitDisplay = ${n}`);e={...e,style:"decimal"}}let o=s+(e?Object.entries(e).sort((a,n)=>a[0]<n[0]?-1:1).join():"");if($.has(o))return $.get(o);let i=new Intl.NumberFormat(s,e);return $.set(o,i),i}function X(s,e,t){if(e==="auto")return s.format(t);if(e==="never")return s.format(Math.abs(t));{let r=!1;if(e==="always"?r=t>0||Object.is(t,0):e==="exceptZero"&&(Object.is(t,-0)||Object.is(t,0)?t=Math.abs(t):r=t>0),r){let o=s.format(-t),i=s.format(t),a=o.replace(i,"").replace(/\u200e|\u061C/,"");return[...a].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),o.replace(i,"!!!").replace(a,"+").replace("!!!",i)}else return s.format(t)}}const Z=new RegExp("^.*\\(.*\\).*$"),J=["latn","arab","hanidec","deva","beng"];class S{parse(e){return k(this.locale,this.options,e).parse(e)}isValidPartialNumber(e,t,r){return k(this.locale,this.options,e).isValidPartialNumber(e,t,r)}getNumberingSystem(e){return k(this.locale,this.options,e).options.numberingSystem}constructor(e,t={}){this.locale=e,this.options=t}}const E=new Map;function k(s,e,t){let r=D(s,e);if(!s.includes("-nu-")&&!r.isValidPartialNumber(t)){for(let o of J)if(o!==r.options.numberingSystem){let i=D(s+(s.includes("-u-")?"-nu-":"-u-nu-")+o,e);if(i.isValidPartialNumber(t))return i}}return r}function D(s,e){let t=s+(e?Object.entries(e).sort((o,i)=>o[0]<i[0]?-1:1).join():""),r=E.get(t);return r||(r=new Q(s,e),E.set(t,r)),r}class Q{parse(e){let t=this.sanitize(e);if(this.symbols.group&&(t=g(t,this.symbols.group,"")),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(t=t.replace(this.symbols.minusSign,"-")),t=t.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let a=t.indexOf("-");t=t.replace("-","");let n=t.indexOf(".");n===-1&&(n=t.length),t=t.replace(".",""),n-2===0?t=`0.${t}`:n-2===-1?t=`0.0${t}`:n-2===-2?t="0.00":t=`${t.slice(0,n-2)}.${t.slice(n-2)}`,a>-1&&(t=`-${t}`)}let r=t?+t:NaN;if(isNaN(r))return NaN;if(this.options.style==="percent"){var o,i;let a={...this.options,style:"decimal",minimumFractionDigits:Math.min(((o=this.options.minimumFractionDigits)!==null&&o!==void 0?o:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new S(this.locale,a).parse(new z(this.locale,a).format(r))}return this.options.currencySign==="accounting"&&Z.test(e)&&(r=-1*r),r}sanitize(e){return e=e.replace(this.symbols.literals,""),this.symbols.minusSign&&(e=e.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(e=e.replace(",",this.symbols.decimal),e=e.replace("،",this.symbols.decimal)),this.symbols.group&&(e=g(e,".",this.symbols.group))),this.options.locale==="fr-FR"&&(e=g(e,"."," ")),e}isValidPartialNumber(e,t=-1/0,r=1/0){return e=this.sanitize(e),this.symbols.minusSign&&e.startsWith(this.symbols.minusSign)&&t<0?e=e.slice(this.symbols.minusSign.length):this.symbols.plusSign&&e.startsWith(this.symbols.plusSign)&&r>0&&(e=e.slice(this.symbols.plusSign.length)),this.symbols.group&&e.startsWith(this.symbols.group)||this.symbols.decimal&&e.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(e=g(e,this.symbols.group,"")),e=e.replace(this.symbols.numeral,""),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,"")),e.length===0)}constructor(e,t={}){this.locale=e,this.formatter=new Intl.NumberFormat(e,t),this.options=this.formatter.resolvedOptions(),this.symbols=te(e,this.formatter,this.options,t);var r,o;this.options.style==="percent"&&(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)>18||((o=this.options.maximumFractionDigits)!==null&&o!==void 0?o:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const V=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),ee=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function te(s,e,t,r){var o,i,a,n;let d=new Intl.NumberFormat(s,{...t,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),u=d.formatToParts(-10000.111),m=d.formatToParts(10000.111),M=ee.map(l=>d.formatToParts(l));var x;let O=(x=(o=u.find(l=>l.type==="minusSign"))===null||o===void 0?void 0:o.value)!==null&&x!==void 0?x:"-",F=(i=m.find(l=>l.type==="plusSign"))===null||i===void 0?void 0:i.value;!F&&((r==null?void 0:r.signDisplay)==="exceptZero"||(r==null?void 0:r.signDisplay)==="always")&&(F="+");let L=(a=new Intl.NumberFormat(s,{...t,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(l=>l.type==="decimal"))===null||a===void 0?void 0:a.value,T=(n=u.find(l=>l.type==="group"))===null||n===void 0?void 0:n.value,A=u.filter(l=>!V.has(l.type)).map(l=>R(l.value)),U=M.flatMap(l=>l.filter(b=>!V.has(b.type)).map(b=>R(b.value))),C=[...new Set([...A,...U])].sort((l,b)=>b.length-l.length),j=C.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${C.join("|")}|[\\p{White_Space}]`,"gu"),N=[...new Intl.NumberFormat(t.locale,{useGrouping:!1}).format(9876543210)].reverse(),B=new Map(N.map((l,b)=>[l,b])),H=new RegExp(`[${N.join("")}]`,"g");return{minusSign:O,plusSign:F,decimal:L,group:T,literals:j,numeral:H,index:l=>String(B.get(l))}}function g(s,e,t){return s.replaceAll?s.replaceAll(e,t):s.split(e).join(t)}function R(s){return s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const re='#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius-s);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-color-negative);--stepper-border-color-hover-invalid: var(--luzmo-color-negative-hover);--stepper-border-color-focus-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-color-negative-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-text-field-border-width, var(--text-field-border-width)) solid var(--luzmo-text-field-border-color, var(--text-field-border-color));border-radius:var(--text-field-corner-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';var oe=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,c=(s,e,t,r)=>{for(var o=r>1?void 0:r?ie(e,t):e,i=s.length-1,a;i>=0;i--)(a=s[i])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&oe(e,t,o),o};const se=5,ae=100,y="-",q={"1":"1","2":"2","3":"3","4":"4","5":"5","6":"6","7":"7","8":"8","9":"9","0":"0","、":",",",":",","。":".",".":".","%":"%","+":"+",ー:"-",一:"1",二:"2",三:"3",四:"4",五:"5",六:"6",七:"7",八:"8",九:"9",零:"0"};class h extends W.LuzmoTextFieldBase{constructor(){super(...arguments),this.focused=!1,this._forcedUnit="",this.formatOptions={},this.hideStepper=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=Number.NaN,this._trackingValue="",this.decimalsChars=new Set([".",","]),this.valueBeforeFocus="",this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new _.LanguageResolutionController(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,p.r(re)]}set value(e){const t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;const r=this._value;this._value=t,this.requestUpdate("value",r)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){const t=this.lastCommitedValue;this.value=e,!(t===void 0||t===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(e){this.value=this.numberParser.parse(e)}get formattedValue(){return Number.isNaN(this.value)?"":this.numberFormatter.format(this.value)+(this.focused?"":this._forcedUnit)}convertValueToNumber(e){let t=[...e].map(i=>q[i]||i).join("");const r=[...this.valueBeforeFocus].filter(i=>this.decimalsChars.has(i)),o=new Set(r);if(v.isIOS()&&this.inputElement.inputMode==="decimal"&&t!==this.valueBeforeFocus){const a=this.numberFormatter.formatToParts(1000.1).find(u=>u.type==="decimal").value;for(const u of o)!(u===a)&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(u,"g"),""));let n=!1;const d=[...t];for(let u=d.length-1;u>=0;u--){const m=d[u];this.decimalsChars.has(m)&&(n?d[u]="":(d[u]=a,n=!0))}t=d.join("")}return this.numberParser.parse(t)}get _step(){var e;return this.step!==void 0?this.step:((e=this.formatOptions)==null?void 0:e.style)==="percent"?.01:1}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(e.pointerId);const t=this.buttons.children[0].getBoundingClientRect(),r=this.buttons.children[1].getBoundingClientRect();this.findChange=o=>{o.clientX>=t.x&&o.clientY>=t.y&&o.clientX<=t.x+t.width&&o.clientY<=t.y+t.height?this.change=i=>this.increment(i.shiftKey?this.stepModifier:1):o.clientX>=r.x&&o.clientY>=r.y&&o.clientX<=r.x+r.width&&o.clientY<=r.y+r.height&&(this.change=i=>this.decrement(i.shiftKey?this.stepModifier:1))},this.findChange(e),this.startChange(e)}startChange(e){this.changeCount=0,this.doChange(e),this.safty=setTimeout(()=>{this.doNextChange(e)},400)}doChange(e){this.change(e)}handlePointermove(e){this.findChange(e)}handlePointerup(e){this.buttons.releasePointerCapture(e.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(e){return this.changeCount+=1,this.changeCount%se===0&&this.doChange(e),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(e)})}stepBy(e){if(this.disabled||this.readonly)return;const t=this.min===void 0?0:this.min;let r=this.value;r+=e*this._step,Number.isNaN(this.value)&&(r=t),r=this.valueWithLimits(r),this.requestUpdate(),this._value=this.validateInput(r),this.inputElement.value=this.numberFormatter.format(r),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.indeterminate=!1,this.focus()}increment(e=1){this.stepBy(1*e)}decrement(e=1){this.stepBy(-1*e)}handleKeydown(e){if(!this.isComposing)switch(e.code){case"ArrowUp":{e.preventDefault(),this.increment(e.shiftKey?this.stepModifier:1),this.setValue();break}case"ArrowDown":{e.preventDefault(),this.decrement(e.shiftKey?this.stepModifier:1),this.setValue();break}}}onScroll(e){e.preventDefault(),this.managedInput=!0;const t=e.shiftKey?e.deltaX/Math.abs(e.deltaX):e.deltaY/Math.abs(e.deltaY);t!==0&&!Number.isNaN(t)&&(this.stepBy(t*(e.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},ae)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener("wheel",this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(e){super.onBlur(e),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener("wheel",this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){const e=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))){this.indeterminate=!0;return}this.setValue(e),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event("input",{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(e){if(this.isComposing){if(e.data){const d=this.convertValueToNumber(e.data);Number.isNaN(d)&&(this.inputElement.value=this.indeterminate?y:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(y,"")),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);const{value:t,selectionStart:r}=this.inputElement,o=[...t].map(d=>q[d]||d).join("");if(this.numberParser.isValidPartialNumber(o)){this.lastCommitedValue=this.lastCommitedValue??this.value;const d=this.convertValueToNumber(o);!o&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(d)),this._trackingValue=o,this.inputElement.value=o,this.inputElement.setSelectionRange(r,r);return}this.inputElement.value=this.indeterminate?y:this._trackingValue,e.stopPropagation();const i=o.length,a=this._trackingValue.length,n=(r||i)-(i-a);this.inputElement.setSelectionRange(n,n)}valueWithLimits(e){let t=e;return this.min!==void 0&&(t=Math.max(this.min,t)),this.max!==void 0&&(t=Math.min(this.max,t)),t}validateInput(e){e=this.valueWithLimits(e);const t=e<0?-1:1;if(e*=t,this.step){const r=this.min===void 0?0:this.min,o=Number.parseFloat(this.valueFormatter.format((e-r)%this.step));if(o===0||(Math.round(o/this.step)===1?e+=this.step-o:e-=o),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){const e=this.focused?"":y;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){const{style:e,unit:t,unitDisplay:r,...o}=this.formatOptions;e!=="unit"&&(o.style=e),this._numberFormatterFocused=new z(this.languageResolver.language,o);try{this._numberFormatter=new z(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberFormatter.format(1)}catch{e==="unit"&&(this._forcedUnit=t),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){const e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(".")[1].length:0;this._valueFormatter=new z("en",{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){const{style:e,unit:t,unitDisplay:r,...o}=this.formatOptions;e!=="unit"&&(o.style=e),this._numberParserFocused=new S(this.languageResolver.language,o);try{this._numberParser=new S(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberParser.parse("0")}catch{e==="unit"&&(this._forcedUnit=t),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete="off",p.x`
|
|
19
19
|
${super.renderField()}
|
|
20
|
-
${this.hideStepper?
|
|
20
|
+
${this.hideStepper?p.E:p.x`
|
|
21
21
|
<span
|
|
22
22
|
class="buttons"
|
|
23
23
|
@focusin=${this.handleFocusin}
|
|
24
24
|
@focusout=${this.handleFocusout}
|
|
25
|
-
${
|
|
25
|
+
${G.streamingListener({start:["pointerdown",this.handlePointerdown],streamInside:[["pointermove","pointerenter","pointerleave","pointerover","pointerout"],this.handlePointermove],end:[["pointerup","pointercancel","pointerleave"],this.handlePointerup]})}
|
|
26
26
|
>
|
|
27
27
|
<luzmo-infield-button
|
|
28
28
|
inline="end"
|
|
@@ -54,4 +54,4 @@
|
|
|
54
54
|
</luzmo-infield-button>
|
|
55
55
|
</span>
|
|
56
56
|
`}
|
|
57
|
-
`}update(e){if((e.has("formatOptions")||e.has("resolvedLanguage"))&&this.clearNumberFormatterCache(),e.has("value")||e.has("max")||e.has("min")||e.has("step")){const t=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,""));this.value=t,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(
|
|
57
|
+
`}update(e){if((e.has("formatOptions")||e.has("resolvedLanguage"))&&this.clearNumberFormatterCache(),e.has("value")||e.has("max")||e.has("min")||e.has("step")){const t=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,""));this.value=t,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(_.languageResolverUpdatedSymbol)&&this.clearNumberFormatterCache()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("compositionstart",this.handleCompositionStart),this.addEventListener("compositionend",this.handleCompositionEnd)}updated(e){if(!(!this.inputElement||!this.isConnected)){if(e.has("min")||e.has("formatOptions")){const t=this.min!==void 0&&this.min>=0,{maximumFractionDigits:r}=this.numberFormatter.resolvedOptions(),o=r&&r>0;let i="numeric";v.isIPhone()&&!t?i="text":(v.isIOS()&&o||v.isAndroid()&&o&&t)&&(i="decimal"),this.inputElement.inputMode=i}e.has("focused")&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}}c([K.e(".buttons")],h.prototype,"buttons",2);c([p.n({type:Boolean,reflect:!0})],h.prototype,"focused",2);c([p.n({type:Object,attribute:"format-options"})],h.prototype,"formatOptions",2);c([p.n({type:Boolean,reflect:!0,attribute:"hide-stepper"})],h.prototype,"hideStepper",2);c([p.n({type:Boolean,reflect:!0})],h.prototype,"indeterminate",2);c([p.n({type:Boolean,reflect:!0,attribute:"keyboard-focused"})],h.prototype,"keyboardFocused",2);c([p.n({type:Number})],h.prototype,"max",2);c([p.n({type:Number})],h.prototype,"min",2);c([p.n({type:Number})],h.prototype,"step",2);c([p.n({type:Number,reflect:!0,attribute:"step-modifier"})],h.prototype,"stepModifier",2);c([p.n({type:Number})],h.prototype,"value",1);customElements.get("luzmo-number-field")||customElements.define("luzmo-number-field",h);exports.LuzmoNumberField=h;
|
|
@@ -15,15 +15,14 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { luzmoIcon as
|
|
19
|
-
import {
|
|
20
|
-
import { n as h } from "../base-DNrOP9L3.js";
|
|
18
|
+
import { luzmoIcon as S, luzmoAngleUp as K, luzmoAngleDown as W } from "@luzmo/icons";
|
|
19
|
+
import { r as Y, E as X, x as N, n as h } from "../base-CawdqE7p.js";
|
|
21
20
|
import { e as Z } from "../query-D_KR_GUc.js";
|
|
22
|
-
import { c as
|
|
21
|
+
import { c as E, a as J, j as Q } from "../platform-BM-uMWpX.js";
|
|
23
22
|
import { L as ee, l as te } from "../language-resolution-8yZa5r_P.js";
|
|
24
|
-
import { s as re } from "../streaming-listener-
|
|
23
|
+
import { s as re } from "../streaming-listener-CCalHg57.js";
|
|
25
24
|
import "../infield-button/index.js";
|
|
26
|
-
import { a as oe } from "../text-field-
|
|
25
|
+
import { a as oe } from "../text-field-CvKSS59x.js";
|
|
27
26
|
const G = () => {
|
|
28
27
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
29
28
|
const s = document.createElement("style");
|
|
@@ -181,7 +180,7 @@ class $ {
|
|
|
181
180
|
this.locale = e, this.options = t;
|
|
182
181
|
}
|
|
183
182
|
}
|
|
184
|
-
const
|
|
183
|
+
const _ = /* @__PURE__ */ new Map();
|
|
185
184
|
function k(s, e, t) {
|
|
186
185
|
let r = D(s, e);
|
|
187
186
|
if (!s.includes("-nu-") && !r.isValidPartialNumber(t)) {
|
|
@@ -193,8 +192,8 @@ function k(s, e, t) {
|
|
|
193
192
|
return r;
|
|
194
193
|
}
|
|
195
194
|
function D(s, e) {
|
|
196
|
-
let t = s + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : ""), r =
|
|
197
|
-
return r || (r = new ne(s, e),
|
|
195
|
+
let t = s + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : ""), r = _.get(t);
|
|
196
|
+
return r || (r = new ne(s, e), _.set(t, r)), r;
|
|
198
197
|
}
|
|
199
198
|
class ne {
|
|
200
199
|
parse(e) {
|
|
@@ -275,14 +274,14 @@ function ue(s, e, t, r) {
|
|
|
275
274
|
...U,
|
|
276
275
|
...T
|
|
277
276
|
])
|
|
278
|
-
].sort((n, m) => m.length - n.length), B = P.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${P.join("|")}|[\\p{White_Space}]`, "gu"),
|
|
277
|
+
].sort((n, m) => m.length - n.length), B = P.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${P.join("|")}|[\\p{White_Space}]`, "gu"), C = [
|
|
279
278
|
...new Intl.NumberFormat(t.locale, {
|
|
280
279
|
useGrouping: !1
|
|
281
280
|
}).format(9876543210)
|
|
282
|
-
].reverse(), j = new Map(
|
|
281
|
+
].reverse(), j = new Map(C.map((n, m) => [
|
|
283
282
|
n,
|
|
284
283
|
m
|
|
285
|
-
])), H = new RegExp(`[${
|
|
284
|
+
])), H = new RegExp(`[${C.join("")}]`, "g");
|
|
286
285
|
return {
|
|
287
286
|
minusSign: O,
|
|
288
287
|
plusSign: x,
|
|
@@ -378,7 +377,7 @@ class p extends oe {
|
|
|
378
377
|
const r = [...this.valueBeforeFocus].filter(
|
|
379
378
|
(i) => this.decimalsChars.has(i)
|
|
380
379
|
), o = new Set(r);
|
|
381
|
-
if (
|
|
380
|
+
if (E() && this.inputElement.inputMode === "decimal" && t !== this.valueBeforeFocus) {
|
|
382
381
|
const l = this.numberFormatter.formatToParts(1000.1).find(
|
|
383
382
|
(u) => u.type === "decimal"
|
|
384
383
|
).value;
|
|
@@ -652,7 +651,7 @@ class p extends oe {
|
|
|
652
651
|
?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
|
|
653
652
|
?quiet=${this.quiet}
|
|
654
653
|
>
|
|
655
|
-
${
|
|
654
|
+
${S(K)}
|
|
656
655
|
</luzmo-infield-button>
|
|
657
656
|
<luzmo-infield-button
|
|
658
657
|
inline="end"
|
|
@@ -666,7 +665,7 @@ class p extends oe {
|
|
|
666
665
|
?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
|
|
667
666
|
?quiet=${this.quiet}
|
|
668
667
|
>
|
|
669
|
-
${
|
|
668
|
+
${S(W)}
|
|
670
669
|
</luzmo-infield-button>
|
|
671
670
|
</span>
|
|
672
671
|
`}
|
|
@@ -692,7 +691,7 @@ class p extends oe {
|
|
|
692
691
|
if (e.has("min") || e.has("formatOptions")) {
|
|
693
692
|
const t = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: r } = this.numberFormatter.resolvedOptions(), o = r && r > 0;
|
|
694
693
|
let i = "numeric";
|
|
695
|
-
J() && !t ? i = "text" : (
|
|
694
|
+
J() && !t ? i = "text" : (E() && o || Q() && o && t) && (i = "decimal"), this.inputElement.inputMode = i;
|
|
696
695
|
}
|
|
697
696
|
e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
|
|
698
697
|
}
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";const b=require("./mutation-controller-DkOMCW-c.cjs"),g=require("./base-
|
|
18
|
+
"use strict";const b=require("./mutation-controller-DkOMCW-c.cjs"),g=require("./base-B7Pfl2if.cjs"),x=require("./query-assigned-nodes-BcKWmGzy.cjs");var m=Object.defineProperty,h=(d,n,i,u)=>{for(var t=void 0,r=d.length-1,o;r>=0;r--)(o=d[r])&&(t=o(n,i,t)||t);return t&&m(n,i,t),t};const c=Symbol("assignedNodes");function v(d,n,i=[]){var u,t;const r=f=>e=>f.matches(e);class o extends(t=d,u=c,t){constructor(...e){super(e),this.slotHasContent=!1,new b.s(this,{config:{characterData:!0,subtree:!0},callback:l=>{for(const s of l)if(s.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[c])return;const e=[...this[c]].filter(l=>{const s=l;return s.tagName?!i.some(r(s)):s.textContent?s.textContent.trim():!1});this.slotHasContent=e.length>0}update(e){if(!this.hasUpdated){const{childNodes:l}=this,s=[...l].filter(p=>{const a=p;return a.tagName?i.some(r(a))?!1:n?a.getAttribute("slot")===n:!a.hasAttribute("slot"):a.textContent?a.textContent.trim():!1});this.slotHasContent=s.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return h([g.n({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),h([x.n({slot:n,flatten:!0})],o.prototype,u),o}exports.ObserveSlotText=v;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
18
|
import { s as m } from "./mutation-controller-DH7YOCyj.js";
|
|
19
|
-
import { n as x } from "./base-
|
|
19
|
+
import { n as x } from "./base-CawdqE7p.js";
|
|
20
20
|
import { n as b } from "./query-assigned-nodes-C76XVPWY.js";
|
|
21
21
|
var g = Object.defineProperty, p = (d, n, i, f) => {
|
|
22
22
|
for (var t = void 0, o = d.length - 1, r; o >= 0; o--)
|