@spectrum-web-components/meter 0.30.0 → 0.30.1-overlay.30

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/meter",
-    "version": "0.30.0",
+    "version": "0.30.1-overlay.30+1df211c75",
     "publishConfig": {
         "access": "public"
     },
@@ -57,9 +57,9 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.30.0",
-        "@spectrum-web-components/field-label": "^0.30.0",
-        "@spectrum-web-components/shared": "^0.30.0"
+        "@spectrum-web-components/base": "^0.30.1-overlay.30+1df211c75",
+        "@spectrum-web-components/field-label": "^0.30.1-overlay.30+1df211c75",
+        "@spectrum-web-components/shared": "^0.30.1-overlay.30+1df211c75"
     },
     "devDependencies": {
         "@spectrum-css/progressbar": "^3.0.27"
@@ -70,5 +70,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "e34a26bf2bbea5f60a5e415e0f12c97654f0e20d"
+    "gitHead": "1df211c7581b6fd6ec624cf2b09bc81aeec29c26"
 }

package/src/Meter.d.ts

@@ -20,6 +20,7 @@ export declare class Meter extends Meter_base {
     negative: boolean;
     positive: boolean;
     label: string;
+    private languageResolver;
     sideLabel: boolean;
     static: 'white' | undefined;
     protected render(): TemplateResult;

package/src/Meter.dev.js

@@ -17,6 +17,7 @@ import {
 } from "@spectrum-web-components/base";
 import { property } from "@spectrum-web-components/base/src/decorators.js";
 import { ObserveSlotText } from "@spectrum-web-components/shared/src/observe-slot-text.js";
+import { LanguageResolutionController } from "@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";
 import "@spectrum-web-components/field-label/sp-field-label.js";
 import styles from "./meter.css.js";
 export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, "")) {
@@ -28,6 +29,7 @@ export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, "")) {
     this.negative = false;
     this.positive = false;
     this.label = "";
+    this.languageResolver = new LanguageResolutionController(this);
     // called sideLabel
     this.sideLabel = false;
   }
@@ -41,7 +43,10 @@ export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, "")) {
                 <slot>${this.label}</slot>
             </sp-field-label>
             <sp-field-label size=${this.size} class="percentage">
-                ${this.progress}%
+                ${new Intl.NumberFormat(this.languageResolver.language, {
+      style: "percent",
+      unitDisplay: "narrow"
+    }).format(this.progress / 100)}
             </sp-field-label>
             <div class="track">
                 <div

package/src/Meter.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Meter.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    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? html`` : this.label}\n                <slot>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${this.progress}%\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (this.label && changes.has('label')) {\n            this.setAttribute('aria-label', this.label);\n        }\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,OAAO;AACP,OAAO,YAAY;AAOZ,aAAM,cAAc,WAAW,gBAAgB,iBAAiB,EAAE,CAAC,EAAE;AAAA,EAArE;AAAA;AAMH,SAAO,WAAW;AAGlB,SAAO,iBAAiB;AAGxB,SAAO,SAAS;AAGhB,SAAO,WAAW;AAGlB,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAIf;AAAA,SAAO,YAAY;AAAA;AAAA,EAxBnB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EA2BmB,SAAyB;AACxC,WAAO;AAAA,mCACoB,KAAK;AAAA,kBACtB,KAAK,iBAAiB,SAAS,KAAK;AAAA,wBAC9B,KAAK;AAAA;AAAA,mCAEM,KAAK;AAAA,kBACtB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,oDAK6B,KAAK;AAAA;AAAA;AAAA;AAAA,EAIrD;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,aAAa;AAAA,EAC3C;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK,aAAa,iBAAiB,KAAK,KAAK,QAAQ;AAAA,IACzD;AACA,QAAI,KAAK,SAAS,QAAQ,IAAI,OAAO,GAAG;AACpC,WAAK,aAAa,cAAc,KAAK,KAAK;AAAA,IAC9C;AAAA,EACJ;AACJ;AAxDW;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GALjB,MAMF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,GAR/D,MASF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAXjC,MAYF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAdjC,MAeF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAjBjC,MAkBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GApBhC,MAqBF;AAIA;AAAA,EAFN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,aAAa,CAAC;AAAA,GAvB1D,MAyBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GA3BhC,MA4BF;",
+  "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    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? html`` : this.label}\n                <slot>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${new Intl.NumberFormat(this.languageResolver.language, {\n                    style: 'percent',\n                    unitDisplay: 'narrow',\n                }).format(this.progress / 100)}\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (this.label && changes.has('label')) {\n            this.setAttribute('aria-label', this.label);\n        }\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,OAAO;AACP,OAAO,YAAY;AAOZ,aAAM,cAAc,WAAW,gBAAgB,iBAAiB,EAAE,CAAC,EAAE;AAAA,EAArE;AAAA;AAMH,SAAO,WAAW;AAGlB,SAAO,iBAAiB;AAGxB,SAAO,SAAS;AAGhB,SAAO,WAAW;AAGlB,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAEf,SAAQ,mBAAmB,IAAI,6BAA6B,IAAI;AAIhE;AAAA,SAAO,YAAY;AAAA;AAAA,EA1BnB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EA6BmB,SAAyB;AACxC,WAAO;AAAA,mCACoB,KAAK;AAAA,kBACtB,KAAK,iBAAiB,SAAS,KAAK;AAAA,wBAC9B,KAAK;AAAA;AAAA,mCAEM,KAAK;AAAA,kBACtB,IAAI,KAAK,aAAa,KAAK,iBAAiB,UAAU;AAAA,MACpD,OAAO;AAAA,MACP,aAAa;AAAA,IACjB,CAAC,EAAE,OAAO,KAAK,WAAW,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,oDAKO,KAAK;AAAA;AAAA;AAAA;AAAA,EAIrD;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,aAAa;AAAA,EAC3C;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK,aAAa,iBAAiB,KAAK,KAAK,QAAQ;AAAA,IACzD;AACA,QAAI,KAAK,SAAS,QAAQ,IAAI,OAAO,GAAG;AACpC,WAAK,aAAa,cAAc,KAAK,KAAK;AAAA,IAC9C;AAAA,EACJ;AACJ;AA7DW;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GALjB,MAMF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,GAR/D,MASF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAXjC,MAYF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAdjC,MAeF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAjBjC,MAkBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GApBhC,MAqBF;AAMA;AAAA,EAFN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,aAAa,CAAC;AAAA,GAzB1D,MA2BF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GA7BhC,MA8BF;",
   "names": []
 }

