@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.1

package/es/components/layer/layer.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 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.
+ */
+import { LitElement } from 'lit';
+/**
+ * Basic layer
+ *
+ * @element cds-layer
+ * @slot children - The elements contained within the component.
+ */
+declare class CDSLayer extends LitElement {
+    /**
+     * Specify the layer level and override any existing levels based on hierarchy
+     */
+    level: number;
+    layers: any;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * A selector that selects a layer component.
+     */
+    static get selectorLayer(): string;
+    /**
+     * A selector that selects a layer component.
+     */
+    static get eventUseLayer(): string;
+    static styles: any;
+}
+export default CDSLayer;
+
+//# sourceMappingURL=layer.d.ts.map

package/es/components/layer/layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/layer/layer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,QAAS,SAAQ,UAAU;IAC/B;;OAEG;IAEH,KAAK,SAAK;IAGV,MAAM,MAAC;IAEP,OAAO;IA2BP,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,aAAa,WAEvB;IAED;;OAEG;IACH,MAAM,KAAK,aAAa,WAEvB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"layer.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 { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layer.scss';\n\n/**\n * Basic layer\n *\n * @element cds-layer\n * @slot children - The elements contained within the component.\n */\n@customElement(`${prefix}-layer`)\nclass CDSLayer extends LitElement {\n  /**\n   * Specify the layer level and override any existing levels based on hierarchy\n   */\n  @property({ type: Number, reflect: true })\n  level = 0;\n\n  @property()\n  layers;\n\n  updated() {\n    if (!this.layers) {\n      this.layers = this.querySelectorAll(\n        (this.constructor as typeof CDSLayer).selectorLayer\n      );\n    }\n\n    this.layers.forEach((item) => {\n      (item as HTMLElement).setAttribute(\n        'level',\n        ((this.level + 1) % 3).toString()\n      );\n    });\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSLayer).eventUseLayer, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          layer: this,\n          level: this.level,\n        },\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get selectorLayer() {\n    return `${prefix}-layer`;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get eventUseLayer() {\n    return `${prefix}-use-layer`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSLayer;\n"]}

package/es/components/layer/layer.js

