@carbon/ibmdotcom-web-components 2.24.0 → 2.26.0-rc.0

package/es/components/background-media/background-media.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021, 2024
+ * Copyright IBM Corp. 2021, 2025
  *
  * 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 +43,10 @@ declare class C4DBackgroundMedia extends C4DImage {
      * Option to hide gradient. Automatically set to yes if parent is c4d-leadspace
      */
     gradientHidden: boolean;
+    /**
+     *  Determines if the direction is right-to-left
+     */
+    isRTL: boolean;
     /**
      * @deprecated
      *
@@ -61,10 +65,12 @@ declare class C4DBackgroundMedia extends C4DImage {
     renderVideoControls(): import("lit-html").TemplateResult<1>;
     renderGradient(): import("lit-html").TemplateResult<1>;
     _getMediaOpacity(): string;
+    _handleIsRTL(): void;
     /**
      * Append the c4d-background-media to the parent element where this component is being used.
      */
     updated(): void;
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static get stableSelector(): string;
     static styles: any;

package/es/components/background-media/background-media.js

@@ -9,7 +9,7 @@ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prot
 /**
  * @license
  *
- * Copyright IBM Corp. 2021, 2024
+ * Copyright IBM Corp. 2021, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -119,6 +119,15 @@ let C4DBackgroundMedia = _decorate([customElement(`${c4dPrefix}-background-media
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean
+      })],
+      key: "isRTL",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -142,6 +151,9 @@ let C4DBackgroundMedia = _decorate([customElement(`${c4dPrefix}-background-media
       /**
        * Option to hide gradient. Automatically set to yes if parent is c4d-leadspace
        */
+      /**
+       *  Determines if the direction is right-to-left
+       */
       /**
        * @deprecated
        *
@@ -223,6 +235,16 @@ let C4DBackgroundMedia = _decorate([customElement(`${c4dPrefix}-background-media
         }
         return '';
       }
+    }, {
+      kind: "method",
+      key: "_handleIsRTL",
+      value: function _handleIsRTL() {
+        this.isRTL = this.dir === 'rtl' || getComputedStyle(this).direction === 'rtl';
+        if (this.isRTL) {
+          this.gradientDirection = GRADIENT_DIRECTION.RIGHT_TO_LEFT;
+        }
+        console.log(this.isRTL);
+      }
 
       /**
        * Append the c4d-background-media to the parent element where this component is being used.
@@ -243,6 +265,12 @@ let C4DBackgroundMedia = _decorate([customElement(`${c4dPrefix}-background-media
           this.containsOnlyImages = true;
         }
       }
+    }, {
+      kind: "method",
+      key: "firstUpdated",
+      value: function firstUpdated() {
+        this._handleIsRTL();
+      }
     }, {
       kind: "method",
       key: "render",

package/es/components/background-media/background-media.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-media.js","names":["html","property","classMap","pauseIcon","playIcon","settings","styles","GRADIENT_DIRECTION","MOBILE_POSITION","C4DImage","C4DLeadSpace","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DBackgroundMedia","_decorate","_initialize","_C4DImage","constructor","args","F","d","kind","key","value","_getGradientClass","gradientDirection","_getMobilePositionClass","videoPlayerContainer","video","mobilePosition","decorators","attribute","reflect","LEFT_TO_RIGHT","BOTTOM","querySelector","_handleBackgroundMedia","event","_event$target","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","length","containsOnlyImages","toggleVideoState","isPlaying","pauseAllVideos","playAllVideos","requestUpdate","renderVideoControls","_t","_","renderGradient","_t2","_getMediaOpacity","backgroundOpacity","updated","TOP","_this$parentElement","parentElement","shadowRoot","prepend","gradientHidden","hasAttribute","render","_t3","_superPropGet","static"],"sources":["components/background-media/background-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { classMap } from 'lit/directives/class-map.js';\nimport pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/web-components/es/icons/play--filled/32.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport C4DImage from '../image/image';\nimport C4DVideoPlayerContainer from '../video-player/video-player-container';\nimport C4DLeadSpace from '../leadspace/leadspace';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Background media.\n *\n * @element c4d-background-media\n * @csspart controls - The video player controls. Usage: `c4d-background-media::part(controls)`\n * @csspart gradient - The gradient covering the image. Usage: `c4d-background-media::part(gradient)`\n * @csspart container - The component's container. Usage: `c4d-background-media::part(container)`\n * @csspart item - The image container. Usage: `c4d-background-media::part(item)`\n */\n\n@customElement(`${c4dPrefix}-background-media`)\nclass C4DBackgroundMedia extends C4DImage {\n  /**\n   * Returns a class-name based on the Gradient Direction type\n   */\n  protected _getGradientClass() {\n    return classMap({\n      [`${prefix}--background-media--gradient`]: true,\n      [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n        this.gradientDirection,\n    });\n  }\n\n  /**\n   * Returns a class-name based on the Mobile Position type\n   */\n  protected _getMobilePositionClass() {\n    const { videoPlayerContainer: video } = this;\n    return classMap({\n      [`${prefix}--background-media--container`]: true,\n      [`${prefix}--background-media--mobile-position`]: true,\n      [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n        this.mobilePosition,\n      [`${prefix}--background-media--image`]: video === null,\n      [`${prefix}--background-media--video`]: video !== null,\n    });\n  }\n\n  /**\n   * The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n   */\n  @property({ attribute: 'opacity', reflect: true })\n  backgroundOpacity = 100;\n\n  /**\n   * Set to true in _handleBackgroundMedia if all children are `c4d-image-item`\n   */\n  @property()\n  containsOnlyImages = false;\n\n  /**\n   * Gradient Direction (left-to-right (default) | top-to-bottom)\n   */\n  @property({ attribute: 'gradient-direction', reflect: true })\n  gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n  /**\n   * Option to hide gradient. Automatically set to yes if parent is c4d-leadspace\n   */\n  @property()\n  gradientHidden = false;\n\n  /**\n   * @deprecated\n   *\n   * Mobile Position (bottom (default) | top)\n   */\n  @property({ attribute: 'mobile-position', reflect: true })\n  mobilePosition = MOBILE_POSITION.BOTTOM;\n\n  /**\n   * Query selector to get the child video player container\n   */\n  protected get videoPlayerContainer() {\n    return this.querySelector(\n      `${c4dPrefix}-video-player-container`\n    ) as C4DVideoPlayerContainer | null;\n  }\n\n  /**\n   * Conditionally runs super.render() if all children are `c4d-image-item`\n   */\n  private _handleBackgroundMedia(event: Event) {\n    const assignedElements = (\n      event.target as HTMLSlotElement\n    )?.assignedElements();\n    const assignedImages = assignedElements.filter(\n      (el) => el.tagName === `${c4dPrefix}-image-item`.toUpperCase()\n    );\n    const assignedVideos = assignedElements.filter(\n      (el) => el.tagName === `${c4dPrefix}-video-player-container`.toUpperCase()\n    ) as C4DVideoPlayerContainer[];\n\n    if (assignedImages.length && !assignedVideos.length) {\n      this.containsOnlyImages = true;\n    }\n  }\n\n  toggleVideoState() {\n    const { videoPlayerContainer: video } = this;\n\n    if (video?.isPlaying) {\n      video.pauseAllVideos();\n    } else {\n      video?.playAllVideos();\n    }\n\n    this.requestUpdate();\n  }\n\n  renderVideoControls() {\n    const { toggleVideoState, videoPlayerContainer } = this;\n    const { isPlaying } = videoPlayerContainer ?? {};\n\n    return html`\n      <button\n        part=\"controls\"\n        @click=${toggleVideoState}\n        class=\"${prefix}--video-player__controls\"\n        aria-pressed=\"${!isPlaying}\"\n        aria-label=\"${isPlaying ? 'Pause the video' : 'Play the video'}\"\n        hasTooltip>\n        ${isPlaying ? pauseIcon() : playIcon()}\n      </button>\n    `;\n  }\n\n  renderGradient() {\n    return html`\n      <div part=\"gradient\" class=\"${this._getGradientClass()}\"></div>\n    `;\n  }\n\n  _getMediaOpacity() {\n    if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n      return `opacity:${this.backgroundOpacity / 100}`;\n    }\n    return '';\n  }\n\n  /**\n   * Append the c4d-background-media to the parent element where this component is being used.\n   */\n  updated() {\n    // mobilePosition attribute deprecated\n    if (this.mobilePosition === MOBILE_POSITION.TOP) {\n      this.parentElement?.shadowRoot?.prepend(this);\n    }\n\n    if (this.parentElement instanceof C4DLeadSpace) {\n      this.gradientHidden = true;\n    }\n\n    if (this.hasAttribute('default-src') && !this.videoPlayerContainer) {\n      this.containsOnlyImages = true;\n    }\n  }\n\n  render() {\n    return html`\n      <div part=\"container\" class=\"${this._getMobilePositionClass()}\">\n        ${this.gradientHidden ? '' : this.renderGradient()}\n        <div\n          part=\"item\"\n          class=\"${prefix}--background-media--item\"\n          style=\"${this._getMediaOpacity()}\">\n          ${this.containsOnlyImages ? super.render() : ''}\n          <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n        </div>\n      </div>\n      ${this.videoPlayerContainer ? this.renderVideoControls() : ''}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--background-media`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DBackgroundMedia;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"background-media.js","names":["html","property","classMap","pauseIcon","playIcon","settings","styles","GRADIENT_DIRECTION","MOBILE_POSITION","C4DImage","C4DLeadSpace","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DBackgroundMedia","_decorate","_initialize","_C4DImage","constructor","args","F","d","kind","key","value","_getGradientClass","gradientDirection","_getMobilePositionClass","videoPlayerContainer","video","mobilePosition","decorators","attribute","reflect","LEFT_TO_RIGHT","type","Boolean","BOTTOM","querySelector","_handleBackgroundMedia","event","_event$target","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","length","containsOnlyImages","toggleVideoState","isPlaying","pauseAllVideos","playAllVideos","requestUpdate","renderVideoControls","_t","_","renderGradient","_t2","_getMediaOpacity","backgroundOpacity","_handleIsRTL","isRTL","dir","getComputedStyle","direction","RIGHT_TO_LEFT","console","log","updated","TOP","_this$parentElement","parentElement","shadowRoot","prepend","gradientHidden","hasAttribute","firstUpdated","render","_t3","_superPropGet","static"],"sources":["components/background-media/background-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/web-components/es/icons/play--filled/32.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport C4DImage from '../image/image';\nimport C4DVideoPlayerContainer from '../video-player/video-player-container';\nimport C4DLeadSpace from '../leadspace/leadspace';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Background media.\n *\n * @element c4d-background-media\n * @csspart controls - The video player controls. Usage: `c4d-background-media::part(controls)`\n * @csspart gradient - The gradient covering the image. Usage: `c4d-background-media::part(gradient)`\n * @csspart container - The component's container. Usage: `c4d-background-media::part(container)`\n * @csspart item - The image container. Usage: `c4d-background-media::part(item)`\n */\n\n@customElement(`${c4dPrefix}-background-media`)\nclass C4DBackgroundMedia extends C4DImage {\n  /**\n   * Returns a class-name based on the Gradient Direction type\n   */\n  protected _getGradientClass() {\n    return classMap({\n      [`${prefix}--background-media--gradient`]: true,\n      [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n        this.gradientDirection,\n    });\n  }\n\n  /**\n   * Returns a class-name based on the Mobile Position type\n   */\n  protected _getMobilePositionClass() {\n    const { videoPlayerContainer: video } = this;\n    return classMap({\n      [`${prefix}--background-media--container`]: true,\n      [`${prefix}--background-media--mobile-position`]: true,\n      [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n        this.mobilePosition,\n      [`${prefix}--background-media--image`]: video === null,\n      [`${prefix}--background-media--video`]: video !== null,\n    });\n  }\n\n  /**\n   * The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n   */\n  @property({ attribute: 'opacity', reflect: true })\n  backgroundOpacity = 100;\n\n  /**\n   * Set to true in _handleBackgroundMedia if all children are `c4d-image-item`\n   */\n  @property()\n  containsOnlyImages = false;\n\n  /**\n   * Gradient Direction (left-to-right (default) | top-to-bottom)\n   */\n  @property({ attribute: 'gradient-direction', reflect: true })\n  gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n  /**\n   * Option to hide gradient. Automatically set to yes if parent is c4d-leadspace\n   */\n  @property()\n  gradientHidden = false;\n\n  /**\n   *  Determines if the direction is right-to-left\n   */\n  @property({ type: Boolean })\n  isRTL = false;\n\n  /**\n   * @deprecated\n   *\n   * Mobile Position (bottom (default) | top)\n   */\n  @property({ attribute: 'mobile-position', reflect: true })\n  mobilePosition = MOBILE_POSITION.BOTTOM;\n\n  /**\n   * Query selector to get the child video player container\n   */\n  protected get videoPlayerContainer() {\n    return this.querySelector(\n      `${c4dPrefix}-video-player-container`\n    ) as C4DVideoPlayerContainer | null;\n  }\n\n  /**\n   * Conditionally runs super.render() if all children are `c4d-image-item`\n   */\n  private _handleBackgroundMedia(event: Event) {\n    const assignedElements = (\n      event.target as HTMLSlotElement\n    )?.assignedElements();\n    const assignedImages = assignedElements.filter(\n      (el) => el.tagName === `${c4dPrefix}-image-item`.toUpperCase()\n    );\n    const assignedVideos = assignedElements.filter(\n      (el) => el.tagName === `${c4dPrefix}-video-player-container`.toUpperCase()\n    ) as C4DVideoPlayerContainer[];\n\n    if (assignedImages.length && !assignedVideos.length) {\n      this.containsOnlyImages = true;\n    }\n  }\n\n  toggleVideoState() {\n    const { videoPlayerContainer: video } = this;\n\n    if (video?.isPlaying) {\n      video.pauseAllVideos();\n    } else {\n      video?.playAllVideos();\n    }\n\n    this.requestUpdate();\n  }\n\n  renderVideoControls() {\n    const { toggleVideoState, videoPlayerContainer } = this;\n    const { isPlaying } = videoPlayerContainer ?? {};\n\n    return html`\n      <button\n        part=\"controls\"\n        @click=${toggleVideoState}\n        class=\"${prefix}--video-player__controls\"\n        aria-pressed=\"${!isPlaying}\"\n        aria-label=\"${isPlaying ? 'Pause the video' : 'Play the video'}\"\n        hasTooltip>\n        ${isPlaying ? pauseIcon() : playIcon()}\n      </button>\n    `;\n  }\n\n  renderGradient() {\n    return html`\n      <div part=\"gradient\" class=\"${this._getGradientClass()}\"></div>\n    `;\n  }\n\n  _getMediaOpacity() {\n    if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n      return `opacity:${this.backgroundOpacity / 100}`;\n    }\n    return '';\n  }\n\n  _handleIsRTL() {\n    this.isRTL =\n      this.dir === 'rtl' || getComputedStyle(this).direction === 'rtl';\n\n    if (this.isRTL) {\n      this.gradientDirection = GRADIENT_DIRECTION.RIGHT_TO_LEFT;\n    }\n\n    console.log(this.isRTL);\n  }\n\n  /**\n   * Append the c4d-background-media to the parent element where this component is being used.\n   */\n  updated() {\n    // mobilePosition attribute deprecated\n    if (this.mobilePosition === MOBILE_POSITION.TOP) {\n      this.parentElement?.shadowRoot?.prepend(this);\n    }\n\n    if (this.parentElement instanceof C4DLeadSpace) {\n      this.gradientHidden = true;\n    }\n\n    if (this.hasAttribute('default-src') && !this.videoPlayerContainer) {\n      this.containsOnlyImages = true;\n    }\n  }\n\n  firstUpdated(): void {\n    this._handleIsRTL();\n  }\n\n  render() {\n    return html`\n      <div part=\"container\" class=\"${this._getMobilePositionClass()}\">\n        ${this.gradientHidden ? '' : this.renderGradient()}\n        <div\n          part=\"item\"\n          class=\"${prefix}--background-media--item\"\n          style=\"${this._getMediaOpacity()}\">\n          ${this.containsOnlyImages ? super.render() : ''}\n          <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n        </div>\n      </div>\n      ${this.videoPlayerContainer ? this.renderVideoControls() : ''}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--background-media`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DBackgroundMedia;\n"],"mappings":"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","ignoreList":[]}

package/es/components/background-media/defs.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -14,6 +14,10 @@ export declare enum GRADIENT_DIRECTION {
      * Left to right
      */
     LEFT_TO_RIGHT = "left-to-right",
+    /**
+     * Right to left
+     */
+    RIGHT_TO_LEFT = "right-to-left",
     /**
      * Top to Bottom
      */

package/es/components/background-media/defs.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2025
  *
  * 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,7 @@ export let GRADIENT_DIRECTION;
  */
 (function (GRADIENT_DIRECTION) {
   GRADIENT_DIRECTION["LEFT_TO_RIGHT"] = "left-to-right";
+  GRADIENT_DIRECTION["RIGHT_TO_LEFT"] = "right-to-left";
   GRADIENT_DIRECTION["TOP_TO_BOTTOM"] = "top-to-bottom";
 })(GRADIENT_DIRECTION || (GRADIENT_DIRECTION = {}));
 export let MOBILE_POSITION;

package/es/components/background-media/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["GRADIENT_DIRECTION","MOBILE_POSITION"],"sources":["components/background-media/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 * Gradient Direction\n */\nexport enum GRADIENT_DIRECTION {\n  /**\n   * Left to right\n   */\n  LEFT_TO_RIGHT = 'left-to-right',\n\n  /**\n   * Top to Bottom\n   */\n  TOP_TO_BOTTOM = 'top-to-bottom',\n}\n\n/**\n * Mobile Position\n */\nexport enum MOBILE_POSITION {\n  /**\n   * Top\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,kBAAkB;;AAY9B;AACA;AACA;AAFA,WAZYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAe9B,WAAYC,eAAe;AAU1B,WAVWA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe","ignoreList":[]}
+{"version":3,"file":"defs.js","names":["GRADIENT_DIRECTION","MOBILE_POSITION"],"sources":["components/background-media/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2025\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 * Gradient Direction\n */\nexport enum GRADIENT_DIRECTION {\n  /**\n   * Left to right\n   */\n  LEFT_TO_RIGHT = 'left-to-right',\n\n  /**\n   * Right to left\n   */\n  RIGHT_TO_LEFT = 'right-to-left',\n\n  /**\n   * Top to Bottom\n   */\n  TOP_TO_BOTTOM = 'top-to-bottom',\n}\n\n/**\n * Mobile Position\n */\nexport enum MOBILE_POSITION {\n  /**\n   * Top\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,kBAAkB;;AAiB9B;AACA;AACA;AAFA,WAjBYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAoB9B,WAAYC,eAAe;AAU1B,WAVWA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe","ignoreList":[]}