zignal-stencil-library 1.1.119 → 1.1.120

package/dist/components/{p-DWruHyy7.js.map → p-DTo4lyq1.js.map}

@@ -1 +1 @@
-{"file":"p-DWruHyy7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/autocomplete-select/autocomplete-select.css?tag=autocomplete-select","src/components/autocomplete-select/autocomplete-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.autocomplete-select {\n  @apply relative w-full flex-1\n}\n\n.autocomplete-select-input {\n  @apply w-full border text-sm px-4 py-2 rounded-md ring-primary focus:outline-none focus:border-primary\n}\n\n.autocomplete-select-list {\n  @apply absolute rounded-sm text-sm border w-full mt-1 z-10 max-h-60 max-w-[240px] overflow-y-auto shadow-lg\n}\n\n.autocomplete-select-item-wrapper {\n  @apply px-3 py-2 hover:brightness-110 cursor-pointer\n}\n\n.autocomplete-select-item {\n  @apply px-3 py-2 flex flex-row items-center\n}\n\n.autocomplete-select-item-icon {\n  @apply inline-block size-3 mr-2 rounded-full\n}\n\n.autocomplete-select-item-text {\n  @apply inline-flex truncate max-w-[100px]\n}\n\n\n.autocomplete-select-item-counter {\n  @apply absolute right-1 top-3/4 -translate-y-1/2 text-white p-1 text-xs\n}","import { Component, Host, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { ItemType } from '../../store/type';\nimport { computePosition, autoUpdate, offset, flip, shift } from '@floating-ui/dom';\nimport { useTranslation } from '../../utils/utils';\nimport { TAG_LENGTH } from '../../utils/constant';\n\n@Component({\n  tag: 'autocomplete-select',\n  styleUrl: 'autocomplete-select.css',\n})\nexport class AutocompleteSelect {\n  @Prop() type?: 'tag' | 'status' = 'status';\n  @Prop() value?: string | string[];\n  @Prop() fetchItems!: () => Promise<ItemType[]>;\n  @Prop() createItem?: (name: string) => Promise<ItemType>;\n  @Prop() selectedIds?: string[];\n  @Prop() referenceSelector: string;\n\n  @Event() selecting: EventEmitter<ItemType>;\n  @Event() create: EventEmitter<ItemType>;\n\n  @State() allItems: ItemType[] = [];\n  @State() filteredItems: ItemType[] = [];\n  @State() inputValue = '';\n  @State() showDropdown = false;\n  @State() loading = true;\n\n  private triggerEl!: HTMLElement;\n  private popperEl: HTMLUListElement;\n\n  private cleanup?: () => void;\n\n  async componentWillLoad() {\n    if (typeof this.value === 'string') {\n      this.inputValue = this.value;\n    }\n    const items = await this.fetchItems();\n    this.allItems = items;\n    this.filteredItems = items;\n    this.loading = false;\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    window.addEventListener('close-all-poppers', this.handleCloseOthers);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    window.removeEventListener('close-all-poppers', this.handleCloseOthers);\n    this.cleanup?.();\n    this.popperEl?.remove();\n  }\n\n  handleClickOutside = (e: MouseEvent) => {\n    const path = e.composedPath();\n    if (!path.includes(this.triggerEl) && !path.includes(this.popperEl)) {\n      this.showDropdown = false;\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  };\n\n  private handleCloseOthers = (e: CustomEvent) => {\n    if (e.detail !== this && this.showDropdown) {\n      this.showDropdown = false;\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  };\n\n  onInput = (e: InputEvent) => {\n    const value = (e.target as HTMLInputElement).value;\n    this.inputValue = value;\n    this.showDropdown = true;\n\n    this.filteredItems = this.allItems.filter(i => i.name.toLowerCase().includes(value.toLowerCase()));\n  };\n\n  onSelectItem = (item: ItemType) => {\n    if (this.type === 'status') {\n      this.inputValue = item.name;\n    } else {\n      this.inputValue = '';\n    }\n    this.showDropdown = false;\n    this.selecting.emit(item);\n  };\n\n  async onCreateItem() {\n    const value = this.inputValue.trim();\n    if (value === '') return;\n    const existItem = this.allItems.find(i => i.name.toLowerCase() === value.toLowerCase());\n    if (existItem) {\n      this.onSelectItem(existItem);\n      return;\n    }\n\n    const newItem = await this.createItem(value);\n    const items = await this.fetchItems();\n    this.allItems = items;\n    this.create.emit(newItem);\n    this.onSelectItem(newItem);\n  }\n\n  onFocus = () => {\n    this.showDropdown = true;\n    if (this.showDropdown) {\n      window.dispatchEvent(new CustomEvent('close-all-poppers', { detail: this }));\n\n      const referenceEl = this.triggerEl;\n      if (!referenceEl || !this.popperEl) return;\n\n      const container = document.getElementById('chat-app') || document.body;\n      container.appendChild(this.popperEl);\n\n      this.cleanup = autoUpdate(referenceEl, this.popperEl, () => {\n        computePosition(referenceEl, this.popperEl, {\n          placement: 'bottom-start',\n          middleware: [offset(4), flip(), shift()],\n        }).then(({ x, y }) => {\n          Object.assign(this.popperEl.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n            zIndex: '9999',\n          });\n        });\n      });\n    } else {\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  };\n\n  render() {\n    const t = useTranslation();\n    const theme = configStore.get('theme');\n    const noMatch = this.inputValue && !this.allItems.some(i => i.name.toLowerCase() === this.inputValue.toLowerCase());\n\n    return (\n      <Host data-theme={theme}>\n        <div id={`auto-complete-${this.referenceSelector}`} class=\"autocomplete-select\">\n          <input\n            class={`autocomplete-select-input border-primary bg-paper text-primary`}\n            value={this.inputValue}\n            onInput={this.onInput}\n            onFocus={this.onFocus}\n            maxLength={this.type === 'tag' ? TAG_LENGTH : undefined}\n            onKeyDown={e => e.key === 'Enter' && this.showDropdown && this.onCreateItem()}\n            ref={el => (this.triggerEl = el)}\n            id={this.referenceSelector}\n          />\n          {this.type === 'tag' &&\n            <div class={`autocomplete-select-item-counter text-gray`}>\n              ({this.inputValue.length}/{TAG_LENGTH})\n            </div>\n          }\n\n          <ul\n            ref={el => (this.popperEl = el)}\n            class={`autocomplete-select-list bg-paper text-primary ${this.showDropdown ? '' : '!hidden'}`}\n          >\n            {noMatch && (\n              <li title={this.inputValue} class=\"autocomplete-select-item-wrapper\" onClick={() => this.onCreateItem()}>\n                <span class={`font-semibold text-accent`}>{t('new')}&nbsp;:&nbsp;</span>\n                &nbsp;<strong>{this.inputValue}</strong>\n                &nbsp;<span class={`font-semibold text-gray`}>{t('enter_create')}</span>\n              </li>\n            )}\n\n            {this.filteredItems.map(item => {\n              const isSelected = this.type === 'tag' ? this.selectedIds?.includes(item.id) : item.name?.toLowerCase() === this.inputValue?.toLowerCase();\n              return (\n                <li\n                  title={item.name}\n                  class={`autocomplete-select-item ${isSelected ? '' : 'hover:brightness-110'} cursor-pointer ${isSelected ? `bg-surface` : ''}`}\n                  onClick={() => (isSelected ? null : this.onSelectItem(item))}\n                >\n                  <span class=\"autocomplete-select-item-icon\" style={{ backgroundColor: item.color }}></span>\n                  <div class=\"autocomplete-select-item-text\">{item.name}</div>\n                  {isSelected && <span class={`font-semibold text-accent`}>&nbsp;({t('used')})</span>}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DTo4lyq1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/autocomplete-select/autocomplete-select.css?tag=autocomplete-select","src/components/autocomplete-select/autocomplete-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.autocomplete-select {\n  @apply relative w-full flex-1\n}\n\n.autocomplete-select-input {\n  @apply w-full border text-sm px-4 py-2 rounded-md ring-primary focus:outline-none focus:border-primary\n}\n\n.autocomplete-select-list {\n  @apply absolute rounded-sm text-sm border w-full mt-1 z-10 max-h-60 max-w-[240px] overflow-y-auto shadow-lg\n}\n\n.autocomplete-select-item-wrapper {\n  @apply px-3 py-2 hover:brightness-110 cursor-pointer\n}\n\n.autocomplete-select-item {\n  @apply px-3 py-2 flex flex-row items-center\n}\n\n.autocomplete-select-item-icon {\n  @apply inline-block size-3 mr-2 rounded-full\n}\n\n.autocomplete-select-item-text {\n  @apply inline-flex truncate max-w-[100px]\n}\n\n\n.autocomplete-select-item-counter {\n  @apply absolute right-1 top-3/4 -translate-y-1/2 text-white p-1 text-xs\n}","import { Component, Host, Prop, State, h, Event, EventEmitter } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { ItemType } from '../../store/type';\nimport { computePosition, autoUpdate, offset, flip, shift } from '@floating-ui/dom';\nimport { useTranslation } from '../../utils/utils';\nimport { TAG_LENGTH } from '../../utils/constant';\n\n@Component({\n  tag: 'autocomplete-select',\n  styleUrl: 'autocomplete-select.css',\n})\nexport class AutocompleteSelect {\n  @Prop() type?: 'tag' | 'status' = 'status';\n  @Prop() value?: string | string[];\n  @Prop() fetchItems!: () => Promise<ItemType[]>;\n  @Prop() createItem?: (name: string) => Promise<ItemType>;\n  @Prop() selectedIds?: string[];\n  @Prop() referenceSelector: string;\n\n  @Event() selecting: EventEmitter<ItemType>;\n  @Event() create: EventEmitter<ItemType>;\n\n  @State() allItems: ItemType[] = [];\n  @State() filteredItems: ItemType[] = [];\n  @State() inputValue = '';\n  @State() showDropdown = false;\n  @State() loading = true;\n\n  private triggerEl!: HTMLElement;\n  private popperEl: HTMLUListElement;\n\n  private cleanup?: () => void;\n\n  async componentWillLoad() {\n    if (typeof this.value === 'string') {\n      this.inputValue = this.value;\n    }\n    const items = await this.fetchItems();\n    this.allItems = items;\n    this.filteredItems = items;\n    this.loading = false;\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    window.addEventListener('close-all-poppers', this.handleCloseOthers);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    window.removeEventListener('close-all-poppers', this.handleCloseOthers);\n    this.cleanup?.();\n    this.popperEl?.remove();\n  }\n\n  handleClickOutside = (e: MouseEvent) => {\n    const path = e.composedPath();\n    if (!path.includes(this.triggerEl) && !path.includes(this.popperEl)) {\n      this.showDropdown = false;\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  };\n\n  private handleCloseOthers = (e: CustomEvent) => {\n    if (e.detail !== this && this.showDropdown) {\n      this.showDropdown = false;\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  };\n\n  onInput = (e: InputEvent) => {\n    const value = (e.target as HTMLInputElement).value;\n    this.inputValue = value;\n    this.showDropdown = true;\n\n    this.filteredItems = this.allItems.filter(i => i.name.toLowerCase().includes(value.toLowerCase()));\n  };\n\n  onSelectItem = (item: ItemType) => {\n    if (this.type === 'status') {\n      this.inputValue = item.name;\n    } else {\n      this.inputValue = '';\n    }\n    this.showDropdown = false;\n    this.selecting.emit(item);\n  };\n\n  async onCreateItem() {\n    const value = this.inputValue.trim();\n    if (value === '') return;\n    const existItem = this.allItems.find(i => i.name.toLowerCase() === value.toLowerCase());\n    if (existItem) {\n      this.onSelectItem(existItem);\n      return;\n    }\n\n    const newItem = await this.createItem(value);\n    const items = await this.fetchItems();\n    this.allItems = items;\n    this.create.emit(newItem);\n    this.onSelectItem(newItem);\n  }\n\n  onFocus = () => {\n    this.showDropdown = true;\n    if (this.showDropdown) {\n      window.dispatchEvent(new CustomEvent('close-all-poppers', { detail: this }));\n\n      const referenceEl = this.triggerEl;\n      if (!referenceEl || !this.popperEl) return;\n\n      const container = document.getElementById('chat-app') || document.body;\n      container.appendChild(this.popperEl);\n\n      this.cleanup = autoUpdate(referenceEl, this.popperEl, () => {\n        computePosition(referenceEl, this.popperEl, {\n          placement: 'bottom-start',\n          middleware: [offset(4), flip(), shift()],\n        }).then(({ x, y }) => {\n          Object.assign(this.popperEl.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n            zIndex: '9999',\n          });\n        });\n      });\n    } else {\n      this.cleanup?.();\n      this.popperEl?.remove();\n    }\n  };\n\n  render() {\n    const t = useTranslation();\n    const theme = configStore.get('theme');\n    const noMatch = this.inputValue && !this.allItems.some(i => i.name.toLowerCase() === this.inputValue.toLowerCase());\n\n    return (\n      <Host data-theme={theme}>\n        <div id={`auto-complete-${this.referenceSelector}`} class=\"autocomplete-select\">\n          <input\n            class={`autocomplete-select-input border-primary bg-paper text-primary`}\n            value={this.inputValue}\n            onInput={this.onInput}\n            onFocus={this.onFocus}\n            maxLength={this.type === 'tag' ? TAG_LENGTH : undefined}\n            onKeyDown={e => e.key === 'Enter' && this.showDropdown && this.onCreateItem()}\n            ref={el => (this.triggerEl = el)}\n            id={this.referenceSelector}\n          />\n          {this.type === 'tag' &&\n            <div class={`autocomplete-select-item-counter text-gray`}>\n              ({this.inputValue.length}/{TAG_LENGTH})\n            </div>\n          }\n\n          <ul\n            ref={el => (this.popperEl = el)}\n            class={`autocomplete-select-list bg-paper text-primary ${this.showDropdown ? '' : '!hidden'}`}\n          >\n            {noMatch && (\n              <li title={this.inputValue} class=\"autocomplete-select-item-wrapper\" onClick={() => this.onCreateItem()}>\n                <span class={`font-semibold text-accent`}>{t('new')}&nbsp;:&nbsp;</span>\n                &nbsp;<strong>{this.inputValue}</strong>\n                &nbsp;<span class={`font-semibold text-gray`}>{t('enter_create')}</span>\n              </li>\n            )}\n\n            {this.filteredItems.map(item => {\n              const isSelected = this.type === 'tag' ? this.selectedIds?.includes(item.id) : item.name?.toLowerCase() === this.inputValue?.toLowerCase();\n              return (\n                <li\n                  title={item.name}\n                  class={`autocomplete-select-item ${isSelected ? '' : 'hover:brightness-110'} cursor-pointer ${isSelected ? `bg-surface` : ''}`}\n                  onClick={() => (isSelected ? null : this.onSelectItem(item))}\n                >\n                  <span class=\"autocomplete-select-item-icon\" style={{ backgroundColor: item.color }}></span>\n                  <div class=\"autocomplete-select-item-text\">{item.name}</div>\n                  {isSelected && <span class={`font-semibold text-accent`}>&nbsp;({t('used')})</span>}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}