@@ -0,0 +1,117 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 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.
+ */
+
+import { LitElement, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import styles from "././layer.css.js";
+
+/**
+ * Basic layer
+ *
+ * @element cds-layer
+ * @slot children - The elements contained within the component.
+ */ /**
+     * Basic layer
+     *
+     * @element cds-layer
+     * @slot children - The elements contained within the component.
+     */
+let CDSLayer = _decorate([customElement(`${prefix}-layer`)], function (_initialize, _LitElement) {
+  class CDSLayer extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSLayer,
+    d: [{
+      kind: "field",
+      decorators: [property({
+        type: Number,
+        reflect: true
+      })],
+      key: "level",
+      value() {
+        return 0;
+      }
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "layers",
+      value: void 0
+    }, {
+      kind: "method",
+      key: "updated",
+      value:
+      /**
+       * Specify the layer level and override any existing levels based on hierarchy
+       */
+
+      function updated() {
+        if (!this.layers) {
+          this.layers = this.querySelectorAll(this.constructor.selectorLayer);
+        }
+        this.layers.forEach(item => {
+          item.setAttribute('level', ((this.level + 1) % 3).toString());
+        });
+        this.dispatchEvent(new CustomEvent(this.constructor.eventUseLayer, {
+          bubbles: true,
+          cancelable: true,
+          composed: true,
+          detail: {
+            layer: this,
+            level: this.level
+          }
+        }));
+      }
+    }, {
+      kind: "method",
+      key: "render",
+      value: function render() {
+        return html(_t || (_t = _` <slot></slot> `));
+      }
+
+      /**
+       * A selector that selects a layer component.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorLayer",
+      value: function selectorLayer() {
+        return `${prefix}-layer`;
+      }
+
+      /**
+       * A selector that selects a layer component.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventUseLayer",
+      value: function eventUseLayer() {
+        return `${prefix}-use-layer`;
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSLayer;
+//# sourceMappingURL=layer.js.map

package/es/components/layer/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.js","names":["LitElement","html","property","customElement","prefix","styles","CDSLayer","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Number","reflect","key","value","updated","layers","querySelectorAll","selectorLayer","forEach","item","setAttribute","level","toString","dispatchEvent","CustomEvent","eventUseLayer","bubbles","cancelable","composed","detail","layer","render","_t","_","static"],"sources":["components/layer/layer.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 { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layer.scss';\n\n/**\n * Basic layer\n *\n * @element cds-layer\n * @slot children - The elements contained within the component.\n */\n@customElement(`${prefix}-layer`)\nclass CDSLayer extends LitElement {\n  /**\n   * Specify the layer level and override any existing levels based on hierarchy\n   */\n  @property({ type: Number, reflect: true })\n  level = 0;\n\n  @property()\n  layers;\n\n  updated() {\n    if (!this.layers) {\n      this.layers = this.querySelectorAll(\n        (this.constructor as typeof CDSLayer).selectorLayer\n      );\n    }\n\n    this.layers.forEach((item) => {\n      (item as HTMLElement).setAttribute(\n        'level',\n        ((this.level + 1) % 3).toString()\n      );\n    });\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSLayer).eventUseLayer, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          layer: this,\n          level: this.level,\n        },\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get selectorLayer() {\n    return `${prefix}-layer`;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get eventUseLayer() {\n    return `${prefix}-use-layer`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSLayer;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,kBAAc;;AAEjC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,QAAQ,GAAAC,SAAA,EADbJ,aAAa,CAAE,GAAEC,MAAO,QAAO,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAjC,MACMH,QAAQ,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwDlC;EAAC;IAAAI,CAAA,EAxDKN,QAAQ;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIXb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAERb,QAAQ,EAAE;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MANX;AACF;AACA;;MAOE,SAAAC,QAAA,EAAU;QACR,IAAI,CAAC,IAAI,CAACC,MAAM,EAAE;UAChB,IAAI,CAACA,MAAM,GAAG,IAAI,CAACC,gBAAgB,CAChC,IAAI,CAACb,WAAW,CAAqBc,aAAa,CACpD;QACH;QAEA,IAAI,CAACF,MAAM,CAACG,OAAO,CAAEC,IAAI,IAAK;UAC3BA,IAAI,CAAiBC,YAAY,CAChC,OAAO,EACP,CAAC,CAAC,IAAI,CAACC,KAAK,GAAG,CAAC,IAAI,CAAC,EAAEC,QAAQ,EAAE,CAClC;QACH,CAAC,CAAC;QAEF,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAAE,IAAI,CAACrB,WAAW,CAAqBsB,aAAa,EAAE;UACnEC,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNC,KAAK,EAAE,IAAI;YACXT,KAAK,EAAE,IAAI,CAACA;UACd;QACF,CAAC,CAAC,CACH;MACH;IAAC;MAAAd,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;QACP,OAAOrC,IAAI,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;;MAEA;AACF;AACA;IAFE;MAAA1B,IAAA;MAAA2B,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAI,cAAA,EAA2B;QACzB,OAAQ,GAAEpB,MAAO,QAAO;MAC1B;;MAEA;AACF;AACA;IAFE;MAAAU,IAAA;MAAA2B,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAY,cAAA,EAA2B;QACzB,OAAQ,GAAE5B,MAAO,YAAW;MAC9B;IAAC;MAAAU,IAAA;MAAA2B,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAvDDL,UAAU;AA0DjC,eAAeM,QAAQ"}

package/es/components/layer/layer.rtl.css.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one,:host(cds-layer[level="0"]){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two,:host(cds-layer[level="1"]){--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three,:host(cds-layer[level="2"]){--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}',
+]);

package/es/components/link/link.d.ts

@@ -11,20 +11,20 @@ import { LitElement } from 'lit';
  * Link size.
  */
 export declare enum LINK_SIZE {
-    /**
-     * Regular size
-     */
-    REGULAR = "",
     /**
      * Small size.
      */
     SMALL = "sm",
+    /**
+     * Medium size.
+     */
+    MEDIUM = "md",
     /**
      * Large size.
      */
     LARGE = "lg"
 }
-declare const BXLink_base: {
+declare const CDSLink_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -336,7 +336,7 @@ declare const BXLink_base: {
  * @element cds-link
  * @csspart link The link.
  */
-declare class BXLink extends BXLink_base {
+declare class CDSLink extends CDSLink_base {
     /**
      * `true` if there is an icon.
      */
@@ -367,7 +367,7 @@ declare class BXLink extends BXLink_base {
      */
     protected _renderLink(): import("lit-html").TemplateResult<1>;
     /**
-     * `true` if the button should be disabled.
+     * `true` if the link should be disabled.
      */
     disabled: boolean;
     /**
@@ -382,6 +382,10 @@ declare class BXLink extends BXLink_base {
      * The language of what `href` points to.
      */
     hreflang: string;
+    /**
+     * `true` if the link should be inline.
+     */
+    inline: boolean;
     /**
      * The a11y role for `<a>`.
      */
@@ -406,6 +410,10 @@ declare class BXLink extends BXLink_base {
      * MIME type of the `target`.
      */
     type: string;
+    /**
+     * `true` if the link has been visited.
+     */
+    visited: boolean;
     render(): import("lit-html").TemplateResult<1>;
     static shadowRootOptions: {
         delegatesFocus: boolean;
@@ -414,6 +422,6 @@ declare class BXLink extends BXLink_base {
     };
     static styles: any;
 }
-export default BXLink;
+export default CDSLink;
 
 //# sourceMappingURL=link.d.ts.map

package/es/components/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,KAAK,OAAO;CACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;;GAKG;AACH,cACM,MAAO,SAAQ,WAAsB;IACzC;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAY7C,SAAS,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAE/D;;OAEG;IACH,SAAS,KAAK,QAAQ,mHAOrB;IAED;;OAEG;IAEH,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAEpC;;OAEG;IAEH,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,WAAW;IAiCrB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd,MAAM;IAKN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,MAAM,CAAC","file":"link.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss';\n\n/**\n * Link size.\n */\nexport enum LINK_SIZE {\n  /**\n   * Regular size\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass BXLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  protected get _classes() {\n    const { disabled, size } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--${size}`]: size,\n    });\n  }\n\n  /**\n   * Handles `click` event on the `<a>`.\n   */\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleClick(_: MouseEvent) {}\n\n  /**\n   * @returns The inner content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n      _handleClick: handleClick,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\n        download=\"${ifDefined(download)}\"\n        href=\"${ifDefined(href)}\"\n        hreflang=\"${ifDefined(hreflang)}\"\n        ping=\"${ifDefined(ping)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\"\n        type=\"${ifDefined(type)}\"\n        @click=\"${handleClick}\">\n        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size = LINK_SIZE.REGULAR;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXLink;\n"]}
+{"version":3,"sources":["components/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,YAAsB;IAC1C;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAY7C,SAAS,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAE/D;;OAEG;IACH,SAAS,KAAK,QAAQ,mHAUrB;IAED;;OAEG;IAEH,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAEpC;;OAEG;IAEH,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,WAAW;IAiCrB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,YAAoB;IAExB;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM;IAKN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC","file":"link.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss';\n\n/**\n * Link size.\n */\nexport enum LINK_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass CDSLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  protected get _classes() {\n    const { disabled, size, inline, visited, _hasIcon } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--icon`]: _hasIcon,\n      [`${prefix}--link--inline`]: inline,\n      [`${prefix}--link--${size}`]: size,\n      [`${prefix}--link--visited`]: visited,\n    });\n  }\n\n  /**\n   * Handles `click` event on the `<a>`.\n   */\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleClick(_: MouseEvent) {}\n\n  /**\n   * @returns The inner content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n      _handleClick: handleClick,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\n        download=\"${ifDefined(download)}\"\n        href=\"${ifDefined(href)}\"\n        hreflang=\"${ifDefined(hreflang)}\"\n        ping=\"${ifDefined(ping)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\"\n        type=\"${ifDefined(type)}\"\n        @click=\"${handleClick}\">\n        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the link should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if the link should be inline.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size = LINK_SIZE.MEDIUM;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  /**\n   * `true` if the link has been visited.\n   */\n  @property({ type: Boolean, reflect: true })\n  visited = false;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSLink;\n"]}

package/es/components/link/link.js

@@ -35,19 +35,19 @@ export let LINK_SIZE;
  * @csspart link The link.
  */
 (function (LINK_SIZE) {
-  LINK_SIZE["REGULAR"] = "";
   LINK_SIZE["SMALL"] = "sm";
+  LINK_SIZE["MEDIUM"] = "md";
   LINK_SIZE["LARGE"] = "lg";
 })(LINK_SIZE || (LINK_SIZE = {}));
-let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize, _FocusMixin) {
-  class BXLink extends _FocusMixin {
+let CDSLink = _decorate([customElement(`${prefix}-link`)], function (_initialize, _FocusMixin) {
+  class CDSLink extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXLink,
+    F: CDSLink,
     d: [{
       kind: "field",
       key: "_hasIcon",
@@ -90,12 +90,18 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       function _classes() {
         const {
           disabled,
-          size
+          size,
+          inline,
+          visited,
+          _hasIcon
         } = this;
         return classMap({
           [`${prefix}--link`]: true,
           [`${prefix}--link--disabled`]: disabled,
-          [`${prefix}--link--${size}`]: size
+          [`${prefix}--link--icon`]: _hasIcon,
+          [`${prefix}--link--inline`]: inline,
+          [`${prefix}--link--${size}`]: size,
+          [`${prefix}--link--visited`]: visited
         });
       }
 
@@ -183,7 +189,7 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       }
 
       /**
-       * `true` if the button should be disabled.
+       * `true` if the link should be disabled.
        */
     }, {
       kind: "field",
@@ -216,6 +222,16 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       })],
       key: "hreflang",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "inline",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -244,7 +260,7 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       })],
       key: "size",
       value() {
-        return LINK_SIZE.REGULAR;
+        return LINK_SIZE.MEDIUM;
       }
     }, {
       kind: "field",
@@ -260,6 +276,16 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       })],
       key: "type",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "visited",
+      value() {
+        return false;
+      }
     }, {
       kind: "method",
       key: "render",
@@ -273,6 +299,9 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       /**
        * The language of what `href` points to.
        */
+      /**
+       * `true` if the link should be inline.
+       */
       /**
        * The a11y role for `<a>`.
        */
@@ -291,6 +320,9 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
       /**
        * MIME type of the `target`.
        */
+      /**
+       * `true` if the link has been visited.
+       */
       function render() {
         const {
           disabled
@@ -316,5 +348,5 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
     }]
   };
 }, FocusMixin(LitElement));
-export default BXLink;
+export default CDSLink;
 //# sourceMappingURL=link.js.map

package/es/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["classMap","ifDefined","LitElement","html","property","customElement","query","prefix","FocusMixin","styles","LINK_SIZE","BXLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","_classes","disabled","size","_handleClick","_","_renderInner","_hasIcon","hasIcon","handleSlotChange","_t","_2","_renderDisabledLink","classes","_t2","_renderLink","download","href","hreflang","linkRole","ping","rel","type","handleClick","_t3","Boolean","reflect","attribute","REGULAR","render","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/link/link.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss';\n\n/**\n * Link size.\n */\nexport enum LINK_SIZE {\n  /**\n   * Regular size\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass BXLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  protected get _classes() {\n    const { disabled, size } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--${size}`]: size,\n    });\n  }\n\n  /**\n   * Handles `click` event on the `<a>`.\n   */\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleClick(_: MouseEvent) {}\n\n  /**\n   * @returns The inner content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n      _handleClick: handleClick,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\n        download=\"${ifDefined(download)}\"\n        href=\"${ifDefined(href)}\"\n        hreflang=\"${ifDefined(hreflang)}\"\n        ping=\"${ifDefined(ping)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\"\n        type=\"${ifDefined(type)}\"\n        @click=\"${handleClick}\">\n        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size = LINK_SIZE.REGULAR;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXLink;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,iBAAa;;AAEhC;AACA;AACA,GAFA;AACA;AACA;AACA,WAAYC,SAAS;;AAiBrB;AACA;AACA;AACA;AACA;AACA;AALA,WAjBYA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAAA,IAwBfC,MAAM,GAAAC,SAAA,EADXP,aAAa,CAAE,GAAEE,MAAO,OAAM,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAhC,MACMH,MAAM,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA2K5C;EAAC;IAAAI,CAAA,EA3KKN,MAAM;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIS,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHxB;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA4B;QAAEC;MAAc,CAAC,EAAE;QAC7C,MAAM;UAAEC;QAAK,CAAC,GAAGD,MAAyB;QAC1C,MAAME,UAAU,GAAIF,MAAM,CACvBG,aAAa,EAAE,CACfC,IAAI,CACFC,IAAI,IAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,EAAE,CACxE;QACH,IAAI,CAACT,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC,GAAGC,UAAU;QACpD,IAAI,CAACS,aAAa,EAAE;MACtB;IAAC;MAAAf,IAAA;MAAAgB,UAAA,GAEA7B,KAAK,CAAC,OAAO,CAAC;MAAAc,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAGf;AACF;AACA;MACE,SAAAe,SAAA,EAAyB;QACvB,MAAM;UAAEC,QAAQ;UAAEC;QAAK,CAAC,GAAG,IAAI;QAC/B,OAAOtC,QAAQ,CAAC;UACd,CAAE,GAAEO,MAAO,QAAO,GAAG,IAAI;UACzB,CAAE,GAAEA,MAAO,kBAAiB,GAAG8B,QAAQ;UACvC,CAAE,GAAE9B,MAAO,WAAU+B,IAAK,EAAC,GAAGA;QAChC,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;MACE;IAAA;MAAAnB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAAkB,aAAuBC,CAAa,EAAE,CAAC;;MAEvC;AACF;AACA;MACE;IAAA;MAAArB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAAoB,aAAA,EAAyB;QACvB,MAAM;UAAEC,QAAQ,EAAEC,OAAO;UAAErB,iBAAiB,EAAEsB;QAAiB,CAAC,GAAG,IAAI;QACvE,OAAOzC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,EAAC;AAChB,2BAAyB,CAAmB;AAC5C,sBAAoB,CAAW,YAAS,CAAS;AACjD,yCAAuC,CAAmB;AAC1D;AACA,KAAI,GAJuBF,gBAAgB,EACrB,CAACD,OAAO,EAAYpC,MAAM,EACPqC,gBAAgB;MAGvD;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA0B,oBAAA,EAAgC;QAC9B,MAAM;UAAEX,QAAQ,EAAEY;QAAQ,CAAC,GAAG,IAAI;QAClC,OAAO7C,IAAI,CAAA8C,GAAA,KAAAA,GAAA,GAAAH,EAAC;AAChB,wCAAsC,CAAU,KAAE,CAAsB;AACxE,KAAI,GADoCE,OAAO,EAAK,IAAI,CAACP,YAAY,EAAE;MAErE;;MAEA;AACF;AACA;IAFE;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA6B,YAAA,EAAwB;QACtB,MAAM;UACJC,QAAQ;UACRC,IAAI;UACJC,QAAQ;UACRC,QAAQ;UACRC,IAAI;UACJC,GAAG;UACHjC,MAAM;UACNkC,IAAI;UACJrB,QAAQ,EAAEY,OAAO;UACjBT,YAAY,EAAEmB;QAChB,CAAC,GAAG,IAAI;QACR,OAAOvD,IAAI,CAAAwD,GAAA,KAAAA,GAAA,GAAAb,EAAC;AAChB;AACA;AACA;AACA,gBAAc,CAAsB;AACpC,iBAAe,CAAU;AACzB;AACA,oBAAkB,CAAsB;AACxC,gBAAc,CAAkB;AAChC,oBAAkB,CAAsB;AACxC,gBAAc,CAAkB;AAChC,eAAa,CAAiB;AAC9B,kBAAgB,CAAoB;AACpC,gBAAc,CAAkB;AAChC,kBAAgB,CAAc;AAC9B,UAAQ,CAAsB;AAC9B;AACA,KAAI,GAbY7C,SAAS,CAACqD,QAAQ,CAAC,EAClBN,OAAO,EAEJ/C,SAAS,CAACkD,QAAQ,CAAC,EACvBlD,SAAS,CAACmD,IAAI,CAAC,EACXnD,SAAS,CAACoD,QAAQ,CAAC,EACvBpD,SAAS,CAACsD,IAAI,CAAC,EAChBtD,SAAS,CAACuD,GAAG,CAAC,EACXvD,SAAS,CAACsB,MAAM,CAAC,EACnBtB,SAAS,CAACwD,IAAI,CAAC,EACbC,WAAW,EACnB,IAAI,CAACjB,YAAY,EAAE;MAG3B;;MAEA;AACF;AACA;IAFE;MAAAtB,IAAA;MAAAgB,UAAA,GAGC/B,QAAQ,CAAC;QAAEqD,IAAI,EAAEG,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAKf/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAE0D,SAAS,EAAE;MAAY,CAAC,CAAC;MAAA1C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAMpC/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,MAAA;QAAA,OACrBX,SAAS,CAACqD,OAAO;MAAA;IAAA;MAAA5C,IAAA;MAAAgB,UAAA,GAKvB/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEyD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzC,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAnD5B;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAA2C,OAAA,EAAS;QACP,MAAM;UAAE3B;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOA,QAAQ,GAAG,IAAI,CAACU,mBAAmB,EAAE,GAAG,IAAI,CAACG,WAAW,EAAE;MACnE;IAAC;MAAA/B,IAAA;MAAA8C,MAAA;MAAA7C,GAAA;MAAAC,MAAA;QAAA,OAAA6C,aAAA,CAAAA,aAAA,KAGIhE,UAAU,CAACiE,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAjD,IAAA;MAAA8C,MAAA;MAAA7C,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GA1KHD,UAAU,CAACN,UAAU,CAAC;AA6K3C,eAAeS,MAAM"}
+{"version":3,"file":"link.js","names":["classMap","ifDefined","LitElement","html","property","customElement","query","prefix","FocusMixin","styles","LINK_SIZE","CDSLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","_classes","disabled","size","inline","visited","_hasIcon","_handleClick","_","_renderInner","hasIcon","handleSlotChange","_t","_2","_renderDisabledLink","classes","_t2","_renderLink","download","href","hreflang","linkRole","ping","rel","type","handleClick","_t3","Boolean","reflect","attribute","MEDIUM","render","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/link/link.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss';\n\n/**\n * Link size.\n */\nexport enum LINK_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass CDSLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  protected get _classes() {\n    const { disabled, size, inline, visited, _hasIcon } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--icon`]: _hasIcon,\n      [`${prefix}--link--inline`]: inline,\n      [`${prefix}--link--${size}`]: size,\n      [`${prefix}--link--visited`]: visited,\n    });\n  }\n\n  /**\n   * Handles `click` event on the `<a>`.\n   */\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleClick(_: MouseEvent) {}\n\n  /**\n   * @returns The inner content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n      _handleClick: handleClick,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\n        download=\"${ifDefined(download)}\"\n        href=\"${ifDefined(href)}\"\n        hreflang=\"${ifDefined(hreflang)}\"\n        ping=\"${ifDefined(ping)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\"\n        type=\"${ifDefined(type)}\"\n        @click=\"${handleClick}\">\n        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the link should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if the link should be inline.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size = LINK_SIZE.MEDIUM;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  /**\n   * `true` if the link has been visited.\n   */\n  @property({ type: Boolean, reflect: true })\n  visited = false;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSLink;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,iBAAa;;AAEhC;AACA;AACA,GAFA;AACA;AACA;AACA,WAAYC,SAAS;;AAiBrB;AACA;AACA;AACA;AACA;AACA;AALA,WAjBYA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAAA,IAwBfC,OAAO,GAAAC,SAAA,EADZP,aAAa,CAAE,GAAEE,MAAO,OAAM,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAhC,MACMH,OAAO,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0L7C;EAAC;IAAAI,CAAA,EA1LKN,OAAO;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIQ,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHxB;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA4B;QAAEC;MAAc,CAAC,EAAE;QAC7C,MAAM;UAAEC;QAAK,CAAC,GAAGD,MAAyB;QAC1C,MAAME,UAAU,GAAIF,MAAM,CACvBG,aAAa,EAAE,CACfC,IAAI,CACFC,IAAI,IAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,EAAE,CACxE;QACH,IAAI,CAACT,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC,GAAGC,UAAU;QACpD,IAAI,CAACS,aAAa,EAAE;MACtB;IAAC;MAAAf,IAAA;MAAAgB,UAAA,GAEA7B,KAAK,CAAC,OAAO,CAAC;MAAAc,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAGf;AACF;AACA;MACE,SAAAe,SAAA,EAAyB;QACvB,MAAM;UAAEC,QAAQ;UAAEC,IAAI;UAAEC,MAAM;UAAEC,OAAO;UAAEC;QAAS,CAAC,GAAG,IAAI;QAC1D,OAAOzC,QAAQ,CAAC;UACd,CAAE,GAAEO,MAAO,QAAO,GAAG,IAAI;UACzB,CAAE,GAAEA,MAAO,kBAAiB,GAAG8B,QAAQ;UACvC,CAAE,GAAE9B,MAAO,cAAa,GAAGkC,QAAQ;UACnC,CAAE,GAAElC,MAAO,gBAAe,GAAGgC,MAAM;UACnC,CAAE,GAAEhC,MAAO,WAAU+B,IAAK,EAAC,GAAGA,IAAI;UAClC,CAAE,GAAE/B,MAAO,iBAAgB,GAAGiC;QAChC,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;MACE;IAAA;MAAArB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAAqB,aAAuBC,CAAa,EAAE,CAAC;;MAEvC;AACF;AACA;MACE;IAAA;MAAAxB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACA,SAAAuB,aAAA,EAAyB;QACvB,MAAM;UAAEH,QAAQ,EAAEI,OAAO;UAAEvB,iBAAiB,EAAEwB;QAAiB,CAAC,GAAG,IAAI;QACvE,OAAO3C,IAAI,CAAA4C,EAAA,KAAAA,EAAA,GAAAC,EAAC;AAChB,2BAAyB,CAAmB;AAC5C,sBAAoB,CAAW,YAAS,CAAS;AACjD,yCAAuC,CAAmB;AAC1D;AACA,KAAI,GAJuBF,gBAAgB,EACrB,CAACD,OAAO,EAAYtC,MAAM,EACPuC,gBAAgB;MAGvD;;MAEA;AACF;AACA;IAFE;MAAA3B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA4B,oBAAA,EAAgC;QAC9B,MAAM;UAAEb,QAAQ,EAAEc;QAAQ,CAAC,GAAG,IAAI;QAClC,OAAO/C,IAAI,CAAAgD,GAAA,KAAAA,GAAA,GAAAH,EAAC;AAChB,wCAAsC,CAAU,KAAE,CAAsB;AACxE,KAAI,GADoCE,OAAO,EAAK,IAAI,CAACN,YAAY,EAAE;MAErE;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA+B,YAAA,EAAwB;QACtB,MAAM;UACJC,QAAQ;UACRC,IAAI;UACJC,QAAQ;UACRC,QAAQ;UACRC,IAAI;UACJC,GAAG;UACHnC,MAAM;UACNoC,IAAI;UACJvB,QAAQ,EAAEc,OAAO;UACjBR,YAAY,EAAEkB;QAChB,CAAC,GAAG,IAAI;QACR,OAAOzD,IAAI,CAAA0D,GAAA,KAAAA,GAAA,GAAAb,EAAC;AAChB;AACA;AACA;AACA,gBAAc,CAAsB;AACpC,iBAAe,CAAU;AACzB;AACA,oBAAkB,CAAsB;AACxC,gBAAc,CAAkB;AAChC,oBAAkB,CAAsB;AACxC,gBAAc,CAAkB;AAChC,eAAa,CAAiB;AAC9B,kBAAgB,CAAoB;AACpC,gBAAc,CAAkB;AAChC,kBAAgB,CAAc;AAC9B,UAAQ,CAAsB;AAC9B;AACA,KAAI,GAbY/C,SAAS,CAACuD,QAAQ,CAAC,EAClBN,OAAO,EAEJjD,SAAS,CAACoD,QAAQ,CAAC,EACvBpD,SAAS,CAACqD,IAAI,CAAC,EACXrD,SAAS,CAACsD,QAAQ,CAAC,EACvBtD,SAAS,CAACwD,IAAI,CAAC,EAChBxD,SAAS,CAACyD,GAAG,CAAC,EACXzD,SAAS,CAACsB,MAAM,CAAC,EACnBtB,SAAS,CAAC0D,IAAI,CAAC,EACbC,WAAW,EACnB,IAAI,CAAChB,YAAY,EAAE;MAG3B;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAAgB,UAAA,GAGC/B,QAAQ,CAAC;QAAEuD,IAAI,EAAEG,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAKf/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEuD,IAAI,EAAEG,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAKb/B,QAAQ,CAAC;QAAE4D,SAAS,EAAE;MAAY,CAAC,CAAC;MAAA5C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAMpC/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,MAAA;QAAA,OACrBX,SAAS,CAACuD,MAAM;MAAA;IAAA;MAAA9C,IAAA;MAAAgB,UAAA,GAKtB/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAE2D,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAgB,UAAA,GAM3B/B,QAAQ,CAAC;QAAEuD,IAAI,EAAEG,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA3C,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAhEf;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAA6C,OAAA,EAAS;QACP,MAAM;UAAE7B;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOA,QAAQ,GAAG,IAAI,CAACY,mBAAmB,EAAE,GAAG,IAAI,CAACG,WAAW,EAAE;MACnE;IAAC;MAAAjC,IAAA;MAAAgD,MAAA;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OAAA+C,aAAA,CAAAA,aAAA,KAGIlE,UAAU,CAACmE,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAnD,IAAA;MAAAgD,MAAA;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAzLFD,UAAU,CAACN,UAAU,CAAC;AA4L5C,eAAeS,OAAO"}

package/es/components/list/list.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-left:2rem}.cds--list--nested .cds--list__item{padding-left:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;left:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-left:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-left:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list):not(.cds--list--nested) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;left:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616);margin-bottom:.25rem}:host(cds-list-item)::before{position:absolute;left:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item) .cds-ce--list__item__nested-child{padding-top:.25rem}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
+  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-left:2rem}.cds--list--nested .cds--list__item{padding-left:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;left:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-left:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-left:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list):not(.cds--list--nested) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;left:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{left:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616)}:host(cds-list-item)::before{position:absolute;left:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
 ]);

