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

package/es/components/data-table/table-toolbar-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.js","names":["classMap","LitElement","html","property","customElement","query","prefix","HostListenerMixin","HostListener","INPUT_SIZE","CDSSearch","styles","BXTableToolbarSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleUserInitiatedExpand","expanded","updateComplete","_inputNode","inputNode","focus","_handleFocusIn","_handleFocusOut","event","contains","relatedTarget","_handleSearchClick","type","Boolean","reflect","SMALL","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/data-table/table-toolbar-search.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, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport CDSSearch from '../search/search';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass BXTableToolbarSearch extends HostListenerMixin(CDSSearch) {\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles user-initiated gestures for expanding the search box.\n   */\n  private async _handleUserInitiatedExpand() {\n    this.expanded = true;\n    await this.updateComplete;\n    const { _inputNode: inputNode } = this;\n    inputNode?.focus();\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node) && !this.value) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * Handles `click` event handler on the search box.\n   */\n  private _handleSearchClick() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * `true` if the search box should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.SMALL;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'search');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const result = super.render();\n    const { expanded, size, _handleSearchClick: handleSearchClick } = this;\n    const classes = classMap({\n      [`${prefix}--search`]: true,\n      [`${prefix}--search--${size}`]: size,\n    });\n    return html`\n      <div\n        class=\"${classes}\"\n        tabindex=\"${expanded ? '-1' : '0'}\"\n        @click=\"${handleSearchClick}\">\n        ${result}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    // The code uses on in `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"],"mappings":"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"}
+{"version":3,"file":"table-toolbar-search.js","names":["classMap","LitElement","html","property","customElement","query","prefix","HostListenerMixin","HostListener","INPUT_SIZE","CDSSearch","styles","CDSTableToolbarSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleUserInitiatedExpand","expanded","updateComplete","_inputNode","inputNode","focus","_handleFocusIn","_handleFocusOut","event","contains","relatedTarget","persistent","_handleSearchClick","type","Boolean","reflect","LARGE","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/data-table/table-toolbar-search.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, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport CDSSearch from '../search/search';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass CDSTableToolbarSearch extends HostListenerMixin(CDSSearch) {\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles user-initiated gestures for expanding the search box.\n   */\n  private async _handleUserInitiatedExpand() {\n    this.expanded = true;\n    await this.updateComplete;\n    const { _inputNode: inputNode } = this;\n    inputNode?.focus();\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut(event: FocusEvent) {\n    if (\n      !this.contains(event.relatedTarget as Node) &&\n      !this.value &&\n      !this.persistent\n    ) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * Handles `click` event handler on the search box.\n   */\n  private _handleSearchClick() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * `true` if the search box should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the search box should be always be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  persistent = false;\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.LARGE;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'search');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const result = super.render();\n    const {\n      persistent,\n      expanded,\n      size,\n      _handleSearchClick: handleSearchClick,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--search`]: true,\n      [`${prefix}--search--${size}`]: size,\n    });\n    if (persistent) {\n      this.expanded = true;\n    }\n    return html`\n      <div\n        class=\"${classes}\"\n        tabindex=\"${expanded ? '-1' : '0'}\"\n        @click=\"${handleSearchClick}\">\n        ${result}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    // The code uses on in `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSTableToolbarSearch;\n"],"mappings":"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"}

package/es/components/data-table/table-toolbar.d.ts

@@ -12,11 +12,28 @@ import { LitElement } from 'lit';
  *
  * @element cds-table-toolbar
  */
