@luzmo/lucero 2.5.2 → 2.6.0
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/color-area/color-area.d.ts +15 -0
- package/components/color-area/index.cjs +1 -1
- package/components/color-area/index.d.ts +1 -0
- package/components/color-area/index.js +1 -1
- package/components/color-area-CFBE-rG3.cjs +80 -0
- package/components/{color-area-qlEAp8ZN.js → color-area-GGa8KJyd.js} +85 -44
- package/components/color-handle/index.cjs +1 -1
- package/components/color-handle/index.js +1 -1
- package/components/{color-handle-Dc0uLgkf.js → color-handle-Ya92rdpA.js} +5 -2
- package/components/{color-handle-BE0Z1gTU.cjs → color-handle-hJ7Kblh4.cjs} +1 -1
- package/components/color-menu/color-menu.d.ts +11 -0
- package/components/color-menu/index.cjs +1 -1
- package/components/color-menu/index.d.ts +1 -0
- package/components/color-menu/index.js +1 -1
- package/components/{color-menu-Cus3S-Re.cjs → color-menu-COhe5VUB.cjs} +1 -1
- package/components/{color-menu-BxFQnH79.js → color-menu-Ct3f01bI.js} +6 -3
- package/components/color-picker/color-picker.d.ts +13 -0
- package/components/color-picker/index.cjs +1 -1
- package/components/color-picker/index.d.ts +1 -0
- package/components/color-picker/index.js +1 -1
- package/components/{color-picker-orFSIqoZ.js → color-picker-DWERcNZi.js} +5 -2
- package/components/{color-picker-BTT1O-76.cjs → color-picker-ELa0yF2F.cjs} +1 -1
- package/components/color-slider/color-slider.d.ts +17 -0
- package/components/color-slider/index.cjs +1 -1
- package/components/color-slider/index.d.ts +1 -0
- package/components/color-slider/index.js +1 -1
- package/components/{color-slider-X1EArAnx.js → color-slider-DNd_ZrD6.js} +95 -56
- package/components/color-slider-IYBn2DL7.cjs +58 -0
- package/components/index.cjs +1 -1
- package/components/index.js +8 -8
- package/components/interaction-BjXWVy_C.cjs +18 -0
- package/components/interaction-BpCLJ1OV.js +83 -0
- package/components/number-field/index.cjs +1 -1
- package/components/number-field/index.js +1 -1
- package/components/number-field/number-field.d.ts +4 -0
- package/components/{number-field-Ceeli_mh.cjs → number-field-CV7g2Q20.cjs} +2 -2
- package/components/{number-field-D9UqpqpW.js → number-field-Crol6vc9.js} +15 -9
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.d.ts +1 -0
- package/components/slider/index.js +1 -1
- package/components/slider/slider.d.ts +18 -0
- package/components/{slider-Ch7OgTdj.js → slider-BFTuAXK1.js} +167 -151
- package/components/slider-Ce6qgPZ4.cjs +136 -0
- package/components/{streaming-listener-Bfyk6Fsx.cjs → streaming-listener-BzGZUHkj.cjs} +1 -1
- package/components/{streaming-listener-B6mDl4pZ.js → streaming-listener-DyS3scAi.js} +1 -1
- package/components/utils.cjs +1 -1
- package/components/utils.js +1 -1
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/standalone/chunks/color-area-D-AVcZza.js +66 -0
- package/standalone/chunks/{color-handle-BLQiuRSS.js → color-handle-DO7dxFGx.js} +1 -1
- package/standalone/chunks/{color-menu-BDZh85nX.js → color-menu-DIX2y9m_.js} +1 -1
- package/standalone/chunks/color-slider-MSADvkPC.js +50 -0
- package/standalone/chunks/interaction-BQyflxg-.js +2 -0
- package/standalone/chunks/{number-field-Dc4nBa6l.js → number-field-BoIKbmIv.js} +2 -2
- package/standalone/chunks/{streaming-listener-DbMoHlSj.js → streaming-listener-0FSzb9QY.js} +1 -1
- package/standalone/color-area.js +1 -1
- package/standalone/color-handle.js +1 -1
- package/standalone/color-menu.js +1 -1
- package/standalone/color-picker.js +1 -1
- package/standalone/color-slider.js +1 -1
- package/standalone/manifest.json +7 -6
- package/standalone/number-field.js +1 -1
- package/standalone/slider.js +11 -10
- package/standalone/utils.js +1 -1
- package/utils/reactive-controllers/interaction.d.ts +85 -0
- package/components/color-area-D1fRozE0.cjs +0 -80
- package/components/color-slider-9Ck28Qdk.cjs +0 -57
- package/components/slider-C1AdDTfB.cjs +0 -135
- package/standalone/chunks/color-area-BCI2oMGd.js +0 -66
- package/standalone/chunks/color-slider-Bipcekrc.js +0 -49
package/components/index.cjs
CHANGED
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs"),n=require("./accordion-OQ0RoC_7.cjs"),r=require("./focus-visible-BQAhwoxi.cjs"),ee=require("./focusable-BIHTrJd6.cjs"),te=require("./action-group-Doll-3Bf.cjs"),ne=require("./icon-BlbMP3mJ.cjs"),re=require("./close-button-B06i2hJn.cjs"),ie=require("./field-label-B3IsGUTv.cjs"),i=require("./popover-CFzz83f8.cjs"),a=require("./action-bar-Dyt2tyjr.cjs"),o=require("./action-button-CL4ZlryE.cjs"),s=require("./slottable-request-event-C6eb7Ch3.cjs"),c=require("./progress-circle-C_9UZs2Y.cjs"),l=require("./menu-BKwt6rnv.cjs"),u=require("./overlay-DAOyrYJL.cjs"),d=require("./platform-BAjeJp2W.cjs"),ae=require("./tooltip-BE01O3Sg.cjs"),f=require("./picker-CQCAt4Mx.cjs"),oe=require("./action-menu-BW-XpCVO.cjs"),se=require("./avatar-DFzJbtId.cjs"),ce=require("./badge-DzElGOcl.cjs"),p=require("./button-BGEWdRbY.cjs"),m=require("./button-group-C23OtGC0.cjs"),h=require("./calendar-BqyGW8gU.cjs"),g=require("./chat-message-Dn5GKsSD.cjs"),_=require("./chat-message-group-CJddlS85.cjs"),v=require("./checkbox-CVi4GMoo.cjs"),y=require("./color-loupe-2X1bCYU9.cjs"),b=require("./color-handle-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs"),n=require("./accordion-OQ0RoC_7.cjs"),r=require("./focus-visible-BQAhwoxi.cjs"),ee=require("./focusable-BIHTrJd6.cjs"),te=require("./action-group-Doll-3Bf.cjs"),ne=require("./icon-BlbMP3mJ.cjs"),re=require("./close-button-B06i2hJn.cjs"),ie=require("./field-label-B3IsGUTv.cjs"),i=require("./popover-CFzz83f8.cjs"),a=require("./action-bar-Dyt2tyjr.cjs"),o=require("./action-button-CL4ZlryE.cjs"),s=require("./slottable-request-event-C6eb7Ch3.cjs"),c=require("./progress-circle-C_9UZs2Y.cjs"),l=require("./menu-BKwt6rnv.cjs"),u=require("./overlay-DAOyrYJL.cjs"),d=require("./platform-BAjeJp2W.cjs"),ae=require("./tooltip-BE01O3Sg.cjs"),f=require("./picker-CQCAt4Mx.cjs"),oe=require("./action-menu-BW-XpCVO.cjs"),se=require("./avatar-DFzJbtId.cjs"),ce=require("./badge-DzElGOcl.cjs"),p=require("./button-BGEWdRbY.cjs"),m=require("./button-group-C23OtGC0.cjs"),h=require("./calendar-BqyGW8gU.cjs"),g=require("./chat-message-Dn5GKsSD.cjs"),_=require("./chat-message-group-CJddlS85.cjs"),v=require("./checkbox-CVi4GMoo.cjs"),y=require("./color-loupe-2X1bCYU9.cjs"),b=require("./color-handle-hJ7Kblh4.cjs"),x=require("./streaming-listener-BzGZUHkj.cjs"),S=require("./color-area-CFBE-rG3.cjs"),C=require("./text-field-BVl-HWzb.cjs"),w=require("./color-field-CN8shDl_.cjs"),T=require("./color-slider-IYBn2DL7.cjs"),E=require("./divider-fWGUxO6A.cjs"),D=require("./swatch-DiNMN-SZ.cjs"),O=require("./color-menu-COhe5VUB.cjs"),k=require("./color-palette-D5NZDz5I.cjs"),A=require("./color-palette-group-DhGh0Db8.cjs"),j=require("./color-picker-ELa0yF2F.cjs"),M=require("./picker-button-BWDfzx38.cjs"),N=require("./date-range-picker-DyJdcFiA.cjs"),P=require("./date-time-picker-CEEeMXGn.cjs"),F=require("./field-group-B8mhEhNJ.cjs");require("./field-group/index.cjs");const I=require("./infield-button-uD1GqTLW.cjs"),L=require("./label-uuwIy_Ge.cjs"),le=require("./text-field-DCcOZSvY.cjs"),R=require("./multi-language-field-djoM4Okc.cjs"),z=require("./notice-f0p0TiGw.cjs"),B=require("./number-field-CV7g2Q20.cjs"),V=require("./options-Dk1uFeUT.cjs");require("./picker/index.cjs");const H=require("./progress-bar-9Qg0PYAq.cjs"),U=require("./progress-steps-5MhpnGKv.cjs"),W=require("./skeleton-loader-CEca0cqz.cjs"),G=require("./prompt-box-D7owyhfG.cjs"),ue=require("./voice-recorder-B1tBrGTV.cjs"),K=require("./radio-Dd-GgUMm.cjs"),q=require("./question-box-ym1eakXA.cjs"),de=require("./search-DiCwSHFf.cjs"),fe=require("./select-2Fvb7tpj.cjs"),J=require("./slider-Ce6qgPZ4.cjs"),pe=require("./split-view-DNVlr5VD.cjs"),me=require("./status-light-Do6z53mM.cjs"),he=require("./switch-DMhCYTgq.cjs"),Y=require("./template-property-yhcAmPXk.cjs"),X=require("./table-CLMLGloR.cjs"),Z=require("./tabs-B0WHKMuF.cjs"),Q=require("./top-nav-B0E1K_zf.cjs"),$=require("./tags-CHDNXpxh.cjs"),ge=require("./toast-B6yesIcI.cjs");require("./utils.cjs"),exports.ClickController=u.d,exports.DEFAULT_FILE_ICONS=G.n,exports.DEFAULT_NOTICE_LABELS=z.t,exports.DEFAULT_PROGRESS_STEPS_LABELS=U.n,exports.DEFAULT_QUESTION_BOX_LABELS=q.a,exports.DEFAULT_SLIDER_LABELS=J.r,exports.DEFAULT_TABLE_LABELS=X.u,exports.DESCRIPTION_ID=f.t,exports.ELEMENT_MIME_TYPE=G.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=u.u,exports.InteractionController=u.f,exports.InteractionTypes=u.p,exports.LONGPRESS_INSTRUCTIONS=u.c,exports.LongpressController=u.l,exports.LuzmoAbstractOverlay=u.y,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=a.t,exports.LuzmoActionButton=o.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=oe.t,exports.LuzmoAvatar=se.t,exports.LuzmoBadge=ce.t,exports.LuzmoButton=p.n,exports.LuzmoButtonGroup=m.t,exports.LuzmoCalendar=h.t,exports.LuzmoChatMessage=g.t,exports.LuzmoChatMessageGroup=_.t,exports.LuzmoCheckbox=v.t,exports.LuzmoClearButton=p.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=S.t,exports.LuzmoColorField=w.t,exports.LuzmoColorHandle=b.t,exports.LuzmoColorLoupe=y.t,exports.LuzmoColorMenu=O.t,exports.LuzmoColorPalette=k.t,exports.LuzmoColorPaletteGroup=A.t,exports.LuzmoColorPicker=j.t,exports.LuzmoColorSlider=T.t,exports.LuzmoDateRangePicker=N.t,exports.LuzmoDateTimePicker=P.t,exports.LuzmoDivider=E.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=F.t,exports.LuzmoFieldLabel=ie.t,exports.LuzmoHelpText=le.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=I.t,exports.LuzmoLabel=L.t,exports.LuzmoMenu=l.a,exports.LuzmoMenuDivider=l.i,exports.LuzmoMenuGroup=l.r,exports.LuzmoMenuItem=l.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=R.t,exports.LuzmoNotice=z.n,exports.LuzmoNumberField=B.t,exports.LuzmoOption=V.a,exports.LuzmoOptions=V.t,exports.LuzmoOptionsDivider=V.i,exports.LuzmoOverlay=u.s,exports.LuzmoOverlayTrigger=u.o,exports.LuzmoPicker=f.n,exports.LuzmoPickerBase=f.r,exports.LuzmoPickerButton=M.t,exports.LuzmoPopover=i.t,exports.LuzmoProgressBar=H.t,exports.LuzmoProgressCircle=c.t,exports.LuzmoProgressSteps=U.t,exports.LuzmoPromptBox=G.t,exports.LuzmoQuestionBox=q.t,exports.LuzmoRadio=K.n,exports.LuzmoRadioGroup=K.t,exports.LuzmoSearch=de.t,exports.LuzmoSelect=fe.t,exports.LuzmoSkeletonLoader=W.t,exports.LuzmoSlider=J.n,exports.LuzmoSliderHandle=J.t,exports.LuzmoSplitView=pe.t,exports.LuzmoStatusLight=me.t,exports.LuzmoSwatch=D.n,exports.LuzmoSwatchGroup=D.t,exports.LuzmoSwitch=he.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTable=X.c,exports.LuzmoTableBody=X.s,exports.LuzmoTableCell=X.o,exports.LuzmoTableCheckboxCell=X.a,exports.LuzmoTableDisclosureCell=X.n,exports.LuzmoTableHead=X.i,exports.LuzmoTableHeadCell=X.r,exports.LuzmoTableRow=X.t,exports.LuzmoTableRowDetails=X.l,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=C.t,exports.LuzmoToast=ge.t,exports.LuzmoTooltip=ae.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=l.n,exports.OverlayTriggerDirective=u.t,exports.PlacementController=u.g,exports.QUESTION_BOX_OTHER_VALUE=q.o,exports.SAFARI_FOCUS_RING_CLASS=u.m,exports.SizedMixin=t.n,exports.SlottableRequestDirective=u.r,exports.SlottableRequestEvent=s.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=V.n,exports.VirtualTrigger=u.v,exports.VoiceRecorder=ue.t,exports.createTemplateRenderer=Y.t,exports.guaranteedAllTransitionend=u.b,exports.isAndroid=d.t,exports.isAppleDevice=d.n,exports.isChrome=d.r,exports.isFirefox=d.i,exports.isIOS=d.a,exports.isIPad=d.o,exports.isIPhone=d.s,exports.isMac=d.c,exports.isSeamonkey=d.l,exports.isWebKit=d.u,exports.lastInteractionType=u.h,exports.nextFrame=u.x,exports.noop=u.S,exports.noticeVariants=z.r,exports.openOverlay=u.a,exports.overlayTimer=u.C,exports.placementUpdatedSymbol=u._,exports.questionBoxOtherKey=q.s,exports.questionsToRequestedSchema=q.n,exports.removeSlottableRequest=s.n,exports.requestedSchemaToQuestions=q.r,exports.slottableRequest=u.i,exports.streamingListener=x.t,exports.templateProperty=Y.n,exports.toElicitationContent=q.i,exports.trigger=u.n;
|
package/components/index.js
CHANGED
|
@@ -45,18 +45,18 @@ import { t as pe } from "./chat-message-5gP_qbiz.js";
|
|
|
45
45
|
import { t as me } from "./chat-message-group-Bp4mshBY.js";
|
|
46
46
|
import { t as he } from "./checkbox-CvRvgRzh.js";
|
|
47
47
|
import { t as ge } from "./color-loupe-Bu37Uwk6.js";
|
|
48
|
-
import { t as _e } from "./color-handle-
|
|
49
|
-
import { t as ve } from "./streaming-listener-
|
|
50
|
-
import { t as ye } from "./color-area-
|
|
48
|
+
import { t as _e } from "./color-handle-Ya92rdpA.js";
|
|
49
|
+
import { t as ve } from "./streaming-listener-DyS3scAi.js";
|
|
50
|
+
import { t as ye } from "./color-area-GGa8KJyd.js";
|
|
51
51
|
import { t as be } from "./text-field-DpvP_tCP.js";
|
|
52
52
|
import { t as xe } from "./color-field-CVyDNZ4b.js";
|
|
53
|
-
import { t as Se } from "./color-slider-
|
|
53
|
+
import { t as Se } from "./color-slider-DNd_ZrD6.js";
|
|
54
54
|
import { t as Ce } from "./divider-Bt0NIqfu.js";
|
|
55
55
|
import { n as we, t as Te } from "./swatch-BBVsuSAV.js";
|
|
56
|
-
import { t as Ee } from "./color-menu-
|
|
56
|
+
import { t as Ee } from "./color-menu-Ct3f01bI.js";
|
|
57
57
|
import { t as De } from "./color-palette-UU7Feiwh.js";
|
|
58
58
|
import { t as Oe } from "./color-palette-group-CwmC9iR1.js";
|
|
59
|
-
import { t as ke } from "./color-picker-
|
|
59
|
+
import { t as ke } from "./color-picker-DWERcNZi.js";
|
|
60
60
|
import { t as Ae } from "./picker-button-BhfY9gyk.js";
|
|
61
61
|
import { t as je } from "./date-range-picker-CoCz3uDz.js";
|
|
62
62
|
import { t as Me } from "./date-time-picker-CsgO17tA.js";
|
|
@@ -67,7 +67,7 @@ import { t as Fe } from "./label-D1v4e6mN.js";
|
|
|
67
67
|
import { t as Ie } from "./text-field-D49lAD7L.js";
|
|
68
68
|
import { t as Le } from "./multi-language-field-NY2XwK2M.js";
|
|
69
69
|
import { n as Re, r as ze, t as Be } from "./notice-CrLVNmqL.js";
|
|
70
|
-
import { t as Ve } from "./number-field-
|
|
70
|
+
import { t as Ve } from "./number-field-Crol6vc9.js";
|
|
71
71
|
import { a as He, i as Ue, n as We, t as Ge } from "./options-BHDesKbF.js";
|
|
72
72
|
import "./picker/index.js";
|
|
73
73
|
import { t as Ke } from "./progress-bar-D6wIZV5l.js";
|
|
@@ -79,7 +79,7 @@ import { n as et, t as tt } from "./radio-CyxICbLM.js";
|
|
|
79
79
|
import { a as nt, i as rt, n as it, o as at, r as ot, s as st, t as ct } from "./question-box-BJYYLghb.js";
|
|
80
80
|
import { t as lt } from "./search-C5uFmm6S.js";
|
|
81
81
|
import { t as ut } from "./select-HqF3tcHz.js";
|
|
82
|
-
import { n as dt, r as ft, t as pt } from "./slider-
|
|
82
|
+
import { n as dt, r as ft, t as pt } from "./slider-BFTuAXK1.js";
|
|
83
83
|
import { t as mt } from "./split-view-DDwpoN2O.js";
|
|
84
84
|
import { t as ht } from "./status-light-DqHhhZed.js";
|
|
85
85
|
import { t as gt } from "./switch-BBtewLDD.js";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
const e=require("./random-id-BcUJAxUZ.cjs");var t=e=>e.pointerType===`touch`||e.pointerType===`pen`?e.pointerType:`mouse`,n=class{constructor(t,n){this._options=n,this._prefix=e.t(),this._count=0,this._keys=new Set,this._host=t,this._host.addController(this)}hostDisconnected(){this._reset()}get active(){return this._id!==void 0}start(e,t){this.end();let n=`${this._prefix}-${this._count+=1}`;return this._id=n,this._source=e,this._handle=t,this._startValue=this._options.value(t),this._dispatch(`luzmo-interaction-start`,{id:n,source:e,handle:t}),this._id===n&&this._host.isConnected}keyDown(e,t){return this.active&&this._source!==`keyboard`?!0:!this.active&&!this.start(`keyboard`,t)?!1:(this._keys.add(e),!0)}keyUp(e){this._source===`keyboard`&&this._keys.delete(e)&&this._keys.size===0&&this.end()}endKeyboard(){this._source===`keyboard`&&this.end()}commit(e,t){this._pendingChange=t,e(),this._flushPendingChange()}end(){this._finish(`luzmo-interaction-end`)}cancel(){this._finish(`luzmo-interaction-cancel`)}_finish(e){let t=this._id;if(t===void 0||(this._flushPendingChange(),this._id!==t))return;let{_source:n,_handle:r,_startValue:i}=this,a=!(this._options.isEqual??Object.is)(i,this._options.value(r));this._reset(),this._dispatch(e,{id:t,source:n,handle:r,changed:a})}_flushPendingChange(){let e=this._pendingChange;this._pendingChange=void 0,e?.()}_reset(){this._id=void 0,this._source=void 0,this._handle=void 0,this._startValue=void 0,this._keys.clear()}_dispatch(e,t){t.handle===void 0&&delete t.handle,this._host.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t}))}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
import { t as e } from "./random-id-CO3s9i3n.js";
|
|
19
|
+
// src/utils/reactive-controllers/interaction.ts
|
|
20
|
+
var t = (e) => e.pointerType === "touch" || e.pointerType === "pen" ? e.pointerType : "mouse", n = class {
|
|
21
|
+
constructor(t, n) {
|
|
22
|
+
this._options = n, this._prefix = e(), this._count = 0, this._keys = /* @__PURE__ */ new Set(), this._host = t, this._host.addController(this);
|
|
23
|
+
}
|
|
24
|
+
hostDisconnected() {
|
|
25
|
+
this._reset();
|
|
26
|
+
}
|
|
27
|
+
get active() {
|
|
28
|
+
return this._id !== void 0;
|
|
29
|
+
}
|
|
30
|
+
start(e, t) {
|
|
31
|
+
this.end();
|
|
32
|
+
let n = `${this._prefix}-${this._count += 1}`;
|
|
33
|
+
return this._id = n, this._source = e, this._handle = t, this._startValue = this._options.value(t), this._dispatch("luzmo-interaction-start", {
|
|
34
|
+
id: n,
|
|
35
|
+
source: e,
|
|
36
|
+
handle: t
|
|
37
|
+
}), this._id === n && this._host.isConnected;
|
|
38
|
+
}
|
|
39
|
+
keyDown(e, t) {
|
|
40
|
+
return this.active && this._source !== "keyboard" ? !0 : !this.active && !this.start("keyboard", t) ? !1 : (this._keys.add(e), !0);
|
|
41
|
+
}
|
|
42
|
+
keyUp(e) {
|
|
43
|
+
this._source === "keyboard" && this._keys.delete(e) && this._keys.size === 0 && this.end();
|
|
44
|
+
}
|
|
45
|
+
endKeyboard() {
|
|
46
|
+
this._source === "keyboard" && this.end();
|
|
47
|
+
}
|
|
48
|
+
commit(e, t) {
|
|
49
|
+
this._pendingChange = t, e(), this._flushPendingChange();
|
|
50
|
+
}
|
|
51
|
+
end() {
|
|
52
|
+
this._finish("luzmo-interaction-end");
|
|
53
|
+
}
|
|
54
|
+
cancel() {
|
|
55
|
+
this._finish("luzmo-interaction-cancel");
|
|
56
|
+
}
|
|
57
|
+
_finish(e) {
|
|
58
|
+
let t = this._id;
|
|
59
|
+
if (t === void 0 || (this._flushPendingChange(), this._id !== t)) return;
|
|
60
|
+
let { _source: n, _handle: r, _startValue: i } = this, a = !(this._options.isEqual ?? Object.is)(i, this._options.value(r));
|
|
61
|
+
this._reset(), this._dispatch(e, {
|
|
62
|
+
id: t,
|
|
63
|
+
source: n,
|
|
64
|
+
handle: r,
|
|
65
|
+
changed: a
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
_flushPendingChange() {
|
|
69
|
+
let e = this._pendingChange;
|
|
70
|
+
this._pendingChange = void 0, e?.();
|
|
71
|
+
}
|
|
72
|
+
_reset() {
|
|
73
|
+
this._id = void 0, this._source = void 0, this._handle = void 0, this._startValue = void 0, this._keys.clear();
|
|
74
|
+
}
|
|
75
|
+
_dispatch(e, t) {
|
|
76
|
+
t.handle === void 0 && delete t.handle, this._host.dispatchEvent(new CustomEvent(e, {
|
|
77
|
+
bubbles: !0,
|
|
78
|
+
composed: !0,
|
|
79
|
+
detail: t
|
|
80
|
+
}));
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
export { t as n, n as t };
|
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../number-field-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../number-field-CV7g2Q20.cjs");exports.LuzmoNumberField=e.t;
|
|
@@ -186,12 +186,15 @@ export declare class LuzmoNumberField extends LuzmoTextFieldBase {
|
|
|
186
186
|
* @internal
|
|
187
187
|
*/
|
|
188
188
|
private safty;
|
|
189
|
+
/** Whether a stepper press is still held, so repeats may be scheduled. */
|
|
190
|
+
private _stepping;
|
|
189
191
|
private languageResolver;
|
|
190
192
|
private handlePointerdown;
|
|
191
193
|
private startChange;
|
|
192
194
|
private doChange;
|
|
193
195
|
private handlePointermove;
|
|
194
196
|
private handlePointerup;
|
|
197
|
+
private _stopChange;
|
|
195
198
|
private doNextChange;
|
|
196
199
|
private stepBy;
|
|
197
200
|
private increment;
|
|
@@ -253,6 +256,7 @@ export declare class LuzmoNumberField extends LuzmoTextFieldBase {
|
|
|
253
256
|
protected update(changes: PropertyValues): void;
|
|
254
257
|
willUpdate(changes: PropertyValues): void;
|
|
255
258
|
private isComposing;
|
|
259
|
+
disconnectedCallback(): void;
|
|
256
260
|
protected firstUpdated(changes: PropertyValues): void;
|
|
257
261
|
protected updated(changes: PropertyValues<this>): void;
|
|
258
262
|
}
|
|
@@ -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
|
-
require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./language-resolution-B7D3hQ6_.cjs"),n=require("./platform-BAjeJp2W.cjs"),r=require("./streaming-listener-Bfyk6Fsx.cjs"),i=require("./text-field-BVl-HWzb.cjs");require("./infield-button-uD1GqTLW.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("@internationalized/number");var l=`#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));--stepper-focus-indicator-color:var(--luzmo-stepper-focus-indicator-color-invalid,var(--stepper-focus-indicator-color-invalid))}: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;font-size:var(--luzmo-stepper-button-font-size,var(--stepper-button-font-size));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)))}}:host([invalid]) #text-field,:host([valid]) #text-field{--stepper-status-icon-inline-offset:var(--luzmo-stepper-button-width,var(--stepper-button-width))}:host([hide-stepper][invalid]) #text-field,:host([hide-stepper][valid]) #text-field{--stepper-status-icon-inline-offset:0px}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-status-icon-inline-offset) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([quiet][invalid]) #text-field .icon,:host([quiet][valid]) #text-field .icon{inset-inline-end:var(--stepper-status-icon-inline-offset)}@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:2;--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);--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-font-size:var(--luzmo-font-size);--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-negative-color);--stepper-border-color-hover-invalid:var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid:var(--luzmo-negative-color-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-focus-indicator-color-invalid:var(--luzmo-negative-color-focus);--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:20px;--stepper-height:var(--luzmo-component-height);--stepper-status-icon-space:0px}:host([invalid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}:host([valid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}: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));--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:calc(var(--number-field-width) + var(--stepper-status-icon-space))}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-xl)}#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:#0000}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width,var(--stepper-border-width)) solid var(--luzmo-stepper-border-color,var(--stepper-border-color));border-radius:var(--luzmo-border-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)}:host([grows]){--number-field-char-count:1;--number-field-content-width:calc(var(--number-field-char-count) * 1ch + var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) * 2 + var(--stepper-status-icon-space));--number-field-grows-width:calc(var(--number-field-content-width) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);inline-size:var(--number-field-grows-width);min-inline-size:var(--luzmo-stepper-width,var(--stepper-width));max-inline-size:100%}:host([grows]) #text-field{inline-size:100%}:host([grows]) #text-field .input{inline-size:100%;min-inline-size:0}`,u={"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`},d=class extends i.n{constructor(...e){super(...e),this.focused=!1,this._forcedUnit=``,this.formatOptions={},this.hideStepper=!1,this.grows=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=NaN,this._trackingValue=``,this.decimalsChars=new Set([`.`,`,`]),this.valueBeforeFocus=``,this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new t.t(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,(0,a.unsafeCSS)(l)]}set value(e){let t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;let n=this._value;this._value=t,this.requestUpdate(`value`,n)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){let 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(e=>u[e]||e).join(``),r=[...this.valueBeforeFocus].filter(e=>this.decimalsChars.has(e)),i=new Set(r);if(n.a()&&this.inputElement.inputMode===`decimal`&&t!==this.valueBeforeFocus){let e=this.numberFormatter.formatToParts(1000.1).find(e=>e.type===`decimal`).value;for(let n of i)n!==e&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(n,`g`),``));let n=!1,r=[...t];for(let t=r.length-1;t>=0;t--){let i=r[t];this.decimalsChars.has(i)&&(n?r[t]=``:(r[t]=e,n=!0))}t=r.join(``)}return this.numberParser.parse(t)}get _step(){return this.step===void 0?this.formatOptions?.style===`percent`?.01:1:this.step}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(e.pointerId);let t=this.buttons.children[0].getBoundingClientRect(),n=this.buttons.children[1].getBoundingClientRect();this.findChange=e=>{e.clientX>=t.x&&e.clientY>=t.y&&e.clientX<=t.x+t.width&&e.clientY<=t.y+t.height?this.change=e=>this.increment(e.shiftKey?this.stepModifier:1):e.clientX>=n.x&&e.clientY>=n.y&&e.clientX<=n.x+n.width&&e.clientY<=n.y+n.height&&(this.change=e=>this.decrement(e.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%5==0&&this.doChange(e),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(e)})}stepBy(e){if(this.disabled||this.readonly)return;let t=this.min===void 0?0:this.min,n=this.value;n+=e*this._step,Number.isNaN(this.value)&&(n=t),n=this.valueWithLimits(n),this.requestUpdate(),this._value=this.validateInput(n),this.inputElement.value=this.numberFormatter.format(n),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()}}onScroll(e){e.preventDefault(),this.managedInput=!0;let 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()},100)),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(){let e=this.convertValueToNumber(this.inputValue);this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))?this.indeterminate=!0:(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){let t=this.convertValueToNumber(e.data);Number.isNaN(t)&&(this.inputElement.value=this.indeterminate?`-`:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(`-`,``)),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);let{value:t,selectionStart:n}=this.inputElement,r=[...t].map(e=>u[e]||e).join(``);if(this.numberParser.isValidPartialNumber(r)){this.lastCommitedValue=this.lastCommitedValue??this.value;let e=this.convertValueToNumber(r);!r&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(e)),this._trackingValue=r,this.inputElement.value=r,this.inputElement.setSelectionRange(n,n);return}this.inputElement.value=this.indeterminate?`-`:this._trackingValue,e.stopPropagation();let i=r.length,a=this._trackingValue.length,o=(n||i)-(i-a);this.inputElement.setSelectionRange(o,o)}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);let t=e<0?-1:1;if(e*=t,this.step){let t=this.min===void 0?0:this.min,n=Number.parseFloat(this.valueFormatter.format((e-t)%this.step));if(n!==0&&(Math.round(n/this.step)===1?e+=this.step-n:e-=n),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){let e=this.focused?``:`-`;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberFormatterFocused=new c.NumberFormatter(this.languageResolver.language,r);try{this._numberFormatter=new c.NumberFormatter(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){let e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(`.`)[1].length:0;this._valueFormatter=new c.NumberFormatter(`en`,{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberParserFocused=new c.NumberParser(this.languageResolver.language,r);try{this._numberParser=new c.NumberParser(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`,a.html`
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./language-resolution-B7D3hQ6_.cjs"),n=require("./platform-BAjeJp2W.cjs"),r=require("./streaming-listener-BzGZUHkj.cjs"),i=require("./text-field-BVl-HWzb.cjs");require("./infield-button-uD1GqTLW.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("@internationalized/number");var l=`#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));--stepper-focus-indicator-color:var(--luzmo-stepper-focus-indicator-color-invalid,var(--stepper-focus-indicator-color-invalid))}: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;font-size:var(--luzmo-stepper-button-font-size,var(--stepper-button-font-size));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)))}}:host([invalid]) #text-field,:host([valid]) #text-field{--stepper-status-icon-inline-offset:var(--luzmo-stepper-button-width,var(--stepper-button-width))}:host([hide-stepper][invalid]) #text-field,:host([hide-stepper][valid]) #text-field{--stepper-status-icon-inline-offset:0px}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-status-icon-inline-offset) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([quiet][invalid]) #text-field .icon,:host([quiet][valid]) #text-field .icon{inset-inline-end:var(--stepper-status-icon-inline-offset)}@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:2;--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);--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-font-size:var(--luzmo-font-size);--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-negative-color);--stepper-border-color-hover-invalid:var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid:var(--luzmo-negative-color-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-focus-indicator-color-invalid:var(--luzmo-negative-color-focus);--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:20px;--stepper-height:var(--luzmo-component-height);--stepper-status-icon-space:0px}:host([invalid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}:host([valid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}: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));--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:calc(var(--number-field-width) + var(--stepper-status-icon-space))}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-xl)}#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:#0000}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width,var(--stepper-border-width)) solid var(--luzmo-stepper-border-color,var(--stepper-border-color));border-radius:var(--luzmo-border-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)}:host([grows]){--number-field-char-count:1;--number-field-content-width:calc(var(--number-field-char-count) * 1ch + var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) * 2 + var(--stepper-status-icon-space));--number-field-grows-width:calc(var(--number-field-content-width) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);inline-size:var(--number-field-grows-width);min-inline-size:var(--luzmo-stepper-width,var(--stepper-width));max-inline-size:100%}:host([grows]) #text-field{inline-size:100%}:host([grows]) #text-field .input{inline-size:100%;min-inline-size:0}`,u={"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`},d=class extends i.n{constructor(...e){super(...e),this.focused=!1,this._forcedUnit=``,this.formatOptions={},this.hideStepper=!1,this.grows=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=NaN,this._trackingValue=``,this.decimalsChars=new Set([`.`,`,`]),this.valueBeforeFocus=``,this.isIntentDecimal=!1,this.changeCount=0,this._stepping=!1,this.languageResolver=new t.t(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,(0,a.unsafeCSS)(l)]}set value(e){let t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;let n=this._value;this._value=t,this.requestUpdate(`value`,n)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){let 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(e=>u[e]||e).join(``),r=[...this.valueBeforeFocus].filter(e=>this.decimalsChars.has(e)),i=new Set(r);if(n.a()&&this.inputElement.inputMode===`decimal`&&t!==this.valueBeforeFocus){let e=this.numberFormatter.formatToParts(1000.1).find(e=>e.type===`decimal`).value;for(let n of i)n!==e&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(n,`g`),``));let n=!1,r=[...t];for(let t=r.length-1;t>=0;t--){let i=r[t];this.decimalsChars.has(i)&&(n?r[t]=``:(r[t]=e,n=!0))}t=r.join(``)}return this.numberParser.parse(t)}get _step(){return this.step===void 0?this.formatOptions?.style===`percent`?.01:1:this.step}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this._stepping=!0,this.buttons.setPointerCapture(e.pointerId);let t=this.buttons.children[0].getBoundingClientRect(),n=this.buttons.children[1].getBoundingClientRect();this.findChange=e=>{e.clientX>=t.x&&e.clientY>=t.y&&e.clientX<=t.x+t.width&&e.clientY<=t.y+t.height?this.change=e=>this.increment(e.shiftKey?this.stepModifier:1):e.clientX>=n.x&&e.clientY>=n.y&&e.clientX<=n.x+n.width&&e.clientY<=n.y+n.height&&(this.change=e=>this.decrement(e.shiftKey?this.stepModifier:1))},this.findChange(e),this.startChange(e)}startChange(e){this.changeCount=0,this.doChange(e),this._stepping&&(this.safty=setTimeout(()=>{this.doNextChange(e)},400))}doChange(e){this.change(e)}handlePointermove(e){this.findChange(e)}handlePointerup(e){this.buttons.releasePointerCapture(e.pointerId),this._stopChange(),this.setValue()}_stopChange(){this._stepping=!1,cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1}doNextChange(e){this.changeCount+=1,this.changeCount%5==0&&this.doChange(e),this._stepping&&(this.nextChange=requestAnimationFrame(()=>{this.doNextChange(e)}))}stepBy(e){if(this.disabled||this.readonly)return;let t=this.min===void 0?0:this.min,n=this.value;n+=e*this._step,Number.isNaN(this.value)&&(n=t),n=this.valueWithLimits(n),this.requestUpdate(),this._value=this.validateInput(n),this.inputElement.value=this.numberFormatter.format(n),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()}}onScroll(e){e.preventDefault(),this.managedInput=!0;let 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()},100)),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(){let e=this.convertValueToNumber(this.inputValue);this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))?this.indeterminate=!0:(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){let t=this.convertValueToNumber(e.data);Number.isNaN(t)&&(this.inputElement.value=this.indeterminate?`-`:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(`-`,``)),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);let{value:t,selectionStart:n}=this.inputElement,r=[...t].map(e=>u[e]||e).join(``);if(this.numberParser.isValidPartialNumber(r)){this.lastCommitedValue=this.lastCommitedValue??this.value;let e=this.convertValueToNumber(r);!r&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(e)),this._trackingValue=r,this.inputElement.value=r,this.inputElement.setSelectionRange(n,n);return}this.inputElement.value=this.indeterminate?`-`:this._trackingValue,e.stopPropagation();let i=r.length,a=this._trackingValue.length,o=(n||i)-(i-a);this.inputElement.setSelectionRange(o,o)}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);let t=e<0?-1:1;if(e*=t,this.step){let t=this.min===void 0?0:this.min,n=Number.parseFloat(this.valueFormatter.format((e-t)%this.step));if(n!==0&&(Math.round(n/this.step)===1?e+=this.step-n:e-=n),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){let e=this.focused?``:`-`;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberFormatterFocused=new c.NumberFormatter(this.languageResolver.language,r);try{this._numberFormatter=new c.NumberFormatter(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){let e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(`.`)[1].length:0;this._valueFormatter=new c.NumberFormatter(`en`,{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberParserFocused=new c.NumberParser(this.languageResolver.language,r);try{this._numberParser=new c.NumberParser(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`,a.html`
|
|
19
19
|
${super.renderField()}
|
|
20
20
|
${this.hideStepper?a.nothing:a.html`
|
|
21
21
|
<span
|
|
@@ -54,4 +54,4 @@ require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./
|
|
|
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`)){let e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,``));this.value=e,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(t.r)&&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(this.grows){let e=this.displayValue||this.placeholder||``;this.style.setProperty(`--number-field-char-count`,String(e.length))}if(e.has(`min`)||e.has(`formatOptions`)){let e=this.min!==void 0&&this.min>=0,{maximumFractionDigits:t}=this.numberFormatter.resolvedOptions(),r=t&&t>0,i=`numeric`;n.s()&&!e?i=`text`:(n.a()&&r||n.t()&&r&&e)&&(i=`decimal`),this.inputElement.inputMode=i}e.has(`focused`)&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};e.t([(0,o.query)(`.buttons`)],d.prototype,`buttons`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.property)({type:Object,attribute:`format-options`})],d.prototype,`formatOptions`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-stepper`})],d.prototype,`hideStepper`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`grows`})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`indeterminate`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`keyboard-focused`})],d.prototype,`keyboardFocused`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`max`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`min`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`step`,void 0),e.t([(0,o.property)({type:Number,reflect:!0,attribute:`step-modifier`})],d.prototype,`stepModifier`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`value`,null),customElements.get(`luzmo-number-field`)||customElements.define(`luzmo-number-field`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
|
|
57
|
+
`}update(e){if((e.has(`formatOptions`)||e.has(`resolvedLanguage`))&&this.clearNumberFormatterCache(),e.has(`value`)||e.has(`max`)||e.has(`min`)||e.has(`step`)){let e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,``));this.value=e,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(t.r)&&this.clearNumberFormatterCache()}disconnectedCallback(){this._stopChange(),super.disconnectedCallback()}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(this.grows){let e=this.displayValue||this.placeholder||``;this.style.setProperty(`--number-field-char-count`,String(e.length))}if(e.has(`min`)||e.has(`formatOptions`)){let e=this.min!==void 0&&this.min>=0,{maximumFractionDigits:t}=this.numberFormatter.resolvedOptions(),r=t&&t>0,i=`numeric`;n.s()&&!e?i=`text`:(n.a()&&r||n.t()&&r&&e)&&(i=`decimal`),this.inputElement.inputMode=i}e.has(`focused`)&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};e.t([(0,o.query)(`.buttons`)],d.prototype,`buttons`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.property)({type:Object,attribute:`format-options`})],d.prototype,`formatOptions`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-stepper`})],d.prototype,`hideStepper`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`grows`})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`indeterminate`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`keyboard-focused`})],d.prototype,`keyboardFocused`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`max`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`min`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`step`,void 0),e.t([(0,o.property)({type:Number,reflect:!0,attribute:`step-modifier`})],d.prototype,`stepModifier`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`value`,null),customElements.get(`luzmo-number-field`)||customElements.define(`luzmo-number-field`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
|
|
@@ -19,7 +19,7 @@ import "./tokens.js";
|
|
|
19
19
|
import { t as e } from "./decorate-CpKsOs9z.js";
|
|
20
20
|
import { r as t, t as n } from "./language-resolution-7rc0khIK.js";
|
|
21
21
|
import { a as r, s as i, t as a } from "./platform-CDW-WdXN.js";
|
|
22
|
-
import { t as o } from "./streaming-listener-
|
|
22
|
+
import { t as o } from "./streaming-listener-DyS3scAi.js";
|
|
23
23
|
import { n as s } from "./text-field-DpvP_tCP.js";
|
|
24
24
|
import "./infield-button-CeE_JxR6.js";
|
|
25
25
|
import { html as c, nothing as l, unsafeCSS as u } from "lit";
|
|
@@ -57,7 +57,7 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
|
|
|
57
57
|
零: "0"
|
|
58
58
|
}, b = class extends s {
|
|
59
59
|
constructor(...e) {
|
|
60
|
-
super(...e), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.grows = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new n(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
|
|
60
|
+
super(...e), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.grows = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this._stepping = !1, this.languageResolver = new n(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
|
|
61
61
|
this.appliedLabel = e;
|
|
62
62
|
}, this.isComposing = !1;
|
|
63
63
|
}
|
|
@@ -115,16 +115,16 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
|
|
|
115
115
|
e.preventDefault();
|
|
116
116
|
return;
|
|
117
117
|
}
|
|
118
|
-
this.managedInput = !0, this.buttons.setPointerCapture(e.pointerId);
|
|
118
|
+
this.managedInput = !0, this._stepping = !0, this.buttons.setPointerCapture(e.pointerId);
|
|
119
119
|
let t = this.buttons.children[0].getBoundingClientRect(), n = this.buttons.children[1].getBoundingClientRect();
|
|
120
120
|
this.findChange = (e) => {
|
|
121
121
|
e.clientX >= t.x && e.clientY >= t.y && e.clientX <= t.x + t.width && e.clientY <= t.y + t.height ? this.change = (e) => this.increment(e.shiftKey ? this.stepModifier : 1) : e.clientX >= n.x && e.clientY >= n.y && e.clientX <= n.x + n.width && e.clientY <= n.y + n.height && (this.change = (e) => this.decrement(e.shiftKey ? this.stepModifier : 1));
|
|
122
122
|
}, this.findChange(e), this.startChange(e);
|
|
123
123
|
}
|
|
124
124
|
startChange(e) {
|
|
125
|
-
this.changeCount = 0, this.doChange(e), this.safty = setTimeout(() => {
|
|
125
|
+
this.changeCount = 0, this.doChange(e), this._stepping && (this.safty = setTimeout(() => {
|
|
126
126
|
this.doNextChange(e);
|
|
127
|
-
}, 400);
|
|
127
|
+
}, 400));
|
|
128
128
|
}
|
|
129
129
|
doChange(e) {
|
|
130
130
|
this.change(e);
|
|
@@ -133,12 +133,15 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
|
|
|
133
133
|
this.findChange(e);
|
|
134
134
|
}
|
|
135
135
|
handlePointerup(e) {
|
|
136
|
-
this.buttons.releasePointerCapture(e.pointerId),
|
|
136
|
+
this.buttons.releasePointerCapture(e.pointerId), this._stopChange(), this.setValue();
|
|
137
|
+
}
|
|
138
|
+
_stopChange() {
|
|
139
|
+
this._stepping = !1, cancelAnimationFrame(this.nextChange), clearTimeout(this.safty), this.managedInput = !1;
|
|
137
140
|
}
|
|
138
141
|
doNextChange(e) {
|
|
139
|
-
|
|
140
|
-
this.
|
|
141
|
-
});
|
|
142
|
+
this.changeCount += 1, this.changeCount % 5 == 0 && this.doChange(e), this._stepping && (this.nextChange = requestAnimationFrame(() => {
|
|
143
|
+
this.doNextChange(e);
|
|
144
|
+
}));
|
|
142
145
|
}
|
|
143
146
|
stepBy(e) {
|
|
144
147
|
if (this.disabled || this.readonly) return;
|
|
@@ -348,6 +351,9 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
|
|
|
348
351
|
willUpdate(e) {
|
|
349
352
|
this.multiline = !1, e.has(t) && this.clearNumberFormatterCache();
|
|
350
353
|
}
|
|
354
|
+
disconnectedCallback() {
|
|
355
|
+
this._stopChange(), super.disconnectedCallback();
|
|
356
|
+
}
|
|
351
357
|
firstUpdated(e) {
|
|
352
358
|
super.firstUpdated(e), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("compositionstart", this.handleCompositionStart), this.addEventListener("compositionend", this.handleCompositionEnd);
|
|
353
359
|
}
|
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../slider-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../slider-Ce6qgPZ4.cjs");exports.DEFAULT_SLIDER_LABELS=e.r,exports.LuzmoSlider=e.n,exports.LuzmoSliderHandle=e.t;
|
|
@@ -8,4 +8,5 @@ declare global {
|
|
|
8
8
|
}
|
|
9
9
|
export { LuzmoSlider } from './slider';
|
|
10
10
|
export { LuzmoSliderHandle } from './slider-handle';
|
|
11
|
+
export type { InteractionEventDetail, InteractionSource } from '../../utils/reactive-controllers/interaction';
|
|
11
12
|
export { DEFAULT_SLIDER_LABELS, type SliderCombinedValueFormatter, type SliderHandleMax, type SliderHandleMin, type SliderHandleValueFormatter, type SliderLabelVisibility, type SliderLabels, type SliderNormalization, type SliderVariant } from './types';
|
|
@@ -16,4 +16,4 @@
|
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
18
|
import "../tokens.js";
|
|
19
|
-
export { r as DEFAULT_SLIDER_LABELS, n as LuzmoSlider, t as LuzmoSliderHandle } from "../slider-
|
|
19
|
+
export { r as DEFAULT_SLIDER_LABELS, n as LuzmoSlider, t as LuzmoSliderHandle } from "../slider-BFTuAXK1.js";
|
|
@@ -24,6 +24,12 @@ declare const LuzmoSlider_base: typeof Focusable & {
|
|
|
24
24
|
* @attr hide-stepper - Hides the editable number field's stepper buttons.
|
|
25
25
|
* @fires {Event} input - The value changes during user interaction.
|
|
26
26
|
* @fires {Event} change - A user value change is committed.
|
|
27
|
+
* @fires {CustomEvent<InteractionEventDetail>} luzmo-interaction-start - A
|
|
28
|
+
* pointer drag or held-key interaction starts, before its first value change.
|
|
29
|
+
* @fires {CustomEvent<InteractionEventDetail>} luzmo-interaction-end - The
|
|
30
|
+
* interaction ends after its last `input`/`change`, even when nothing changed.
|
|
31
|
+
* @fires {CustomEvent<InteractionEventDetail>} luzmo-interaction-cancel - A
|
|
32
|
+
* cancelled pointer drag ends after the value reverted to its start.
|
|
27
33
|
* @cssprop --luzmo-slider-item-height - Overall control height.
|
|
28
34
|
* @cssprop --luzmo-slider-font-family - Font family for labels and ticks.
|
|
29
35
|
* @cssprop --luzmo-slider-track-height - Track thickness.
|
|
@@ -121,6 +127,7 @@ export declare class LuzmoSlider extends LuzmoSlider_base {
|
|
|
121
127
|
private rangeInputs;
|
|
122
128
|
private readonly _languageResolver;
|
|
123
129
|
private readonly _handleController;
|
|
130
|
+
private readonly _interaction;
|
|
124
131
|
private _rawValue;
|
|
125
132
|
private _rawMin;
|
|
126
133
|
private _rawMax;
|
|
@@ -131,6 +138,7 @@ export declare class LuzmoSlider extends LuzmoSlider_base {
|
|
|
131
138
|
private _focusedIndex;
|
|
132
139
|
private _dragStartValue?;
|
|
133
140
|
private _capturedPointer?;
|
|
141
|
+
private _dragPointerId?;
|
|
134
142
|
private _formatterCache;
|
|
135
143
|
private _formatterCacheLanguage?;
|
|
136
144
|
private _pendingCommits;
|
|
@@ -170,8 +178,17 @@ export declare class LuzmoSlider extends LuzmoSlider_base {
|
|
|
170
178
|
private _releaseCapturedPointer;
|
|
171
179
|
private _endDrag;
|
|
172
180
|
private handlePointerDown;
|
|
181
|
+
/** Ignores pointers other than the one driving the current drag. */
|
|
182
|
+
private _isDragPointer;
|
|
173
183
|
private handlePointerMove;
|
|
174
184
|
private handlePointerUp;
|
|
185
|
+
private _finishDrag;
|
|
186
|
+
/**
|
|
187
|
+
* Finishes the pointer drag or held-key interaction in progress as if the
|
|
188
|
+
* user released it, so a host can settle the value before it removes or
|
|
189
|
+
* hides the slider. Does nothing when no interaction is in progress.
|
|
190
|
+
*/
|
|
191
|
+
endInteraction(): void;
|
|
175
192
|
/**
|
|
176
193
|
* A pointer capture lost to the browser (a gesture taken over by scrolling,
|
|
177
194
|
* a device disconnecting) ends the drag on the same terms as a cancellation.
|
|
@@ -189,6 +206,7 @@ export declare class LuzmoSlider extends LuzmoSlider_base {
|
|
|
189
206
|
private handleTrackInput;
|
|
190
207
|
private handleTrackChange;
|
|
191
208
|
private handleTrackKeyDown;
|
|
209
|
+
private handleTrackKeyUp;
|
|
192
210
|
private handleTrackFocusIn;
|
|
193
211
|
private handleTrackFocusOut;
|
|
194
212
|
private handleTrackDoubleClick;
|