package/es/components/list/list.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-right:2rem}.cds--list--nested .cds--list__item{padding-right:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;right:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-right:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-right:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list:not(.cds--list--nested)){counter-reset:item}:host(cds-ordered-list:not(.cds--list--nested)) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list[slot=nested]){--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;right:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616);margin-bottom:.25rem}:host(cds-list-item)::before{position:absolute;right:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item) .cds-ce--list__item__nested-child{padding-top:.25rem}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
+  '@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);list-style:none}.cds--list--nested *,.cds--list--nested ::after,.cds--list--nested ::before,.cds--list--ordered *,.cds--list--ordered ::after,.cds--list--ordered ::before,.cds--list--ordered--native *,.cds--list--ordered--native ::after,.cds--list--ordered--native ::before,.cds--list--unordered *,.cds--list--unordered ::after,.cds--list--unordered ::before{box-sizing:inherit}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);line-height:var(--cds-body-02-line-height,1.5);letter-spacing:var(--cds-body-02-letter-spacing,0)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-right:2rem}.cds--list--nested .cds--list__item{padding-right:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item::before{position:absolute;right:calc(-1 * 1rem);content:"–"}.cds--list--unordered.cds--list--nested>.cds--list__item::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-right:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-right:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list:not(.cds--list--nested)){counter-reset:item}:host(cds-ordered-list:not(.cds--list--nested)) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item)::before{position:absolute;right:-1.5rem;content:counter(item) ".";counter-increment:item}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list[slot=nested]){--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item)::before{position:absolute;right:calc(-1 * 1rem);content:"–"}:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item)::before{right:calc(-1 * .75rem);content:"▪"}:host(cds-list-item){display:list-item;color:var(--cds-text-primary,#161616)}:host(cds-list-item)::before{position:absolute;right:-1rem;content:var(--cds-ce--list-marker,none)}:host(cds-list-item[nested]){margin-top:0;margin-bottom:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-top:0}',
 ]);

