@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.2

package/es/components/skeleton-text/defs.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,11 +17,7 @@ export declare enum SKELETON_TEXT_TYPE {
     /**
      * Heading variant.
      */
-    HEADING = "heading",
-    /**
-     * Line variant.
-     */
-    LINE = "line"
+    HEADING = "heading"
 }
 
 //# sourceMappingURL=defs.d.ts.map

package/es/components/skeleton-text/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/skeleton-text/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,IAAI,SAAS;CACd","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Skeleton text types.\n */\nexport enum SKELETON_TEXT_TYPE {\n  /**\n   * Regular variant.\n   */\n  REGULAR = '',\n\n  /**\n   * Heading variant.\n   */\n  HEADING = 'heading',\n\n  /**\n   * Line variant.\n   */\n  LINE = 'line',\n}\n"]}
+{"version":3,"sources":["components/skeleton-text/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,OAAO,YAAY;CACpB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Skeleton text types.\n */\nexport enum SKELETON_TEXT_TYPE {\n  /**\n   * Regular variant.\n   */\n  REGULAR = '',\n\n  /**\n   * Heading variant.\n   */\n  HEADING = 'heading',\n}\n"]}

package/es/components/skeleton-text/defs.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -14,6 +14,5 @@ export let SKELETON_TEXT_TYPE;
 (function (SKELETON_TEXT_TYPE) {
   SKELETON_TEXT_TYPE["REGULAR"] = "";
   SKELETON_TEXT_TYPE["HEADING"] = "heading";
-  SKELETON_TEXT_TYPE["LINE"] = "line";
 })(SKELETON_TEXT_TYPE || (SKELETON_TEXT_TYPE = {}));
 //# sourceMappingURL=defs.js.map

package/es/components/skeleton-text/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["SKELETON_TEXT_TYPE"],"sources":["components/skeleton-text/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Skeleton text types.\n */\nexport enum SKELETON_TEXT_TYPE {\n  /**\n   * Regular variant.\n   */\n  REGULAR = '',\n\n  /**\n   * Heading variant.\n   */\n  HEADING = 'heading',\n\n  /**\n   * Line variant.\n   */\n  LINE = 'line',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,kBAAkB;AAe7B,WAfWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB"}
+{"version":3,"file":"defs.js","names":["SKELETON_TEXT_TYPE"],"sources":["components/skeleton-text/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Skeleton text types.\n */\nexport enum SKELETON_TEXT_TYPE {\n  /**\n   * Regular variant.\n   */\n  REGULAR = '',\n\n  /**\n   * Heading variant.\n   */\n  HEADING = 'heading',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,kBAAkB;AAU7B,WAVWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB"}

package/es/components/skeleton-text/skeleton-text.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}:host(cds-skeleton-text){display:block;width:100%}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}:host(cds-skeleton-text){display:block;width:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-top:0}',
 ]);

package/es/components/skeleton-text/skeleton-text.d.ts

@@ -14,7 +14,7 @@ export { SKELETON_TEXT_TYPE };
  *
  * @element cds-skeleton-text
  */
