@spectrum-web-components/meter 0.7.9-react.49 → 0.7.9-react.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/custom-elements.json +17 -0
  2. package/package.json +6 -6
  3. package/src/Meter.d.ts +1 -0
  4. package/src/Meter.dev.js +3 -0
  5. package/src/Meter.dev.js.map +2 -2
  6. package/src/Meter.js +2 -2
  7. package/src/Meter.js.map +2 -2
  8. package/src/meter.css.dev.js +119 -87
  9. package/src/meter.css.dev.js.map +2 -2
  10. package/src/meter.css.js +119 -87
  11. package/src/meter.css.js.map +2 -2
  12. package/src/spectrum-config.js +14 -0
  13. package/src/spectrum-meter.css.dev.js +119 -87
  14. package/src/spectrum-meter.css.dev.js.map +2 -2
  15. package/src/spectrum-meter.css.js +119 -87
  16. package/src/spectrum-meter.css.js.map +2 -2
  17. package/stories/meter.stories.js +2 -2
  18. package/stories/meter.stories.js.map +2 -2
package/custom-elements.json CHANGED
@@ -107,6 +107,16 @@
107
107
  "default": "false",
108
108
  "attribute": "side-label",
109
109
  "reflects": true
110
+ },
111
+ {
112
+ "kind": "field",
113
+ "name": "static",
114
+ "type": {
115
+ "text": "'white' | undefined"
116
+ },
117
+ "privacy": "public",
118
+ "attribute": "static",
119
+ "reflects": true
110
120
  }
111
121
  ],
112
122
  "attributes": [
@@ -165,6 +175,13 @@
165
175
  },
166
176
  "default": "false",
167
177
  "fieldName": "sideLabel"
178
+ },
179
+ {
180
+ "name": "static",
181
+ "type": {
182
+ "text": "'white' | undefined"
183
+ },
184
+ "fieldName": "static"
168
185
  }
169
186
  ],
170
187
  "mixins": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/meter",
3
- "version": "0.7.9-react.49+7959cb8d1",
3
+ "version": "0.7.9-react.75+9897d0a1c",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,12 +57,12 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.7.5-react.49+7959cb8d1",
61
- "@spectrum-web-components/field-label": "^0.10.6-react.49+7959cb8d1",
62
- "@spectrum-web-components/shared": "^0.15.6-react.49+7959cb8d1"
60
+ "@spectrum-web-components/base": "^0.7.5-react.75+9897d0a1c",
61
+ "@spectrum-web-components/field-label": "^0.10.6-react.75+9897d0a1c",
62
+ "@spectrum-web-components/shared": "^0.15.6-react.75+9897d0a1c"
63
63
  },
64
64
  "devDependencies": {
65
- "@spectrum-css/progressbar": "^1.0.33"
65
+ "@spectrum-css/progressbar": "^3.0.1"
66
66
  },
67
67
  "types": "./src/index.d.ts",
68
68
  "customElements": "custom-elements.json",
@@ -70,5 +70,5 @@
70
70
  "./sp-*.js",
71
71
  "./**/*.dev.js"
72
72
  ],
73
- "gitHead": "7959cb8d1df072fc473ec1687b2a7328550b96f7"
73
+ "gitHead": "9897d0a1c48b8cee4e5a19c58acfdec2c1dc0623"
74
74
  }
package/src/Meter.d.ts CHANGED
@@ -21,6 +21,7 @@ export declare class Meter extends Meter_base {
21
21
  positive: boolean;
22
22
  label: string;
23
23
  sideLabel: boolean;
24
+ static: 'white' | undefined;
24
25
  protected render(): TemplateResult;
25
26
  protected firstUpdated(changes: PropertyValues): void;
26
27
  protected updated(changes: PropertyValues): void;
package/src/Meter.dev.js CHANGED
@@ -86,4 +86,7 @@ __decorateClass([
86
86
  __decorateClass([
87
87
  property({ type: Boolean, reflect: true, attribute: "side-label" })
88
88
  ], Meter.prototype, "sideLabel", 2);
89
+ __decorateClass([
90
+ property({ type: String, reflect: true })
91
+ ], Meter.prototype, "static", 2);
89
92
  //# sourceMappingURL=Meter.dev.js.map
package/src/Meter.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["Meter.ts"],
4
- "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 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"],
5
- "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,EAwBmB,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;AArDW;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;",
4
+ "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"],
5
+ "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;",
6
6
  "names": []
7
7
  }