package/es/components/list/ordered-list.d.ts

@@ -6,11 +6,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXUnorderedList from './unordered-list';
+import CDSUnorderedList from './unordered-list';
 /**
  * Ordered list.
  */
-declare class BXOrderedList extends BXUnorderedList {
+declare class CDSOrderedList extends CDSUnorderedList {
     /**
      * Specify whether the ordered list should use native list styles instead of
      * custom counter
@@ -18,6 +18,6 @@ declare class BXOrderedList extends BXUnorderedList {
     native: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-export default BXOrderedList;
+export default CDSOrderedList;
 
 //# sourceMappingURL=ordered-list.d.ts.map

package/es/components/list/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/list/ordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAE/C;;GAEG;AACH,cACM,aAAc,SAAQ,eAAe;IACzC;;;OAGG;IAEH,MAAM,UAAS;IAEf,MAAM;CAaP;AAED,eAAe,aAAa,CAAC","file":"ordered-list.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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default BXOrderedList;\n"]}
+{"version":3,"sources":["components/list/ordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,gBAAgB,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,cACM,cAAe,SAAQ,gBAAgB;IAC3C;;;OAGG;IAEH,MAAM,UAAS;IAEf,MAAM;CAaP;AAED,eAAe,cAAc,CAAC","file":"ordered-list.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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass CDSOrderedList extends CDSUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default CDSOrderedList;\n"]}

package/es/components/list/ordered-list.js

@@ -14,20 +14,20 @@ import { classMap } from 'lit/directives/class-map.js';
 import { html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import BXUnorderedList from './unordered-list';
+import CDSUnorderedList from './unordered-list';
 
 /**
  * Ordered list.
  */
-let BXOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], function (_initialize, _BXUnorderedList) {
-  class BXOrderedList extends _BXUnorderedList {
+let CDSOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], function (_initialize, _CDSUnorderedList) {
+  class CDSOrderedList extends _CDSUnorderedList {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXOrderedList,
+    F: CDSOrderedList,
     d: [{
       kind: "field",
       decorators: [property({
@@ -62,6 +62,6 @@ let BXOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], functio
       }
     }]
   };
-}, BXUnorderedList);
-export default BXOrderedList;
+}, CDSUnorderedList);
+export default CDSOrderedList;
 //# sourceMappingURL=ordered-list.js.map