package/src/Meter.js

@@ -1,10 +1,10 @@
-"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,s,e,i)=>{for(var r=i>1?void 0:i?c(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(i?p(s,e,r):p(r))||r);return i&&r&&d(s,e,r),r};import{html as u,SizedMixin as b,SpectrumElement as f}from"@spectrum-web-components/base";import{property as l}from"@spectrum-web-components/base/src/decorators.js";import{ObserveSlotText as n}from"@spectrum-web-components/shared/src/observe-slot-text.js";import"@spectrum-web-components/field-label/sp-field-label.js";import y from"./meter.css.js";export class Meter extends b(n(f,"")){constructor(){super(...arguments);this.progress=0;this.overBackground=!1;this.notice=!1;this.negative=!1;this.positive=!1;this.label="";this.sideLabel=!1}static get styles(){return[y]}render(){return u`
+"use strict";var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var t=(a,s,e,i)=>{for(var r=i>1?void 0:i?d(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(i?p(s,e,r):p(r))||r);return i&&r&&c(s,e,r),r};import{html as u,SizedMixin as n,SpectrumElement as b}from"@spectrum-web-components/base";import{property as l}from"@spectrum-web-components/base/src/decorators.js";import{ObserveSlotText as f}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{LanguageResolutionController as m}from"@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";import"@spectrum-web-components/field-label/sp-field-label.js";import g from"./meter.css.js";export class Meter extends n(f(b,"")){constructor(){super(...arguments);this.progress=0;this.overBackground=!1;this.notice=!1;this.negative=!1;this.positive=!1;this.label="";this.languageResolver=new m(this);this.sideLabel=!1}static get styles(){return[g]}render(){return u`
             <sp-field-label size=${this.size} class="label">
                 ${this.slotHasContent?u``:this.label}
                 <slot>${this.label}</slot>
             </sp-field-label>
             <sp-field-label size=${this.size} class="percentage">
-                ${this.progress}%
+                ${new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.progress/100)}
             </sp-field-label>
             <div class="track">
                 <div

package/src/Meter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Meter.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    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? html`` : this.label}\n                <slot>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${this.progress}%\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (this.label && changes.has('label')) {\n            this.setAttribute('aria-label', this.label);\n        }\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAS,mBAAAC,MAAuB,2DAChC,MAAO,yDACP,OAAOC,MAAY,iBAOZ,aAAM,cAAcJ,EAAWG,EAAgBF,EAAiB,EAAE,CAAC,CAAE,CAArE,kCAMH,KAAO,SAAW,EAGlB,KAAO,eAAiB,GAGxB,KAAO,OAAS,GAGhB,KAAO,SAAW,GAGlB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAIf,KAAO,UAAY,GAxBnB,WAA2B,QAAyB,CAChD,MAAO,CAACG,CAAM,CAClB,CA2BmB,QAAyB,CACxC,OAAOL;AAAA,mCACoB,KAAK;AAAA,kBACtB,KAAK,eAAiBA,IAAS,KAAK;AAAA,wBAC9B,KAAK;AAAA;AAAA,mCAEM,KAAK;AAAA,kBACtB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,oDAK6B,KAAK;AAAA;AAAA;AAAA,SAIrD,CAEmB,aAAaM,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,aAAa,CAC3C,CAEmB,QAAQA,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,GACtB,KAAK,aAAa,gBAAiB,GAAK,KAAK,QAAQ,EAErD,KAAK,OAASA,EAAQ,IAAI,OAAO,GACjC,KAAK,aAAa,aAAc,KAAK,KAAK,CAElD,CACJ,CAxDWC,EAAA,CADNJ,EAAS,CAAE,KAAM,MAAO,CAAC,GALjB,MAMF,wBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,iBAAkB,CAAC,GAR/D,MASF,8BAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAXjC,MAYF,sBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdjC,MAeF,wBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjBjC,MAkBF,wBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBhC,MAqBF,qBAIAI,EAAA,CAFNJ,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,YAAa,CAAC,GAvB1D,MAyBF,yBAGAI,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA3BhC,MA4BF",
-  "names": ["html", "SizedMixin", "SpectrumElement", "property", "ObserveSlotText", "styles", "changes", "__decorateClass"]
+  "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    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? html`` : this.label}\n                <slot>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${new Intl.NumberFormat(this.languageResolver.language, {\n                    style: 'percent',\n                    unitDisplay: 'narrow',\n                }).format(this.progress / 100)}\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (this.label && changes.has('label')) {\n            this.setAttribute('aria-label', this.label);\n        }\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAS,mBAAAC,MAAuB,2DAChC,OAAS,gCAAAC,MAAoC,0EAC7C,MAAO,yDACP,OAAOC,MAAY,iBAOZ,aAAM,cAAcL,EAAWG,EAAgBF,EAAiB,EAAE,CAAC,CAAE,CAArE,kCAMH,KAAO,SAAW,EAGlB,KAAO,eAAiB,GAGxB,KAAO,OAAS,GAGhB,KAAO,SAAW,GAGlB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAEf,KAAQ,iBAAmB,IAAIG,EAA6B,IAAI,EAIhE,KAAO,UAAY,GA1BnB,WAA2B,QAAyB,CAChD,MAAO,CAACC,CAAM,CAClB,CA6BmB,QAAyB,CACxC,OAAON;AAAA,mCACoB,KAAK;AAAA,kBACtB,KAAK,eAAiBA,IAAS,KAAK;AAAA,wBAC9B,KAAK;AAAA;AAAA,mCAEM,KAAK;AAAA,kBACtB,IAAI,KAAK,aAAa,KAAK,iBAAiB,SAAU,CACpD,MAAO,UACP,YAAa,QACjB,CAAC,EAAE,OAAO,KAAK,SAAW,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,oDAKO,KAAK;AAAA;AAAA;AAAA,SAIrD,CAEmB,aAAaO,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,aAAa,CAC3C,CAEmB,QAAQA,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,GACtB,KAAK,aAAa,gBAAiB,GAAK,KAAK,QAAQ,EAErD,KAAK,OAASA,EAAQ,IAAI,OAAO,GACjC,KAAK,aAAa,aAAc,KAAK,KAAK,CAElD,CACJ,CA7DWC,EAAA,CADNL,EAAS,CAAE,KAAM,MAAO,CAAC,GALjB,MAMF,wBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,iBAAkB,CAAC,GAR/D,MASF,8BAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAXjC,MAYF,sBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdjC,MAeF,wBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjBjC,MAkBF,wBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBhC,MAqBF,qBAMAK,EAAA,CAFNL,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,YAAa,CAAC,GAzB1D,MA2BF,yBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA7BhC,MA8BF",
+  "names": ["html", "SizedMixin", "SpectrumElement", "property", "ObserveSlotText", "LanguageResolutionController", "styles", "changes", "__decorateClass"]
 }

package/test/meter.test.js

@@ -2,6 +2,7 @@
 import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
 import "@spectrum-web-components/meter/sp-meter.js";
 import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+import { createLanguageContext } from "../../../tools/reactive-controllers/test/helpers.js";
 describe("Meter", () => {
   testForLitDevWarnings(
     async () => await fixture(
@@ -52,5 +53,33 @@ describe("Meter", () => {
     expect(el.hasAttribute("aria-valuenow")).to.be.true;
     expect(el.getAttribute("aria-valuenow")).to.equal("100");
   });
+  it("resolves a language (en-US)", async () => {
+    var _a;
+    const [languageContext] = createLanguageContext("en-US");
+    const test = await fixture(html`
+            <div @sp-language-context=${languageContext}>
+                <sp-meter label="Changing Value" progress="45"></sp-meter>
+            </div>
+        `);
+    const el = test.querySelector("sp-meter");
+    const percentage = el.shadowRoot.querySelector(
+      ".percentage"
+    );
+    expect((_a = percentage.textContent) == null ? void 0 : _a.search("%")).to.not.equal(-1);
+  });
+  it("resolves a language (ar-sa)", async () => {
+    var _a;
+    const [languageContext] = createLanguageContext("ar-sa");
+    const test = await fixture(html`
+            <div @sp-language-context=${languageContext}>
+                <sp-meter label="Changing Value" progress="45"></sp-meter>
+            </div>
+        `);
+    const el = test.querySelector("sp-meter");
+    const percentage = el.shadowRoot.querySelector(
+      ".percentage"
+    );
+    expect((_a = percentage.textContent) == null ? void 0 : _a.search("\u066A")).to.not.equal(-1);
+  });
 });
 //# sourceMappingURL=meter.test.js.map

package/test/meter.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["meter.test.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 { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/meter/sp-meter.js';\nimport { Meter } from '@spectrum-web-components/meter';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('Meter', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Meter>(\n                html`\n                    <sp-meter label=\"Loading\"></sp-meter>\n                `\n            )\n    );\n    it('loads default meter accessibly', async () => {\n        const el = await fixture<Meter>(\n            html`\n                <sp-meter label=\"Loading\"></sp-meter>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('accepts a changing process w/ [label]', async () => {\n        const el = await fixture<Meter>(html`\n            <sp-meter label=\"Changing Value\"></sp-meter>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('0');\n\n        el.progress = 50;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('50');\n\n        el.progress = 100;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('100');\n    });\n\n    it('accepts a changing process', async () => {\n        const el = await fixture<Meter>(html`\n            <sp-meter>Changing Value</sp-meter>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('0');\n\n        el.progress = 50;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('50');\n\n        el.progress = 100;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('100');\n    });\n});\n"],
-  "mappings": ";AAYA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AAEtC,SAAS,SAAS,MAAM;AACpB;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,KAAG,kCAAkC,YAAY;AAC7C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AAErB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,yCAAyC,YAAY;AACpD,UAAM,KAAK,MAAM,QAAe;AAAA;AAAA,SAE/B;AAED,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,GAAG;AAErD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,IAAI;AAEtD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK;AAAA,EAC3D,CAAC;AAED,KAAG,8BAA8B,YAAY;AACzC,UAAM,KAAK,MAAM,QAAe;AAAA;AAAA,SAE/B;AAED,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,GAAG;AAErD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,IAAI;AAEtD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK;AAAA,EAC3D,CAAC;AACL,CAAC;",
+  "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 { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/meter/sp-meter.js';\nimport { Meter } from '@spectrum-web-components/meter';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { createLanguageContext } from '../../../tools/reactive-controllers/test/helpers.js';\n\ndescribe('Meter', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Meter>(\n                html`\n                    <sp-meter label=\"Loading\"></sp-meter>\n                `\n            )\n    );\n    it('loads default meter accessibly', async () => {\n        const el = await fixture<Meter>(\n            html`\n                <sp-meter label=\"Loading\"></sp-meter>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('accepts a changing process w/ [label]', async () => {\n        const el = await fixture<Meter>(html`\n            <sp-meter label=\"Changing Value\"></sp-meter>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('0');\n\n        el.progress = 50;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('50');\n\n        el.progress = 100;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('100');\n    });\n\n    it('accepts a changing process', async () => {\n        const el = await fixture<Meter>(html`\n            <sp-meter>Changing Value</sp-meter>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('0');\n\n        el.progress = 50;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('50');\n\n        el.progress = 100;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('100');\n    });\n\n    it('resolves a language (en-US)', async () => {\n        const [languageContext] = createLanguageContext('en-US');\n        const test = await fixture(html`\n            <div @sp-language-context=${languageContext}>\n                <sp-meter label=\"Changing Value\" progress=\"45\"></sp-meter>\n            </div>\n        `);\n        const el = test.querySelector('sp-meter') as Meter;\n        const percentage = el.shadowRoot.querySelector(\n            '.percentage'\n        ) as HTMLElement;\n        expect(percentage.textContent?.search('%')).to.not.equal(-1);\n    });\n\n    it('resolves a language (ar-sa)', async () => {\n        const [languageContext] = createLanguageContext('ar-sa');\n        const test = await fixture(html`\n            <div @sp-language-context=${languageContext}>\n                <sp-meter label=\"Changing Value\" progress=\"45\"></sp-meter>\n            </div>\n        `);\n        const el = test.querySelector('sp-meter') as Meter;\n        const percentage = el.shadowRoot.querySelector(\n            '.percentage'\n        ) as HTMLElement;\n        expect(percentage.textContent?.search('\u066A')).to.not.equal(-1);\n    });\n});\n"],
+  "mappings": ";AAYA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AAEtC,SAAS,SAAS,MAAM;AACpB;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,KAAG,kCAAkC,YAAY;AAC7C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AAErB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,yCAAyC,YAAY;AACpD,UAAM,KAAK,MAAM,QAAe;AAAA;AAAA,SAE/B;AAED,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,GAAG;AAErD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,IAAI;AAEtD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK;AAAA,EAC3D,CAAC;AAED,KAAG,8BAA8B,YAAY;AACzC,UAAM,KAAK,MAAM,QAAe;AAAA;AAAA,SAE/B;AAED,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,GAAG;AAErD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,IAAI;AAEtD,OAAG,WAAW;AAEd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,KAAK;AAAA,EAC3D,CAAC;AAED,KAAG,+BAA+B,YAAY;AA3FlD;AA4FQ,UAAM,CAAC,eAAe,IAAI,sBAAsB,OAAO;AACvD,UAAM,OAAO,MAAM,QAAQ;AAAA,wCACK;AAAA;AAAA;AAAA,SAG/B;AACD,UAAM,KAAK,KAAK,cAAc,UAAU;AACxC,UAAM,aAAa,GAAG,WAAW;AAAA,MAC7B;AAAA,IACJ;AACA,YAAO,gBAAW,gBAAX,mBAAwB,OAAO,IAAI,EAAE,GAAG,IAAI,MAAM,EAAE;AAAA,EAC/D,CAAC;AAED,KAAG,+BAA+B,YAAY;AAzGlD;AA0GQ,UAAM,CAAC,eAAe,IAAI,sBAAsB,OAAO;AACvD,UAAM,OAAO,MAAM,QAAQ;AAAA,wCACK;AAAA;AAAA;AAAA,SAG/B;AACD,UAAM,KAAK,KAAK,cAAc,UAAU;AACxC,UAAM,aAAa,GAAG,WAAW;AAAA,MAC7B;AAAA,IACJ;AACA,YAAO,gBAAW,gBAAX,mBAAwB,OAAO,SAAI,EAAE,GAAG,IAAI,MAAM,EAAE;AAAA,EAC/D,CAAC;AACL,CAAC;",
   "names": []
 }

