zignal-stencil-library 1.1.159 → 1.1.161

package/dist/components/search-box2.js.map

@@ -1 +1 @@
-{"file":"search-box2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/search-box/search-box.css?tag=search-box","src/components/search-box/search-box.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.search-box {\n  @apply bg-background flex flex-col gap-1 p-2;\n}\n\n.search-box-input-wrapper {\n  @apply flex max-w-xl items-center gap-1 rounded-xl;\n}\n\n.search-box-input-box {\n  @apply relative flex-1;\n}\n\n.search-box-input {\n  @apply ring-primary bg-divider placeholder-surface text-surface w-full rounded-full border-none px-4 py-2 focus:outline-none;\n}\n\n.search-box-input-icon {\n  @apply bg-primary absolute top-1/2 right-1.25 -translate-y-1/2 cursor-pointer rounded-full p-1.5 text-white;\n}\n\n.search-box-unread-indicator {\n  @apply bg-surface flex size-6 items-center justify-center rounded-full text-sm text-white;\n}\n\n.search-box-quick-filter-wrapper {\n  @apply flex gap-2 overflow-auto;\n}\n","import { Component, Host, State, h } from '@stencil/core';\nimport { Icon } from '../internal-component/icon';\nimport { useTranslation } from '../../utils/utils';\nimport { ZButton } from '../internal-component/z-button';\nimport { ZIconButton } from '../internal-component/z-icon-button';\nimport { customFiltersStore, filterChatsStore } from '../../store/store';\nimport { debounce } from '../../utils/helpers';\nimport { ChatFilter, SearchChatsParams } from '../../api/type';\nimport { resetChatFilter } from '../../store/chat';\n\n@Component({\n  tag: 'search-box',\n  styleUrl: 'search-box.css',\n})\nexport class SearchBox {\n  @State() query: string = '';\n  @State() showDialog: boolean = false;\n  @State() showCustomFilterDialog: boolean = false;\n  @State() isUnRead: boolean = false;\n  @State() isGroup: boolean = false;\n  @State() filterSet: SearchChatsParams;\n  @State() filterType: 'quick' | 'advanced' | 'custom' = 'quick';\n  @State() selectedFilter: ChatFilter | null = null;\n\n  componentDidLoad() {\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.showDialog = false;\n      this.showCustomFilterDialog = false;\n    }\n  };\n\n  private debouncedSearch = debounce((value: string) => {\n    this.handleSearch(value);\n  }, 300);\n\n  private handleInput = (e: Event) => {\n    const value = (e.target as HTMLInputElement).value;\n    this.query = value;\n    this.debouncedSearch(value);\n  };\n\n  private handleSearch = (value: string) => {\n    const valueTrim = value?.trim();\n    const _search = valueTrim?.length > 0 ? valueTrim : undefined;\n    filterChatsStore.set('filterChat', {\n      ...filterChatsStore.get('filterChat'),\n      search: _search,\n    });\n  };\n\n  private handleEnter = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      this.debouncedSearch.cancel();\n      this.handleSearch(this.query);\n    }\n  };\n\n  private handleClick = () => {\n    this.debouncedSearch.cancel();\n    this.handleSearch(this.query);\n  };\n\n  private handleToggleUnread = () => {\n    this.isUnRead = !this.isUnRead;\n    const _read = this.isUnRead ? false : undefined;\n\n    filterChatsStore.set('filterChat', {\n      ...filterChatsStore.get('filterChat'),\n      read: _read,\n    });\n  };\n\n  private handleToggleGroup = () => {\n    this.isGroup = !this.isGroup;\n    const _type = this.isGroup ? 'group' : undefined;\n\n    filterChatsStore.set('filterChat', {\n      ...filterChatsStore.get('filterChat'),\n      type: _type,\n    });\n  };\n\n  private handleResetFilters = () => {\n    // Reset all filter states\n    this.isUnRead = false;\n    this.isGroup = false;\n    this.query = '';\n\n    // Clear filter store\n    resetChatFilter();\n\n    // Clear filter set\n    this.filterSet = undefined;\n  };\n\n  private handleFilter = (filter: SearchChatsParams) => {\n    const _search = filter.search?.trim();\n\n    const transformFilters: SearchChatsParams = {\n      ...filterChatsStore.get('filterChat'),\n      connectionIds: (filter.connectionIds?.length || 0) > 0 ? filter.connectionIds : undefined,\n      lastAnswerByIds: (filter.lastAnswerByIds?.length || 0) > 0 ? filter.lastAnswerByIds : undefined,\n      statusIds: (filter.statusIds?.length || 0) > 0 ? filter.statusIds : undefined,\n      tagIds: (filter.tagIds?.length || 0) > 0 ? filter.tagIds : undefined,\n      search: _search?.length > 0 ? _search : undefined,\n      read: filter.read,\n      type: filter.type,\n    };\n\n    filterChatsStore.set('filterChat', transformFilters);\n\n    if (filter.read !== undefined) {\n      this.isUnRead = filter.read;\n    }\n\n    this.filterSet = filter;\n    this.showDialog = false;\n  };\n\n  private renderQuickFilter() {\n    const t = useTranslation();\n    const filterConfig = filterChatsStore.get('filterConfig');\n    return (\n      <div class=\"mt-2 flex gap-2\">\n        <div class=\"search-box-quick-filter-wrapper scroll-container flex-1\">\n          <div class=\"flex gap-2\">\n            <div>\n              <ZButton\n                size=\"small\"\n                padding=\"px-4 py-1.5\"\n                variant={this.isUnRead ? 'primary' : 'outlined'}\n                startIcon={<Icon name={'MailWarning'} addClass=\"size-4\" />}\n                label={this.isUnRead ? t('unread') : undefined}\n                title={t('unread')}\n                onClick={this.handleToggleUnread}\n              />\n            </div>\n            <div id=\"search-chat-channel\">\n              <menu-chat-channel referenceSelector=\"search-chat-channel\" />\n            </div>\n            {filterConfig.config.isShowFilterType === true && (\n              <div>\n                <ZButton\n                  size=\"small\"\n                  padding=\"px-4 py-1.5\"\n                  variant={this.isGroup ? 'primary' : 'outlined'}\n                  startIcon={<Icon name={'UsersRound'} addClass=\"size-4\" />}\n                  label={this.isGroup ? t('chat_filter.group') : undefined}\n                  title={t('chat_filter.group')}\n                  onClick={this.handleToggleGroup}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div>\n          <ZButton size=\"small\" variant=\"text-underline\" label={t('chat_filter.reset')} onClick={this.handleResetFilters} />\n        </div>\n      </div>\n    );\n  }\n\n  private renderAdvancedFilter() {\n    const t = useTranslation();\n    return (\n      <div class=\"mt-2 flex gap-2\">\n        <div class=\"search-box-quick-filter-wrapper scroll-container flex-1\">\n          <div class=\"flex gap-2\">\n            <ZButton\n              size=\"small\"\n              padding=\"px-4 py-1.5\"\n              variant=\"primary\"\n              startIcon={<Icon name={'Search'} addClass=\"size-4\" />}\n              label={t('chat_filter.search_result')}\n              title={t('chat_filter.search_result')}\n              onClick={() => {\n                this.filterType = 'advanced';\n                this.showDialog = true;\n              }}\n            />\n          </div>\n        </div>\n        <div>\n          <ZButton size=\"small\" variant=\"text-underline\" label={t('chat_filter.reset')} onClick={this.handleResetFilters} />\n        </div>\n      </div>\n    );\n  }\n\n  private renderCustomFilter() {\n    const t = useTranslation();\n    const selectedFilter = customFiltersStore.get('selectedFilter');\n    return (\n      <div class=\"mt-2 flex gap-2\">\n        <div class=\"search-box-quick-filter-wrapper scroll-container flex-1\">\n          <div class=\"flex gap-2\">\n            <ZButton\n              size=\"small\"\n              padding=\"px-4 py-1.5\"\n              variant=\"primary\"\n              startIcon={<Icon name={'Filter'} addClass=\"size-4\" />}\n              label={selectedFilter?.name}\n              title={selectedFilter?.name}\n              onClick={this.handleResetFilters}\n            />\n          </div>\n        </div>\n        <div>\n          <ZButton size=\"small\" variant=\"text-underline\" label={t('chat_filter.reset')} onClick={this.handleResetFilters} />\n        </div>\n      </div>\n    );\n  }\n\n  private renderFilter() {\n    const _filterType = filterChatsStore.get('filterType');\n    switch (_filterType) {\n      case 'quick':\n        return this.renderQuickFilter();\n      case 'advanced':\n        return this.renderAdvancedFilter();\n      default:\n        return this.renderCustomFilter();\n    }\n  }\n\n  render() {\n    const t = useTranslation();\n\n    return (\n      <Host>\n        <div class=\"search-box\">\n          <div class=\"flex-1\" id=\"search-chat-type\">\n            <menu-chat-type referenceSelector=\"search-chat-type\" />\n          </div>\n          <div class=\"search-box-input-wrapper\">\n            <div class=\"search-box-input-box\">\n              <input\n                id=\"search\"\n                type=\"text\"\n                placeholder={t('chat_tab.search_chat')}\n                class=\"search-box-input\"\n                value={this.query}\n                onInput={this.handleInput}\n                onKeyDown={this.handleEnter}\n              />\n              <div class=\"search-box-input-icon\" onClick={this.handleClick}>\n                <Icon name=\"Search\" />\n              </div>\n            </div>\n\n            <ZIconButton\n              variant=\"text\"\n              iconName=\"SlidersHorizontal\"\n              onClick={() => {\n                this.filterType = 'advanced';\n                this.showDialog = true;\n              }}\n            />\n            <ZIconButton variant=\"text\" iconName=\"Filter\" onClick={() => (this.showCustomFilterDialog = true)} />\n          </div>\n          {this.renderFilter()}\n\n          {this.showCustomFilterDialog && (\n            <div\n              class=\"dialog-backdrop\"\n              onClick={e => {\n                if (e.target === e.currentTarget) {\n                  this.showCustomFilterDialog = false;\n                }\n              }}\n            >\n              <dialog-custom-filter\n                onAdd={() => {\n                  this.filterType = 'custom';\n                  this.selectedFilter = null;\n                  this.showDialog = true;\n                }}\n                onEdit={(event: CustomEvent<ChatFilter>) => {\n                  this.selectedFilter = event.detail;\n                  this.filterType = 'custom';\n                  this.showDialog = true;\n                }}\n                onClose={() => (this.showCustomFilterDialog = false)}\n              />\n            </div>\n          )}\n\n          {this.showDialog && (\n            <div\n              class=\"dialog-backdrop\"\n              onClick={e => {\n                if (e.target === e.currentTarget) {\n                  this.showDialog = false;\n                }\n              }}\n            >\n              <dialog-search\n                selectedFilter={this.selectedFilter}\n                filterType={this.filterType}\n                oldFilter={this.filterSet}\n                onCancel={() => (this.showDialog = false)}\n                onSearch={event => this.handleFilter(event.detail)}\n              />\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"search-box2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/search-box/search-box.css?tag=search-box","src/components/search-box/search-box.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.search-box {\n  @apply bg-background flex flex-col gap-1 p-2;\n}\n\n.search-box-input-wrapper {\n  @apply flex max-w-xl items-center gap-1 rounded-xl;\n}\n\n.search-box-input-box {\n  @apply relative flex-1;\n}\n\n.search-box-input {\n  @apply ring-primary bg-divider placeholder-surface text-surface w-full rounded-full border-none px-4 py-2 focus:outline-none;\n}\n\n.search-box-input-icon {\n  @apply bg-primary absolute top-1/2 right-1.25 -translate-y-1/2 cursor-pointer rounded-full p-1.5 text-white;\n}\n\n.search-box-unread-indicator {\n  @apply bg-surface flex size-6 items-center justify-center rounded-full text-sm text-white;\n}\n\n.search-box-quick-filter-wrapper {\n  @apply flex gap-2 overflow-auto;\n}\n","import { Component, Host, State, h } from '@stencil/core';\nimport { Icon } from '../internal-component/icon';\nimport { useTranslation } from '../../utils/utils';\nimport { ZButton } from '../internal-component/z-button';\nimport { ZIconButton } from '../internal-component/z-icon-button';\nimport { customFiltersStore, filterChatsStore } from '../../store/store';\nimport { debounce } from '../../utils/helpers';\nimport { ChatFilter, SearchChatsParams } from '../../api/type';\nimport { resetChatFilter } from '../../store/chat';\n\n@Component({\n  tag: 'search-box',\n  styleUrl: 'search-box.css',\n})\nexport class SearchBox {\n  @State() query: string = '';\n  @State() showDialog: boolean = false;\n  @State() showCustomFilterDialog: boolean = false;\n  @State() isUnRead: boolean = false;\n  @State() isGroup: boolean = false;\n  @State() filterSet: SearchChatsParams;\n  @State() filterType: 'quick' | 'advanced' | 'custom' = 'quick';\n  @State() selectedFilter: ChatFilter | null = null;\n\n  componentDidLoad() {\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.showDialog = false;\n      this.showCustomFilterDialog = false;\n    }\n  };\n\n  private debouncedSearch = debounce((value: string) => {\n    this.handleSearch(value);\n  }, 300);\n\n  private handleInput = (e: Event) => {\n    const value = (e.target as HTMLInputElement).value;\n    this.query = value;\n    this.debouncedSearch(value);\n  };\n\n  private handleSearch = (value: string) => {\n    const valueTrim = value?.trim();\n    const _search = valueTrim?.length > 0 ? valueTrim : undefined;\n    filterChatsStore.set('filterChat', {\n      ...filterChatsStore.get('filterChat'),\n      search: _search,\n    });\n  };\n\n  private handleEnter = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      this.debouncedSearch.cancel();\n      this.handleSearch(this.query);\n    }\n  };\n\n  private handleClick = () => {\n    this.debouncedSearch.cancel();\n    this.handleSearch(this.query);\n  };\n\n  private handleToggleUnread = () => {\n    this.isUnRead = !this.isUnRead;\n    const _read = this.isUnRead ? false : undefined;\n\n    filterChatsStore.set('filterChat', {\n      ...filterChatsStore.get('filterChat'),\n      read: _read,\n    });\n  };\n\n  private handleToggleGroup = () => {\n    this.isGroup = !this.isGroup;\n    const _type = this.isGroup ? 'group' : undefined;\n\n    filterChatsStore.set('filterChat', {\n      ...filterChatsStore.get('filterChat'),\n      type: _type,\n    });\n  };\n\n  private handleResetFilters = () => {\n    // Reset all filter states\n    this.isUnRead = false;\n    this.isGroup = false;\n    this.query = '';\n\n    // Clear filter store\n    resetChatFilter();\n\n    // Clear filter set\n    this.filterSet = undefined;\n  };\n\n  private handleFilter = (filter: SearchChatsParams) => {\n    const _search = filter.search?.trim();\n\n    const transformFilters: SearchChatsParams = {\n      ...filterChatsStore.get('filterChat'),\n      connectionIds: (filter.connectionIds?.length || 0) > 0 ? filter.connectionIds : undefined,\n      lastAnswerByIds: (filter.lastAnswerByIds?.length || 0) > 0 ? filter.lastAnswerByIds : undefined,\n      statusIds: (filter.statusIds?.length || 0) > 0 ? filter.statusIds : undefined,\n      tagIds: (filter.tagIds?.length || 0) > 0 ? filter.tagIds : undefined,\n      search: _search?.length > 0 ? _search : undefined,\n      read: filter.read,\n      type: filter.type,\n    };\n\n    filterChatsStore.set('filterChat', transformFilters);\n\n    if (filter.read !== undefined) {\n      this.isUnRead = filter.read;\n    }\n\n    this.filterSet = filter;\n    this.showDialog = false;\n  };\n\n  private renderQuickFilter() {\n    const t = useTranslation();\n    const filterConfig = filterChatsStore.get('filterConfig');\n    return (\n      <div class=\"mt-2 flex gap-2\">\n        <div class=\"search-box-quick-filter-wrapper scroll-container flex-1\">\n          <div class=\"flex gap-2\">\n            <div>\n              <ZButton\n                size=\"small\"\n                padding=\"px-4 py-1.5\"\n                variant={this.isUnRead ? 'primary' : 'outlined'}\n                startIcon={<Icon name={'MailWarning'} addClass=\"size-4\" />}\n                label={this.isUnRead ? t('unread') : undefined}\n                title={t('unread')}\n                onClick={this.handleToggleUnread}\n              />\n            </div>\n            <div id=\"search-chat-channel\">\n              <menu-chat-channel referenceSelector=\"search-chat-channel\" />\n            </div>\n            {filterConfig.config.isShowFilterType === true && (\n              <div>\n                <ZButton\n                  size=\"small\"\n                  padding=\"px-4 py-1.5\"\n                  variant={this.isGroup ? 'primary' : 'outlined'}\n                  startIcon={<Icon name={'UsersRound'} addClass=\"size-4\" />}\n                  label={this.isGroup ? t('chat_filter.group') : undefined}\n                  title={t('chat_filter.group')}\n                  onClick={this.handleToggleGroup}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div>\n          <ZButton size=\"small\" variant=\"text-underline\" label={t('chat_filter.reset')} onClick={this.handleResetFilters} />\n        </div>\n      </div>\n    );\n  }\n\n  private renderAdvancedFilter() {\n    const t = useTranslation();\n    return (\n      <div class=\"mt-2 flex gap-2\">\n        <div class=\"search-box-quick-filter-wrapper scroll-container flex-1\">\n          <div class=\"flex gap-2\">\n            <ZButton\n              size=\"small\"\n              padding=\"px-4 py-1.5\"\n              variant=\"primary\"\n              startIcon={<Icon name={'Search'} addClass=\"size-4\" />}\n              label={t('chat_filter.search_result')}\n              title={t('chat_filter.search_result')}\n              onClick={() => {\n                this.filterType = 'advanced';\n                this.showDialog = true;\n              }}\n            />\n          </div>\n        </div>\n        <div>\n          <ZButton size=\"small\" variant=\"text-underline\" label={t('chat_filter.reset')} onClick={this.handleResetFilters} />\n        </div>\n      </div>\n    );\n  }\n\n  private renderCustomFilter() {\n    const t = useTranslation();\n    const selectedFilter = customFiltersStore.get('selectedFilter');\n    return (\n      <div class=\"mt-2 flex gap-2\">\n        <div class=\"search-box-quick-filter-wrapper scroll-container flex-1\">\n          <div class=\"flex gap-2\">\n            <ZButton\n              size=\"small\"\n              padding=\"px-4 py-1.5\"\n              variant=\"primary\"\n              startIcon={<Icon name={'Filter'} addClass=\"size-4\" />}\n              label={selectedFilter?.name}\n              title={selectedFilter?.name}\n              onClick={this.handleResetFilters}\n            />\n          </div>\n        </div>\n        <div>\n          <ZButton size=\"small\" variant=\"text-underline\" label={t('chat_filter.reset')} onClick={this.handleResetFilters} />\n        </div>\n      </div>\n    );\n  }\n\n  private renderFilter() {\n    const _filterType = filterChatsStore.get('filterType');\n    switch (_filterType) {\n      case 'quick':\n        return this.renderQuickFilter();\n      case 'advanced':\n        return this.renderAdvancedFilter();\n      default:\n        return this.renderCustomFilter();\n    }\n  }\n\n  render() {\n    const t = useTranslation();\n\n    return (\n      <Host>\n        <div class=\"search-box\">\n          <div class=\"flex-1\" id=\"search-chat-type\">\n            <menu-chat-type referenceSelector=\"search-chat-type\" />\n          </div>\n          <div class=\"search-box-input-wrapper\">\n            <div class=\"search-box-input-box\">\n              <input\n                id=\"search\"\n                type=\"text\"\n                placeholder={t('chat_tab.search_chat')}\n                class=\"search-box-input\"\n                value={this.query}\n                onInput={this.handleInput}\n                onKeyDown={this.handleEnter}\n              />\n              <div class=\"search-box-input-icon\" onClick={this.handleClick}>\n                <Icon name=\"Search\" />\n              </div>\n            </div>\n\n            <ZIconButton\n              variant=\"text\"\n              iconName=\"SlidersHorizontal\"\n              onClick={() => {\n                this.filterType = 'advanced';\n                this.showDialog = true;\n              }}\n            />\n            <ZIconButton variant=\"text\" iconName=\"Filter\" onClick={() => (this.showCustomFilterDialog = true)} />\n          </div>\n          {this.renderFilter()}\n\n          {this.showCustomFilterDialog && (\n            <div\n              class=\"dialog-backdrop\"\n              onClick={e => {\n                if (e.target === e.currentTarget) {\n                  this.showCustomFilterDialog = false;\n                }\n              }}\n            >\n              <dialog-custom-filter\n                onAdd={() => {\n                  this.filterType = 'custom';\n                  this.selectedFilter = null;\n                  this.showDialog = true;\n                }}\n                onEdit={(event: CustomEvent<ChatFilter>) => {\n                  this.selectedFilter = event.detail;\n                  this.filterType = 'custom';\n                  this.showDialog = true;\n                }}\n                onClose={() => (this.showCustomFilterDialog = false)}\n              />\n            </div>\n          )}\n\n          {this.showDialog && (\n            <div\n              class=\"dialog-backdrop\"\n              onClick={e => {\n                if (e.target === e.currentTarget) {\n                  this.showDialog = false;\n                }\n              }}\n            >\n              <dialog-search\n                selectedFilter={this.selectedFilter}\n                filterType={this.filterType}\n                oldFilter={this.filterSet}\n                onCancel={() => (this.showDialog = false)}\n                onSearch={event => this.handleFilter(event.detail)}\n              />\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}