package/src/Meter.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var t=(a,s,e,i)=>{for(var l=i>1?void 0:i?b(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(l=(i?p(s,e,l):p(l))||l);return i&&l&&d(s,e,l),l};import{html as u,SizedMixin as c,SpectrumElement as f}from"@spectrum-web-components/base";import{property as r}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 m from"./meter.css.js";export class Meter extends c(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[m]}render(){return u`
1
+ "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`
2
2
  <sp-field-label size=${this.size} class="label">
3
3
  ${this.slotHasContent?u``:this.label}
4
4
  <slot>${this.label}</slot>
@@ -12,5 +12,5 @@
12
12
  style="transform: scaleX(calc(${this.progress} / 100));"
13
13
  ></div>
14
14
  </div>
15
- `}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","progressbar")}updated(e){super.updated(e),e.has("progress")&&this.setAttribute("aria-valuenow",""+this.progress),this.label&&e.has("label")&&this.setAttribute("aria-label",this.label)}}t([r({type:Number})],Meter.prototype,"progress",2),t([r({type:Boolean,reflect:!0,attribute:"over-background"})],Meter.prototype,"overBackground",2),t([r({type:Boolean,reflect:!0})],Meter.prototype,"notice",2),t([r({type:Boolean,reflect:!0})],Meter.prototype,"negative",2),t([r({type:Boolean,reflect:!0})],Meter.prototype,"positive",2),t([r({type:String,reflect:!0})],Meter.prototype,"label",2),t([r({type:Boolean,reflect:!0,attribute:"side-label"})],Meter.prototype,"sideLabel",2);
15
+ `}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","progressbar")}updated(e){super.updated(e),e.has("progress")&&this.setAttribute("aria-valuenow",""+this.progress),this.label&&e.has("label")&&this.setAttribute("aria-label",this.label)}}t([l({type:Number})],Meter.prototype,"progress",2),t([l({type:Boolean,reflect:!0,attribute:"over-background"})],Meter.prototype,"overBackground",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"notice",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"negative",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"positive",2),t([l({type:String,reflect:!0})],Meter.prototype,"label",2),t([l({type:Boolean,reflect:!0,attribute:"side-label"})],Meter.prototype,"sideLabel",2),t([l({type:String,reflect:!0})],Meter.prototype,"static",2);
16
16
  //# sourceMappingURL=Meter.js.map
package/src/Meter.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["Meter.ts"],
4
- "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 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"],
5
- "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,CAwBmB,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,CArDWC,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",
4
+ "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"],
5
+ "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",
6
6
  "names": ["html", "SizedMixin", "SpectrumElement", "property", "ObserveSlotText", "styles", "changes", "__decorateClass"]
7
7
  }
