@spectrum-web-components/slider 0.12.13 → 0.12.15-devmode.7

package/src/Slider.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["Slider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAEH,IAAI,GAEP,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACH,QAAQ,EACR,KAAK,GACR,MAAM,iDAAiD,CAAC;AACzD,OAAO,EACH,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,GACX,MAAM,iDAAiD,CAAC;AAEzD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAE3F,OAAO,wDAAwD,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAG5F,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,OAAO,MAAO,SAAQ,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC;IAA7D;;QAKoB,qBAAgB,GAAqB,IAAI,gBAAgB,CACrE,IAAI,CACP,CAAC;QAwBM,cAAS,GAAG,KAAK,CAAC;QAE1B;;WAEG;QAEI,gBAAW,GAAG,KAAK,CAAC;QAGpB,SAAI,GAAG,EAAE,CAAC;QA8BjB,yFAAyF;QACjF,aAAQ,GAAG,EAAE,CAAC;QAGf,qBAAgB,GAA4C,CAC/D,MAAM,EACR,EAAE;YACA,MAAM,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;YACxC,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;gBACvB,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,MAAM,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACvF,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;QACvE,CAAC,CAAC;QAac,QAAG,GAAG,CAAC,CAAC;QAGR,QAAG,GAAG,GAAG,CAAC;QAGV,SAAI,GAAG,CAAC,CAAC;QAGlB,aAAQ,GAAG,CAAC,CAAC;QAGb,eAAU,GAAG,KAAK,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QA4PzB,sBAAiB,GAAqB,OAAO,CAAC,OAAO,EAAE,CAAC;IAWpE,CAAC;IAnXU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IAMD;;OAEG;IAEH,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,QAAiB;QACjC,IAAI,QAAQ,KAAK,IAAI,CAAC,QAAQ;YAAE,OAAO;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACnE,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAC3B,0DAA0D,CAC7D,CAAC;SACL;QACD,IAAI,QAAQ,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC5B,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SAC5C;IACL,CAAC;IAcD,IAAW,OAAO,CAAC,OAAe;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;QAChC,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE;YAC1B,OAAO;SACV;QACD,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACtC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;SAC3B;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACtB;QACD,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC9C,CAAC;IAED,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;IACxC,CAAC;IAED,IAAoB,UAAU;QAC1B,OAAO,OAAO,CAAC;IACnB,CAAC;IAeD,IAAoB,aAAa;QAC7B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACxB,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;SAC7C;QACD,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACxE,CAAC;IAgCD,IAAoB,YAAY;QAC5B,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;IAClC,CAAC;IAED,IAAoB,YAAY;QAC5B,OAAO,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;IAC9C,CAAC;IAES,gBAAgB,CAAC,KAAY;QACnC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;IACL,CAAC;IAEkB,MAAM;QACrB,OAAO,IAAI,CAAA;cACL,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE;cACxC,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAA;;2CAEqB,IAAI,CAAC,aAAa,IAAI,EAAE;;gCAEnC,IAAI,CAAC,GAAG;gCACR,IAAI,CAAC,GAAG;iCACP,IAAI,CAAC,IAAI;kCACR,IAAI,CAAC,KAAK;0CACF,IAAI,CAAC,WAAW;sCACpB,IAAI,CAAC,QAAQ;mCAChB,IAAI,CAAC,iBAAiB;oCACrB,IAAI,CAAC,kBAAkB;;mBAExC;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;SACf,CAAC;IACN,CAAC;IAEe,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC;IAC1C,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,CAAC;IAC7C,CAAC;IAEe,MAAM,CAAC,iBAAuC;QAC1D,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC;QACnC,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACpD,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC;SACtC;QACD,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACpC,CAAC;IAEO,WAAW;QACf,MAAM,gBAAgB,GAClB,IAAI,CAAC,eAAe,KAAK,MAAM,IAAI,IAAI,CAAC,eAAe,KAAK,OAAO,CAAC;QACxE,MAAM,iBAAiB,GACnB,IAAI,CAAC,eAAe,KAAK,MAAM,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM,CAAC;QACvE,OAAO,IAAI,CAAA;;;4BAGS,QAAQ,CAAC;YACb,iBAAiB,EAAE,gBAAgB;SACtC,CAAC;gCACU,IAAI,CAAC,QAAQ;;0BAEnB,IAAI,CAAC,QAAQ;YACf,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB;6BACtC,IAAI,CAAC,gBAAgB;;sBAE5B,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;4BACnC,IAAI,CAAC,KAAK;;;4BAGV,QAAQ,CAAC;YACb,iBAAiB,EAAE,iBAAiB;SACvC,CAAC;;;;;sBAKA,IAAI,CAAC,aAAa;;;SAG/B,CAAC;IACN,CAAC;IAEO,UAAU;QACd,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YACzB,OAAO,IAAI,CAAA,EAAE,CAAC;SACjB;QACD,OAAO,IAAI,CAAA;;;;;;;;;;;;;SAaV,CAAC;IACN,CAAC;IAEO,WAAW;QACf,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YACzB,OAAO,IAAI,CAAA,EAAE,CAAC;SACjB;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC;QAC5C,MAAM,SAAS,GACX,CAAE,IAAI,CAAC,GAAc,GAAI,IAAI,CAAC,GAAc,CAAC,GAAG,QAAQ,CAAC;QAC7D,MAAM,UAAU,GAAG,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;QAChC,OAAO,IAAI,CAAA;;yBAEM,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;wBAC/B,SAAS,CACb,UAAU;YACN,CAAC,CAAC,wCAAwC,IAAI,CAAC,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;YACvE,CAAC,CAAC,SAAS,CAClB;;kBAEC,KAAK,CAAC,GAAG,CACP,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;8BAER,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,IAAI,CAAA;;4CAEM,CAAC,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG;;mCAEhC;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;;qBAEnB,CACJ;;SAER,CAAC;IACN,CAAC;IAEO,kBAAkB,CAAC,KAAa,EAAE,GAAW;QACjD,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YACzB,OAAO,IAAI,CAAA,EAAE,CAAC;SACjB;QACD,OAAO,IAAI,CAAA;;;wBAGK,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;;;SAG5D,CAAC;IACN,CAAC;IAEO,WAAW;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC;QAEvD,MAAM,UAAU,GAAG;YACf,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/D,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE;YACvC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE;YACzC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,EAAE;YACvD,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC/C,EAAE,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE;gBACvB,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC;aAC5C,CAAC,CAAC;SACN,CAAC;QAEF,OAAO,IAAI,CAAA;;;kBAGD,iBAAiB,CAAC;YAChB,KAAK,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC;YAC9C,YAAY,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC;YACrD,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC;SAC9D,CAAC;;;sBAGI,MAAM,CACJ,UAAU,EACV,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CACtB;;;SAGZ,CAAC;IACN,CAAC;IAES,iBAAiB,CAAC,KAAmB;QAC3C,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IAES,iBAAiB,CAAC,KAAmB;QAC3C,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IAES,eAAe,CAAC,KAAmB;QACzC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;IAEO,iBAAiB,CAAC,KAAsC;;QAC5D,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,aAAa,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAC9C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO;SACV;QACD,+FAA+F;QAC/F,wEAAwE;QACxE,KAAK,CAAC,eAAe,EAAE,CAAC;IAC5B,CAAC;IAEO,kBAAkB,CAAC,KAAsC;;QAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YACd,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,KAAK,CAAC,eAAe,EAAE,CAAC;SAC3B;aAAM;YACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,aAAa,CAAA,EAAE;gBAC9B,qEAAqE;gBACrE,mCAAmC;gBACnC,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC7B;SACJ;IACL,CAAC;IAEO,kBAAkB,CAAC,KAAa,EAAE,GAAW;QACjD,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;QACzB,MAAM,MAAM,GAAc;YACtB,KAAK,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG;YACvB,yCAAyC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG;YACjE,0CAA0C,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG;SAChE,CAAC;QACF,OAAO,MAAM,CAAC;IAClB,CAAC;IAIkB,KAAK,CAAC,iBAAiB;QACtC,MAAM,QAAQ,GAAG,CAAC,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAY,CAAC;QAC9D,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,MAAM,IAAI,CAAC,iBAAiB,CAAC;YAC7B,MAAM,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC;SACzC;QACD,MAAM,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;QACpD,OAAO,QAAQ,CAAC;IACpB,CAAC;CACJ;AAvWG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAG1C;AAsBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2CAC3C;AAG3B;IADC,QAAQ,EAAE;oCACM;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAc1B;AAkBD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAQ7B;AAUF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;+CACtB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAClB;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAChB;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACF;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;wCAC/B;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;0CAC5B;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACV;AAGjC;IADC,KAAK,CAAC,QAAQ,CAAC;uCACkB;AAGlC;IADC,KAAK,CAAC,eAAe,CAAC;2CACU;AAGjC;IADC,KAAK,CAAC,QAAQ,CAAC;qCACc","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n    classMap,\n    ifDefined,\n    repeat,\n    styleMap,\n} from '@spectrum-web-components/base/src/directives.js';\n\nimport sliderStyles from './slider.css.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { StyleInfo } from 'lit-html/directives/style-map';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport type { NumberField } from '@spectrum-web-components/number-field';\nimport { HandleController, HandleValueDictionary } from './HandleController.js';\nimport { SliderHandle } from './SliderHandle.js';\nimport { streamingListener } from '@spectrum-web-components/base/src/streaming-listener.js';\nimport type { NumberFormatter } from '@internationalized/number';\n\nexport const variants = ['filled', 'ramp', 'range', 'tick'];\n\n/**\n * @element sp-slider\n *\n * @slot - text label for the Slider\n * @slot handle - optionally accepts two or more sp-slider-handle elements\n */\nexport class Slider extends ObserveSlotText(SliderHandle, '') {\n    public static override get styles(): CSSResultArray {\n        return [sliderStyles];\n    }\n\n    public override handleController: HandleController = new HandleController(\n        this\n    );\n\n    /**\n     * Whether to display a Number Field along side the slider UI\n     */\n    @property({ type: Boolean, reflect: true })\n    public get editable(): boolean {\n        return this._editable;\n    }\n\n    public set editable(editable: boolean) {\n        if (editable === this.editable) return;\n        const oldValue = this.editable;\n        this._editable = this.handleController.size < 2 ? editable : false;\n        if (this.editable) {\n            this._numberFieldInput = import(\n                '@spectrum-web-components/number-field/sp-number-field.js'\n            );\n        }\n        if (oldValue !== this.editable) {\n            this.requestUpdate('editable', oldValue);\n        }\n    }\n\n    private _editable = false;\n\n    /**\n     * Whether the stepper UI of the Number Field is hidden or not\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'hide-stepper' })\n    public hideStepper = false;\n\n    @property()\n    public type = '';\n\n    @property({ type: String })\n    public set variant(variant: string) {\n        const oldVariant = this.variant;\n        if (variant === this.variant) {\n            return;\n        }\n        if (variants.includes(variant)) {\n            this.setAttribute('variant', variant);\n            this._variant = variant;\n        } else {\n            this.removeAttribute('variant');\n            this._variant = '';\n        }\n        this.requestUpdate('variant', oldVariant);\n    }\n\n    public get variant(): string {\n        return this._variant;\n    }\n\n    public get values(): HandleValueDictionary {\n        return this.handleController.values;\n    }\n\n    public override get handleName(): string {\n        return 'value';\n    }\n\n    /* Ensure that a '' value for `variant` removes the attribute instead of a blank value */\n    private _variant = '';\n\n    @property({ attribute: false })\n    public getAriaValueText: (values: Map<string, string>) => string = (\n        values\n    ) => {\n        const valueArray = [...values.values()];\n        if (valueArray.length === 2)\n            return `${valueArray[0]}${this._forcedUnit} - ${valueArray[1]}${this._forcedUnit}`;\n        return valueArray.join(`${this._forcedUnit}, `) + this._forcedUnit;\n    };\n\n    public override get ariaValueText(): string {\n        if (!this.getAriaValueText) {\n            return `${this.value}${this._forcedUnit}`;\n        }\n        return this.getAriaValueText(this.handleController.formattedValues);\n    }\n\n    @property({ type: String, reflect: true, attribute: 'label-visibility' })\n    public labelVisibility?: 'text' | 'value' | 'none';\n\n    @property({ type: Number, reflect: true })\n    public override min = 0;\n\n    @property({ type: Number, reflect: true })\n    public override max = 100;\n\n    @property({ type: Number })\n    public override step = 1;\n\n    @property({ type: Number, attribute: 'tick-step' })\n    public tickStep = 0;\n\n    @property({ type: Boolean, attribute: 'tick-labels' })\n    public tickLabels = false;\n\n    @property({ type: Boolean, reflect: true })\n    public override disabled = false;\n\n    @query('#label')\n    public labelEl!: HTMLLabelElement;\n\n    @query('#number-field')\n    public numberField!: NumberField;\n\n    @query('#track')\n    public track!: HTMLDivElement;\n\n    public override get numberFormat(): NumberFormatter {\n        return this.getNumberFormat();\n    }\n\n    public override get focusElement(): HTMLElement {\n        return this.handleController.focusElement;\n    }\n\n    protected handleLabelClick(event: Event): void {\n        if (this.editable) {\n            event.preventDefault();\n            this.focus();\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.renderLabel()} ${this.renderTrack()}\n            ${this.editable\n                ? html`\n                      <sp-number-field\n                          .formatOptions=${this.formatOptions || {}}\n                          id=\"number-field\"\n                          min=${this.min}\n                          max=${this.max}\n                          step=${this.step}\n                          value=${this.value}\n                          ?hide-stepper=${this.hideStepper}\n                          ?disabled=${this.disabled}\n                          @input=${this.handleNumberInput}\n                          @change=${this.handleNumberChange}\n                      ></sp-number-field>\n                  `\n                : html``}\n        `;\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.handleController.hostConnected();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.handleController.hostDisconnected();\n    }\n\n    public override update(changedProperties: Map<string, boolean>): void {\n        this.handleController.hostUpdate();\n        if (changedProperties.has('disabled') && this.disabled) {\n            this.handleController.cancelDrag();\n        }\n        super.update(changedProperties);\n    }\n\n    private renderLabel(): TemplateResult {\n        const textLabelVisible =\n            this.labelVisibility === 'none' || this.labelVisibility === 'value';\n        const valueLabelVisible =\n            this.labelVisibility === 'none' || this.labelVisibility === 'text';\n        return html`\n            <div id=\"label-container\">\n                <sp-field-label\n                    class=${classMap({\n                        'visually-hidden': textLabelVisible,\n                    })}\n                    ?disabled=${this.disabled}\n                    id=\"label\"\n                    for=${this.editable\n                        ? 'number-field'\n                        : this.handleController.activeHandleInputId}\n                    @click=${this.handleLabelClick}\n                >\n                    ${this.slotHasContent ? html`` : this.label}\n                    <slot>${this.label}</slot>\n                </sp-field-label>\n                <output\n                    class=${classMap({\n                        'visually-hidden': valueLabelVisible,\n                    })}\n                    id=\"value\"\n                    aria-live=\"off\"\n                    for=\"input\"\n                >\n                    ${this.ariaValueText}\n                </output>\n            </div>\n        `;\n    }\n\n    private renderRamp(): TemplateResult {\n        if (this.variant !== 'ramp') {\n            return html``;\n        }\n        return html`\n            <div id=\"ramp\">\n                <svg\n                    viewBox=\"0 0 240 16\"\n                    preserveAspectRatio=\"none\"\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                >\n                    <path\n                        d=\"M240,4v8c0,2.3-1.9,4.1-4.2,4L1,9C0.4,9,0,8.5,0,8c0-0.5,0.4-1,1-1l234.8-7C238.1-0.1,240,1.7,240,4z\"\n                    ></path>\n                </svg>\n            </div>\n        `;\n    }\n\n    private renderTicks(): TemplateResult {\n        if (this.variant !== 'tick') {\n            return html``;\n        }\n        const tickStep = this.tickStep || this.step;\n        const tickCount =\n            ((this.max as number) - (this.min as number)) / tickStep;\n        const partialFit = tickCount % 1 !== 0;\n        const ticks = new Array(Math.floor(tickCount + 1));\n        ticks.fill(0, 0, tickCount + 1);\n        return html`\n            <div\n                class=\"${partialFit ? 'not-exact ' : ''}ticks\"\n                style=${ifDefined(\n                    partialFit\n                        ? `--sp-slider-tick-offset: calc(100% / ${this.max} * ${this.tickStep}`\n                        : undefined\n                )}\n            >\n                ${ticks.map(\n                    (_tick, i) => html`\n                        <div class=\"tick\">\n                            ${this.tickLabels\n                                ? html`\n                                      <div class=\"tickLabel\">\n                                          ${i * tickStep + this.min}\n                                      </div>\n                                  `\n                                : html``}\n                        </div>\n                    `\n                )}\n            </div>\n        `;\n    }\n\n    private renderTrackSegment(start: number, end: number): TemplateResult {\n        if (this.variant === 'ramp') {\n            return html``;\n        }\n        return html`\n            <div\n                class=\"track\"\n                style=${styleMap(this.trackSegmentStyles(start, end))}\n                role=\"presentation\"\n            ></div>\n        `;\n    }\n\n    private renderTrack(): TemplateResult {\n        const segments = this.handleController.trackSegments();\n\n        const trackItems = [\n            { id: 'track0', html: this.renderTrackSegment(...segments[0]) },\n            { id: 'ramp', html: this.renderRamp() },\n            { id: 'ticks', html: this.renderTicks() },\n            { id: 'handles', html: this.handleController.render() },\n            ...segments.slice(1).map(([start, end], index) => ({\n                id: `track${index + 1}`,\n                html: this.renderTrackSegment(start, end),\n            })),\n        ];\n\n        return html`\n            <div\n                id=\"track\"\n                ${streamingListener({\n                    start: ['pointerdown', this.handlePointerdown],\n                    streamInside: ['pointermove', this.handlePointermove],\n                    end: [['pointerup', 'pointercancel'], this.handlePointerup],\n                })}\n            >\n                <div id=\"controls\">\n                    ${repeat(\n                        trackItems,\n                        (item) => item.id,\n                        (item) => item.html\n                    )}\n                </div>\n            </div>\n        `;\n    }\n\n    protected handlePointerdown(event: PointerEvent): void {\n        this.handleController.handlePointerdown(event);\n    }\n\n    protected handlePointermove(event: PointerEvent): void {\n        this.handleController.handlePointermove(event);\n    }\n\n    protected handlePointerup(event: PointerEvent): void {\n        this.handleController.handlePointerup(event);\n    }\n\n    private handleNumberInput(event: Event & { target: NumberField }): void {\n        const { value } = event.target;\n        if (event.target?.stepperActive && !isNaN(value)) {\n            this.value = value;\n            return;\n        }\n        // Do not apply uncommited values to the parent element unless interacting with the stepper UI.\n        // Stop uncommited input from being annoucned to the parent application.\n        event.stopPropagation();\n    }\n\n    private handleNumberChange(event: Event & { target: NumberField }): void {\n        const { value } = event.target;\n        if (isNaN(value)) {\n            event.target.value = this.value;\n            event.stopPropagation();\n        } else {\n            this.value = value;\n            if (!event.target?.stepperActive) {\n                // When stepper is not active, sythesize an `input` event so that the\n                // `change` event isn't surprising.\n                this.dispatchInputEvent();\n            }\n        }\n    }\n\n    private trackSegmentStyles(start: number, end: number): StyleInfo {\n        const size = end - start;\n        const styles: StyleInfo = {\n            width: `${size * 100}%`,\n            '--spectrum-slider-track-background-size': `${(1 / size) * 100}%`,\n            '--spectrum-slider-track-segment-position': `${start * 100}%`,\n        };\n        return styles;\n    }\n\n    private _numberFieldInput: Promise<unknown> = Promise.resolve();\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        if (this.editable) {\n            await this._numberFieldInput;\n            await this.numberField.updateComplete;\n        }\n        await this.handleController.handleUpdatesComplete();\n        return complete;\n    }\n}\n"]}
+{
+  "version": 3,
+  "sources": ["Slider.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport {\n    classMap,\n    ifDefined,\n    repeat,\n    styleMap,\n} from '@spectrum-web-components/base/src/directives.js';\n\nimport sliderStyles from './slider.css.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { StyleInfo } from 'lit-html/directives/style-map';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport type { NumberField } from '@spectrum-web-components/number-field';\nimport { HandleController, HandleValueDictionary } from './HandleController.js';\nimport { SliderHandle } from './SliderHandle.js';\nimport { streamingListener } from '@spectrum-web-components/base/src/streaming-listener.js';\nimport type { NumberFormatter } from '@internationalized/number';\n\nexport const variants = ['filled', 'ramp', 'range', 'tick'];\n\n/**\n * @element sp-slider\n *\n * @slot - text label for the Slider\n * @slot handle - optionally accepts two or more sp-slider-handle elements\n */\nexport class Slider extends ObserveSlotText(SliderHandle, '') {\n    public static override get styles(): CSSResultArray {\n        return [sliderStyles];\n    }\n\n    public override handleController: HandleController = new HandleController(\n        this\n    );\n\n    /**\n     * Whether to display a Number Field along side the slider UI\n     */\n    @property({ type: Boolean, reflect: true })\n    public get editable(): boolean {\n        return this._editable;\n    }\n\n    public set editable(editable: boolean) {\n        if (editable === this.editable) return;\n        const oldValue = this.editable;\n        this._editable = this.handleController.size < 2 ? editable : false;\n        if (this.editable) {\n            this._numberFieldInput = import(\n                '@spectrum-web-components/number-field/sp-number-field.js'\n            );\n        }\n        if (oldValue !== this.editable) {\n            this.requestUpdate('editable', oldValue);\n        }\n    }\n\n    private _editable = false;\n\n    /**\n     * Whether the stepper UI of the Number Field is hidden or not\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'hide-stepper' })\n    public hideStepper = false;\n\n    @property()\n    public type = '';\n\n    @property({ type: String })\n    public set variant(variant: string) {\n        const oldVariant = this.variant;\n        if (variant === this.variant) {\n            return;\n        }\n        if (variants.includes(variant)) {\n            this.setAttribute('variant', variant);\n            this._variant = variant;\n        } else {\n            this.removeAttribute('variant');\n            this._variant = '';\n        }\n        this.requestUpdate('variant', oldVariant);\n    }\n\n    public get variant(): string {\n        return this._variant;\n    }\n\n    public get values(): HandleValueDictionary {\n        return this.handleController.values;\n    }\n\n    public override get handleName(): string {\n        return 'value';\n    }\n\n    /* Ensure that a '' value for `variant` removes the attribute instead of a blank value */\n    private _variant = '';\n\n    @property({ attribute: false })\n    public getAriaValueText: (values: Map<string, string>) => string = (\n        values\n    ) => {\n        const valueArray = [...values.values()];\n        if (valueArray.length === 2)\n            return `${valueArray[0]}${this._forcedUnit} - ${valueArray[1]}${this._forcedUnit}`;\n        return valueArray.join(`${this._forcedUnit}, `) + this._forcedUnit;\n    };\n\n    public override get ariaValueText(): string {\n        if (!this.getAriaValueText) {\n            return `${this.value}${this._forcedUnit}`;\n        }\n        return this.getAriaValueText(this.handleController.formattedValues);\n    }\n\n    @property({ type: String, reflect: true, attribute: 'label-visibility' })\n    public labelVisibility?: 'text' | 'value' | 'none';\n\n    @property({ type: Number, reflect: true })\n    public override min = 0;\n\n    @property({ type: Number, reflect: true })\n    public override max = 100;\n\n    @property({ type: Number })\n    public override step = 1;\n\n    @property({ type: Number, attribute: 'tick-step' })\n    public tickStep = 0;\n\n    @property({ type: Boolean, attribute: 'tick-labels' })\n    public tickLabels = false;\n\n    @property({ type: Boolean, reflect: true })\n    public override disabled = false;\n\n    /**\n     * Applies `quiet` to the underlying `sp-number-field` when `editable === true`.\n     */\n    @property({ type: Boolean })\n    public quiet = false;\n\n    /**\n     * Applies `indeterminate` to the underlying `sp-number-field` when `editable === true`. Is removed on the next `change` event.\n     */\n    @property({ type: Boolean })\n    public indeterminate = false;\n\n    @query('#label')\n    public labelEl!: HTMLLabelElement;\n\n    @query('#number-field')\n    public numberField!: NumberField;\n\n    @query('#track')\n    public track!: HTMLDivElement;\n\n    public override get numberFormat(): NumberFormatter {\n        return this.getNumberFormat();\n    }\n\n    public override get focusElement(): HTMLElement {\n        return this.handleController.focusElement;\n    }\n\n    protected handleLabelClick(event: Event): void {\n        if (this.editable) {\n            event.preventDefault();\n            this.focus();\n        }\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.renderLabel()} ${this.renderTrack()}\n            ${this.editable\n                ? html`\n                      <sp-number-field\n                          .formatOptions=${this.formatOptions || {}}\n                          id=\"number-field\"\n                          min=${this.min}\n                          max=${this.max}\n                          step=${this.step}\n                          value=${this.value}\n                          ?hide-stepper=${this.hideStepper}\n                          ?disabled=${this.disabled}\n                          ?quiet=${this.quiet}\n                          ?indeterminate=${this.indeterminate}\n                          @input=${this.handleNumberInput}\n                          @change=${this.handleNumberChange}\n                      ></sp-number-field>\n                  `\n                : html``}\n        `;\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.handleController.hostConnected();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.handleController.hostDisconnected();\n    }\n\n    public override update(changedProperties: Map<string, boolean>): void {\n        this.handleController.hostUpdate();\n        if (changedProperties.has('disabled') && this.disabled) {\n            this.handleController.cancelDrag();\n        }\n        super.update(changedProperties);\n    }\n\n    private renderLabel(): TemplateResult {\n        const textLabelVisible =\n            this.labelVisibility === 'none' || this.labelVisibility === 'value';\n        const valueLabelVisible =\n            this.labelVisibility === 'none' || this.labelVisibility === 'text';\n        return html`\n            <div id=\"label-container\">\n                <sp-field-label\n                    class=${classMap({\n                        'visually-hidden': textLabelVisible,\n                    })}\n                    ?disabled=${this.disabled}\n                    id=\"label\"\n                    for=${this.editable\n                        ? 'number-field'\n                        : this.handleController.activeHandleInputId}\n                    @click=${this.handleLabelClick}\n                >\n                    ${this.slotHasContent ? html`` : this.label}\n                    <slot>${this.label}</slot>\n                </sp-field-label>\n                <output\n                    class=${classMap({\n                        'visually-hidden': valueLabelVisible,\n                    })}\n                    id=\"value\"\n                    aria-live=\"off\"\n                    for=\"input\"\n                >\n                    ${this.ariaValueText}\n                </output>\n            </div>\n        `;\n    }\n\n    private renderRamp(): TemplateResult {\n        if (this.variant !== 'ramp') {\n            return html``;\n        }\n        return html`\n            <div id=\"ramp\">\n                <svg\n                    viewBox=\"0 0 240 16\"\n                    preserveAspectRatio=\"none\"\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                >\n                    <path\n                        d=\"M240,4v8c0,2.3-1.9,4.1-4.2,4L1,9C0.4,9,0,8.5,0,8c0-0.5,0.4-1,1-1l234.8-7C238.1-0.1,240,1.7,240,4z\"\n                    ></path>\n                </svg>\n            </div>\n        `;\n    }\n\n    private renderTicks(): TemplateResult {\n        if (this.variant !== 'tick') {\n            return html``;\n        }\n        const tickStep = this.tickStep || this.step;\n        const tickCount =\n            ((this.max as number) - (this.min as number)) / tickStep;\n        const partialFit = tickCount % 1 !== 0;\n        const ticks = new Array(Math.floor(tickCount + 1));\n        ticks.fill(0, 0, tickCount + 1);\n        return html`\n            <div\n                class=\"${partialFit ? 'not-exact ' : ''}ticks\"\n                style=${ifDefined(\n                    partialFit\n                        ? `--sp-slider-tick-offset: calc(100% / ${this.max} * ${this.tickStep}`\n                        : undefined\n                )}\n            >\n                ${ticks.map(\n                    (_tick, i) => html`\n                        <div class=\"tick\">\n                            ${this.tickLabels\n                                ? html`\n                                      <div class=\"tickLabel\">\n                                          ${i * tickStep + this.min}\n                                      </div>\n                                  `\n                                : html``}\n                        </div>\n                    `\n                )}\n            </div>\n        `;\n    }\n\n    private renderTrackSegment(start: number, end: number): TemplateResult {\n        if (this.variant === 'ramp') {\n            return html``;\n        }\n        return html`\n            <div\n                class=\"track\"\n                style=${styleMap(this.trackSegmentStyles(start, end))}\n                role=\"presentation\"\n            ></div>\n        `;\n    }\n\n    private renderTrack(): TemplateResult {\n        const segments = this.handleController.trackSegments();\n\n        const trackItems = [\n            { id: 'track0', html: this.renderTrackSegment(...segments[0]) },\n            { id: 'ramp', html: this.renderRamp() },\n            { id: 'ticks', html: this.renderTicks() },\n            { id: 'handles', html: this.handleController.render() },\n            ...segments.slice(1).map(([start, end], index) => ({\n                id: `track${index + 1}`,\n                html: this.renderTrackSegment(start, end),\n            })),\n        ];\n\n        return html`\n            <div\n                id=\"track\"\n                ${streamingListener({\n                    start: ['pointerdown', this.handlePointerdown],\n                    streamInside: ['pointermove', this.handlePointermove],\n                    end: [['pointerup', 'pointercancel'], this.handlePointerup],\n                })}\n            >\n                <div id=\"controls\">\n                    ${repeat(\n                        trackItems,\n                        (item) => item.id,\n                        (item) => item.html\n                    )}\n                </div>\n            </div>\n        `;\n    }\n\n    protected handlePointerdown(event: PointerEvent): void {\n        this.handleController.handlePointerdown(event);\n    }\n\n    protected handlePointermove(event: PointerEvent): void {\n        this.handleController.handlePointermove(event);\n    }\n\n    protected handlePointerup(event: PointerEvent): void {\n        this.handleController.handlePointerup(event);\n    }\n\n    private handleNumberInput(event: Event & { target: NumberField }): void {\n        const { value } = event.target;\n        if (event.target?.stepperActive && !isNaN(value)) {\n            this.value = value;\n            return;\n        }\n        // Do not apply uncommited values to the parent element unless interacting with the stepper UI.\n        // Stop uncommited input from being annoucned to the parent application.\n        event.stopPropagation();\n    }\n\n    private handleNumberChange(event: Event & { target: NumberField }): void {\n        const { value } = event.target;\n        if (isNaN(value)) {\n            event.target.value = this.value;\n            event.stopPropagation();\n        } else {\n            this.value = value;\n            if (!event.target?.stepperActive) {\n                // When stepper is not active, sythesize an `input` event so that the\n                // `change` event isn't surprising.\n                this.dispatchInputEvent();\n            }\n        }\n        this.indeterminate = false;\n    }\n\n    private trackSegmentStyles(start: number, end: number): StyleInfo {\n        const size = end - start;\n        const styles: StyleInfo = {\n            width: `${size * 100}%`,\n            '--spectrum-slider-track-background-size': `${(1 / size) * 100}%`,\n            '--spectrum-slider-track-segment-position': `${start * 100}%`,\n        };\n        return styles;\n    }\n\n    private _numberFieldInput: Promise<unknown> = Promise.resolve();\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        if (this.editable) {\n            await this._numberFieldInput;\n            await this.numberField.updateComplete;\n        }\n        await this.handleController.handleUpdatesComplete();\n        return complete;\n    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/src/SliderHandle.dev.js

@@ -0,0 +1,184 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
+import {
+  NumberFormatter
+} from "@internationalized/number";
+export const defaultNormalization = {
+  toNormalized(value, min, max) {
+    return (value - min) / (max - min);
+  },
+  fromNormalized(value, min, max) {
+    return value * (max - min) + min;
+  }
+};
+const MinConverter = {
+  fromAttribute: (value) => {
+    if (value === "previous")
+      return value;
+    return parseFloat(value);
+  },
+  toAttribute: (value) => {
+    return value.toString();
+  }
+};
+const MaxConverter = {
+  fromAttribute: (value) => {
+    if (value === "next")
+      return value;
+    return parseFloat(value);
+  },
+  toAttribute: (value) => {
+    return value.toString();
+  }
+};
+export class SliderHandle extends Focusable {
+  constructor() {
+    super(...arguments);
+    this._forcedUnit = "";
+    this.value = 10;
+    this.dragging = false;
+    this.highlight = false;
+    this.name = "";
+    this.resolvedLanguage = document.documentElement.lang || navigator.language;
+    this.label = "";
+    this.getAriaHandleText = (value, numberFormat) => {
+      return numberFormat.format(value);
+    };
+    this.normalization = defaultNormalization;
+  }
+  get handleName() {
+    return this.name;
+  }
+  get focusElement() {
+    var _a, _b;
+    return (_b = (_a = this.handleController) == null ? void 0 : _a.inputForHandle(this)) != null ? _b : this;
+  }
+  update(changes) {
+    var _a;
+    if (changes.has("formatOptions") || changes.has("resolvedLanguage")) {
+      delete this._numberFormatCache;
+    }
+    if (changes.has("value")) {
+      const oldValue = changes.get("value");
+      if (oldValue != null) {
+        this.updateComplete.then(() => {
+          var _a2;
+          (_a2 = this.handleController) == null ? void 0 : _a2.setValueFromHandle(this);
+        });
+      }
+    }
+    (_a = this.handleController) == null ? void 0 : _a.handleHasChanged(this);
+    super.update(changes);
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this.dispatchEvent(new CustomEvent("sp-slider-handle-ready"));
+  }
+  dispatchInputEvent() {
+    const inputEvent = new Event("input", {
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(inputEvent);
+  }
+  getNumberFormat() {
+    var _a;
+    if (!this._numberFormatCache || this.resolvedLanguage !== this._numberFormatCache.language) {
+      let numberFormatter;
+      try {
+        numberFormatter = new NumberFormatter(this.resolvedLanguage, this.formatOptions);
+        this._forcedUnit = "";
+      } catch (error) {
+        const {
+          style,
+          unit,
+          unitDisplay,
+          ...formatOptionsNoUnit
+        } = this.formatOptions || {};
+        if (style === "unit") {
+          this._forcedUnit = unit;
+        }
+        numberFormatter = new NumberFormatter(this.resolvedLanguage, formatOptionsNoUnit);
+      }
+      this._numberFormatCache = {
+        language: this.resolvedLanguage,
+        numberFormat: numberFormatter
+      };
+    }
+    return (_a = this._numberFormatCache) == null ? void 0 : _a.numberFormat;
+  }
+  get numberFormat() {
+    if (!this.formatOptions)
+      return;
+    return this.getNumberFormat();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.resolveLanguage();
+  }
+  disconnectedCallback() {
+    this.resolveLanguage();
+    super.disconnectedCallback();
+  }
+  resolveLanguage() {
+    const queryThemeEvent = new CustomEvent("sp-language-context", {
+      bubbles: true,
+      composed: true,
+      detail: {
+        callback: (lang) => {
+          this.resolvedLanguage = lang;
+        }
+      },
+      cancelable: true
+    });
+    this.dispatchEvent(queryThemeEvent);
+  }
+}
+__decorateClass([
+  property({ type: Number })
+], SliderHandle.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SliderHandle.prototype, "dragging", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SliderHandle.prototype, "highlight", 2);
+__decorateClass([
+  property({ type: String })
+], SliderHandle.prototype, "name", 2);
+__decorateClass([
+  property({ reflect: true, converter: MinConverter })
+], SliderHandle.prototype, "min", 2);
+__decorateClass([
+  property({ reflect: true, converter: MaxConverter })
+], SliderHandle.prototype, "max", 2);
+__decorateClass([
+  property({ attribute: false })
+], SliderHandle.prototype, "resolvedLanguage", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], SliderHandle.prototype, "step", 2);
+__decorateClass([
+  property({ type: Object, attribute: "format-options" })
+], SliderHandle.prototype, "formatOptions", 2);
+__decorateClass([
+  property({ type: String })
+], SliderHandle.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: false })
+], SliderHandle.prototype, "getAriaHandleText", 2);
+__decorateClass([
+  property({ attribute: false })
+], SliderHandle.prototype, "normalization", 2);
+//# sourceMappingURL=SliderHandle.dev.js.map