package/es/components/list/ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.js","names":["classMap","html","property","customElement","prefix","BXUnorderedList","BXOrderedList","_decorate","_initialize","_BXUnorderedList","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","classes","native","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default BXOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,eAAe,MAAM,kBAAkB;;AAE9C;AACA;AACA;AAFA,IAIMC,aAAa,GAAAC,SAAA,EADlBJ,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAI,WAAA,EAAAC,gBAAA;EAAxC,MACMH,aAAa,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqB5C;EAAC;IAAAI,CAAA,EArBKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAKhBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MALd;AACF;AACA;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGtB,QAAQ,CAAC;UACvB,CAAE,GAAEI,MAAO,iBAAgB,GAAG,CAAC,IAAI,CAACmB,MAAM;UAC1C,CAAE,GAAEnB,MAAO,yBAAwB,GAAG,IAAI,CAACmB,MAAM;UACjD,CAAE,GAAEnB,MAAO,gBAAe,GAAG,IAAI,CAACoB,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEpB,MAAO,oBAAmB,GAAG,IAAI,CAACqB;QACxC,CAAC,CAAC;QACF,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeL,OAAO;MAIxB;IAAC;EAAA;AAAA,GApByBjB,eAAe;AAuB3C,eAAeC,aAAa"}
+{"version":3,"file":"ordered-list.js","names":["classMap","html","property","customElement","prefix","CDSUnorderedList","CDSOrderedList","_decorate","_initialize","_CDSUnorderedList","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","render","classes","native","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSUnorderedList from './unordered-list';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass CDSOrderedList extends CDSUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default CDSOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,gBAAgB,MAAM,kBAAkB;;AAE/C;AACA;AACA;AAFA,IAIMC,cAAc,GAAAC,SAAA,EADnBJ,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAI,WAAA,EAAAC,iBAAA;EAAxC,MACMH,cAAc,SAAAG,iBAAA,CAA0B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqB9C;EAAC;IAAAI,CAAA,EArBKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAKjBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MALd;AACF;AACA;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGtB,QAAQ,CAAC;UACvB,CAAE,GAAEI,MAAO,iBAAgB,GAAG,CAAC,IAAI,CAACmB,MAAM;UAC1C,CAAE,GAAEnB,MAAO,yBAAwB,GAAG,IAAI,CAACmB,MAAM;UACjD,CAAE,GAAEnB,MAAO,gBAAe,GAAG,IAAI,CAACoB,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEpB,MAAO,oBAAmB,GAAG,IAAI,CAACqB;QACxC,CAAC,CAAC;QACF,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeL,OAAO;MAIxB;IAAC;EAAA;AAAA,GApB0BjB,gBAAgB;AAuB7C,eAAeC,cAAc"}

package/es/components/list/unordered-list.d.ts

@@ -10,7 +10,7 @@ import { LitElement } from 'lit';
 /**
  * Ordered list.
  */
-declare class BXUnorderedList extends LitElement {
+declare class CDSUnorderedList extends LitElement {
     /**
      * `true` if expressive theme enabled.
      */
@@ -23,6 +23,6 @@ declare class BXUnorderedList extends LitElement {
     static get selectorListItem(): string;
     static styles: any;
 }
-export default BXUnorderedList;
+export default CDSUnorderedList;
 
 //# sourceMappingURL=unordered-list.d.ts.map

package/es/components/list/unordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/list/unordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAcjB,MAAM;IAaN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"unordered-list.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 styles from './list.scss';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof BXUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXUnorderedList;\n"]}
+{"version":3,"sources":["components/list/unordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAcjB,MAAM;IAaN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"unordered-list.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 styles from './list.scss';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass CDSUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof CDSUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSUnorderedList;\n"]}