-declare class BXTableToolbar extends LitElement {
+declare class CDSTableToolbar extends LitElement {
+    /**
+     * Boolean to reflect the overflow menu body
+     */
+    flipped: boolean;
+    /**
+     * Toolbar size
+     */
+    size: any;
     connectedCallback(): void;
+    updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
+    /**
+     * The CSS selector to find the overflow menu body
+     */
+    static get selectorOverflowMenuBody(): string;
+    /**
+     * The CSS selector to find the toolbar contents
+     */
+    static get selectorToolbarContent(): string;
     static styles: any;
 }
-export default BXTableToolbar;
+export default CDSTableToolbar;
 
 //# sourceMappingURL=table-toolbar.d.ts.map

package/es/components/data-table/table-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/data-table/table-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"table-toolbar.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass BXTableToolbar extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbar;\n"]}
+{"version":3,"sources":["components/data-table/table-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,IAAI,MAAC;IAEL,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"table-toolbar.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\nimport { CDSTableToolbarContent } from '../..';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass CDSTableToolbar extends LitElement {\n  /**\n   * Boolean to reflect the overflow menu body\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = true;\n\n  /**\n   * Toolbar size\n   */\n  @property({ reflect: true })\n  size;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('flipped')) {\n      this.querySelector(\n        (this.constructor as typeof CDSTableToolbar).selectorOverflowMenuBody\n      )?.setAttribute('flipped', '');\n    }\n\n    if (changedProperties.has('size')) {\n      (\n        this.querySelector(\n          (this.constructor as typeof CDSTableToolbar).selectorToolbarContent\n        ) as CDSTableToolbarContent\n      ).size = this.size;\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the overflow menu body\n   */\n  static get selectorOverflowMenuBody() {\n    return `${prefix}-overflow-menu-body`;\n  }\n\n  /**\n   * The CSS selector to find the toolbar contents\n   */\n  static get selectorToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbar;\n"]}

package/es/components/data-table/table-toolbar.js

@@ -13,36 +13,69 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import styles from "././data-table.css.js";
-
 /**
  * Table toolbar.
  *
  * @element cds-table-toolbar
- */ /**
-     * Table toolbar.
-     *
-     * @element cds-table-toolbar
-     */
-let BXTableToolbar = _decorate([customElement(`${prefix}-table-toolbar`)], function (_initialize, _LitElement) {
-  class BXTableToolbar extends _LitElement {
+ */
+let CDSTableToolbar = _decorate([customElement(`${prefix}-table-toolbar`)], function (_initialize, _LitElement) {
+  class CDSTableToolbar extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXTableToolbar,
+    F: CDSTableToolbar,
     d: [{
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "flipped",
+      value() {
+        return true;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true
+      })],
+      key: "size",
+      value: void 0
+    }, {
       kind: "method",
       key: "connectedCallback",
-      value: function connectedCallback() {
+      value:
+      /**
+       * Boolean to reflect the overflow menu body
+       */
+
+      /**
+       * Toolbar size
+       */
+
+      function connectedCallback() {
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'section');
         }
-        _get(_getPrototypeOf(BXTableToolbar.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSTableToolbar.prototype), "connectedCallback", this).call(this);
+      }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated(changedProperties) {
+        if (changedProperties.has('flipped')) {
+          var _this$querySelector;
+          (_this$querySelector = this.querySelector(this.constructor.selectorOverflowMenuBody)) === null || _this$querySelector === void 0 ? void 0 : _this$querySelector.setAttribute('flipped', '');
+        }
+        if (changedProperties.has('size')) {
+          this.querySelector(this.constructor.selectorToolbarContent).size = this.size;
+        }
       }
     }, {
       kind: "method",
@@ -50,6 +83,28 @@ let BXTableToolbar = _decorate([customElement(`${prefix}-table-toolbar`)], funct
       value: function render() {
         return html(_t || (_t = _` <slot></slot> `));
       }
+
+      /**
+       * The CSS selector to find the overflow menu body
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorOverflowMenuBody",
+      value: function selectorOverflowMenuBody() {
+        return `${prefix}-overflow-menu-body`;
+      }
+
+      /**
+       * The CSS selector to find the toolbar contents
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorToolbarContent",
+      value: function selectorToolbarContent() {
+        return `${prefix}-table-toolbar-content`;
+      }
     }, {
       kind: "field",
       static: true,
@@ -60,5 +115,5 @@ let BXTableToolbar = _decorate([customElement(`${prefix}-table-toolbar`)], funct
     }]
   };
 }, LitElement);
-export default BXTableToolbar;
+export default CDSTableToolbar;
 //# sourceMappingURL=table-toolbar.js.map

package/es/components/data-table/table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.js","names":["LitElement","html","customElement","prefix","styles","BXTableToolbar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/data-table/table-toolbar.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass BXTableToolbar extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbar;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,cAAc,GAAAC,SAAA,EADnBJ,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAaxC;EAAC;IAAAI,CAAA,EAbKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACAC,IAAA,CAAAC,eAAA,CALEf,cAAc,CAAAgB,SAAA,8BAAAC,IAAA;MAMlB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZKJ,UAAU;AAevC,eAAeK,cAAc"}
+{"version":3,"file":"table-toolbar.js","names":["LitElement","html","customElement","property","prefix","styles","CDSTableToolbar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","_this$querySelector","querySelector","selectorOverflowMenuBody","selectorToolbarContent","size","render","_t","_","static"],"sources":["components/data-table/table-toolbar.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\nimport { CDSTableToolbarContent } from '../..';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass CDSTableToolbar extends LitElement {\n  /**\n   * Boolean to reflect the overflow menu body\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = true;\n\n  /**\n   * Toolbar size\n   */\n  @property({ reflect: true })\n  size;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('flipped')) {\n      this.querySelector(\n        (this.constructor as typeof CDSTableToolbar).selectorOverflowMenuBody\n      )?.setAttribute('flipped', '');\n    }\n\n    if (changedProperties.has('size')) {\n      (\n        this.querySelector(\n          (this.constructor as typeof CDSTableToolbar).selectorToolbarContent\n        ) as CDSTableToolbarContent\n      ).size = this.size;\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the overflow menu body\n   */\n  static get selectorOverflowMenuBody() {\n    return `${prefix}-overflow-menu-body`;\n  }\n\n  /**\n   * The CSS selector to find the toolbar contents\n   */\n  static get selectorToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbar;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AAGtC;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBL,aAAa,CAAE,GAAEE,MAAO,gBAAe,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuDzC;EAAC;IAAAI,CAAA,EAvDKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBZ,QAAQ,CAAC;QAAEa,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjC,IAAI;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbZ,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAT5B;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACAC,IAAA,CAAAC,eAAA,CAjBEnB,eAAe,CAAAoB,SAAA,8BAAAC,IAAA;MAkBnB;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,SAAS,CAAC,EAAE;UAAA,IAAAC,mBAAA;UACpC,CAAAA,mBAAA,OAAI,CAACC,aAAa,CACf,IAAI,CAACtB,WAAW,CAA4BuB,wBAAwB,CACtE,cAAAF,mBAAA,uBAFDA,mBAAA,CAEGR,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC;QAChC;QAEA,IAAIM,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UAE/B,IAAI,CAACE,aAAa,CACf,IAAI,CAACtB,WAAW,CAA4BwB,sBAAsB,CACpE,CACDC,IAAI,GAAG,IAAI,CAACA,IAAI;QACpB;MACF;IAAC;MAAArB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;QACP,OAAOnC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAAyB,MAAA;MAAApB,GAAA;MAAAC,KAAA,EAGA,SAAAa,yBAAA,EAAsC;QACpC,OAAQ,GAAE7B,MAAO,qBAAoB;MACvC;;MAEA;AACF;AACA;IAFE;MAAAU,IAAA;MAAAyB,MAAA;MAAApB,GAAA;MAAAC,KAAA,EAGA,SAAAc,uBAAA,EAAoC;QAClC,OAAQ,GAAE9B,MAAO,wBAAuB;MAC1C;IAAC;MAAAU,IAAA;MAAAyB,MAAA;MAAApB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAtDML,UAAU;AAyDxC,eAAeM,eAAe"}