@carbon/web-components 2.46.0 → 2.47.0

package/es-custom/components/grid/column.js.map

@@ -1 +1 @@
-{"version":3,"file":"column.js","sources":["../../../src/components/grid/column.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024, 2024\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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\n\nexport type ColumnSpecSimple = `${number}` | `${number}%`;\n\nexport type ColumnSpec =\n  | ColumnSpecSimple\n  | `span:${number} start:${number}`\n  | `span:${number} end:${number}`\n  | `start:${number} end:${number}`;\n\n/**\n * The column component.\n *\n * @element cds-custom-column\n */\n@customElement(`${prefix}-column`)\nclass CDSColumn extends LitElement {\n  /**\n   * Specify column size\n   * Keys sm, md or lg\n   *\n   * Values\n   * - N, P, { span:N start:S}, { start: S, end: E}\n   * N = number\n   * P = percentage\n   * S = Start column\n   * E = End column (does not reach e.g. start 1 end 3 is same as start 1 span 2)\n   */\n  @property({ reflect: true })\n  sm?: ColumnSpec;\n\n  @property({ reflect: true })\n  md?: ColumnSpec;\n\n  @property({ reflect: true })\n  lg?: ColumnSpec;\n\n  @property({ reflect: true })\n  span?: ColumnSpecSimple;\n\n  createRenderRoot() {\n    return this;\n  }\n}\n\nexport default CDSColumn;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAeH;;;;AAIG;AAEH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU,CAAA;IAwBhC,gBAAgB,GAAA;AACd,QAAA,OAAO,IAAI;IACb;CACD;AAdC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACH,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAtBpB,SAAS,GAAA,UAAA,CAAA;AADd,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAC3B,CAAA,EAAA,SAAS,CA2Bd;AAED,kBAAe,SAAS;;;;"}
+{"version":3,"file":"column.js","sources":["../../../src/components/grid/column.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\n\nexport type ColumnSpecSimple = `${number}` | `${number}%`;\n\nexport type ColumnSpec =\n  | ColumnSpecSimple\n  | `span:${number} start:${number}`\n  | `span:${number} end:${number}`\n  | `start:${number} end:${number}`;\n\n/**\n * The column component.\n *\n * @element cds-custom-column\n */\n@customElement(`${prefix}-column`)\nclass CDSColumn extends LitElement {\n  /**\n   * Specify column size\n   * Keys sm, md or lg\n   *\n   * Values\n   * - N, P, { span:N start:S}, { start: S, end: E}\n   * N = number\n   * P = percentage\n   * S = Start column\n   * E = End column (does not reach e.g. start 1 end 3 is same as start 1 span 2)\n   */\n  @property({ reflect: true })\n  sm?: ColumnSpec;\n\n  @property({ reflect: true })\n  md?: ColumnSpec;\n\n  @property({ reflect: true })\n  lg?: ColumnSpec;\n\n  @property({ reflect: true })\n  span?: ColumnSpecSimple;\n\n  createRenderRoot() {\n    return this;\n  }\n}\n\nexport default CDSColumn;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAeH;;;;AAIG;AAEH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU,CAAA;IAwBhC,gBAAgB,GAAA;AACd,QAAA,OAAO,IAAI;IACb;CACD;AAdC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACH,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAtBpB,SAAS,GAAA,UAAA,CAAA;AADd,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAC3B,CAAA,EAAA,SAAS,CA2Bd;AAED,kBAAe,SAAS;;;;"}

package/es-custom/components/grid/grid.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2024, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/es-custom/components/grid/grid.js

@@ -17,8 +17,6 @@ import { SUB_GRID_MODE } from './defs.js';
 export { GRID_ALIGNMENT } from './defs.js';
 
 /**
- * @license
- *
  * Copyright IBM Corp. 2024, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/es-custom/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024, 2024\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 { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-custom-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n  /**\n   * Specify grid alignment. Default is center\n   */\n  @property({ reflect: true, type: String })\n  align?: GridAlignmentType;\n\n  /**\n   * Collapse the gutter to 1px. Useful for fluid layouts.\n   * Rows have 1px of margin between them to match gutter.\n   */\n  @property({ reflect: true, type: Boolean })\n  condensed = false;\n\n  /**\n   * Container hangs 16px into the gutter. Useful for\n   * typographic alignment with and without containers.\n   */\n  @property({ reflect: true, type: Boolean })\n  narrow = false;\n\n  /**\n   * Remove the default max width that the grid has set\n   */\n  @property({ reflect: true, attribute: 'full-width', type: Boolean })\n  fullWidth = false;\n\n  @consume({ context: gridContext, subscribe: true })\n  @property({ attribute: false })\n  public gridContextIn?: GridContext;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  public gridContext: GridContext = {\n    subgrid: false,\n  };\n\n  render() {\n    this.gridContext = { subgrid: true };\n\n    if (this.gridContextIn?.subgrid) {\n      let subMode = SUB_GRID_MODE.WIDE;\n      if (this.narrow) {\n        subMode = SUB_GRID_MODE.NARROW;\n      } else if (this.condensed) {\n        subMode = SUB_GRID_MODE.CONDENSED;\n      }\n      return html`<div subgrid mode=${subMode} part=\"grid\">\n        <slot></slot>\n      </div> `;\n    } else {\n      // Grid styling added to contained components, allowing CSS Grid\n      // to affect its own slot content.\n      return html`<div grid part=\"grid\">\n        <slot></slot>\n      </div> `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSGrid;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH;;;;AAIG,IACH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAOE;;;AAGG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAEjB;;;AAGG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAQV,QAAA,IAAA,CAAA,WAAW,GAAgB;AAChC,YAAA,OAAO,EAAE,KAAK;SACf;IAyBH;IAvBE,MAAM,GAAA;;QACJ,IAAI,CAAC,WAAW,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE;AAEpC,QAAA,IAAI,MAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,EAAE;AAC/B,YAAA,IAAI,OAAO,GAAG,aAAa,CAAC,IAAI;AAChC,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,OAAO,GAAG,aAAa,CAAC,MAAM;YAChC;AAAO,iBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,OAAO,GAAG,aAAa,CAAC,SAAS;YACnC;YACA,OAAO,IAAI,CAAA,CAAA,kBAAA,EAAqB,OAAO,CAAA;;cAE/B;QACV;aAAO;;;AAGL,YAAA,OAAO,IAAI,CAAA,CAAA;;cAEH;QACV;IACF;;AAEO,OAAA,CAAA,MAAM,GAAG,MAAH;AAtDb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAO1B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AACxB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAOlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AAC3B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;AACjD,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAIX,UAAA,CAAA;IAFN,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAClD,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AACK,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAI5B,UAAA,CAAA;AAFN,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AACjC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AAG5B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAnCE,OAAO,GAAA,UAAA,CAAA;AADR,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO;AAC7B,CAAA,EAAA,OAAO,CA4DZ;AAED,gBAAe,OAAO;;;;"}
+{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\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 { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-custom-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n  /**\n   * Specify grid alignment. Default is center\n   */\n  @property({ reflect: true, type: String })\n  align?: GridAlignmentType;\n\n  /**\n   * Collapse the gutter to 1px. Useful for fluid layouts.\n   * Rows have 1px of margin between them to match gutter.\n   */\n  @property({ reflect: true, type: Boolean })\n  condensed = false;\n\n  /**\n   * Container hangs 16px into the gutter. Useful for\n   * typographic alignment with and without containers.\n   */\n  @property({ reflect: true, type: Boolean })\n  narrow = false;\n\n  /**\n   * Remove the default max width that the grid has set\n   */\n  @property({ reflect: true, attribute: 'full-width', type: Boolean })\n  fullWidth = false;\n\n  @consume({ context: gridContext, subscribe: true })\n  @property({ attribute: false })\n  public gridContextIn?: GridContext;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  public gridContext: GridContext = {\n    subgrid: false,\n  };\n\n  render() {\n    this.gridContext = { subgrid: true };\n\n    if (this.gridContextIn?.subgrid) {\n      let subMode = SUB_GRID_MODE.WIDE;\n      if (this.narrow) {\n        subMode = SUB_GRID_MODE.NARROW;\n      } else if (this.condensed) {\n        subMode = SUB_GRID_MODE.CONDENSED;\n      }\n      return html`<div subgrid mode=${subMode} part=\"grid\">\n        <slot></slot>\n      </div> `;\n    } else {\n      // Grid styling added to contained components, allowing CSS Grid\n      // to affect its own slot content.\n      return html`<div grid part=\"grid\">\n        <slot></slot>\n      </div> `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSGrid;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAWH;;;;AAIG,IACH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAOE;;;AAGG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAEjB;;;AAGG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAQV,QAAA,IAAA,CAAA,WAAW,GAAgB;AAChC,YAAA,OAAO,EAAE,KAAK;SACf;IAyBH;IAvBE,MAAM,GAAA;;QACJ,IAAI,CAAC,WAAW,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE;AAEpC,QAAA,IAAI,MAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,EAAE;AAC/B,YAAA,IAAI,OAAO,GAAG,aAAa,CAAC,IAAI;AAChC,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,OAAO,GAAG,aAAa,CAAC,MAAM;YAChC;AAAO,iBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,OAAO,GAAG,aAAa,CAAC,SAAS;YACnC;YACA,OAAO,IAAI,CAAA,CAAA,kBAAA,EAAqB,OAAO,CAAA;;cAE/B;QACV;aAAO;;;AAGL,YAAA,OAAO,IAAI,CAAA,CAAA;;cAEH;QACV;IACF;;AAEO,OAAA,CAAA,MAAM,GAAG,MAAH;AAtDb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAO1B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AACxB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAOlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AAC3B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;AACjD,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAIX,UAAA,CAAA;IAFN,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAClD,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AACK,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAI5B,UAAA,CAAA;AAFN,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AACjC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AAG5B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAnCE,OAAO,GAAA,UAAA,CAAA;AADR,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO;AAC7B,CAAA,EAAA,OAAO,CA4DZ;AAED,gBAAe,OAAO;;;;"}

package/es-custom/components/grid/index.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2024, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/es-custom/components/icon-button/icon-button.d.ts

@@ -46,9 +46,9 @@ declare class CDSIconButton extends CDSButton {
      * Specify the size of the Button. Defaults to `md`.
      */
     size: string;
+    connectedCallback(): void;
     updated(changedProperties: any): void;
     protected _renderTooltipContent(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
 }
 export default CDSIconButton;

package/es-custom/components/icon-button/icon-button.js

@@ -6,7 +6,7 @@
  */
 
 import { __decorate } from 'tslib';
-import { html } from 'lit';
+import { adoptStyles, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 import { prefix } from '../../globals/settings.js';
@@ -17,7 +17,9 @@ import CDSButton from '../button/button.js';
 import '../button/button-set.js';
 import '../button/button-skeleton.js';
 export { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs.js';
-import styles from './icon-button.scss.js';
+import tooltipStyles from '../tooltip/tooltip.scss.js';
+import buttonStyles from '../button/button.scss.js';
+import iconButtonStyles from './icon-button.scss.js';
 
 /**
  * Copyright IBM Corp. 2019, 2024
@@ -65,6 +67,14 @@ let CDSIconButton = class CDSIconButton extends CDSButton {
          */
         this.size = 'md';
     }
+    connectedCallback() {
+        super.connectedCallback();
+        adoptStyles(this.renderRoot, [
+            tooltipStyles,
+            buttonStyles,
+            iconButtonStyles,
+        ]);
+    }
     updated(changedProperties) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         (_a = super.updated) === null || _a === void 0 ? void 0 : _a.call(this, changedProperties);
@@ -96,7 +106,6 @@ let CDSIconButton = class CDSIconButton extends CDSButton {
     `;
     }
 };
-CDSIconButton.styles = styles;
 __decorate([
     property({ reflect: true, type: String })
 ], CDSIconButton.prototype, "align", void 0);

package/es-custom/components/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n * @element cds-custom-icon-button\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n  /**\n   * Checks if a badge indicator is being used with incorrect properties\n   */\n\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n\n      const tooltipContent = this.querySelector(\n        '[slot=tooltip-content]'\n      )?.textContent;\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.querySelector(`button`)\n        ?.setAttribute('aria-label', String(tooltipContent));\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  render() {\n    const {\n      align,\n      autoalign,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n    } = this;\n    return html`\n      <cds-custom-tooltip\n        ?autoalign=${autoalign}\n        align=${align}\n        ?defaultOpen=${defaultOpen}\n        close-on-activation=\"${closeOnActivation}\"\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}>\n        ${super.render()} ${this._renderTooltipContent()}\n      </cds-custom-tooltip>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSIconButton;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n * @element cds-custom-icon-button\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n  /**\n   * Checks if a badge indicator is being used with incorrect properties\n   */\n\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      tooltipStyles,\n      buttonStyles,\n      styles,\n    ]);\n  }\n\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n\n      const tooltipContent = this.querySelector(\n        '[slot=tooltip-content]'\n      )?.textContent;\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.querySelector(`button`)\n        ?.setAttribute('aria-label', String(tooltipContent));\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  render() {\n    const {\n      align,\n      autoalign,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n    } = this;\n    return html`\n      <cds-custom-tooltip\n        ?autoalign=${autoalign}\n        align=${align}\n        ?defaultOpen=${defaultOpen}\n        close-on-activation=\"${closeOnActivation}\"\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}>\n        ${super.render()} ${this._renderTooltipContent()}\n      </cds-custom-tooltip>\n    `;\n  }\n}\n\nexport default CDSIconButton;\n"],"names":["styles","customElement"],"mappings":"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"}