package/src/SliderHandle.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["SliderHandle.ts"],
+  "sourcesContent": ["/*\nCopyright 2021 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { PropertyValues } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { ProvideLang } from '@spectrum-web-components/theme';\nimport {\n    NumberFormatOptions,\n    NumberFormatter,\n} from '@internationalized/number';\n\nexport type HandleMin = number | 'previous';\nexport type HandleMax = number | 'next';\n\nexport type HandleValues = {\n    name: string;\n    value: number;\n}[];\n\nexport interface Controller {\n    inputForHandle(handle: SliderHandle): HTMLInputElement | undefined;\n    requestUpdate(): void;\n    setValueFromHandle(handle: SliderHandle): void;\n    handleHasChanged(handle: SliderHandle): void;\n}\n\nexport type SliderNormalization = {\n    toNormalized: (value: number, min: number, max: number) => number;\n    fromNormalized: (value: number, min: number, max: number) => number;\n};\n\nexport const defaultNormalization: SliderNormalization = {\n    toNormalized(value: number, min: number, max: number) {\n        return (value - min) / (max - min);\n    },\n    fromNormalized(value: number, min: number, max: number) {\n        return value * (max - min) + min;\n    },\n};\n\nconst MinConverter = {\n    fromAttribute: (value: string): number | 'previous' => {\n        if (value === 'previous') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'previous' | number): string => {\n        return value.toString();\n    },\n};\n\nconst MaxConverter = {\n    fromAttribute: (value: string): number | 'next' => {\n        if (value === 'next') return value;\n        return parseFloat(value);\n    },\n    toAttribute: (value: 'next' | number): string => {\n        return value.toString();\n    },\n};\n\n/**\n * @element sp-slider-handle\n *\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class SliderHandle extends Focusable {\n    public handleController?: Controller;\n\n    public get handleName(): string {\n        return this.name;\n    }\n\n    public override get focusElement(): HTMLElement {\n        /* c8 ignore next */\n        return this.handleController?.inputForHandle(this) ?? this;\n    }\n\n    _forcedUnit = '';\n\n    @property({ type: Number })\n    value = 10;\n\n    @property({ type: Boolean, reflect: true })\n    public dragging = false;\n\n    @property({ type: Boolean })\n    public highlight = false;\n\n    @property({ type: String })\n    public name = '';\n\n    @property({ reflect: true, converter: MinConverter })\n    public min?: number | 'previous';\n\n    @property({ reflect: true, converter: MaxConverter })\n    public max?: number | 'next';\n\n    @property({ attribute: false })\n    private resolvedLanguage =\n        document.documentElement.lang || navigator.language;\n\n    @property({ type: Number, reflect: true })\n    public step?: number;\n\n    @property({ type: Object, attribute: 'format-options' })\n    public formatOptions?: NumberFormatOptions;\n\n    @property({ type: String })\n    public label = '';\n\n    @property({ attribute: false })\n    public getAriaHandleText: (\n        value: number,\n        numberFormat: NumberFormatter\n    ) => string = (value, numberFormat) => {\n        return numberFormat.format(value);\n    };\n\n    protected override update(changes: PropertyValues): void {\n        if (changes.has('formatOptions') || changes.has('resolvedLanguage')) {\n            delete this._numberFormatCache;\n        }\n        if (changes.has('value')) {\n            const oldValue = changes.get('value');\n            if (oldValue != null) {\n                this.updateComplete.then(() => {\n                    this.handleController?.setValueFromHandle(this);\n                });\n            }\n        }\n        this.handleController?.handleHasChanged(this);\n        super.update(changes);\n    }\n\n    protected override firstUpdated(\n        changedProperties: PropertyValues<this>\n    ): void {\n        super.firstUpdated(changedProperties);\n        this.dispatchEvent(new CustomEvent('sp-slider-handle-ready'));\n    }\n\n    @property({ attribute: false })\n    public normalization: SliderNormalization = defaultNormalization;\n\n    public dispatchInputEvent(): void {\n        const inputEvent = new Event('input', {\n            bubbles: true,\n            composed: true,\n        });\n\n        this.dispatchEvent(inputEvent);\n    }\n\n    protected _numberFormatCache:\n        | { numberFormat: NumberFormatter; language: string }\n        | undefined;\n    protected getNumberFormat(): NumberFormatter {\n        /* c8 ignore next */\n        if (\n            !this._numberFormatCache ||\n            this.resolvedLanguage !== this._numberFormatCache.language\n        ) {\n            let numberFormatter: NumberFormatter;\n            try {\n                numberFormatter = new NumberFormatter(\n                    this.resolvedLanguage,\n                    this.formatOptions\n                );\n                this._forcedUnit = '';\n                // numberFormatter.format(1);\n            } catch (error) {\n                const {\n                    style,\n                    unit,\n                    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                    unitDisplay,\n                    ...formatOptionsNoUnit\n                } = this.formatOptions || {};\n                if (style === 'unit') {\n                    this._forcedUnit = unit as string;\n                }\n                numberFormatter = new NumberFormatter(\n                    this.resolvedLanguage,\n                    formatOptionsNoUnit\n                );\n            }\n            this._numberFormatCache = {\n                language: this.resolvedLanguage,\n                numberFormat: numberFormatter,\n            };\n        }\n        /* c8 ignore next */\n        return this._numberFormatCache?.numberFormat;\n    }\n\n    public get numberFormat(): NumberFormatter | undefined {\n        if (!this.formatOptions) return;\n        return this.getNumberFormat();\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.resolveLanguage();\n    }\n\n    public override disconnectedCallback(): void {\n        this.resolveLanguage();\n        super.disconnectedCallback();\n    }\n\n    private resolveLanguage(): void {\n        const queryThemeEvent = new CustomEvent<ProvideLang>(\n            'sp-language-context',\n            {\n                bubbles: true,\n                composed: true,\n                detail: {\n                    callback: (lang: string) => {\n                        this.resolvedLanguage = lang;\n                    },\n                },\n                cancelable: true,\n            }\n        );\n        this.dispatchEvent(queryThemeEvent);\n    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}