package/custom-elements.json

@@ -1,208 +0,0 @@
-{
-  "schemaVersion": "1.0.0",
-  "readme": "",
-  "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "sp-meter.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/Meter.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Meter",
-          "slots": [
-            {
-              "description": "text labeling the Meter",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "progress",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "0",
-              "attribute": "progress"
-            },
-            {
-              "kind": "field",
-              "name": "overBackground",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "over-background",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "notice",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "notice",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "negative",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "positive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "positive",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "sideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "side-label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "static",
-              "type": {
-                "text": "'white' | undefined"
-              },
-              "privacy": "public",
-              "attribute": "static",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "progress",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "fieldName": "progress"
-            },
-            {
-              "name": "over-background",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "overBackground"
-            },
-            {
-              "name": "notice",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "notice"
-            },
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "negative"
-            },
-            {
-              "name": "positive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "positive"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            },
-            {
-              "name": "side-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "sideLabel"
-            },
-            {
-              "name": "static",
-              "type": {
-                "text": "'white' | undefined"
-              },
-              "fieldName": "static"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SizedMixin",
-              "package": "@spectrum-web-components/base"
-            },
-            {
-              "name": "ObserveSlotText",
-              "package": "@spectrum-web-components/shared/src/observe-slot-text.js"
-            }
-          ],
-          "superclass": {
-            "name": "SpectrumElement",
-            "package": "@spectrum-web-components/base"
-          },
-          "tagName": "sp-meter",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Meter",
-          "declaration": {
-            "name": "Meter",
-            "module": "src/Meter.js"
-          }
-        }
-      ]
-    }
-  ]
-}