@rededor/cura 2.0.0-alpha.8 → 2.0.0-alpha.9

package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js

@@ -246,7 +246,9 @@ export class CuraDropdownSearch {
             if (this.valueTimeout)
                 clearTimeout(this.valueTimeout);
             this.valueTimeout = setTimeout(() => {
-                this.termchange.emit(this.value === '' || this.value.length < this.searchminchars ? '' : this.value);
+                var _a;
+                const value = (_a = this.value) !== null && _a !== void 0 ? _a : '';
+                this.termchange.emit(value === '' || value.length < this.searchminchars ? '' : value);
             }, this.searchdelay || 300);
         }
     }
@@ -329,7 +331,7 @@ export class CuraDropdownSearch {
         };
     }
     render() {
-        return (h(Host, { key: '6313c87b8faed7e0ddb00cf3fc40c4693712630d', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, h("div", { key: '5c052f24e62ee31aa83b4dfbfb0c0eccca506c03', class: this.getClasses(), style: this.styles }, h("div", { key: '8b71f51e5a49d8c84a623ae4ef75f22d2daff692', class: "component-controls" }, this.isMobile && this.zoomState ? (h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', h("cura-input-text", { key: '96cf125a4c7f58a312ed6a45cd9dec62a279dc3b', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, h("slot", { key: 'e7ee08e0fb309f3931c82bfbcca9ff4f104f1397', name: "helperText" }))), h("div", { key: 'e9364997fcad9c019c3e20f7d46a6e6ab3e8462b', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, h("slot", { key: '627eb3f588059c29194656d9e85fdfc2b9115804', onSlotchange: () => this.handleSlotChange() })))));
+        return (h(Host, { key: '7a312071ecc60fe462636ad7b32bcb82b5d5c1a2', style: this.getHostCSSProperties(), role: "search", "aria-label": this.label, "aria-required": this.required, "aria-disabled": this.disabled, "aria-expanded": this.zoomState }, h("div", { key: 'c4b906871b300013208649f8dcf9b27cf161daae', class: this.getClasses(), style: this.styles }, h("div", { key: '97d3d3ae67dc79f2d04456555388cce9aec36f7d', class: "component-controls" }, this.isMobile && this.zoomState ? (h("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', h("cura-input-text", { key: '53aa07646542b9941804f7a7f0d66f8c340ce664', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, h("slot", { key: 'fb206e8295b0139082b79cc747bfe8e424df33fa', name: "helperText" }))), h("div", { key: '8ab0ad70e667c4b01b2f7a31fc5df6056b170565', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, h("slot", { key: 'dc3cda02f7a70d7229457d6c225a606ee2e03f52', onSlotchange: () => this.handleSlotChange() })))));
     }
     static get is() { return "cura-dropdown-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-dropdown-search.js","sourceRoot":"","sources":["../../../src/components/cura-dropdown-search/cura-dropdown-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Element, State, Method, Event, EventEmitter } from '@stencil/core';\nimport { checkMobile, checkIOS } from '../../utils/utils';\nimport { FixedElementScrollBehavior } from '../../utils/FixedElementScrollBehavior';\n\n@Component({\n  tag: 'cura-dropdown-search',\n  styleUrl: 'cura-dropdown-search.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearch {\n  @Element() host: HTMLElement;\n  /**\n   * Name of the field.\n   * Required.\n   */\n  @Prop({ reflect: true }) name!: string;\n  /**\n   * Size of the dropdown search component\n   * Values: 'small', 'medium' or 'large' (default).\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | string = 'large';\n  /**\n   * Define component status.\n   * Values: 'error' or 'default'.\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'default' | string = 'default';\n  /**\n   * Disabled state. Default: false.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Field is required. Default: false.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * The placeholder text.\n   */\n  @Prop({ reflect: true }) placeholder: string = '';\n  /**\n   * The label.\n   */\n  @Prop({ reflect: true }) label: string = '';\n  /**\n   * Custom icon name. Default: search.\n   */\n  @Prop({ reflect: true }) icon: string = 'search';\n  /**\n   * CSS max-height property for dropdown item.\n   * Can also be used by css property --max-height.\n   * Default: 400px\n   */\n  @Prop({ reflect: true }) maxheight: string = '400px';\n  /**\n   * Readonly property value.\n   * Represents the term on the search input field.\n   */\n  @Prop({ mutable: true }) value: string = '';\n  /**\n   * Delay in milliseconds to dispatch search events.\n   * Default: 400\n   */\n  @Prop({ reflect: true }) searchdelay: number = 400;\n  /**\n   * Min chars to dispatch search events.\n   * Default: 3\n   */\n  @Prop({ reflect: true }) searchminchars: number = 3;\n\n  /**\n   * Set focus to input field.\n   */\n  @Method()\n  async setFocus() {\n    this.getInputElement().setFocus();\n  }\n  /**\n   * Select by optionid property of a selectable option component.\n   */\n  @Method()\n  async selectOption(optionid: string) {\n    this._selectOption(optionid);\n  }\n\n  @Event() termchange: EventEmitter<string>;\n  @Event() optionselect: EventEmitter<string>;\n\n  @State() styles = {};\n  @State() zoomState = false;\n  @State() isOnFocus: boolean = false;\n\n  scrollBehavior: FixedElementScrollBehavior;\n\n  weights: any;\n  breakpoints: any;\n  isMobile: boolean;\n\n  resizeTimeout: any;\n  resizeTimeoutMs = 66;\n  focusTimeout: any;\n  focusTimeoutMs = 500;\n  blurTimeout: any;\n  blurTimeoutMs = 300;\n  valueTimeout: any;\n  viewportTimeout: any;\n\n  dropdownElement: HTMLDivElement;\n  selectedOptionElement: any;\n  highlightedElement: any;\n  highlightedIndex: number = -1;\n  @State() dropdownItems = [];\n  dropdownSelectableItems = [];\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.breakpoints = window.CuraAPI.theme.breakpoints.get();\n    this.styles['--info'] = window.CuraAPI.theme.colors.getColor('info-base');\n    this.styles['--purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');\n    this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');\n    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');\n    this.styles['--primary'] = window.CuraAPI.theme.colors.getColor('primary');\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    window?.addEventListener('resize', this.handleWindowResize);\n    window?.addEventListener('orientationchange', this.handleWindowResize);\n    if (window?.visualViewport) {\n      window.visualViewport.addEventListener('resize', this.handleVisualViewportChange);\n      window.visualViewport.addEventListener('scroll', this.handleVisualViewportChange);\n    }\n    this.isMobile = checkMobile();\n  }\n\n  componentDidLoad() {\n    this.dropdownElement = this.host.shadowRoot?.querySelector('.dropdown-container');\n    this.host.addEventListener('actionclick', this.handleOptionActionClick);\n    this.host.addEventListener('selectoption', this.handleSelectOption);\n    this.scrollBehavior = new FixedElementScrollBehavior(this.host, this.dropdownElement);\n    setTimeout(() => this.getSlotElements(), 10);\n  }\n\n  disconnectedCallback() {\n    this.removeAllListeners();\n  }\n\n  removeAllListeners() {\n    window?.removeEventListener('resize', this.handleWindowResize);\n    window?.removeEventListener('orientationchange', this.handleWindowResize);\n    if (window?.visualViewport) {\n      window.visualViewport.removeEventListener('resize', this.handleVisualViewportChange);\n      window.visualViewport.removeEventListener('scroll', this.handleVisualViewportChange);\n    }\n    this.host.removeEventListener('actionclick', this.handleOptionActionClick);\n    this.host.removeEventListener('selectoption', this.handleSelectOption);\n  }\n\n  handleSlotChange = () => { this.getSlotElements(); }\n\n  handleWindowResize = () => {\n    if (this.resizeTimeout) clearTimeout(this.resizeTimeout);\n    this.resizeTimeout = setTimeout(() => {\n      this.isMobile = checkMobile();\n      this.setZoomHeight();\n    }, this.resizeTimeoutMs);\n  }\n\n  handleVisualViewportChange = () => {\n    if (!this.zoomState) return;\n    if (this.viewportTimeout) clearTimeout(this.viewportTimeout);\n    this.viewportTimeout = setTimeout(() => this.setZoomHeight(), this.resizeTimeoutMs);\n  }\n\n  handleFocus = () => {\n    if (this.focusTimeout) clearTimeout(this.focusTimeout);\n    this.focusTimeout = setTimeout(() => {\n      this.isOnFocus = true;\n      this.clearHighlight();\n      if (this.isMobile && !this.zoomState) this.enterZoom();\n      if (this.zoomState) this.setZoomHeight();\n      setTimeout(() => {\n          this.selectedOptionElement?.scrollIntoView({behavior: 'instant', block: 'nearest', inline: 'nearest'});\n      }, 10);\n    }, this.focusTimeoutMs);\n  }\n\n  handleBlur = () => {\n    if (this.blurTimeout) clearTimeout(this.blurTimeout);\n    this.blurTimeout = setTimeout(() => {\n      if (this.zoomState) {\n        const delay = checkIOS ? 500 : 100;\n        setTimeout(() => this.setZoomHeight(), delay);\n      }\n      this.isOnFocus = false;\n    }, this.blurTimeoutMs);\n  }\n\n  handleFocusout = () => {\n    if( this.zoomState ) this.setZoomHeight();\n  }\n\n  handleBackClick = () => { this.exitZoom(); }\n\n  handleOptionActionClick = (ev: CustomEvent) => {\n    this.getInputElement().setFocus();\n    this._preventEvent(ev);\n  }\n\n  handleInputClear = (ev: CustomEvent) => {\n    this.setValue('');\n    this.clearSelectedOptions();\n    this._preventEvent(ev);\n  }\n\n  handleSelectOption = (ev: CustomEvent) => {\n    this._selectOption(ev.detail);\n    this._preventEvent(ev);\n  }\n\n  handleInputValueChange = (ev: CustomEvent) => {\n    this.setValue(ev.detail);\n    if( this.selectedOptionElement && ev.detail !== this.selectedOptionElement.value) {\n      this.clearSelectedOptions();\n    }\n    this._preventEvent(ev);\n  }\n\n  handleDropdownMouseOver = () => {\n    if( this.highlightedElement || this.highlightedIndex >= 0 ) this.clearHighlight();\n  }\n\n  handleKeyDown = (ev: KeyboardEvent) => {\n    if( ev.key === 'ArrowDown' ) this.moveHighlight('next');\n    if( ev.key === 'ArrowUp' ) this.moveHighlight('prev');\n    if( ev.key === 'Enter' ) this.selectHighlight();\n  }\n\n  moveHighlight(direction: 'next' | 'prev') {\n    if (!this.dropdownSelectableItems.length) return;\n    let position = direction === 'next' ? this.highlightedIndex + 1 : this.highlightedIndex - 1;\n    if( position < 0) {\n      this.clearHighlight();\n      return;\n    }\n    const selectableItemsLastPosition = this.dropdownSelectableItems.length - 1;\n    if( position > selectableItemsLastPosition ) position = selectableItemsLastPosition;\n    if( this.highlightedElement ) this.highlightedElement.highlighted = false;\n    this.highlightedIndex = position;\n    this.highlightedElement = this.dropdownSelectableItems[position];\n    if( this.highlightedElement.selected ) {\n      this.moveHighlight(direction);\n      return;\n    }\n    this.highlightedElement.highlighted = true;\n    this.highlightedElement.scrollIntoView({behavior: 'instant', block: 'nearest', inline: 'nearest' });\n  }\n\n  clearHighlight() {\n    if( this.highlightedElement ) {\n      this.highlightedElement.highlighted = false;\n      this.highlightedElement = null;\n    }\n    this.highlightedIndex = -1;\n  }\n\n  selectHighlight() {\n    if( this.highlightedElement ) {\n      this._selectOption(this.highlightedElement.optionid);\n      this.clearHighlight();\n      this.getInputElement().blur();\n    }\n  }\n\n  setValue(value: string) {\n    if (this.value !== value) {\n      this.value = value;\n      if( this.valueTimeout) clearTimeout(this.valueTimeout);\n      this.valueTimeout = setTimeout(() => {\n        this.termchange.emit(this.value === '' || this.value.length < this.searchminchars ? '' : this.value);\n      }, this.searchdelay || 300);\n    }\n  }\n\n  _selectOption(optionid: string) {\n    if (!optionid) {\n      this.clearSelectedOptions();\n      this.setValue('');\n      return;\n    }\n    const optionElement = this.dropdownSelectableItems.find(option => option.optionid === optionid);\n    if( optionElement && !optionElement.selected ) {\n      this.clearSelectedOptions();\n      this.selectedOptionElement = optionElement;\n      this.selectedOptionElement.selected = true;\n      this.setValue(this.selectedOptionElement.value);\n      this.optionselect.emit(this.selectedOptionElement.optionid);\n      if (this.zoomState) setTimeout(() => this.exitZoom(), this.blurTimeoutMs);\n    }\n  }\n\n  clearSelectedOptions() {\n    this.dropdownSelectableItems.forEach(option => {\n      if( option.selected ) option.selected = false;\n    });\n    this.selectedOptionElement = null;\n  }\n\n  getSlotElements()  {\n    const elements = [];\n    const selectable = [];\n    let hasNotFound = false;\n    if( this.dropdownElement ) {\n      this.dropdownElement\n        .querySelector('slot')\n        .assignedElements()\n        .forEach(item => {\n          elements.push(item);\n          if( item.localName === 'cura-dropdown-search-option' && item[\"selectable\"] ) selectable.push(item);\n          if( item.localName === 'cura-dropdown-search-not-found' ) hasNotFound = true;\n        });\n    }\n    this.dropdownSelectableItems = selectable;\n    this.dropdownItems = elements;\n    this.status = hasNotFound ? 'error' : 'default';\n  }\n\n\n  enterZoom() {\n    this.scrollBehavior.disableScroll();\n    this.setZoomHeight();\n    this.zoomState = true;\n  }\n\n  exitZoom() {\n    this.scrollBehavior.enableScroll();\n    this.setZoomHeight();\n    setTimeout(() => { this.zoomState = false}, 300);\n  }\n\n  getInputElement = () => this.host.shadowRoot?.querySelector('cura-input-text');\n\n  setZoomHeight() {\n    if (window?.visualViewport) {\n      const height = `${window.visualViewport.height}px`;\n      const topOffset = `${window.visualViewport.offsetTop}px`;\n      this.styles = { ...this.styles, '--height': height, '--top-offset': topOffset };\n      return;\n    }\n    const h = window ? `${window.innerHeight}px` : '100vh';\n    this.styles = { ...this.styles, '--height': h, '--top-offset': '0px' };\n  }\n\n  getClasses() {\n    return {\n      \"component-container\": true,\n      \"mobile\": this.isMobile,\n      \"zoom\": this.zoomState,\n      \"dropdown-visible\": this.isOnFocus && (this.dropdownItems.length > 0 && !this.zoomState),\n      \"error\": this.status === 'error'\n    }\n  }\n\n  _preventEvent = (ev: Event) => {\n    ev.preventDefault();\n    ev.stopPropagation();\n  }\n\n  getHostCSSProperties() {\n    return {\n      '--max-height': this.maxheight || '400px'\n    };\n  }\n\n  render() {\n    return (\n      <Host style={ this.getHostCSSProperties() }\n        role=\"search\"\n        aria-label={ this.label }\n        aria-required={ this.required }\n        aria-disabled={ this.disabled }\n        aria-expanded={ this.zoomState }>\n        <div class={ this.getClasses() } style={ this.styles }>\n          <div class=\"component-controls\">\n            { this.isMobile && this.zoomState ? (\n              <cura-button-transparent\n                fontColor=\"dark\"\n                onClick={ () => this.handleBackClick() }\n                iconName=\"arrowLeft\"\n                size=\"large\"\n                iconOnly\n                color=\"primary\"\n                id=\"button-back\">\n              </cura-button-transparent>\n            ) : '' }\n            <cura-input-text\n              disabled={ this.disabled }\n              label={ this.label }\n              part=\"cura-input-field\"\n              mode={ this.zoomState ? 'transparent' : 'default' }\n              required={ this.required }\n              iconName={ this.icon || 'search' }\n              value={ this.value }\n              status={ this.status }\n              onValueChange={ (ev) => this.handleInputValueChange(ev) }\n              onInput={ (ev) => this._preventEvent(ev) }\n              onFocus={ () => this.handleFocus() }\n              onClick={ (ev) => this._preventEvent(ev) }\n              onBlur={ () => this.handleBlur() }\n              onFocusout={ () => this.handleFocusout() }\n              onInputClear={ (ev) => this.handleInputClear(ev) }\n              placeholder={ this.placeholder }\n              size={ this.size }\n              onKeyDown={ (ev) => this.handleKeyDown(ev) }\n            >\n              <slot name=\"helperText\"></slot>\n            </cura-input-text>\n          </div>\n          <div class=\"dropdown-container\" onMouseOver={ () => this.handleDropdownMouseOver() }>\n            <slot onSlotchange={ () => this.handleSlotChange() }></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"cura-dropdown-search.js","sourceRoot":"","sources":["../../../src/components/cura-dropdown-search/cura-dropdown-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAOpF,MAAM,OAAO,kBAAkB;IAL/B;QAYE;;;WAGG;QACsB,SAAI,GAA0C,OAAO,CAAC;QAC/E;;;WAGG;QACqC,WAAM,GAAiC,SAAS,CAAC;QACzF;;WAEG;QACsB,aAAQ,GAAY,KAAK,CAAC;QACnD;;WAEG;QACsB,aAAQ,GAAY,KAAK,CAAC;QACnD;;WAEG;QACsB,gBAAW,GAAW,EAAE,CAAC;QAClD;;WAEG;QACsB,UAAK,GAAW,EAAE,CAAC;QAC5C;;WAEG;QACsB,SAAI,GAAW,QAAQ,CAAC;QACjD;;;;WAIG;QACsB,cAAS,GAAW,OAAO,CAAC;QACrD;;;WAGG;QACsB,UAAK,GAAW,EAAE,CAAC;QAC5C;;;WAGG;QACsB,gBAAW,GAAW,GAAG,CAAC;QACnD;;;WAGG;QACsB,mBAAc,GAAW,CAAC,CAAC;QAoB3C,WAAM,GAAG,EAAE,CAAC;QACZ,cAAS,GAAG,KAAK,CAAC;QAClB,cAAS,GAAY,KAAK,CAAC;QASpC,oBAAe,GAAG,EAAE,CAAC;QAErB,mBAAc,GAAG,GAAG,CAAC;QAErB,kBAAa,GAAG,GAAG,CAAC;QAOpB,qBAAgB,GAAW,CAAC,CAAC,CAAC;QACrB,kBAAa,GAAG,EAAE,CAAC;QAC5B,4BAAuB,GAAG,EAAE,CAAC;QAgD7B,qBAAgB,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;QAEpD,uBAAkB,GAAG,GAAG,EAAE;YACxB,IAAI,IAAI,CAAC,aAAa;gBAAE,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACzD,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;gBACnC,IAAI,CAAC,QAAQ,GAAG,WAAW,EAAE,CAAC;gBAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC3B,CAAC,CAAA;QAED,+BAA0B,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAC5B,IAAI,IAAI,CAAC,eAAe;gBAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAC7D,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACtF,CAAC,CAAA;QAED,gBAAW,GAAG,GAAG,EAAE;YACjB,IAAI,IAAI,CAAC,YAAY;gBAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACvD,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;oBAAE,IAAI,CAAC,SAAS,EAAE,CAAC;gBACvD,IAAI,IAAI,CAAC,SAAS;oBAAE,IAAI,CAAC,aAAa,EAAE,CAAC;gBACzC,UAAU,CAAC,GAAG,EAAE;;oBACZ,MAAA,IAAI,CAAC,qBAAqB,0CAAE,cAAc,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC;gBAC3G,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1B,CAAC,CAAA;QAED,eAAU,GAAG,GAAG,EAAE;YAChB,IAAI,IAAI,CAAC,WAAW;gBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;gBACjC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;oBACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;oBACnC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,CAAC;gBAChD,CAAC;gBACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACzB,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzB,CAAC,CAAA;QAED,mBAAc,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,SAAS;gBAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5C,CAAC,CAAA;QAED,oBAAe,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;QAE5C,4BAAuB,GAAG,CAAC,EAAe,EAAE,EAAE;YAC5C,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAA;QAED,qBAAgB,GAAG,CAAC,EAAe,EAAE,EAAE;YACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YAClB,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAA;QAED,uBAAkB,GAAG,CAAC,EAAe,EAAE,EAAE;YACvC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAA;QAED,2BAAsB,GAAG,CAAC,EAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,IAAI,CAAC,qBAAqB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC;gBACjF,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC9B,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,CAAA;QAED,4BAAuB,GAAG,GAAG,EAAE;YAC7B,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC;gBAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACpF,CAAC,CAAA;QAED,kBAAa,GAAG,CAAC,EAAiB,EAAE,EAAE;YACpC,IAAI,EAAE,CAAC,GAAG,KAAK,WAAW;gBAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,IAAI,EAAE,CAAC,GAAG,KAAK,SAAS;gBAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACtD,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO;gBAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAA;QAyGD,oBAAe,GAAG,GAAG,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA,EAAA,CAAC;QAuB/E,kBAAa,GAAG,CAAC,EAAS,EAAE,EAAE;YAC5B,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,EAAE,CAAC,eAAe,EAAE,CAAC;QACvB,CAAC,CAAA;KA2DF;IAtWC;;OAEG;IAEH,KAAK,CAAC,QAAQ;QACZ,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE,CAAC;IACpC,CAAC;IACD;;OAEG;IAEH,KAAK,CAAC,YAAY,CAAC,QAAgB;QACjC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IA+BD,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAC1D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QACvF,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACvF,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACrF,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QACpG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACjF,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACvF,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC3E,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAClE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACtE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;QAC1D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC5D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACvE,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,EAAE,CAAC;YAC3B,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;YAClF,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;QACpF,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,WAAW,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB;;QACd,IAAI,CAAC,eAAe,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAClF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACxE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,CAAC,cAAc,GAAG,IAAI,0BAA0B,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACtF,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,kBAAkB;QAChB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC1E,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,EAAE,CAAC;YAC3B,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;YACrF,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;QACvF,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAC3E,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACzE,CAAC;IAkFD,aAAa,CAAC,SAA0B;QACtC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAM;YAAE,OAAO;QACjD,IAAI,QAAQ,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC5F,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,MAAM,2BAA2B,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5E,IAAI,QAAQ,GAAG,2BAA2B;YAAG,QAAQ,GAAG,2BAA2B,CAAC;QACpF,IAAI,IAAI,CAAC,kBAAkB;YAAG,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,KAAK,CAAC;QAC1E,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAG,CAAC;YACtC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;QAC3C,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IACtG,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,kBAAkB,EAAG,CAAC;YAC7B,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,KAAK,CAAC;YAC5C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACjC,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC7B,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,kBAAkB,EAAG,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,IAAI,CAAC,YAAY;gBAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACvD,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;;gBAClC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC;gBAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACxF,CAAC,EAAE,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,aAAa,CAAC,QAAgB;QAC5B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;QAChG,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAG,CAAC;YAC9C,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC;YAC3C,IAAI,CAAC,qBAAqB,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAChD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAC5D,IAAI,IAAI,CAAC,SAAS;gBAAE,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC5C,IAAI,MAAM,CAAC,QAAQ;gBAAG,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;QAChD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,eAAe;QACb,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,MAAM,UAAU,GAAG,EAAE,CAAC;QACtB,IAAI,WAAW,GAAG,KAAK,CAAC;QACxB,IAAI,IAAI,CAAC,eAAe,EAAG,CAAC;YAC1B,IAAI,CAAC,eAAe;iBACjB,aAAa,CAAC,MAAM,CAAC;iBACrB,gBAAgB,EAAE;iBAClB,OAAO,CAAC,IAAI,CAAC,EAAE;gBACd,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACpB,IAAI,IAAI,CAAC,SAAS,KAAK,6BAA6B,IAAI,IAAI,CAAC,YAAY,CAAC;oBAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACnG,IAAI,IAAI,CAAC,SAAS,KAAK,gCAAgC;oBAAG,WAAW,GAAG,IAAI,CAAC;YAC/E,CAAC,CAAC,CAAC;QACP,CAAC;QACD,IAAI,CAAC,uBAAuB,GAAG,UAAU,CAAC;QAC1C,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC9B,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAClD,CAAC;IAGD,SAAS;QACP,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACnC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA,CAAA,CAAC,EAAE,GAAG,CAAC,CAAC;IACnD,CAAC;IAID,aAAa;QACX,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC;YACnD,MAAM,SAAS,GAAG,GAAG,MAAM,CAAC,cAAc,CAAC,SAAS,IAAI,CAAC;YACzD,IAAI,CAAC,MAAM,mCAAQ,IAAI,CAAC,MAAM,KAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,GAAE,CAAC;YAChF,OAAO;QACT,CAAC;QACD,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,MAAM,mCAAQ,IAAI,CAAC,MAAM,KAAE,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,GAAE,CAAC;IACzE,CAAC;IAED,UAAU;QACR,OAAO;YACL,qBAAqB,EAAE,IAAI;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,SAAS;YACtB,kBAAkB,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YACxF,OAAO,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO;SACjC,CAAA;IACH,CAAC;IAOD,oBAAoB;QAClB,OAAO;YACL,cAAc,EAAE,IAAI,CAAC,SAAS,IAAI,OAAO;SAC1C,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAG,IAAI,CAAC,oBAAoB,EAAE,EACvC,IAAI,EAAC,QAAQ,gBACA,IAAI,CAAC,KAAK,mBACP,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,SAAS;YAC9B,4DAAK,KAAK,EAAG,IAAI,CAAC,UAAU,EAAE,EAAG,KAAK,EAAG,IAAI,CAAC,MAAM;gBAClD,4DAAK,KAAK,EAAC,oBAAoB;oBAC3B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAClC,+BACE,SAAS,EAAC,MAAM,EAChB,OAAO,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EACtC,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,KAAK,EAAC,SAAS,EACf,EAAE,EAAC,aAAa,GACQ,CAC3B,CAAC,CAAC,CAAC,EAAE;oBACN,wEACE,QAAQ,EAAG,IAAI,CAAC,QAAQ,EACxB,KAAK,EAAG,IAAI,CAAC,KAAK,EAClB,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAG,IAAI,CAAC,QAAQ,EACxB,QAAQ,EAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,EAChC,KAAK,EAAG,IAAI,CAAC,KAAK,EAClB,MAAM,EAAG,IAAI,CAAC,MAAM,EACpB,aAAa,EAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,EACvD,OAAO,EAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EACxC,OAAO,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAClC,OAAO,EAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EACxC,MAAM,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAChC,UAAU,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACxC,YAAY,EAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAChD,WAAW,EAAG,IAAI,CAAC,WAAW,EAC9B,IAAI,EAAG,IAAI,CAAC,IAAI,EAChB,SAAS,EAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;wBAE1C,6DAAM,IAAI,EAAC,YAAY,GAAQ,CACf,CACd;gBACN,4DAAK,KAAK,EAAC,oBAAoB,EAAC,WAAW,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBAChF,6DAAM,YAAY,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,GAAU,CACxD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Element, State, Method, Event, EventEmitter } from '@stencil/core';\nimport { checkMobile, checkIOS } from '../../utils/utils';\nimport { FixedElementScrollBehavior } from '../../utils/FixedElementScrollBehavior';\n\n@Component({\n  tag: 'cura-dropdown-search',\n  styleUrl: 'cura-dropdown-search.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearch {\n  @Element() host: HTMLElement;\n  /**\n   * Name of the field.\n   * Required.\n   */\n  @Prop({ reflect: true }) name!: string;\n  /**\n   * Size of the dropdown search component\n   * Values: 'small', 'medium' or 'large' (default).\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | string = 'large';\n  /**\n   * Define component status.\n   * Values: 'error' or 'default'.\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'default' | string = 'default';\n  /**\n   * Disabled state. Default: false.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Field is required. Default: false.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * The placeholder text.\n   */\n  @Prop({ reflect: true }) placeholder: string = '';\n  /**\n   * The label.\n   */\n  @Prop({ reflect: true }) label: string = '';\n  /**\n   * Custom icon name. Default: search.\n   */\n  @Prop({ reflect: true }) icon: string = 'search';\n  /**\n   * CSS max-height property for dropdown item.\n   * Can also be used by css property --max-height.\n   * Default: 400px\n   */\n  @Prop({ reflect: true }) maxheight: string = '400px';\n  /**\n   * Readonly property value.\n   * Represents the term on the search input field.\n   */\n  @Prop({ mutable: true }) value: string = '';\n  /**\n   * Delay in milliseconds to dispatch search events.\n   * Default: 400\n   */\n  @Prop({ reflect: true }) searchdelay: number = 400;\n  /**\n   * Min chars to dispatch search events.\n   * Default: 3\n   */\n  @Prop({ reflect: true }) searchminchars: number = 3;\n\n  /**\n   * Set focus to input field.\n   */\n  @Method()\n  async setFocus() {\n    this.getInputElement().setFocus();\n  }\n  /**\n   * Select by optionid property of a selectable option component.\n   */\n  @Method()\n  async selectOption(optionid: string) {\n    this._selectOption(optionid);\n  }\n\n  @Event() termchange: EventEmitter<string>;\n  @Event() optionselect: EventEmitter<string>;\n\n  @State() styles = {};\n  @State() zoomState = false;\n  @State() isOnFocus: boolean = false;\n\n  scrollBehavior: FixedElementScrollBehavior;\n\n  weights: any;\n  breakpoints: any;\n  isMobile: boolean;\n\n  resizeTimeout: any;\n  resizeTimeoutMs = 66;\n  focusTimeout: any;\n  focusTimeoutMs = 500;\n  blurTimeout: any;\n  blurTimeoutMs = 300;\n  valueTimeout: any;\n  viewportTimeout: any;\n\n  dropdownElement: HTMLDivElement;\n  selectedOptionElement: any;\n  highlightedElement: any;\n  highlightedIndex: number = -1;\n  @State() dropdownItems = [];\n  dropdownSelectableItems = [];\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.breakpoints = window.CuraAPI.theme.breakpoints.get();\n    this.styles['--info'] = window.CuraAPI.theme.colors.getColor('info-base');\n    this.styles['--purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');\n    this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');\n    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');\n    this.styles['--primary'] = window.CuraAPI.theme.colors.getColor('primary');\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    window?.addEventListener('resize', this.handleWindowResize);\n    window?.addEventListener('orientationchange', this.handleWindowResize);\n    if (window?.visualViewport) {\n      window.visualViewport.addEventListener('resize', this.handleVisualViewportChange);\n      window.visualViewport.addEventListener('scroll', this.handleVisualViewportChange);\n    }\n    this.isMobile = checkMobile();\n  }\n\n  componentDidLoad() {\n    this.dropdownElement = this.host.shadowRoot?.querySelector('.dropdown-container');\n    this.host.addEventListener('actionclick', this.handleOptionActionClick);\n    this.host.addEventListener('selectoption', this.handleSelectOption);\n    this.scrollBehavior = new FixedElementScrollBehavior(this.host, this.dropdownElement);\n    setTimeout(() => this.getSlotElements(), 10);\n  }\n\n  disconnectedCallback() {\n    this.removeAllListeners();\n  }\n\n  removeAllListeners() {\n    window?.removeEventListener('resize', this.handleWindowResize);\n    window?.removeEventListener('orientationchange', this.handleWindowResize);\n    if (window?.visualViewport) {\n      window.visualViewport.removeEventListener('resize', this.handleVisualViewportChange);\n      window.visualViewport.removeEventListener('scroll', this.handleVisualViewportChange);\n    }\n    this.host.removeEventListener('actionclick', this.handleOptionActionClick);\n    this.host.removeEventListener('selectoption', this.handleSelectOption);\n  }\n\n  handleSlotChange = () => { this.getSlotElements(); }\n\n  handleWindowResize = () => {\n    if (this.resizeTimeout) clearTimeout(this.resizeTimeout);\n    this.resizeTimeout = setTimeout(() => {\n      this.isMobile = checkMobile();\n      this.setZoomHeight();\n    }, this.resizeTimeoutMs);\n  }\n\n  handleVisualViewportChange = () => {\n    if (!this.zoomState) return;\n    if (this.viewportTimeout) clearTimeout(this.viewportTimeout);\n    this.viewportTimeout = setTimeout(() => this.setZoomHeight(), this.resizeTimeoutMs);\n  }\n\n  handleFocus = () => {\n    if (this.focusTimeout) clearTimeout(this.focusTimeout);\n    this.focusTimeout = setTimeout(() => {\n      this.isOnFocus = true;\n      this.clearHighlight();\n      if (this.isMobile && !this.zoomState) this.enterZoom();\n      if (this.zoomState) this.setZoomHeight();\n      setTimeout(() => {\n          this.selectedOptionElement?.scrollIntoView({behavior: 'instant', block: 'nearest', inline: 'nearest'});\n      }, 10);\n    }, this.focusTimeoutMs);\n  }\n\n  handleBlur = () => {\n    if (this.blurTimeout) clearTimeout(this.blurTimeout);\n    this.blurTimeout = setTimeout(() => {\n      if (this.zoomState) {\n        const delay = checkIOS ? 500 : 100;\n        setTimeout(() => this.setZoomHeight(), delay);\n      }\n      this.isOnFocus = false;\n    }, this.blurTimeoutMs);\n  }\n\n  handleFocusout = () => {\n    if( this.zoomState ) this.setZoomHeight();\n  }\n\n  handleBackClick = () => { this.exitZoom(); }\n\n  handleOptionActionClick = (ev: CustomEvent) => {\n    this.getInputElement().setFocus();\n    this._preventEvent(ev);\n  }\n\n  handleInputClear = (ev: CustomEvent) => {\n    this.setValue('');\n    this.clearSelectedOptions();\n    this._preventEvent(ev);\n  }\n\n  handleSelectOption = (ev: CustomEvent) => {\n    this._selectOption(ev.detail);\n    this._preventEvent(ev);\n  }\n\n  handleInputValueChange = (ev: CustomEvent) => {\n    this.setValue(ev.detail);\n    if( this.selectedOptionElement && ev.detail !== this.selectedOptionElement.value) {\n      this.clearSelectedOptions();\n    }\n    this._preventEvent(ev);\n  }\n\n  handleDropdownMouseOver = () => {\n    if( this.highlightedElement || this.highlightedIndex >= 0 ) this.clearHighlight();\n  }\n\n  handleKeyDown = (ev: KeyboardEvent) => {\n    if( ev.key === 'ArrowDown' ) this.moveHighlight('next');\n    if( ev.key === 'ArrowUp' ) this.moveHighlight('prev');\n    if( ev.key === 'Enter' ) this.selectHighlight();\n  }\n\n  moveHighlight(direction: 'next' | 'prev') {\n    if (!this.dropdownSelectableItems.length) return;\n    let position = direction === 'next' ? this.highlightedIndex + 1 : this.highlightedIndex - 1;\n    if( position < 0) {\n      this.clearHighlight();\n      return;\n    }\n    const selectableItemsLastPosition = this.dropdownSelectableItems.length - 1;\n    if( position > selectableItemsLastPosition ) position = selectableItemsLastPosition;\n    if( this.highlightedElement ) this.highlightedElement.highlighted = false;\n    this.highlightedIndex = position;\n    this.highlightedElement = this.dropdownSelectableItems[position];\n    if( this.highlightedElement.selected ) {\n      this.moveHighlight(direction);\n      return;\n    }\n    this.highlightedElement.highlighted = true;\n    this.highlightedElement.scrollIntoView({behavior: 'instant', block: 'nearest', inline: 'nearest' });\n  }\n\n  clearHighlight() {\n    if( this.highlightedElement ) {\n      this.highlightedElement.highlighted = false;\n      this.highlightedElement = null;\n    }\n    this.highlightedIndex = -1;\n  }\n\n  selectHighlight() {\n    if( this.highlightedElement ) {\n      this._selectOption(this.highlightedElement.optionid);\n      this.clearHighlight();\n      this.getInputElement().blur();\n    }\n  }\n\n  setValue(value: string) {\n    if (this.value !== value) {\n      this.value = value;\n      if( this.valueTimeout) clearTimeout(this.valueTimeout);\n      this.valueTimeout = setTimeout(() => {\n        const value = this.value ?? '';\n        this.termchange.emit(value === '' || value.length < this.searchminchars ? '' : value);\n      }, this.searchdelay || 300);\n    }\n  }\n\n  _selectOption(optionid: string) {\n    if (!optionid) {\n      this.clearSelectedOptions();\n      this.setValue('');\n      return;\n    }\n    const optionElement = this.dropdownSelectableItems.find(option => option.optionid === optionid);\n    if( optionElement && !optionElement.selected ) {\n      this.clearSelectedOptions();\n      this.selectedOptionElement = optionElement;\n      this.selectedOptionElement.selected = true;\n      this.setValue(this.selectedOptionElement.value);\n      this.optionselect.emit(this.selectedOptionElement.optionid);\n      if (this.zoomState) setTimeout(() => this.exitZoom(), this.blurTimeoutMs);\n    }\n  }\n\n  clearSelectedOptions() {\n    this.dropdownSelectableItems.forEach(option => {\n      if( option.selected ) option.selected = false;\n    });\n    this.selectedOptionElement = null;\n  }\n\n  getSlotElements()  {\n    const elements = [];\n    const selectable = [];\n    let hasNotFound = false;\n    if( this.dropdownElement ) {\n      this.dropdownElement\n        .querySelector('slot')\n        .assignedElements()\n        .forEach(item => {\n          elements.push(item);\n          if( item.localName === 'cura-dropdown-search-option' && item[\"selectable\"] ) selectable.push(item);\n          if( item.localName === 'cura-dropdown-search-not-found' ) hasNotFound = true;\n        });\n    }\n    this.dropdownSelectableItems = selectable;\n    this.dropdownItems = elements;\n    this.status = hasNotFound ? 'error' : 'default';\n  }\n\n\n  enterZoom() {\n    this.scrollBehavior.disableScroll();\n    this.setZoomHeight();\n    this.zoomState = true;\n  }\n\n  exitZoom() {\n    this.scrollBehavior.enableScroll();\n    this.setZoomHeight();\n    setTimeout(() => { this.zoomState = false}, 300);\n  }\n\n  getInputElement = () => this.host.shadowRoot?.querySelector('cura-input-text');\n\n  setZoomHeight() {\n    if (window?.visualViewport) {\n      const height = `${window.visualViewport.height}px`;\n      const topOffset = `${window.visualViewport.offsetTop}px`;\n      this.styles = { ...this.styles, '--height': height, '--top-offset': topOffset };\n      return;\n    }\n    const h = window ? `${window.innerHeight}px` : '100vh';\n    this.styles = { ...this.styles, '--height': h, '--top-offset': '0px' };\n  }\n\n  getClasses() {\n    return {\n      \"component-container\": true,\n      \"mobile\": this.isMobile,\n      \"zoom\": this.zoomState,\n      \"dropdown-visible\": this.isOnFocus && (this.dropdownItems.length > 0 && !this.zoomState),\n      \"error\": this.status === 'error'\n    }\n  }\n\n  _preventEvent = (ev: Event) => {\n    ev.preventDefault();\n    ev.stopPropagation();\n  }\n\n  getHostCSSProperties() {\n    return {\n      '--max-height': this.maxheight || '400px'\n    };\n  }\n\n  render() {\n    return (\n      <Host style={ this.getHostCSSProperties() }\n        role=\"search\"\n        aria-label={ this.label }\n        aria-required={ this.required }\n        aria-disabled={ this.disabled }\n        aria-expanded={ this.zoomState }>\n        <div class={ this.getClasses() } style={ this.styles }>\n          <div class=\"component-controls\">\n            { this.isMobile && this.zoomState ? (\n              <cura-button-transparent\n                fontColor=\"dark\"\n                onClick={ () => this.handleBackClick() }\n                iconName=\"arrowLeft\"\n                size=\"large\"\n                iconOnly\n                color=\"primary\"\n                id=\"button-back\">\n              </cura-button-transparent>\n            ) : '' }\n            <cura-input-text\n              disabled={ this.disabled }\n              label={ this.label }\n              part=\"cura-input-field\"\n              mode={ this.zoomState ? 'transparent' : 'default' }\n              required={ this.required }\n              iconName={ this.icon || 'search' }\n              value={ this.value }\n              status={ this.status }\n              onValueChange={ (ev) => this.handleInputValueChange(ev) }\n              onInput={ (ev) => this._preventEvent(ev) }\n              onFocus={ () => this.handleFocus() }\n              onClick={ (ev) => this._preventEvent(ev) }\n              onBlur={ () => this.handleBlur() }\n              onFocusout={ () => this.handleFocusout() }\n              onInputClear={ (ev) => this.handleInputClear(ev) }\n              placeholder={ this.placeholder }\n              size={ this.size }\n              onKeyDown={ (ev) => this.handleKeyDown(ev) }\n            >\n              <slot name=\"helperText\"></slot>\n            </cura-input-text>\n          </div>\n          <div class=\"dropdown-container\" onMouseOver={ () => this.handleDropdownMouseOver() }>\n            <slot onSlotchange={ () => this.handleSlotChange() }></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}