-declare class BXSkeletonText extends LitElement {
+declare class CDSSkeletonText extends LitElement {
     /**
      * The type of skeleton text.
      */
@@ -34,6 +34,6 @@ declare class BXSkeletonText extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXSkeletonText;
+export default CDSSkeletonText;
 
 //# sourceMappingURL=skeleton-text.d.ts.map

package/es/components/skeleton-text/skeleton-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/skeleton-text/skeleton-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAO9B;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IAEH,KAAK,SAAU;IAEf;;OAEG;IAGH,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,SAAK;IAEd,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"skeleton-text.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n  const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n  return Math.floor(randoms[n % 3] * (max - min + 1)) + min;\n}\n\n/**\n * Skeleton text.\n *\n * @element cds-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass BXSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  /**\n   * width (in px or %) of single line of text or max-width of paragraph lines\n   */\n  @property({ reflect: true })\n  width = '100%';\n\n  /**\n   * will generate multiple lines of text\n   */\n\n  @property({ type: Boolean, reflect: true })\n  paragraph = false;\n\n  /**\n   * the number of lines in a paragraph\n   */\n  @property({ type: Number, reflect: true })\n  lineCount = 3;\n\n  render() {\n    const { paragraph, lineCount, type, width } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    if (paragraph) {\n      const widthNum = parseInt(this.width, 10);\n      const widthPx = this.width.includes('px');\n      const widthPercent = this.width.includes('%');\n      const lines = Array.apply(null, Array(lineCount));\n      return html`${lines.map((_, i) => {\n        const randomWidth =\n          (widthPercent && `${getRandomInt(0, 75, i)}px`) ||\n          (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n        const style =\n          (widthPercent && `width: calc(${width} - ${randomWidth})`) ||\n          (widthPx && `width: ${randomWidth}`) ||\n          '';\n        return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n      })}`;\n    }\n\n    return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonText;\n"]}
+{"version":3,"sources":["components/skeleton-text/skeleton-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAO9B;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IAEH,KAAK,SAAU;IAEf;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,SAAK;IAEd,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"skeleton-text.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n  const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n  return Math.floor(randoms[n % 3] * (max - min + 1)) + min;\n}\n\n/**\n * Skeleton text.\n *\n * @element cds-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  /**\n   * width (in px or %) of single line of text or max-width of paragraph lines\n   */\n  @property({ reflect: true })\n  width = '100%';\n\n  /**\n   * will generate multiple lines of text\n   */\n  @property({ type: Boolean, reflect: true })\n  paragraph = false;\n\n  /**\n   * the number of lines in a paragraph\n   */\n  @property({ type: Number, reflect: true })\n  lineCount = 3;\n\n  render() {\n    const { paragraph, lineCount, type, width } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    if (paragraph) {\n      const widthNum = parseInt(this.width, 10);\n      const widthPx = this.width.includes('px');\n      const widthPercent = this.width.includes('%');\n      const lines = Array.apply(null, Array(lineCount));\n      return html`${lines.map((_, i) => {\n        const randomWidth =\n          (widthPercent && `${getRandomInt(0, 75, i)}px`) ||\n          (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n        const style =\n          (widthPercent && `width: calc(${width} - ${randomWidth})`) ||\n          (widthPx && `width: ${randomWidth}`) ||\n          '';\n        return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n      })}`;\n    }\n\n    return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"]}

package/es/components/skeleton-text/skeleton-text.js

@@ -29,15 +29,15 @@ function getRandomInt(min, max, n) {
  *
  * @element cds-skeleton-text
  */
-let BXSkeletonText = _decorate([customElement(`${prefix}-skeleton-text`)], function (_initialize, _LitElement) {
-  class BXSkeletonText extends _LitElement {
+let CDSSkeletonText = _decorate([customElement(`${prefix}-skeleton-text`)], function (_initialize, _LitElement) {
+  class CDSSkeletonText extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSkeletonText,
+    F: CDSSkeletonText,
     d: [{
       kind: "field",
       decorators: [property({
@@ -130,5 +130,5 @@ let BXSkeletonText = _decorate([customElement(`${prefix}-skeleton-text`)], funct
     }]
   };
 }, LitElement);
-export default BXSkeletonText;
+export default CDSSkeletonText;
 //# sourceMappingURL=skeleton-text.js.map

package/es/components/skeleton-text/skeleton-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","names":["classMap","LitElement","html","property","customElement","prefix","SKELETON_TEXT_TYPE","styles","getRandomInt","min","max","n","randoms","Math","floor","BXSkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","type","Boolean","Number","render","paragraph","lineCount","width","classes","HEADING","widthNum","parseInt","widthPx","includes","widthPercent","lines","Array","apply","_t","_2","map","_","i","randomWidth","style","_t2","_t3","static"],"sources":["components/skeleton-text/skeleton-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n  const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n  return Math.floor(randoms[n % 3] * (max - min + 1)) + min;\n}\n\n/**\n * Skeleton text.\n *\n * @element cds-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass BXSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  /**\n   * width (in px or %) of single line of text or max-width of paragraph lines\n   */\n  @property({ reflect: true })\n  width = '100%';\n\n  /**\n   * will generate multiple lines of text\n   */\n\n  @property({ type: Boolean, reflect: true })\n  paragraph = false;\n\n  /**\n   * the number of lines in a paragraph\n   */\n  @property({ type: Number, reflect: true })\n  lineCount = 3;\n\n  render() {\n    const { paragraph, lineCount, type, width } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    if (paragraph) {\n      const widthNum = parseInt(this.width, 10);\n      const widthPx = this.width.includes('px');\n      const widthPercent = this.width.includes('%');\n      const lines = Array.apply(null, Array(lineCount));\n      return html`${lines.map((_, i) => {\n        const randomWidth =\n          (widthPercent && `${getRandomInt(0, 75, i)}px`) ||\n          (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n        const style =\n          (widthPercent && `width: calc(${width} - ${randomWidth})`) ||\n          (widthPx && `width: ${randomWidth}`) ||\n          '';\n        return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n      })}`;\n    }\n\n    return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonText;\n"],"mappings":"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"}
+{"version":3,"file":"skeleton-text.js","names":["classMap","LitElement","html","property","customElement","prefix","SKELETON_TEXT_TYPE","styles","getRandomInt","min","max","n","randoms","Math","floor","CDSSkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","type","Boolean","Number","render","paragraph","lineCount","width","classes","HEADING","widthNum","parseInt","widthPx","includes","widthPercent","lines","Array","apply","_t","_2","map","_","i","randomWidth","style","_t2","_t3","static"],"sources":["components/skeleton-text/skeleton-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n  const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n  return Math.floor(randoms[n % 3] * (max - min + 1)) + min;\n}\n\n/**\n * Skeleton text.\n *\n * @element cds-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  /**\n   * width (in px or %) of single line of text or max-width of paragraph lines\n   */\n  @property({ reflect: true })\n  width = '100%';\n\n  /**\n   * will generate multiple lines of text\n   */\n  @property({ type: Boolean, reflect: true })\n  paragraph = false;\n\n  /**\n   * the number of lines in a paragraph\n   */\n  @property({ type: Number, reflect: true })\n  lineCount = 3;\n\n  render() {\n    const { paragraph, lineCount, type, width } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    if (paragraph) {\n      const widthNum = parseInt(this.width, 10);\n      const widthPx = this.width.includes('px');\n      const widthPercent = this.width.includes('%');\n      const lines = Array.apply(null, Array(lineCount));\n      return html`${lines.map((_, i) => {\n        const randomWidth =\n          (widthPercent && `${getRandomInt(0, 75, i)}px`) ||\n          (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n        const style =\n          (widthPercent && `width: calc(${width} - ${randomWidth})`) ||\n          (widthPx && `width: ${randomWidth}`) ||\n          '';\n        return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n      })}`;\n    }\n\n    return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"],"mappings":"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"}

package/es/components/skeleton-text/skeleton-text.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}:host(cds-skeleton-text){display:block;width:100%}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:0}.cds--icon--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--icon--skeleton::before{animation:none}}.cds--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:0}.cds--skeleton__placeholder::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__placeholder::before{animation:none}}.cds--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:0}.cds--skeleton__text::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__text::before{animation:none}}.cds--skeleton__heading{height:1.5rem}:host(cds-skeleton-text){display:block;width:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-top:0}',
 ]);

