@carbon/web-components 2.4.0-rc.0 → 2.4.0-rc.1

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

@@ -7,7 +7,7 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -46,6 +46,16 @@ let CDSIconButton = _decorate([customElement(`${prefix}-icon-button`)], function
       value() {
         return 'top';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "autoalign",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -104,6 +114,10 @@ let CDSIconButton = _decorate([customElement(`${prefix}-icon-button`)], function
        * Specify how the trigger should align with the tooltip
        */
 
+      /**
+       * Specify whether a auto align functionality should be applied
+       */
+
       /**
        * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
        */
@@ -150,6 +164,7 @@ let CDSIconButton = _decorate([customElement(`${prefix}-icon-button`)], function
       value: function render() {
         const {
           align,
+          autoalign,
           closeOnActivation,
           defaultOpen,
           enterDelayMs,
@@ -157,6 +172,7 @@ let CDSIconButton = _decorate([customElement(`${prefix}-icon-button`)], function
         } = this;
         return html(_t2 || (_t2 = _`
       <cds-tooltip
+        ?autoalign=${0}
         align=${0}
         ?defaultOpen=${0}
         close-on-activation="${0}"
@@ -164,7 +180,7 @@ let CDSIconButton = _decorate([customElement(`${prefix}-icon-button`)], function
         leave-delay-ms=${0}>
         ${0} ${0}
       </cds-tooltip>
-    `), align, defaultOpen, closeOnActivation, enterDelayMs, leaveDelayMs, _get(_getPrototypeOf(CDSIconButton.prototype), "render", this).call(this), this._renderTooltipContent());
+    `), autoalign, align, defaultOpen, closeOnActivation, enterDelayMs, leaveDelayMs, _get(_getPrototypeOf(CDSIconButton.prototype), "render", this).call(this), this._renderTooltipContent());
       }
     }, {
       kind: "field",

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","names":["html","property","customElement","prefix","CDSButton","ICON_BUTTON_SIZE","ICON_BUTTON_TOOLTIP_ALIGNMENT","styles","CDSIconButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","attribute","Boolean","Number","updated","changedProperties","_this$shadowRoot","_this$querySelector","_this$shadowRoot2","shadowRoot","querySelector","classList","add","tooltipContent","textContent","setAttribute","_renderTooltipContent","_t","_","render","align","closeOnActivation","defaultOpen","enterDelayMs","leaveDelayMs","_t2","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/icon-button/icon-button.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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\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';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\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    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  // eslint-disable-next-line class-methods-use-this\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  render() {\n    const {\n      align,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n    } = this;\n    return html`\n      <cds-tooltip\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-tooltip>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,kBAAkB;AACzB,OAAO,iBAAiB;AACxB,OAAOC,SAAS,MAAM,kBAAkB;AACxC,SAASC,gBAAgB,EAAEC,6BAA6B,QAAQ,QAAQ;AACxE,OAAOC,MAAM,MAAM,wBAAoB;AAEvC,SAASF,gBAAgB,EAAEC,6BAA6B;;AAExD;AACA;AACA;AACA;AAHA,IAKME,aAAa,GAAAC,SAAA,EADlBP,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAO,WAAA,EAAAC,UAAA;EAAvC,MACMH,aAAa,SAAAG,UAAA,CAAmB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoFtC;EAAC;IAAAI,CAAA,EApFKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE,IAAI;QAAEC,IAAI,EAAEC;MAAO,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKZhB,QAAQ,CAAC;QAAEsB,SAAS,EAAE,qBAAqB;QAAEL,OAAO,EAAE,IAAI;QAAEC,IAAI,EAAEK;MAAQ,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OACzD,IAAI;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKvBhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE,IAAI;QAAEC,IAAI,EAAEK;MAAQ,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKlBhB,QAAQ,CAAC;QAAEsB,SAAS,EAAE,gBAAgB;QAAEJ,IAAI,EAAEM;MAAO,CAAC,CAAC;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OACzC,GAAG;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKjBhB,QAAQ,CAAC;QAAEsB,SAAS,EAAE,gBAAgB;QAAEJ,IAAI,EAAEM;MAAO,CAAC,CAAC;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OACzC,GAAG;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKjBhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAG,GAAA;MAAAC,MAAA;QAAA,OACrB,IAAI;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAlCX;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,EAAE;UAAA,IAAAC,gBAAA,EAAAC,mBAAA,EAAAC,iBAAA;UACrB,CAAAF,gBAAA,OAAI,CAACG,UAAU,cAAAH,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CACII,aAAa,CAAE,GAAE7B,MAAO,UAAS,CAAC,cAAAyB,gBAAA,gBAAAA,gBAAA,GADtCA,gBAAA,CAEIG,UAAU,cAAAH,gBAAA,gBAAAA,gBAAA,GAFdA,gBAAA,CAEgBI,aAAa,CAAE,IAAG7B,MAAO,WAAU,CAAC,cAAAyB,gBAAA,eAFpDA,gBAAA,CAGIK,SAAS,CAACC,GAAG,CAAE,GAAE/B,MAAO,gBAAe,CAAC;UAE5C,MAAMgC,cAAc,IAAAN,mBAAA,GAAG,IAAI,CAACG,aAAa,CACvC,wBACF,CAAC,cAAAH,mBAAA,uBAFsBA,mBAAA,CAEpBO,WAAW;UACd,CAAAN,iBAAA,OAAI,CAACC,UAAU,cAAAD,iBAAA,gBAAAA,iBAAA,GAAfA,iBAAA,CACIE,aAAa,CAAE,GAAE7B,MAAO,UAAS,CAAC,cAAA2B,iBAAA,gBAAAA,iBAAA,GADtCA,iBAAA,CAEIE,aAAa,CAAE,QAAO,CAAC,cAAAF,iBAAA,eAF3BA,iBAAA,CAGIO,YAAY,CAAC,YAAY,EAAEjB,MAAM,CAACe,cAAc,CAAC,CAAC;QACxD;MACF;;MAEA;IAAA;MAAAnB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EACA,SAAAgB,sBAAA,EAAkC;QAChC,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA;AACA,KAAI;MACF;IAAC;MAAAxB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAmB,OAAA,EAAS;QACP,MAAM;UACJC,KAAK;UACLC,iBAAiB;UACjBC,WAAW;UACXC,YAAY;UACZC;QACF,CAAC,GAAG,IAAI;QACR,OAAO9C,IAAI,CAAA+C,GAAA,KAAAA,GAAA,GAAAP,CAAC;AAChB;AACA,gBAAc,CAAQ;AACtB,uBAAqB,CAAc;AACnC,+BAA6B,CAAoB;AACjD,yBAAuB,CAAe;AACtC,yBAAuB,CAAe;AACtC,UAAQ,CAAiB,IAAC,CAA+B;AACzD;AACA,KAAI,GAPYE,KAAK,EACEE,WAAW,EACHD,iBAAiB,EACvBE,YAAY,EACZC,YAAY,EAAAE,IAAA,CAAAC,eAAA,CA7E/BzC,aAAa,CAAA0C,SAAA,mBAAAC,IAAA,QA8ES,IAAI,CAACb,qBAAqB,CAAC,CAAC;MAGtD;IAAC;MAAAtB,IAAA;MAAAoC,MAAA;MAAA/B,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnFIH,SAAS;AAsFrC,eAAeI,aAAa"}
+{"version":3,"file":"icon-button.js","names":["html","property","customElement","prefix","CDSButton","ICON_BUTTON_SIZE","ICON_BUTTON_TOOLTIP_ALIGNMENT","styles","CDSIconButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","attribute","Number","updated","changedProperties","_this$shadowRoot","_this$querySelector","_this$shadowRoot2","shadowRoot","querySelector","classList","add","tooltipContent","textContent","setAttribute","_renderTooltipContent","_t","_","render","align","autoalign","closeOnActivation","defaultOpen","enterDelayMs","leaveDelayMs","_t2","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * @license\n *\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, customElement } from 'lit/decorators.js';\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';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\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    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  // eslint-disable-next-line class-methods-use-this\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-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-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-tooltip>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSIconButton;\n"],"mappings":"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"}

package/es/components/popover/defs.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -16,48 +16,96 @@ export declare enum POPOVER_ALIGNMENT {
     TOP = "top",
     /**
      * Align the top-left position for the popover content.
+     *
+     * @deprecated
      */
     TOP_LEFT = "top-left",
     /**
      * Align the top right position for the popover content.
+     *
+     * @deprecated
      */
     TOP_RIGHT = "top-right",
+    /**
+     * Align the top-start position for the popover content.
+     */
+    TOP_START = "top-start",
+    /**
+     * Align the top end position for the popover content.
+     */
+    TOP_END = "top-end",
     /**
      * Align the bottom position for the popover content.
      */
     BOTTOM = "bottom",
     /**
      * Align the bottom left position for the popover content.
+     *
+     * @deprecated
      */
     BOTTOM_LEFT = "bottom-left",
     /**
      * Align the bottom right position for the popover content.
+     *
+     * @deprecated
      */
     BOTTOM_RIGHT = "bottom-right",
+    /**
+     * Align the bottom start position for the popover content.
+     */
+    BOTTOM_START = "bottom-start",
+    /**
+     * Align the bottom end position for the popover content.
+     */
+    BOTTOM_END = "bottom-end",
     /**
      * Align the left position for the popover content.
      */
     LEFT = "left",
     /**
      * Align the left bottom position for the popover content.
+     *
+     * @deprecated
      */
     LEFT_BOTTOM = "left-bottom",
     /**
      * Align the left top position for the popover content.
+     *
+     * @deprecated
      */
     LEFT_TOP = "left-top",
+    /**
+     * Align the left start position for the popover content.
+     */
+    LEFT_START = "left-start",
+    /**
+     * Align the left end position for the popover content.
+     */
+    LEFT_END = "left-end",
     /**
      * Align the right position for the popover content.
      */
     RIGHT = "right",
     /**
      * Align the right bottom position for the popover content.
+     *
+     * @deprecated
      */
     RIGHT_BOTTOM = "right-bottom",
     /**
      * Align the right top position for the popover content.
+     *
+     * @deprecated
+     */
+    RIGHT_TOP = "right-top",
+    /**
+     * Align the right start position for the popover content.
+     */
+    RIGHT_START = "right-start",
+    /**
+     * Align the right end position for the popover content.
      */
-    RIGHT_TOP = "right-top"
+    RIGHT_END = "right-end"
 }
 
 //# sourceMappingURL=defs.d.ts.map

package/es/components/popover/defs.js

@@ -1,12 +1,11 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 /**
  * The alignment choices of popover.
  */
@@ -15,14 +14,22 @@ export let POPOVER_ALIGNMENT;
   POPOVER_ALIGNMENT["TOP"] = "top";
   POPOVER_ALIGNMENT["TOP_LEFT"] = "top-left";
   POPOVER_ALIGNMENT["TOP_RIGHT"] = "top-right";
+  POPOVER_ALIGNMENT["TOP_START"] = "top-start";
+  POPOVER_ALIGNMENT["TOP_END"] = "top-end";
   POPOVER_ALIGNMENT["BOTTOM"] = "bottom";
   POPOVER_ALIGNMENT["BOTTOM_LEFT"] = "bottom-left";
   POPOVER_ALIGNMENT["BOTTOM_RIGHT"] = "bottom-right";
+  POPOVER_ALIGNMENT["BOTTOM_START"] = "bottom-start";
+  POPOVER_ALIGNMENT["BOTTOM_END"] = "bottom-end";
   POPOVER_ALIGNMENT["LEFT"] = "left";
   POPOVER_ALIGNMENT["LEFT_BOTTOM"] = "left-bottom";
   POPOVER_ALIGNMENT["LEFT_TOP"] = "left-top";
+  POPOVER_ALIGNMENT["LEFT_START"] = "left-start";
+  POPOVER_ALIGNMENT["LEFT_END"] = "left-end";
   POPOVER_ALIGNMENT["RIGHT"] = "right";
   POPOVER_ALIGNMENT["RIGHT_BOTTOM"] = "right-bottom";
   POPOVER_ALIGNMENT["RIGHT_TOP"] = "right-top";
+  POPOVER_ALIGNMENT["RIGHT_START"] = "right-start";
+  POPOVER_ALIGNMENT["RIGHT_END"] = "right-end";
 })(POPOVER_ALIGNMENT || (POPOVER_ALIGNMENT = {}));
 //# sourceMappingURL=defs.js.map

package/es/components/popover/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["POPOVER_ALIGNMENT"],"sources":["components/popover/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The alignment choices of popover.\n */\nexport enum POPOVER_ALIGNMENT {\n  /**\n   * Align the top position for the popover content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the popover content.\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the popover content.\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the bottom position for the popover content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the popover content.\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the popover content.\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the left position for the popover content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position for the popover content.\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position for the popover content.\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the right position for the popover content.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position for the popover content.\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position for the popover content.\n   */\n  RIGHT_TOP = 'right-top',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,iBAAiB;AA4D5B,WA5DWA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB"}
+{"version":3,"file":"defs.js","names":["POPOVER_ALIGNMENT"],"sources":["components/popover/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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/**\n * The alignment choices of popover.\n */\nexport enum POPOVER_ALIGNMENT {\n  /**\n   * Align the top position for the popover content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the popover content.\n   *\n   * @deprecated\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the popover content.\n   *\n   * @deprecated\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the top-start position for the popover content.\n   */\n  TOP_START = 'top-start',\n\n  /**\n   * Align the top end position for the popover content.\n   */\n  TOP_END = 'top-end',\n\n  /**\n   * Align the bottom position for the popover content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the popover content.\n   *\n   * @deprecated\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the popover content.\n   *\n   * @deprecated\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the bottom start position for the popover content.\n   */\n  BOTTOM_START = 'bottom-start',\n\n  /**\n   * Align the bottom end position for the popover content.\n   */\n  BOTTOM_END = 'bottom-end',\n\n  /**\n   * Align the left position for the popover content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position for the popover content.\n   *\n   * @deprecated\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position for the popover content.\n   *\n   * @deprecated\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the left start position for the popover content.\n   */\n  LEFT_START = 'left-start',\n\n  /**\n   * Align the left end position for the popover content.\n   */\n  LEFT_END = 'left-end',\n\n  /**\n   * Align the right position for the popover content.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position for the popover content.\n   *\n   * @deprecated\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position for the popover content.\n   *\n   * @deprecated\n   */\n  RIGHT_TOP = 'right-top',\n\n  /**\n   * Align the right start position for the popover content.\n   */\n  RIGHT_START = 'right-start',\n\n  /**\n   * Align the right end position for the popover content.\n   */\n  RIGHT_END = 'right-end',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAYA,iBAAiB;AAoH5B,WApHWA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB"}

package/es/components/popover/popover-content.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,6 +17,10 @@ declare class CDSPopoverContent extends LitElement {
      * Specify the popover alignment
      */
     align: string;
+    /**
+     * Specify whether a auto align functionality should be applied
+     */
+    autoalign: boolean;
     /**
      * Specify whether a caret should be rendered
      */

package/es/components/popover/popover-content.js

@@ -1,10 +1,11 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
-  _t;
+  _t,
+  _t2;
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -43,6 +44,16 @@ let CDSPopoverContent = _decorate([customElement(`${prefix}-popover-content`)],
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "autoalign",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -98,6 +109,10 @@ let CDSPopoverContent = _decorate([customElement(`${prefix}-popover-content`)],
        * Specify the popover alignment
        */
 
+      /**
+       * Specify whether a auto align functionality should be applied
+       */
+
       /**
        * Specify whether a caret should be rendered
        */
@@ -119,13 +134,21 @@ let CDSPopoverContent = _decorate([customElement(`${prefix}-popover-content`)],
        */
 
       function render() {
-        return html(_t || (_t = _`
-      <span class="${0}--popover-content">
-        <slot> </slot>
-      </span>
-      <span class="${0}--popover-caret"></span>
-    </span>
-    `), prefix, prefix);
+        if (this.autoalign) {
+          return html(_t || (_t = _`
+        <span class="${0}--popover-content">
+          <slot> </slot>
+          <span class="${0}--popover-caret"></span>
+        </span>
+      `), prefix, prefix);
+        } else {
+          return html(_t2 || (_t2 = _`
+        <span class="${0}--popover-content">
+          <slot> </slot>
+        </span>
+        <span class="${0}--popover-caret"></span>
+      `), prefix, prefix);
+        }
       }
     }, {
       kind: "field",

package/es/components/popover/popover-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.js","names":["LitElement","html","property","customElement","prefix","styles","CDSPopoverContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","render","_t","_","static"],"sources":["components/popover/popover-content.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 './popover.scss';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n  /**\n   * Specify the popover alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * The shadow slot this popover content should be in.\n   */\n  @property({ reflect: true })\n  slot = 'content';\n\n  render() {\n    return html`\n      <span class=\"${prefix}--popover-content\">\n        <slot> </slot>\n      </span>\n      <span class=\"${prefix}--popover-caret\"></span>\n    </span>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopoverContent;\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,oBAAgB;;AAEnC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBJ,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA3C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgD3C;EAAC;IAAAI,CAAA,EAhDKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpBb,QAAQ,CAAC;QAAEc,OAAO,EAAE,IAAI;QAAEC,IAAI,EAAEC;MAAO,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKTb,QAAQ,CAAC;QAAEe,IAAI,EAAEI,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAG,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAM1Cb,QAAQ,CAAC;QAAEe,IAAI,EAAEI,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAG,GAAA;MAAAC,MAAA;QAAA,OAC9B,IAAI;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKhBb,QAAQ,CAAC;QAAEe,IAAI,EAAEI,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAG,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKXb,QAAQ,CAAC;QAAEe,IAAI,EAAEI,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAG,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbb,QAAQ,CAAC;QAAEc,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAG,GAAA;MAAAC,MAAA;QAAA,OACrB,SAAS;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAlChB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOrB,IAAI,CAAAsB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS;AAC5B;AACA;AACA,qBAAmB,CAAS;AAC5B;AACA,KAAI,GALiBpB,MAAM,EAGNA,MAAM;MAGzB;IAAC;MAAAU,IAAA;MAAAW,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GA/CQL,UAAU;AAkD1C,eAAeM,iBAAiB"}
+{"version":3,"file":"popover-content.js","names":["LitElement","html","property","customElement","prefix","styles","CDSPopoverContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","render","autoalign","_t","_","_t2","static"],"sources":["components/popover/popover-content.ts"],"sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n  /**\n   * Specify the popover alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\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   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * The shadow slot this popover content should be in.\n   */\n  @property({ reflect: true })\n  slot = 'content';\n\n  render() {\n    if (this.autoalign) {\n      return html`\n        <span class=\"${prefix}--popover-content\">\n          <slot> </slot>\n          <span class=\"${prefix}--popover-caret\"></span>\n        </span>\n      `;\n    } else {\n      return html`\n        <span class=\"${prefix}--popover-content\">\n          <slot> </slot>\n        </span>\n        <span class=\"${prefix}--popover-caret\"></span>\n      `;\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopoverContent;\n"],"mappings":"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"}