package/src/meter.css.dev.js CHANGED
@@ -1,95 +1,127 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host([size=s]){--spectrum-progressbar-border-radius:var(
5
- --spectrum-progressbar-s-border-radius
6
- );--spectrum-progressbar-indeterminate-fill-width:var(
7
- --spectrum-progressbar-s-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)
8
- );--spectrum-progressbar-indeterminate-duration:var(
9
- --spectrum-progressbar-s-indeterminate-duration,var(--spectrum-global-animation-duration-2000)
10
- );--spectrum-progressbar-value-gap-y:var(
11
- --spectrum-progressbar-s-value-gap-y,0px
12
- );--spectrum-progressbar-height:var(
13
- --spectrum-progressbar-s-height,var(--spectrum-global-dimension-size-50)
14
- );--spectrum-progressbar-width:var(
15
- --spectrum-progressbar-s-width,var(--spectrum-global-dimension-static-size-2400)
16
- )}:host([size=m]){--spectrum-progressbar-border-radius:var(
17
- --spectrum-progressbar-m-border-radius
18
- );--spectrum-progressbar-indeterminate-fill-width:var(
19
- --spectrum-progressbar-m-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)
20
- );--spectrum-progressbar-indeterminate-duration:var(
21
- --spectrum-progressbar-m-indeterminate-duration,var(--spectrum-global-animation-duration-2000)
22
- );--spectrum-progressbar-value-gap-y:var(
23
- --spectrum-progressbar-m-value-gap-y,0px
24
- );--spectrum-progressbar-height:var(
25
- --spectrum-progressbar-m-height,var(--spectrum-global-dimension-size-75)
26
- );--spectrum-progressbar-width:var(
27
- --spectrum-progressbar-m-width,var(--spectrum-global-dimension-static-size-2400)
28
- );--spectrum-fieldlabel-side-padding-right:var(
29
- --spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)
30
- )}:host([size=l]){--spectrum-progressbar-indeterminate-fill-width:var(
31
- --spectrum-progressbar-l-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)
32
- );--spectrum-progressbar-indeterminate-duration:var(
33
- --spectrum-progressbar-l-indeterminate-duration,var(--spectrum-global-animation-duration-2000)
34
- );--spectrum-progressbar-value-gap-y:var(
35
- --spectrum-progressbar-l-value-gap-y,0px
36
- );--spectrum-progressbar-height:var(
37
- --spectrum-progressbar-l-height,var(--spectrum-global-dimension-size-100)
38
- );--spectrum-progressbar-border-radius:var(
39
- --spectrum-progressbar-l-border-radius,var(--spectrum-global-dimension-size-50)
40
- );--spectrum-progressbar-width:var(
41
- --spectrum-progressbar-l-width,var(--spectrum-global-dimension-static-size-2500)
42
- )}:host([size=xl]){--spectrum-progressbar-border-radius:var(
43
- --spectrum-progressbar-xl-border-radius
44
- );--spectrum-progressbar-indeterminate-fill-width:var(
45
- --spectrum-progressbar-xl-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)
46
- );--spectrum-progressbar-indeterminate-duration:var(
47
- --spectrum-progressbar-xl-indeterminate-duration,var(--spectrum-global-animation-duration-2000)
48
- );--spectrum-progressbar-value-gap-y:var(
49
- --spectrum-progressbar-xl-value-gap-y,0px
50
- );--spectrum-progressbar-height:var(
51
- --spectrum-progressbar-xl-height,var(--spectrum-global-dimension-size-125)
52
- );--spectrum-progressbar-width:var(
53
- --spectrum-progressbar-xl-width,var(--spectrum-global-dimension-static-size-2800)
54
- )}:host{align-items:center;display:inline-flex;flex-flow:row wrap;justify-content:space-between;position:relative;vertical-align:top;width:var(--spectrum-progressbar-width)}.track{border-radius:var(--spectrum-progressbar-border-radius);overflow:hidden;width:100%;z-index:1}.fill,.track{height:var(--spectrum-progressbar-height)}.fill{border:none;transition:width 1s}:host([dir=ltr]) .label,:host([dir=ltr]) .percentage{text-align:left}:host([dir=rtl]) .label,:host([dir=rtl]) .percentage{text-align:right}.label,.percentage{margin-bottom:var(
55
- --spectrum-progressbar-value-gap-y
56
- )}.label{flex:1 1 0%}:host([dir=ltr]) .percentage{margin-left:var(
57
- --spectrum-fieldlabel-side-padding-right
58
- )}:host([dir=rtl]) .percentage{margin-right:var(
59
- --spectrum-fieldlabel-side-padding-right
60
- )}.percentage{align-self:flex-start}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between;width:auto}:host([side-label]) .track{flex:1 1 var(--spectrum-progressbar-width);min-width:var(
61
- --spectrum-progressbar-width
62
- )}:host([dir=ltr][side-label]) .label{margin-right:var(
63
- --spectrum-fieldlabel-side-padding-right
64
- )}:host([dir=rtl][side-label]) .label{margin-left:var(
65
- --spectrum-fieldlabel-side-padding-right
66
- )}:host([side-label]) .label{flex-grow:0;margin-bottom:0}:host([dir=ltr][side-label]) .percentage{text-align:right}:host([dir=rtl][side-label]) .percentage{text-align:left}:host([dir=ltr][side-label]) .percentage{margin-left:var(
67
- --spectrum-fieldlabel-side-padding-right
68
- )}:host([dir=rtl][side-label]) .percentage{margin-right:var(
69
- --spectrum-fieldlabel-side-padding-right
70
- )}:host([side-label]) .percentage{margin-bottom:0;order:3}:host([indeterminate]) .fill{animation-timing-function:var(
71
- --spectrum-progressbar-indeterminate-animation-ease
72
- );position:relative;width:var(
73
- --spectrum-progressbar-indeterminate-fill-width
74
- );will-change:transform}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(--spectrum-progressbar-indeterminate-duration) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(--spectrum-progressbar-indeterminate-duration) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(--spectrum-progressbar-indeterminate-fill-width)*-1))}to{transform:translate(var(--spectrum-progressbar-width))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(--spectrum-progressbar-width))}to{transform:translate(calc(var(--spectrum-progressbar-width)*-1))}}.fill{background:var(
75
- --spectrum-progressbar-m-track-fill-color,var(--spectrum-semantic-informative-color-default)
76
- )}.track{background-color:var(
77
- --spectrum-progressbar-m-track-color,var(--spectrum-alias-track-color-default)
78
- )}:host([over-background]) .fill{background:var(
79
- --spectrum-progressbar-m-overbackground-track-fill-color,var(--spectrum-alias-track-fill-color-overbackground)
80
- )}:host([over-background]) .label,:host([over-background]) .percentage{color:var(
81
- --spectrum-progressbar-m-overbackground-track-fill-color,var(--spectrum-alias-track-fill-color-overbackground)
82
- )}:host([over-background]) .track{background-color:var(
83
- --spectrum-progressbar-m-overbackground-track-color,var(--spectrum-alias-track-color-overbackground)
84
- )}:host([positive]) .fill{background:var(
85
- --spectrum-meter-m-positive-track-fill-color,var(--spectrum-semantic-positive-status-color)
4
+ :host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(
5
+ --spectrum-animation-ease-in-out
6
+ );--spectrum-progressbar-animation-duration-indeterminate:var(
7
+ --spectrum-animation-duration-2000
8
+ );--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
9
+ --spectrum-progress-bar-thickness-medium
10
+ );--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(
11
+ --spectrum-spacing-75
12
+ );--spectrum-progressbar-spacing-top-to-text:var(
13
+ --spectrum-component-top-to-text-100
14
+ );--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(
15
+ --spectrum-neutral-content-color-default
16
+ );--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(
17
+ --spectrum-positive-visual-color
18
+ );--spectrum-progressbar-fill-color-notice:var(
19
+ --spectrum-notice-visual-color
20
+ );--spectrum-progressbar-fill-color-negative:var(
21
+ --spectrum-negative-visual-color
22
+ );--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(
23
+ --spectrum-transparent-white-300
24
+ );--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(
25
+ --spectrum-progressbar-size-2400
26
+ );--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
27
+ --spectrum-progress-bar-thickness-small
28
+ );--spectrum-progressbar-spacing-top-to-text:var(
29
+ --spectrum-component-top-to-text-75
30
+ )}:host([size=m]){--spectrum-progressbar-size-default:var(
31
+ --spectrum-progressbar-size-2400
32
+ );--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
33
+ --spectrum-progress-bar-thickness-large
34
+ );--spectrum-progressbar-spacing-top-to-text:var(
35
+ --spectrum-component-top-to-text-75
36
+ )}:host([size=l]){--spectrum-progressbar-size-default:var(
37
+ --spectrum-progressbar-size-2500
38
+ );--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(
39
+ --spectrum-progress-bar-thickness-large
40
+ );--spectrum-progressbar-spacing-top-to-text:var(
41
+ --spectrum-component-top-to-text-200
42
+ )}:host([size=xl]){--spectrum-progressbar-size-default:var(
43
+ --spectrum-progressbar-size-2800
44
+ );--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(
45
+ --spectrum-progress-bar-thickness-extra-large
46
+ );--spectrum-progressbar-spacing-top-to-text:var(
47
+ --spectrum-component-top-to-text-300
48
+ )}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(
49
+ --mod-progressbar-font-size,var(--spectrum-progressbar-font-size)
50
+ );inline-size:var(
51
+ --mod-progressbar-size-default,var(--spectrum-progressbar-size-default)
52
+ );justify-content:space-between;max-inline-size:var(
53
+ --mod-progressbar-max-size,var(--spectrum-progressbar-max-size)
54
+ );min-inline-size:var(
55
+ --mod-progressbar-min-size,var(--spectrum-progressbar-min-size)
56
+ );position:relative;vertical-align:top}.label,.percentage{color:var(
57
+ --mod-progressbar-text-color,var(--spectrum-progressbar-text-color)
58
+ );line-height:var(
59
+ --mod-progressbar-line-height,var(--spectrum-progressbar-line-height)
60
+ );margin-block-end:var(
61
+ --mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)
62
+ );margin-block-start:var(
63
+ --mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)
64
+ );text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(
65
+ --mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)
66
+ )}.label{flex:1 1 0%}.percentage{align-self:flex-start;margin-inline-start:var(
67
+ --mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)
68
+ )}.track{background:var(
69
+ --highcontrast-progressbar-track-color,var(
70
+ --mod-progressbar-track-color,var(--spectrum-progressbar-track-color)
71
+ )
72
+ );block-size:var(
73
+ --mod-progressbar-thickness,var(--spectrum-progressbar-thickness)
74
+ );border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(
75
+ --highcontrast-progressbar-fill-color,var(
76
+ --mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)
77
+ )
86
78
  )}:host([notice]) .fill{background:var(
87
- --spectrum-meter-m-notice-track-fill-color,var(--spectrum-semantic-notice-status-color)
79
+ --highcontrast-progressbar-fill-color,var(
80
+ --mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)
81
+ )
88
82
  )}:host([negative]) .fill{background:var(
89
- --spectrum-meter-m-negative-track-fill-color,var(--spectrum-semantic-negative-status-color)
90
- )}.label,.percentage{color:var(
91
- --spectrum-fieldlabel-m-text-color,var(--spectrum-alias-label-text-color)
92
- )}@media (forced-colors:active){.track{--spectrum-progressbar-m-track-fill-color:ButtonText;--spectrum-progressbar-m-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}
83
+ --highcontrast-progressbar-fill-color,var(
84
+ --mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)
85
+ )
86
+ )}.fill{background:var(
87
+ --highcontrast-progressbar-fill-color,var(
88
+ --mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)
89
+ )
90
+ );block-size:var(
91
+ --mod-progressbar-thickness,var(--spectrum-progressbar-thickness)
92
+ );border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(
93
+ --mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)
94
+ );inline-size:var(
95
+ --mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)
96
+ );position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(
97
+ --mod-progressbar-size-default,var(--spectrum-progressbar-size-default)
98
+ )}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(
99
+ --mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)
100
+ )}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(
101
+ --mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)
102
+ );order:3;text-align:end}:host([static=white]) .fill{background:var(
103
+ --mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)
104
+ );color:var(
105
+ --mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)
106
+ )}:host([static=white]) .label,:host([static=white]) .percentage{color:var(
107
+ --mode-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)
108
+ )}:host([static=white]) .track{background-color:var(
109
+ --spectrum-progressbar-track-color-white
110
+ )}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(
111
+ --mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)
112
+ ) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(
113
+ --mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)
114
+ ) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(
115
+ --mod-progressbar-fill-size-indeterminate,
116
+ var(--spectrum-progressbar-fill-size-indeterminate)
117
+ )*-1))}to{transform:translate(var(
118
+ --mod-progressbar-size-default,var(--spectrum-progressbar-size-default)
119
+ ))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(
120
+ --mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)
121
+ ))}to{transform:translate(calc(var(
122
+ --mod-progressbar-size-default,
123
+ var(--spectrum-progressbar-size-default)
124
+ )*-1))}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}
93
125
  `;
94
126
  export default styles;
95
127
  //# sourceMappingURL=meter.css.dev.js.map
package/src/meter.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["meter.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-progressbar-border-radius:var(\n--spectrum-progressbar-s-border-radius\n);--spectrum-progressbar-indeterminate-fill-width:var(\n--spectrum-progressbar-s-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)\n);--spectrum-progressbar-indeterminate-duration:var(\n--spectrum-progressbar-s-indeterminate-duration,var(--spectrum-global-animation-duration-2000)\n);--spectrum-progressbar-value-gap-y:var(\n--spectrum-progressbar-s-value-gap-y,0px\n);--spectrum-progressbar-height:var(\n--spectrum-progressbar-s-height,var(--spectrum-global-dimension-size-50)\n);--spectrum-progressbar-width:var(\n--spectrum-progressbar-s-width,var(--spectrum-global-dimension-static-size-2400)\n)}:host([size=m]){--spectrum-progressbar-border-radius:var(\n--spectrum-progressbar-m-border-radius\n);--spectrum-progressbar-indeterminate-fill-width:var(\n--spectrum-progressbar-m-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)\n);--spectrum-progressbar-indeterminate-duration:var(\n--spectrum-progressbar-m-indeterminate-duration,var(--spectrum-global-animation-duration-2000)\n);--spectrum-progressbar-value-gap-y:var(\n--spectrum-progressbar-m-value-gap-y,0px\n);--spectrum-progressbar-height:var(\n--spectrum-progressbar-m-height,var(--spectrum-global-dimension-size-75)\n);--spectrum-progressbar-width:var(\n--spectrum-progressbar-m-width,var(--spectrum-global-dimension-static-size-2400)\n);--spectrum-fieldlabel-side-padding-right:var(\n--spectrum-fieldlabel-m-side-padding-right,var(--spectrum-global-dimension-size-150)\n)}:host([size=l]){--spectrum-progressbar-indeterminate-fill-width:var(\n--spectrum-progressbar-l-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)\n);--spectrum-progressbar-indeterminate-duration:var(\n--spectrum-progressbar-l-indeterminate-duration,var(--spectrum-global-animation-duration-2000)\n);--spectrum-progressbar-value-gap-y:var(\n--spectrum-progressbar-l-value-gap-y,0px\n);--spectrum-progressbar-height:var(\n--spectrum-progressbar-l-height,var(--spectrum-global-dimension-size-100)\n);--spectrum-progressbar-border-radius:var(\n--spectrum-progressbar-l-border-radius,var(--spectrum-global-dimension-size-50)\n);--spectrum-progressbar-width:var(\n--spectrum-progressbar-l-width,var(--spectrum-global-dimension-static-size-2500)\n)}:host([size=xl]){--spectrum-progressbar-border-radius:var(\n--spectrum-progressbar-xl-border-radius\n);--spectrum-progressbar-indeterminate-fill-width:var(\n--spectrum-progressbar-xl-indeterminate-fill-width,var(--spectrum-global-dimension-static-percent-70)\n);--spectrum-progressbar-indeterminate-duration:var(\n--spectrum-progressbar-xl-indeterminate-duration,var(--spectrum-global-animation-duration-2000)\n);--spectrum-progressbar-value-gap-y:var(\n--spectrum-progressbar-xl-value-gap-y,0px\n);--spectrum-progressbar-height:var(\n--spectrum-progressbar-xl-height,var(--spectrum-global-dimension-size-125)\n);--spectrum-progressbar-width:var(\n--spectrum-progressbar-xl-width,var(--spectrum-global-dimension-static-size-2800)\n)}:host{align-items:center;display:inline-flex;flex-flow:row wrap;justify-content:space-between;position:relative;vertical-align:top;width:var(--spectrum-progressbar-width)}.track{border-radius:var(--spectrum-progressbar-border-radius);overflow:hidden;width:100%;z-index:1}.fill,.track{height:var(--spectrum-progressbar-height)}.fill{border:none;transition:width 1s}:host([dir=ltr]) .label,:host([dir=ltr]) .percentage{text-align:left}:host([dir=rtl]) .label,:host([dir=rtl]) .percentage{text-align:right}.label,.percentage{margin-bottom:var(\n--spectrum-progressbar-value-gap-y\n)}.label{flex:1 1 0%}:host([dir=ltr]) .percentage{margin-left:var(\n--spectrum-fieldlabel-side-padding-right\n)}:host([dir=rtl]) .percentage{margin-right:var(\n--spectrum-fieldlabel-side-padding-right\n)}.percentage{align-self:flex-start}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between;width:auto}:host([side-label]) .track{flex:1 1 var(--spectrum-progressbar-width);min-width:var(\n--spectrum-progressbar-width\n)}:host([dir=ltr][side-label]) .label{margin-right:var(\n--spectrum-fieldlabel-side-padding-right\n)}:host([dir=rtl][side-label]) .label{margin-left:var(\n--spectrum-fieldlabel-side-padding-right\n)}:host([side-label]) .label{flex-grow:0;margin-bottom:0}:host([dir=ltr][side-label]) .percentage{text-align:right}:host([dir=rtl][side-label]) .percentage{text-align:left}:host([dir=ltr][side-label]) .percentage{margin-left:var(\n--spectrum-fieldlabel-side-padding-right\n)}:host([dir=rtl][side-label]) .percentage{margin-right:var(\n--spectrum-fieldlabel-side-padding-right\n)}:host([side-label]) .percentage{margin-bottom:0;order:3}:host([indeterminate]) .fill{animation-timing-function:var(\n--spectrum-progressbar-indeterminate-animation-ease\n);position:relative;width:var(\n--spectrum-progressbar-indeterminate-fill-width\n);will-change:transform}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(--spectrum-progressbar-indeterminate-duration) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(--spectrum-progressbar-indeterminate-duration) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(--spectrum-progressbar-indeterminate-fill-width)*-1))}to{transform:translate(var(--spectrum-progressbar-width))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(--spectrum-progressbar-width))}to{transform:translate(calc(var(--spectrum-progressbar-width)*-1))}}.fill{background:var(\n--spectrum-progressbar-m-track-fill-color,var(--spectrum-semantic-informative-color-default)\n)}.track{background-color:var(\n--spectrum-progressbar-m-track-color,var(--spectrum-alias-track-color-default)\n)}:host([over-background]) .fill{background:var(\n--spectrum-progressbar-m-overbackground-track-fill-color,var(--spectrum-alias-track-fill-color-overbackground)\n)}:host([over-background]) .label,:host([over-background]) .percentage{color:var(\n--spectrum-progressbar-m-overbackground-track-fill-color,var(--spectrum-alias-track-fill-color-overbackground)\n)}:host([over-background]) .track{background-color:var(\n--spectrum-progressbar-m-overbackground-track-color,var(--spectrum-alias-track-color-overbackground)\n)}:host([positive]) .fill{background:var(\n--spectrum-meter-m-positive-track-fill-color,var(--spectrum-semantic-positive-status-color)\n)}:host([notice]) .fill{background:var(\n--spectrum-meter-m-notice-track-fill-color,var(--spectrum-semantic-notice-status-color)\n)}:host([negative]) .fill{background:var(\n--spectrum-meter-m-negative-track-fill-color,var(--spectrum-semantic-negative-status-color)\n)}.label,.percentage{color:var(\n--spectrum-fieldlabel-m-text-color,var(--spectrum-alias-label-text-color)\n)}@media (forced-colors:active){.track{--spectrum-progressbar-m-track-fill-color:ButtonText;--spectrum-progressbar-m-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Ff,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 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*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(\n--spectrum-progressbar-size-2400\n);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=m]){--spectrum-progressbar-size-default:var(\n--spectrum-progressbar-size-2400\n);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(\n--spectrum-progressbar-size-2500\n);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(\n--spectrum-progressbar-size-2800\n);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1 1 0%}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mode-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(\n--spectrum-progressbar-track-color-white\n)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Hf,eAAe;",
6
6
  "names": []
7
7
  }