package/es/components/slider/slider-input.d.ts

@@ -7,9 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
-import { SLIDER_INPUT_COLOR_SCHEME } from './defs';
-export { SLIDER_INPUT_COLOR_SCHEME };
-declare const BXSliderInput_base: {
+declare const CDSSliderInput_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -321,7 +319,7 @@ declare const BXSliderInput_base: {
  * @element cds-slider-input
  * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.
  */
-declare class BXSliderInput extends BXSliderInput_base {
+declare class CDSSliderInput extends CDSSliderInput_base {
     /**
      * The internal value of `max` property.
      */
@@ -343,13 +341,13 @@ declare class BXSliderInput extends BXSliderInput_base {
      */
     private _handleInput;
     /**
-     * The color scheme.
+     * `true` if the input should be disabled.
      */
-    colorScheme: SLIDER_INPUT_COLOR_SCHEME;
+    disabled: boolean;
     /**
-     * `true` if the check box should be disabled.
+     * true to specify if the control is invalid.
      */
-    disabled: boolean;
+    invalid: boolean;
     /**
      * The maximum value.
      */
@@ -373,6 +371,10 @@ declare class BXSliderInput extends BXSliderInput_base {
      * The value.
      */
     value: number;
+    /**
+     * true` if the input should be readonly.
+     */
+    readonly: boolean;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * A selector that will return the parent slider.
@@ -389,6 +391,6 @@ declare class BXSliderInput extends BXSliderInput_base {
     };
     static styles: any;
 }
-export default BXSliderInput;
+export default CDSSliderInput;
 
 //# sourceMappingURL=slider-input.d.ts.map

package/es/components/slider/slider-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/slider/slider-input.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAGnD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErC;;;;;GAKG;AACH,cACM,aAAc,SAAQ,kBAAsB;IAChD;;OAEG;IACH,OAAO,CAAC,IAAI,CAAS;IAErB;;OAEG;IACH,OAAO,CAAC,IAAI,CAAO;IAEnB;;OAEG;IACH,OAAO,CAAC,KAAK,CAAO;IAEpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAYrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IAEH,WAAW,4BAAqC;IAEhD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAIb;IAED;;OAEG;IAEH,IAAI,SAAY;IAEhB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IAmCN;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"slider-input.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SLIDER_INPUT_COLOR_SCHEME } from './defs';\nimport styles from './slider.scss';\n\nexport { SLIDER_INPUT_COLOR_SCHEME };\n\n/**\n * The `<input>` box for slider.\n *\n * @element cds-slider-input\n * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass BXSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SLIDER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      max,\n      min,\n      step,\n      type,\n      value,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n    // NOTE: Our React variant has an option to add `invalid` option here,\n    // but there doesn't seem a corresponding style to the thumb.\n    // Because of that, in addition to the mininum/maximum constraint enforced,\n    // the code here start without `invalid` styling option for now.\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--${colorScheme}`]: colorScheme,\n    });\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        type=\"${ifDefined(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXSliderInput;\n"]}
+{"version":3,"sources":["components/slider/slider-input.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;GAKG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IACH,OAAO,CAAC,IAAI,CAAS;IAErB;;OAEG;IACH,OAAO,CAAC,IAAI,CAAO;IAEnB;;OAEG;IACH,OAAO,CAAC,KAAK,CAAO;IAEpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAYrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAIb;IAED;;OAEG;IAEH,IAAI,SAAY;IAEhB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAsCN;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"slider-input.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './slider.scss';\n\n/**\n * The `<input>` box for slider.\n *\n * @element cds-slider-input\n * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass CDSSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * `true` if the input should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean })\n  invalid = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  /**\n   * true` if the input should be readonly.\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  render() {\n    const {\n      disabled,\n      max,\n      min,\n      readonly,\n      step,\n      type,\n      value,\n      invalid,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n    // NOTE: Our React variant has an option to add `invalid` option here,\n    // but there doesn't seem a corresponding style to the thumb.\n    // Because of that, in addition to the mininum/maximum constraint enforced,\n    // the code here start without `invalid` styling option for now.\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--invalid`]: invalid,\n    });\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        ?data-invalid=\"${invalid}\"\n        type=\"${ifDefined(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        ?readonly=\"${ifDefined(readonly)}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSliderInput;\n"]}

package/es/components/slider/slider-input.js

@@ -17,25 +17,28 @@ import { property, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
-import { SLIDER_INPUT_COLOR_SCHEME } from './defs';
 import styles from "././slider.css.js";
-export { SLIDER_INPUT_COLOR_SCHEME };
 
 /**
  * The `<input>` box for slider.
  *
  * @element cds-slider-input
  * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.
- */
-let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], function (_initialize, _FocusMixin) {
-  class BXSliderInput extends _FocusMixin {
+ */ /**
+     * The `<input>` box for slider.
+     *
+     * @element cds-slider-input
+     * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.
+     */
+let CDSSliderInput = _decorate([customElement(`${prefix}-slider-input`)], function (_initialize, _FocusMixin) {
+  class CDSSliderInput extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSliderInput,
+    F: CDSSliderInput,
     d: [{
       kind: "field",
       key: "_max",
@@ -105,25 +108,24 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
       }
 
       /**
-       * The color scheme.
+       * `true` if the input should be disabled.
        */
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'color-scheme',
+        type: Boolean,
         reflect: true
       })],
-      key: "colorScheme",
+      key: "disabled",
       value() {
-        return SLIDER_INPUT_COLOR_SCHEME.REGULAR;
+        return false;
       }
     }, {
       kind: "field",
       decorators: [property({
-        type: Boolean,
-        reflect: true
+        type: Boolean
       })],
-      key: "disabled",
+      key: "invalid",
       value() {
         return false;
       }
@@ -136,7 +138,7 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
       key: "max",
       value:
       /**
-       * `true` if the check box should be disabled.
+       * true to specify if the control is invalid.
        */
       /**
        * The maximum value.
@@ -220,6 +222,16 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
       })],
       key: "value",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "readonly",
+      value() {
+        return false;
+      }
     }, {
       kind: "method",
       key: "render",
@@ -227,15 +239,19 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
       /**
        * The value.
        */
+      /**
+       * true` if the input should be readonly.
+       */
       function render() {
         const {
-          colorScheme,
           disabled,
           max,
           min,
+          readonly,
           step,
           type,
           value,
+          invalid,
           _handleChange: handleChange,
           _handleInput: handleInput
         } = this;
@@ -246,20 +262,22 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
         const classes = classMap({
           [`${prefix}--text-input`]: true,
           [`${prefix}--slider-text-input`]: true,
-          [`${prefix}--text-input--${colorScheme}`]: colorScheme
+          [`${prefix}--text-input--invalid`]: invalid
         });
         return html(_t || (_t = _`
       <input
         ?disabled="${0}"
+        ?data-invalid="${0}"
         type="${0}"
         class="${0}"
         max="${0}"
         min="${0}"
+        ?readonly="${0}"
         step="${0}"
         .value="${0}"
         @change="${0}"
         @input="${0}" />
-    `), disabled, ifDefined(type), classes, max, min, step, value, handleChange, handleInput);
+    `), disabled, invalid, ifDefined(type), classes, max, min, ifDefined(readonly), step, value, handleChange, handleInput);
       }
 
       /**
@@ -302,5 +320,5 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
     }]
   };
 }, FocusMixin(LitElement));
-export default BXSliderInput;
+export default CDSSliderInput;
 //# sourceMappingURL=slider-input.js.map

package/es/components/slider/slider-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-input.js","names":["classMap","LitElement","html","property","customElement","ifDefined","prefix","FocusMixin","SLIDER_INPUT_COLOR_SCHEME","styles","BXSliderInput","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","Number","_handleInput","intermediate","decorators","attribute","reflect","REGULAR","type","Boolean","max","_max","toString","oldMax","requestUpdate","min","_min","oldMin","step","_step","oldStep","render","colorScheme","disabled","handleChange","handleInput","classes","_t","_","static","selectorParent","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/slider/slider-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SLIDER_INPUT_COLOR_SCHEME } from './defs';\nimport styles from './slider.scss';\n\nexport { SLIDER_INPUT_COLOR_SCHEME };\n\n/**\n * The `<input>` box for slider.\n *\n * @element cds-slider-input\n * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass BXSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SLIDER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      max,\n      min,\n      step,\n      type,\n      value,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n    // NOTE: Our React variant has an option to add `invalid` option here,\n    // but there doesn't seem a corresponding style to the thumb.\n    // Because of that, in addition to the mininum/maximum constraint enforced,\n    // the code here start without `invalid` styling option for now.\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--${colorScheme}`]: colorScheme,\n    });\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        type=\"${ifDefined(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXSliderInput;\n"],"mappings":"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"}
+{"version":3,"file":"slider-input.js","names":["classMap","LitElement","html","property","customElement","ifDefined","prefix","FocusMixin","styles","CDSSliderInput","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","Number","_handleInput","intermediate","decorators","type","Boolean","reflect","max","_max","toString","oldMax","requestUpdate","min","_min","oldMin","step","_step","oldStep","render","disabled","readonly","invalid","handleChange","handleInput","classes","_t","_","static","selectorParent","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/slider/slider-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './slider.scss';\n\n/**\n * The `<input>` box for slider.\n *\n * @element cds-slider-input\n * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass CDSSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * `true` if the input should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean })\n  invalid = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  /**\n   * true` if the input should be readonly.\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  render() {\n    const {\n      disabled,\n      max,\n      min,\n      readonly,\n      step,\n      type,\n      value,\n      invalid,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n    // NOTE: Our React variant has an option to add `invalid` option here,\n    // but there doesn't seem a corresponding style to the thumb.\n    // Because of that, in addition to the mininum/maximum constraint enforced,\n    // the code here start without `invalid` styling option for now.\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--invalid`]: invalid,\n    });\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        ?data-invalid=\"${invalid}\"\n        type=\"${ifDefined(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        ?readonly=\"${ifDefined(readonly)}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSliderInput;\n"],"mappings":"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"}

package/es/components/slider/slider-skeleton.d.ts

@@ -10,10 +10,10 @@ import { LitElement } from 'lit';
 /**
  * Skeleton of slider.
  */
-declare class BXSliderSkeleton extends LitElement {
+declare class CDSSliderSkeleton extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXSliderSkeleton;
+export default CDSSliderSkeleton;
 
 //# sourceMappingURL=slider-skeleton.d.ts.map

package/es/components/slider/slider-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/slider/slider-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"slider-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './slider.scss';\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass BXSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSliderSkeleton;\n"]}
+{"version":3,"sources":["components/slider/slider-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"slider-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './slider.scss';\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass CDSSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSliderSkeleton;\n"]}

package/es/components/slider/slider-skeleton.js

@@ -20,15 +20,15 @@ import styles from "././slider.css.js";
  */ /**
      * Skeleton of slider.
      */
-let BXSliderSkeleton = _decorate([customElement(`${prefix}-slider-skeleton`)], function (_initialize, _LitElement) {
-  class BXSliderSkeleton extends _LitElement {
+let CDSSliderSkeleton = _decorate([customElement(`${prefix}-slider-skeleton`)], function (_initialize, _LitElement) {
+  class CDSSliderSkeleton extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSliderSkeleton,
+    F: CDSSliderSkeleton,
     d: [{
       kind: "method",
       key: "render",
@@ -56,5 +56,5 @@ let BXSliderSkeleton = _decorate([customElement(`${prefix}-slider-skeleton`)], f
     }]
   };
 }, LitElement);
-export default BXSliderSkeleton;
+export default CDSSliderSkeleton;
 //# sourceMappingURL=slider-skeleton.js.map

package/es/components/slider/slider-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-skeleton.js","names":["LitElement","html","customElement","prefix","styles","BXSliderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/slider/slider-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './slider.scss';\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass BXSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSliderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,gBAAgB,GAAAC,SAAA,EADrBJ,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiB1C;EAAC;IAAAI,CAAA,EAjBKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACpB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS,WAAQ,CAAS;AAC7C,oBAAkB,CAAS,sBAAmB,CAAS;AACvD,uBAAqB,CAAS;AAC9B,sBAAoB,CAAS;AAC7B,wBAAsB,CAAS;AAC/B,wBAAsB,CAAS;AAC/B,wBAAsB,CAAS;AAC/B;AACA,uBAAqB,CAAS;AAC9B;AACA,KAAI,GAViBf,MAAM,EAAWA,MAAM,EACxBA,MAAM,EAAsBA,MAAM,EAC/BA,MAAM,EACPA,MAAM,EACJA,MAAM,EACNA,MAAM,EACNA,MAAM,EAEPA,MAAM;MAG3B;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBOJ,UAAU;AAmBzC,eAAeK,gBAAgB"}
+{"version":3,"file":"slider-skeleton.js","names":["LitElement","html","customElement","prefix","styles","CDSSliderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/slider/slider-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './slider.scss';\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass CDSSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSliderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,iBAAiB,GAAAC,SAAA,EADtBJ,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA3C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiB3C;EAAC;IAAAI,CAAA,EAjBKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS,WAAQ,CAAS;AAC7C,oBAAkB,CAAS,sBAAmB,CAAS;AACvD,uBAAqB,CAAS;AAC9B,sBAAoB,CAAS;AAC7B,wBAAsB,CAAS;AAC/B,wBAAsB,CAAS;AAC/B,wBAAsB,CAAS;AAC/B;AACA,uBAAqB,CAAS;AAC9B;AACA,KAAI,GAViBf,MAAM,EAAWA,MAAM,EACxBA,MAAM,EAAsBA,MAAM,EAC/BA,MAAM,EACPA,MAAM,EACJA,MAAM,EACNA,MAAM,EACNA,MAAM,EAEPA,MAAM;MAG3B;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBQJ,UAAU;AAmB1C,eAAeK,iBAAiB"}