@wrrdev/fenix-ui 1.0.17 → 1.1.0

package/dist/components/picklist/picklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"picklist.js","sources":["../../../src/components/picklist/picklist.ts"],"sourcesContent":["import { FxElement } from '../../core/base';\nimport { css } from '../../core/css';\nimport { defineElement } from '../../core/define';\nimport { esc } from '../../core/sanitize';\n\nexport interface PickListItem {\n  [key: string]: unknown;\n}\n\n/**\n * <fx-picklist> - Componente para transferir itens entre duas listas.\n *\n * Permite mover itens entre uma lista de origem e uma lista de destino.\n * Suporta filtro, seleção múltipla, checkbox e templates customizados.\n *\n * Atributos: source, target, source-key, target-key, filter, filter-by,\n * filter-placeholder, dragdrop, striped, selection-mode, source-label, target-label.\n * Evento: `move-to-target` (composed, detail: { items }).\n * Evento: `move-to-source` (composed, detail: { items }).\n * Evento: `selection-change-source` (composed, detail: { selection }).\n * Evento: `selection-change-target` (composed, detail: { selection }).\n */\nexport class FxPickList extends FxElement {\n  static override styles = css`\n    :host {\n      display: block;\n      font-family: var(--fx-font-family);\n      font-size: var(--fx-font-size);\n      --picklist-primary: var(--fx-color-primary, #3b82f6);\n      --picklist-border: var(--fx-border-default, #e2e8f0);\n      --picklist-bg: var(--fx-surface-background, #ffffff);\n      --picklist-bg-hover: var(--fx-surface-surface-hover, #f1f5f9);\n      --picklist-text: var(--fx-text-default, #1e293b);\n      --picklist-text-muted: var(--fx-text-muted, #64748b);\n      --picklist-radius: var(--fx-radius-md, 8px);\n      --picklist-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      --picklist-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    * { box-sizing: border-box; }\n    .container {\n      display: flex;\n      gap: var(--fx-space-sm, 8px);\n      align-items: stretch;\n    }\n    .list-container {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--fx-space-sm, 8px);\n      min-width: 0;\n    }\n    .list-label {\n      font-weight: 600;\n      color: var(--picklist-text);\n      font-size: calc(var(--fx-font-size) - 1px);\n    }\n    .select-all-bar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: var(--fx-space-sm, 10px) var(--fx-space-md, 14px);\n      background: linear-gradient(135deg, var(--picklist-bg), var(--picklist-bg-hover));\n      border: 1px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      font-size: 0.9em;\n      font-weight: 500;\n    }\n    .select-all-bar label {\n      display: flex;\n      align-items: center;\n      gap: var(--fx-space-sm, 10px);\n      cursor: pointer;\n      user-select: none;\n      color: var(--picklist-text);\n    }\n    .select-all-bar input[type=\"checkbox\"] {\n      width: 18px;\n      height: 18px;\n      accent-color: var(--picklist-primary);\n      cursor: pointer;\n    }\n    .selection-count {\n      font-size: 0.85em;\n      color: var(--picklist-primary);\n      background: color-mix(in srgb, var(--picklist-primary) 12%, transparent);\n      padding: 4px 12px;\n      border-radius: 20px;\n      font-weight: 600;\n    }\n    .controls {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      padding: var(--fx-space-xs, 6px);\n      background: var(--picklist-bg);\n      border: 1px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      box-shadow: var(--picklist-shadow);\n      height: fit-content;\n      position: sticky;\n      top: 0;\n      align-self: center;\n    }\n    .control-group {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n    }\n    .control-group + .control-group {\n      margin-top: 4px;\n      padding-top: 6px;\n      border-top: 1px solid var(--picklist-border);\n    }\n    .list-wrapper {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--fx-space-sm, 8px);\n    }\n    .filter-wrapper {\n      margin-bottom: var(--fx-space-xs, 4px);\n    }\n    .filter-input {\n      width: 100%;\n      box-sizing: border-box;\n      padding: var(--fx-space-sm, 10px) var(--fx-space-md, 14px);\n      padding-left: 42px;\n      border: 1.5px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      font-family: inherit;\n      font-size: inherit;\n      color: var(--picklist-text);\n      background: var(--picklist-bg) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\") no-repeat 14px center;\n      transition: var(--picklist-transition);\n    }\n    .filter-input:focus {\n      outline: none;\n      border-color: var(--picklist-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--picklist-primary) 20%, transparent);\n    }\n    .filter-input::placeholder {\n      color: var(--picklist-text-muted);\n    }\n    .list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      border: 1px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      overflow: hidden;\n      box-shadow: var(--picklist-shadow);\n      min-height: 200px;\n      max-height: 450px;\n      overflow-y: auto;\n      flex: 1;\n    }\n    .list::-webkit-scrollbar { width: 6px; }\n    .list::-webkit-scrollbar-track { background: transparent; }\n    .list::-webkit-scrollbar-thumb { background: var(--picklist-border); border-radius: 3px; }\n    .list::-webkit-scrollbar-thumb:hover { background: var(--picklist-text-muted); }\n    :host([striped]) .list-item:nth-child(even) {\n      background: var(--fx-surface-surface, #f8fafc);\n    }\n    .list-item {\n      display: flex;\n      align-items: center;\n      gap: var(--fx-space-sm, 10px);\n      padding: var(--fx-space-sm, 10px) var(--fx-space-md, 14px);\n      background: var(--picklist-bg);\n      border-bottom: 1px solid var(--picklist-border);\n      cursor: pointer;\n      user-select: none;\n      transition: var(--picklist-transition);\n    }\n    .list-item:last-child { border-bottom: none; }\n    .list-item:hover { background: var(--picklist-bg-hover); }\n    .list-item.selected {\n      background: color-mix(in srgb, var(--picklist-primary) 8%, transparent);\n      border-left: 3px solid var(--picklist-primary);\n      padding-left: 11px;\n    }\n    .list-item:focus-visible {\n      outline: none;\n      background: color-mix(in srgb, var(--picklist-primary) 15%, transparent);\n    }\n    .checkbox {\n      flex-shrink: 0;\n      width: 18px;\n      height: 18px;\n      accent-color: var(--picklist-primary);\n      cursor: pointer;\n      transition: var(--picklist-transition);\n    }\n    .checkbox:hover { transform: scale(1.1); }\n    .item-content {\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .empty-message {\n      padding: var(--fx-space-xl, 32px);\n      text-align: center;\n      color: var(--picklist-text-muted);\n      font-style: italic;\n    }\n    button.control-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 38px;\n      padding: 0;\n      border: none;\n      border-radius: 8px;\n      background: transparent;\n      color: var(--picklist-text-muted);\n      cursor: pointer;\n      font-size: 16px;\n      line-height: 1;\n      transition: var(--picklist-transition);\n      position: relative;\n    }\n    button.control-btn:hover:not(:disabled) {\n      background: var(--picklist-bg-hover);\n      color: var(--picklist-primary);\n      transform: scale(1.1);\n    }\n    button.control-btn:active:not(:disabled) {\n      transform: scale(0.92);\n      background: color-mix(in srgb, var(--picklist-primary) 15%, transparent);\n    }\n    button.control-btn:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--picklist-primary) 30%, transparent);\n    }\n    button.control-btn:disabled {\n      opacity: 0.3;\n      cursor: not-allowed;\n      transform: none;\n    }\n    .control-btn-icon { font-size: 18px; line-height: 1; }\n\n    button.control-btn:hover::after {\n      opacity: 1;\n      transform: translateX(-50%) translateY(0);\n    }\n    @media (max-width: 640px) {\n      .container { flex-direction: column; }\n      .controls {\n        flex-direction: row;\n        flex-wrap: wrap;\n        justify-content: center;\n        position: relative;\n      }\n      .control-group { flex-direction: row; }\n      .control-group + .control-group {\n        margin-top: 0;\n        margin-left: 4px;\n        padding-top: 0;\n        padding-left: 4px;\n        border-top: none;\n        border-left: 1px solid var(--picklist-border);\n      }\n      button.control-btn { width: 44px; height: 40px; }\n      button.control-btn::after { display: none; }\n      .list { max-height: 300px; min-height: 150px; }\n    }\n    @keyframes slideIn {\n      from { opacity: 0; transform: translateX(-10px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    .list-item { animation: slideIn 0.2s ease-out; }\n  `;\n\n  static override get observedAttributes(): string[] {\n    return [\n      'source',\n      'target',\n      'source-key',\n      'target-key',\n      'filter',\n      'filter-by',\n      'filter-placeholder',\n      'dragdrop',\n      'striped',\n      'selection-mode',\n      'show-select-all',\n      'source-label',\n      'target-label',\n    ];\n  }\n\n  set source(value: PickListItem[]) {\n    this._source = value;\n    this._filteredSource = null;\n    this.render();\n  }\n  get source(): PickListItem[] {\n    return this._source;\n  }\n  private _source: PickListItem[] = [];\n  private _filteredSource: PickListItem[] | null = null;\n\n  set target(value: PickListItem[]) {\n    this._target = value;\n    this._filteredTarget = null;\n    this.render();\n  }\n  get target(): PickListItem[] {\n    return this._target;\n  }\n  private _target: PickListItem[] = [];\n  private _filteredTarget: PickListItem[] | null = null;\n\n  set sourceSelection(value: PickListItem[]) {\n    this._sourceSelection = value;\n    this.render();\n  }\n  get sourceSelection(): PickListItem[] {\n    return this._sourceSelection;\n  }\n  private _sourceSelection: PickListItem[] = [];\n\n  set targetSelection(value: PickListItem[]) {\n    this._targetSelection = value;\n    this.render();\n  }\n  get targetSelection(): PickListItem[] {\n    return this._targetSelection;\n  }\n  private _targetSelection: PickListItem[] = [];\n\n  get sourceKey(): string {\n    return this.getAttr('source-key', '');\n  }\n  set sourceKey(v: string) {\n    this.setAttribute('source-key', v);\n  }\n\n  get targetKey(): string {\n    return this.getAttr('target-key', '');\n  }\n  set targetKey(v: string) {\n    this.setAttribute('target-key', v);\n  }\n\n  get filter(): boolean {\n    return this.hasAttr('filter');\n  }\n  set filter(v: boolean) {\n    this.toggleAttr('filter', v);\n  }\n\n  get filterBy(): string {\n    return this.getAttr('filter-by', 'label');\n  }\n  set filterBy(v: string) {\n    this.setAttribute('filter-by', v);\n  }\n\n  get filterPlaceholder(): string {\n    return this.getAttr('filter-placeholder', 'Buscar...');\n  }\n  set filterPlaceholder(v: string) {\n    this.setAttribute('filter-placeholder', v);\n  }\n\n  get dragdrop(): boolean {\n    return this.hasAttr('dragdrop');\n  }\n  set dragdrop(v: boolean) {\n    this.toggleAttr('dragdrop', v);\n  }\n\n  get striped(): boolean {\n    return this.hasAttr('striped');\n  }\n  set striped(v: boolean) {\n    this.toggleAttr('striped', v);\n  }\n\n  get selectionMode(): string {\n    const s = this.getAttr('selection-mode', '');\n    return s === 'single' || s === 'multiple' ? s : '';\n  }\n  set selectionMode(v: string) {\n    this.setAttribute('selection-mode', v);\n  }\n\n  get showSelectAll(): boolean {\n    return this.hasAttr('show-select-all');\n  }\n  set showSelectAll(v: boolean) {\n    this.toggleAttr('show-select-all', v);\n  }\n\n  get sourceLabel(): string {\n    return this.getAttr('source-label', 'Disponíveis');\n  }\n  set sourceLabel(v: string) {\n    this.setAttribute('source-label', v);\n  }\n\n  get targetLabel(): string {\n    return this.getAttr('target-label', 'Selecionados');\n  }\n  set targetLabel(v: string) {\n    this.setAttribute('target-label', v);\n  }\n\n  get sourceFilterValue(): string {\n    return this._sourceFilterValue;\n  }\n  set sourceFilterValue(v: string) {\n    this._sourceFilterValue = v;\n    this._applySourceFilter();\n    this._updateListDisplay();\n  }\n  private _sourceFilterValue = '';\n\n  get targetFilterValue(): string {\n    return this._targetFilterValue;\n  }\n  set targetFilterValue(v: string) {\n    this._targetFilterValue = v;\n    this._applyTargetFilter();\n    this._updateListDisplay();\n  }\n  private _targetFilterValue = '';\n  private _filterListenersAttached = false;\n\n  private _optionTemplate: ((item: PickListItem) => string) | null = null;\n\n  setOptionTemplate(template: (item: PickListItem) => string): void {\n    this._optionTemplate = template;\n    this.render();\n  }\n\n  protected override connectedCallback(): void {\n    this._parseSourceAttribute();\n    this._parseTargetAttribute();\n    super.connectedCallback();\n  }\n\n  protected override attributeChangedCallback(): void {\n    if (this.getAttr('source', '') !== '') {\n      this._parseSourceAttribute();\n    }\n    if (this.getAttr('target', '') !== '') {\n      this._parseTargetAttribute();\n    }\n    super.attributeChangedCallback();\n  }\n\n  private _parseSourceAttribute(): void {\n    const dataAttr = this.getAttr('source', '');\n    if (dataAttr) {\n      try {\n        this._source = JSON.parse(dataAttr);\n        this._filteredSource = null;\n      } catch {\n        this._source = [];\n      }\n    }\n  }\n\n  private _parseTargetAttribute(): void {\n    const dataAttr = this.getAttr('target', '');\n    if (dataAttr) {\n      try {\n        this._target = JSON.parse(dataAttr);\n        this._filteredTarget = null;\n      } catch {\n        this._target = [];\n      }\n    }\n  }\n\n  private _applySourceFilter(): void {\n    if (!this._sourceFilterValue) {\n      this._filteredSource = null;\n      return;\n    }\n    const filterFields = this.filterBy.split(',').map(f => f.trim());\n    this._filteredSource = this._source.filter(item => {\n      return filterFields.some(field => {\n        const value = item[field];\n        if (value == null) return false;\n        return String(value).toLowerCase().includes(this._sourceFilterValue.toLowerCase());\n      });\n    });\n  }\n\n  private _applyTargetFilter(): void {\n    if (!this._targetFilterValue) {\n      this._filteredTarget = null;\n      return;\n    }\n    const filterFields = this.filterBy.split(',').map(f => f.trim());\n    this._filteredTarget = this._target.filter(item => {\n      return filterFields.some(field => {\n        const value = item[field];\n        if (value == null) return false;\n        return String(value).toLowerCase().includes(this._targetFilterValue.toLowerCase());\n      });\n    });\n  }\n\n  private _getDisplaySource(): PickListItem[] {\n    return this._filteredSource || this._source;\n  }\n\n  private _getDisplayTarget(): PickListItem[] {\n    return this._filteredTarget || this._target;\n  }\n\n  private _getItemKey(item: PickListItem, index: number, isSource: boolean): string {\n    const keyField = isSource ? this.sourceKey : this.targetKey;\n    if (keyField && item[keyField] != null) {\n      return String(item[keyField]);\n    }\n    if (item['id'] != null) return String(item['id']);\n    if (item['key'] != null) return String(item['key']);\n    if (item['label'] != null) return String(item['label']);\n    if (item['name'] != null) return String(item['name']);\n    if (item['value'] != null) return String(item['value']);\n    return String(index);\n  }\n\n  private _getItemLabel(item: PickListItem): string {\n    const fields = ['label', 'name', 'title', 'text', 'value'];\n    for (const field of fields) {\n      if (item[field] != null) {\n        return String(item[field]);\n      }\n    }\n    return JSON.stringify(item);\n  }\n\n  private _isSourceSelected(item: PickListItem, index: number): boolean {\n    return this._sourceSelection.some(s => this._getItemKey(s, -1, true) === this._getItemKey(item, index, true));\n  }\n\n  private _isTargetSelected(item: PickListItem, index: number): boolean {\n    return this._targetSelection.some(s => this._getItemKey(s, -1, false) === this._getItemKey(item, index, false));\n  }\n\n  private _emitMoveToTarget(): void {\n    this.dispatchEvent(new CustomEvent('move-to-target', {\n      bubbles: true,\n      composed: true,\n      detail: { items: [...this._sourceSelection], source: [...this._source], target: [...this._target] },\n    }));\n  }\n\n  private _emitMoveToSource(): void {\n    this.dispatchEvent(new CustomEvent('move-to-source', {\n      bubbles: true,\n      composed: true,\n      detail: { items: [...this._targetSelection], source: [...this._source], target: [...this._target] },\n    }));\n  }\n\n  private _emitSelectionChangeSource(): void {\n    this.dispatchEvent(new CustomEvent('selection-change-source', {\n      bubbles: true,\n      composed: true,\n      detail: { selection: [...this._sourceSelection] },\n    }));\n  }\n\n  private _emitSelectionChangeTarget(): void {\n    this.dispatchEvent(new CustomEvent('selection-change-target', {\n      bubbles: true,\n      composed: true,\n      detail: { selection: [...this._targetSelection] },\n    }));\n  }\n\n  protected override render(): void {\n    const dSrc = this._getDisplaySource();\n    const dTgt = this._getDisplayTarget();\n    const hasSel = this.selectionMode;\n    const showAll = hasSel === 'multiple' && this.showSelectAll;\n    const srcItems = dSrc.length === 0 ? `<li class=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum item'}</li>` : dSrc.map((item, i) => `<li class=\"list-item${this._isSourceSelected(item, i) ? ' selected' : ''}\" data-index=\"${i}\" data-list=\"source\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\"' + (this._isSourceSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    const tgtItems = dTgt.length === 0 ? `<li class=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum selecionado'}</li>` : dTgt.map((item, i) => `<li class=\"list-item${this._isTargetSelected(item, i) ? ' selected' : ''}\" data-index=\"${i}\" data-list=\"target\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\"' + (this._isTargetSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    const srcAllBar = showAll ? `<div class=\"select-all-bar\" part=\"select-all-bar\"><label><input type=\"checkbox\" class=\"select-all-checkbox\" data-list=\"source\" ${this._sourceSelection.length > 0 && this._sourceSelection.length === this._source.length ? 'checked' : ''} aria-label=\"Selecionar todos da origem\" /> Selecionar Todos</label><span class=\"selection-count\">${this._sourceSelection.length} selecionado(s)</span></div>` : '';\n    const tgtAllBar = showAll ? `<div class=\"select-all-bar\" part=\"select-all-bar\"><label><input type=\"checkbox\" class=\"select-all-checkbox\" data-list=\"target\" ${this._targetSelection.length > 0 && this._targetSelection.length === this._target.length ? 'checked' : ''} aria-label=\"Selecionar todos do destino\" /> Selecionar Todos</label><span class=\"selection-count\">${this._targetSelection.length} selecionado(s)</span></div>` : '';\n\n    this.setTemplate(`<div class=\"container\"><div class=\"list-container\"><div class=\"list-label\">${esc(this.sourceLabel)} (${this._source.length})</div>${this.filter ? '<div class=\"filter-wrapper\"><input type=\"text\" class=\"filter-input source-filter\" placeholder=\"' + this.filterPlaceholder + '\" value=\"' + esc(this._sourceFilterValue) + '\" /></div>' : ''}${srcAllBar}<div class=\"list-wrapper\"><ul class=\"list source-list\" role=\"listbox\" tabindex=\"0\">${srcItems}</ul></div></div><div class=\"controls\"><div class=\"control-group\"><button class=\"control-btn\" data-action=\"move-all-target\" part=\"control-btn\" aria-label=\"Mover todos para destino\"><span class=\"control-btn-icon\">»</span></button><button class=\"control-btn\" data-action=\"move-target\" part=\"control-btn\" aria-label=\"Mover para destino\"><span class=\"control-btn-icon\">→</span></button></div><div class=\"control-group\"><button class=\"control-btn\" data-action=\"move-source\" part=\"control-btn\" aria-label=\"Mover para origem\"><span class=\"control-btn-icon\">←</span></button><button class=\"control-btn\" data-action=\"move-all-source\" part=\"control-btn\" aria-label=\"Mover todos para origem\"><span class=\"control-btn-icon\">«</span></button></div></div><div class=\"list-container\"><div class=\"list-label\">${esc(this.targetLabel)} (${this._target.length})</div>${this.filter ? '<div class=\"filter-wrapper\"><input type=\"text\" class=\"filter-input target-filter\" placeholder=\"' + this.filterPlaceholder + '\" value=\"' + esc(this._targetFilterValue) + '\" /></div>' : ''}${tgtAllBar}<div class=\"list-wrapper\"><ul class=\"list target-list\" role=\"listbox\" tabindex=\"0\">${tgtItems}</ul></div></div></div>`);\n\n    this._attachListeners();\n  }\n\n  private _attachListeners(): void {\n    // Listeners delegados no root, anexados uma unica vez (sobrevivem a re-renders)\n    if (!this._filterListenersAttached) {\n      this._filterListenersAttached = true;\n\n      this.root.addEventListener('input', (e) => {\n        const t = e.target as HTMLElement;\n        if (t.classList.contains('select-all-checkbox')) {\n          this._handleSelectAll(t as HTMLInputElement);\n          return;\n        }\n        if (t.classList.contains('source-filter')) {\n          this.sourceFilterValue = (t as HTMLInputElement).value;\n        } else if (t.classList.contains('target-filter')) {\n          this.targetFilterValue = (t as HTMLInputElement).value;\n        }\n      });\n\n      this.root.addEventListener('click', (e) => {\n        const t = e.target as HTMLElement;\n        const btn = t.closest('.control-btn') as HTMLButtonElement | null;\n        if (btn) {\n          switch (btn.dataset.action) {\n            case 'move-target': this._moveToTarget(); break;\n            case 'move-all-target': this._moveAllToTarget(); break;\n            case 'move-source': this._moveToSource(); break;\n            case 'move-all-source': this._moveAllToSource(); break;\n          }\n          return;\n        }\n        const el = t.closest('.list-item') as HTMLElement | null;\n        if (!el) return;\n        const isSrc = el.dataset.list === 'source';\n        const idx = Number(el.dataset.index);\n        const item = (isSrc ? this._getDisplaySource() : this._getDisplayTarget())[idx];\n        if (isSrc) this._toggleSourceSelection(item, idx); else this._toggleTargetSelection(item, idx);\n      });\n    }\n    this._updateControlsState();\n  }\n\n  private _handleSelectAll(checkbox: HTMLInputElement): void {\n    const isSrc = checkbox.dataset.list === 'source';\n    if (isSrc) {\n      this._sourceSelection = checkbox.checked ? [...this._getDisplaySource()] : [];\n      this._emitSelectionChangeSource();\n    } else {\n      this._targetSelection = checkbox.checked ? [...this._getDisplayTarget()] : [];\n      this._emitSelectionChangeTarget();\n    }\n    this._updateSelectionDisplay();\n    this._updateControlsState();\n  }\n\n  /**\n   * Atualiza a selecao visual in-place (classes e checkboxes dos itens existentes),\n   * sem recriar o DOM — mantendo referencias de elementos validas durante cliques.\n   */\n  private _updateSelectionDisplay(): void {\n    const updateList = (listSel: HTMLElement | null, isSelFn: (item: PickListItem, i: number) => boolean, getData: () => PickListItem[]): void => {\n      if (!listSel) return;\n      listSel.querySelectorAll<HTMLElement>('.list-item').forEach(el => {\n        const idx = Number(el.dataset.index);\n        const selected = isSelFn(getData()[idx], idx);\n        el.classList.toggle('selected', selected);\n        el.setAttribute('aria-selected', String(selected));\n        const cb = el.querySelector<HTMLInputElement>('.checkbox');\n        if (cb) cb.checked = selected;\n      });\n    };\n    updateList(this.root.querySelector('.source-list'), (it, i) => this._isSourceSelected(it, i), () => this._getDisplaySource());\n    updateList(this.root.querySelector('.target-list'), (it, i) => this._isTargetSelected(it, i), () => this._getDisplayTarget());\n    this._updateSelectAllBars();\n  }\n\n  /** Sincroniza as barras \"Selecionar Todos\" (checkbox + contador) sem re-render completo. */\n  private _updateSelectAllBars(): void {\n    if (!(this.selectionMode === 'multiple' && this.showSelectAll)) return;\n    const bars = [\n      { el: this.root.querySelector<HTMLInputElement>('.select-all-checkbox[data-list=\"source\"]'), total: this._source.length, sel: this._sourceSelection.length },\n      { el: this.root.querySelector<HTMLInputElement>('.select-all-checkbox[data-list=\"target\"]'), total: this._target.length, sel: this._targetSelection.length },\n    ];\n    bars.forEach(({ el, total, sel }) => {\n      if (!el) return;\n      el.checked = total > 0 && sel === total;\n      const count = el.closest('.select-all-bar')?.querySelector('.selection-count');\n      if (count) count.textContent = `${sel} selecionado(s)`;\n    });\n  }\n\n  private _updateControlsState(): void {\n    this.root.querySelectorAll<HTMLButtonElement>('.control-btn').forEach(btn => {\n      const a = btn.dataset.action;\n      btn.disabled = (a === 'move-target' && this._sourceSelection.length === 0) || (a === 'move-all-target' && this._source.length === 0) || (a === 'move-source' && this._targetSelection.length === 0) || (a === 'move-all-source' && this._target.length === 0);\n    });\n  }\n\n  private _moveToTarget(): void {\n    if (!this._sourceSelection.length) return;\n    const items = [...this._sourceSelection];\n    this._source = this._source.filter(s => !items.some(i => this._getItemKey(i, -1, true) === this._getItemKey(s, -1, true)));\n    this._target = [...this._target, ...items];\n    this._sourceSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToTarget();\n  }\n\n  private _moveToSource(): void {\n    if (!this._targetSelection.length) return;\n    const items = [...this._targetSelection];\n    this._target = this._target.filter(t => !items.some(i => this._getItemKey(i, -1, false) === this._getItemKey(t, -1, false)));\n    this._source = [...this._source, ...items];\n    this._targetSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToSource();\n  }\n\n  private _moveAllToTarget(): void {\n    const items = [...this._source];\n    this._source = [];\n    this._target = [...this._target, ...items];\n    this._sourceSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToTarget();\n  }\n\n  private _moveAllToSource(): void {\n    const items = [...this._target];\n    this._target = [];\n    this._source = [...this._source, ...items];\n    this._targetSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToSource();\n  }\n\n  private _toggleSourceSelection(item: PickListItem, index: number): void {\n    // Sem selection-mode definido, permite selecao simples (um item por vez)\n    const mode = this.selectionMode || 'single';\n    const key = this._getItemKey(item, index, true);\n    const idx = this._sourceSelection.findIndex(s => this._getItemKey(s, -1, true) === key);\n    if (idx >= 0) {\n      this._sourceSelection.splice(idx, 1);\n    } else if (mode === 'multiple') {\n      this._sourceSelection.push(item);\n    } else {\n      this._sourceSelection = [item];\n    }\n    this._emitSelectionChangeSource();\n    this._updateSelectionDisplay();\n    this._updateControlsState();\n  }\n\n  private _toggleTargetSelection(item: PickListItem, index: number): void {\n    // Sem selection-mode definido, permite selecao simples (um item por vez)\n    const mode = this.selectionMode || 'single';\n    const key = this._getItemKey(item, index, false);\n    const idx = this._targetSelection.findIndex(s => this._getItemKey(s, -1, false) === key);\n    if (idx >= 0) {\n      this._targetSelection.splice(idx, 1);\n    } else if (mode === 'multiple') {\n      this._targetSelection.push(item);\n    } else {\n      this._targetSelection = [item];\n    }\n    this._emitSelectionChangeTarget();\n    this._updateSelectionDisplay();\n    this._updateControlsState();\n  }\n\n  private _updateListDisplay(): void {\n    const srcWrapper = this.root.querySelector('.source-list')?.parentElement;\n    const tgtWrapper = this.root.querySelector('.target-list')?.parentElement;\n    const srcLabel = this.root.querySelector('.list-container:first-of-type .list-label');\n    const tgtLabel = this.root.querySelector('.list-container:last-of-type .list-label');\n    if (!srcWrapper || !tgtWrapper) { this.render(); return; }\n    const dSrc = this._getDisplaySource();\n    const dTgt = this._getDisplayTarget();\n    const hasSel = this.selectionMode;\n    const srcItems = dSrc.length === 0 ? `<li class=\"empty-message\" part=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum item'}</li>` : dSrc.map((item, i) => `<li class=\"list-item${this._isSourceSelected(item, i) ? ' selected' : ''}\" part=\"list-item\" data-index=\"${i}\" data-list=\"source\" role=\"option\" aria-selected=\"${this._isSourceSelected(item, i)}\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\" part=\"checkbox\"' + (this._isSourceSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\" part=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    const tgtItems = dTgt.length === 0 ? `<li class=\"empty-message\" part=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum selecionado'}</li>` : dTgt.map((item, i) => `<li class=\"list-item${this._isTargetSelected(item, i) ? ' selected' : ''}\" part=\"list-item\" data-index=\"${i}\" data-list=\"target\" role=\"option\" aria-selected=\"${this._isTargetSelected(item, i)}\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\" part=\"checkbox\"' + (this._isTargetSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\" part=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    srcWrapper.innerHTML = `<ul class=\"list source-list\" role=\"listbox\" tabindex=\"0\">${srcItems}</ul>`;\n    tgtWrapper.innerHTML = `<ul class=\"list target-list\" role=\"listbox\" tabindex=\"0\">${tgtItems}</ul>`;\n    if (srcLabel) srcLabel.textContent = `${this.sourceLabel} (${this._source.length})`;\n    if (tgtLabel) tgtLabel.textContent = `${this.targetLabel} (${this._target.length})`;\n    this._updateSelectAllBars();\n    this._attachListeners();\n  }\n}\n\nexport function defineFxPickList(): typeof FxPickList {\n  return defineElement('fx-picklist', FxPickList);\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"picklist.js","sources":["../../../src/components/picklist/picklist.ts"],"sourcesContent":["import { FxElement } from '../../core/base';\nimport { css } from '../../core/css';\nimport { defineElement } from '../../core/define';\nimport { esc } from '../../core/sanitize';\n\nexport interface PickListItem {\n  [key: string]: unknown;\n}\n\n/**\n * <fx-picklist> - Componente para transferir itens entre duas listas.\n *\n * Permite mover itens entre uma lista de origem e uma lista de destino.\n * Suporta filtro, seleção múltipla, checkbox e templates customizados.\n *\n * Atributos: source, target, source-key, target-key, filter, filter-by,\n * filter-placeholder, dragdrop, striped, selection-mode, source-label, target-label.\n * Evento: `move-to-target` (composed, detail: { items }).\n * Evento: `move-to-source` (composed, detail: { items }).\n * Evento: `selection-change-source` (composed, detail: { selection }).\n * Evento: `selection-change-target` (composed, detail: { selection }).\n */\nexport class FxPickList extends FxElement {\n  static override styles = css`\n    :host {\n      display: block;\n      font-family: var(--fx-font-family);\n      font-size: var(--fx-font-size);\n      --picklist-primary: var(--fx-color-primary, #3b82f6);\n      --picklist-border: var(--fx-border-default, #e2e8f0);\n      --picklist-bg: var(--fx-surface-background, #ffffff);\n      --picklist-bg-hover: var(--fx-surface-surface-hover, #f1f5f9);\n      --picklist-text: var(--fx-text-default, #1e293b);\n      --picklist-text-muted: var(--fx-text-muted, #64748b);\n      --picklist-radius: var(--fx-radius-md, 8px);\n      --picklist-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      --picklist-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    * { box-sizing: border-box; }\n    .container {\n      display: flex;\n      gap: var(--fx-space-sm, 8px);\n      align-items: stretch;\n    }\n    .list-container {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--fx-space-sm, 8px);\n      min-width: 0;\n    }\n    .list-label {\n      font-weight: 600;\n      color: var(--picklist-text);\n      font-size: calc(var(--fx-font-size) - 1px);\n    }\n    .select-all-bar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: var(--fx-space-sm, 10px) var(--fx-space-md, 14px);\n      background: linear-gradient(135deg, var(--picklist-bg), var(--picklist-bg-hover));\n      border: 1px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      font-size: 0.9em;\n      font-weight: 500;\n    }\n    .select-all-bar label {\n      display: flex;\n      align-items: center;\n      gap: var(--fx-space-sm, 10px);\n      cursor: pointer;\n      user-select: none;\n      color: var(--picklist-text);\n    }\n    .select-all-bar input[type=\"checkbox\"] {\n      width: 18px;\n      height: 18px;\n      accent-color: var(--picklist-primary);\n      cursor: pointer;\n    }\n    .selection-count {\n      font-size: 0.85em;\n      color: var(--picklist-primary);\n      background: color-mix(in srgb, var(--picklist-primary) 12%, transparent);\n      padding: 4px 12px;\n      border-radius: 20px;\n      font-weight: 600;\n    }\n    .controls {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      justify-content: center;\n      padding: var(--fx-space-xs, 6px);\n      background: var(--picklist-bg);\n      border: 1px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      box-shadow: var(--picklist-shadow);\n      height: fit-content;\n      position: sticky;\n      top: 0;\n      align-self: center;\n    }\n    .control-group {\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n    }\n    .control-group + .control-group {\n      margin-top: 4px;\n      padding-top: 6px;\n      border-top: 1px solid var(--picklist-border);\n    }\n    .list-wrapper {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--fx-space-sm, 8px);\n    }\n    .filter-wrapper {\n      margin-bottom: var(--fx-space-xs, 4px);\n    }\n    .filter-input {\n      width: 100%;\n      box-sizing: border-box;\n      padding: var(--fx-space-sm, 10px) var(--fx-space-md, 14px);\n      padding-left: 42px;\n      border: 1.5px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      font-family: inherit;\n      font-size: inherit;\n      color: var(--picklist-text);\n      background: var(--picklist-bg) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\") no-repeat 14px center;\n      transition: var(--picklist-transition);\n    }\n    .filter-input:focus {\n      outline: none;\n      border-color: var(--picklist-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--picklist-primary) 20%, transparent);\n    }\n    .filter-input::placeholder {\n      color: var(--picklist-text-muted);\n    }\n    .list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      border: 1px solid var(--picklist-border);\n      border-radius: var(--picklist-radius);\n      overflow: hidden;\n      box-shadow: var(--picklist-shadow);\n      min-height: 200px;\n      max-height: 450px;\n      overflow-y: auto;\n      flex: 1;\n    }\n    .list::-webkit-scrollbar { width: 6px; }\n    .list::-webkit-scrollbar-track { background: transparent; }\n    .list::-webkit-scrollbar-thumb { background: var(--picklist-border); border-radius: 3px; }\n    .list::-webkit-scrollbar-thumb:hover { background: var(--picklist-text-muted); }\n    :host([striped]) .list-item:nth-child(even) {\n      background: var(--fx-surface-surface, #f8fafc);\n    }\n    .list-item {\n      display: flex;\n      align-items: center;\n      gap: var(--fx-space-sm, 10px);\n      padding: var(--fx-space-sm, 10px) var(--fx-space-md, 14px);\n      background: var(--picklist-bg);\n      border-bottom: 1px solid var(--picklist-border);\n      cursor: pointer;\n      user-select: none;\n      transition: var(--picklist-transition);\n    }\n    .list-item:last-child { border-bottom: none; }\n    .list-item:hover { background: var(--picklist-bg-hover); }\n    .list-item.selected {\n      background: color-mix(in srgb, var(--picklist-primary) 8%, transparent);\n      border-left: 3px solid var(--picklist-primary);\n      padding-left: 11px;\n    }\n    .list-item:focus-visible {\n      outline: none;\n      background: color-mix(in srgb, var(--picklist-primary) 15%, transparent);\n    }\n    .checkbox {\n      flex-shrink: 0;\n      width: 18px;\n      height: 18px;\n      accent-color: var(--picklist-primary);\n      cursor: pointer;\n      transition: var(--picklist-transition);\n    }\n    .checkbox:hover { transform: scale(1.1); }\n    .item-content {\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .empty-message {\n      padding: var(--fx-space-xl, 32px);\n      text-align: center;\n      color: var(--picklist-text-muted);\n      font-style: italic;\n    }\n    button.control-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 42px;\n      height: 38px;\n      padding: 0;\n      border: none;\n      border-radius: 8px;\n      background: transparent;\n      color: var(--picklist-text-muted);\n      cursor: pointer;\n      font-size: 16px;\n      line-height: 1;\n      transition: var(--picklist-transition);\n      position: relative;\n    }\n    button.control-btn:hover:not(:disabled) {\n      background: var(--picklist-bg-hover);\n      color: var(--picklist-primary);\n      transform: scale(1.1);\n    }\n    button.control-btn:active:not(:disabled) {\n      transform: scale(0.92);\n      background: color-mix(in srgb, var(--picklist-primary) 15%, transparent);\n    }\n    button.control-btn:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--picklist-primary) 30%, transparent);\n    }\n    button.control-btn:disabled {\n      opacity: 0.3;\n      cursor: not-allowed;\n      transform: none;\n    }\n    .control-btn-icon { font-size: 18px; line-height: 1; }\n\n    button.control-btn:hover::after {\n      opacity: 1;\n      transform: translateX(-50%) translateY(0);\n    }\n    @media (max-width: 640px) {\n      .container { flex-direction: column; }\n      .controls {\n        flex-direction: row;\n        flex-wrap: wrap;\n        justify-content: center;\n        position: relative;\n      }\n      .control-group { flex-direction: row; }\n      .control-group + .control-group {\n        margin-top: 0;\n        margin-left: 4px;\n        padding-top: 0;\n        padding-left: 4px;\n        border-top: none;\n        border-left: 1px solid var(--picklist-border);\n      }\n      button.control-btn { width: 44px; height: 40px; }\n      button.control-btn::after { display: none; }\n      .list { max-height: 300px; min-height: 150px; }\n    }\n    @keyframes slideIn {\n      from { opacity: 0; transform: translateX(-10px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    .list-item { animation: slideIn 0.2s ease-out; }\n  `;\n\n  static override get observedAttributes(): string[] {\n    return [\n      'source',\n      'target',\n      'source-key',\n      'target-key',\n      'filter',\n      'filter-by',\n      'filter-placeholder',\n      'dragdrop',\n      'striped',\n      'selection-mode',\n      'show-select-all',\n      'source-label',\n      'target-label',\n    ];\n  }\n\n  set source(value: PickListItem[]) {\n    this._source = value;\n    this._filteredSource = null;\n    this.render();\n  }\n  get source(): PickListItem[] {\n    return this._source;\n  }\n  private _source: PickListItem[] = [];\n  private _filteredSource: PickListItem[] | null = null;\n\n  set target(value: PickListItem[]) {\n    this._target = value;\n    this._filteredTarget = null;\n    this.render();\n  }\n  get target(): PickListItem[] {\n    return this._target;\n  }\n  private _target: PickListItem[] = [];\n  private _filteredTarget: PickListItem[] | null = null;\n\n  set sourceSelection(value: PickListItem[]) {\n    this._sourceSelection = value;\n    this.render();\n  }\n  get sourceSelection(): PickListItem[] {\n    return this._sourceSelection;\n  }\n  private _sourceSelection: PickListItem[] = [];\n\n  set targetSelection(value: PickListItem[]) {\n    this._targetSelection = value;\n    this.render();\n  }\n  get targetSelection(): PickListItem[] {\n    return this._targetSelection;\n  }\n  private _targetSelection: PickListItem[] = [];\n\n  get sourceKey(): string {\n    return this.getAttr('source-key', '');\n  }\n  set sourceKey(v: string) {\n    this.setAttribute('source-key', v);\n  }\n\n  get targetKey(): string {\n    return this.getAttr('target-key', '');\n  }\n  set targetKey(v: string) {\n    this.setAttribute('target-key', v);\n  }\n\n  get filter(): boolean {\n    return this.hasAttr('filter');\n  }\n  set filter(v: boolean) {\n    this.toggleAttr('filter', v);\n  }\n\n  get filterBy(): string {\n    return this.getAttr('filter-by', 'label');\n  }\n  set filterBy(v: string) {\n    this.setAttribute('filter-by', v);\n  }\n\n  get filterPlaceholder(): string {\n    return this.getAttr('filter-placeholder', 'Buscar...');\n  }\n  set filterPlaceholder(v: string) {\n    this.setAttribute('filter-placeholder', v);\n  }\n\n  get dragdrop(): boolean {\n    return this.hasAttr('dragdrop');\n  }\n  set dragdrop(v: boolean) {\n    this.toggleAttr('dragdrop', v);\n  }\n\n  get striped(): boolean {\n    return this.hasAttr('striped');\n  }\n  set striped(v: boolean) {\n    this.toggleAttr('striped', v);\n  }\n\n  get selectionMode(): string {\n    const s = this.getAttr('selection-mode', '');\n    return s === 'single' || s === 'multiple' ? s : '';\n  }\n  set selectionMode(v: string) {\n    this.setAttribute('selection-mode', v);\n  }\n\n  get showSelectAll(): boolean {\n    return this.hasAttr('show-select-all');\n  }\n  set showSelectAll(v: boolean) {\n    this.toggleAttr('show-select-all', v);\n  }\n\n  get sourceLabel(): string {\n    return this.getAttr('source-label', 'Disponíveis');\n  }\n  set sourceLabel(v: string) {\n    this.setAttribute('source-label', v);\n  }\n\n  get targetLabel(): string {\n    return this.getAttr('target-label', 'Selecionados');\n  }\n  set targetLabel(v: string) {\n    this.setAttribute('target-label', v);\n  }\n\n  get sourceFilterValue(): string {\n    return this._sourceFilterValue;\n  }\n  set sourceFilterValue(v: string) {\n    this._sourceFilterValue = v;\n    this._applySourceFilter();\n    this._updateListDisplay();\n  }\n  private _sourceFilterValue = '';\n\n  get targetFilterValue(): string {\n    return this._targetFilterValue;\n  }\n  set targetFilterValue(v: string) {\n    this._targetFilterValue = v;\n    this._applyTargetFilter();\n    this._updateListDisplay();\n  }\n  private _targetFilterValue = '';\n  private _filterListenersAttached = false;\n\n  private _optionTemplate: ((item: PickListItem) => string) | null = null;\n\n  setOptionTemplate(template: (item: PickListItem) => string): void {\n    this._optionTemplate = template;\n    this.render();\n  }\n\n  protected override connectedCallback(): void {\n    this._parseSourceAttribute();\n    this._parseTargetAttribute();\n    super.connectedCallback();\n  }\n\n  protected override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (this.getAttr('source', '') !== '') {\n      this._parseSourceAttribute();\n    }\n    if (this.getAttr('target', '') !== '') {\n      this._parseTargetAttribute();\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\n  }\n\n  private _parseSourceAttribute(): void {\n    const dataAttr = this.getAttr('source', '');\n    if (dataAttr) {\n      try {\n        this._source = JSON.parse(dataAttr);\n        this._filteredSource = null;\n      } catch {\n        this._source = [];\n      }\n    }\n  }\n\n  private _parseTargetAttribute(): void {\n    const dataAttr = this.getAttr('target', '');\n    if (dataAttr) {\n      try {\n        this._target = JSON.parse(dataAttr);\n        this._filteredTarget = null;\n      } catch {\n        this._target = [];\n      }\n    }\n  }\n\n  private _applySourceFilter(): void {\n    if (!this._sourceFilterValue) {\n      this._filteredSource = null;\n      return;\n    }\n    const filterFields = this.filterBy.split(',').map(f => f.trim());\n    this._filteredSource = this._source.filter(item => {\n      return filterFields.some(field => {\n        const value = item[field];\n        if (value == null) return false;\n        return String(value).toLowerCase().includes(this._sourceFilterValue.toLowerCase());\n      });\n    });\n  }\n\n  private _applyTargetFilter(): void {\n    if (!this._targetFilterValue) {\n      this._filteredTarget = null;\n      return;\n    }\n    const filterFields = this.filterBy.split(',').map(f => f.trim());\n    this._filteredTarget = this._target.filter(item => {\n      return filterFields.some(field => {\n        const value = item[field];\n        if (value == null) return false;\n        return String(value).toLowerCase().includes(this._targetFilterValue.toLowerCase());\n      });\n    });\n  }\n\n  private _getDisplaySource(): PickListItem[] {\n    return this._filteredSource || this._source;\n  }\n\n  private _getDisplayTarget(): PickListItem[] {\n    return this._filteredTarget || this._target;\n  }\n\n  private _getItemKey(item: PickListItem, index: number, isSource: boolean): string {\n    const keyField = isSource ? this.sourceKey : this.targetKey;\n    if (keyField && item[keyField] != null) {\n      return String(item[keyField]);\n    }\n    if (item['id'] != null) return String(item['id']);\n    if (item['key'] != null) return String(item['key']);\n    if (item['label'] != null) return String(item['label']);\n    if (item['name'] != null) return String(item['name']);\n    if (item['value'] != null) return String(item['value']);\n    return String(index);\n  }\n\n  private _getItemLabel(item: PickListItem): string {\n    const fields = ['label', 'name', 'title', 'text', 'value'];\n    for (const field of fields) {\n      if (item[field] != null) {\n        return String(item[field]);\n      }\n    }\n    return JSON.stringify(item);\n  }\n\n  private _isSourceSelected(item: PickListItem, index: number): boolean {\n    return this._sourceSelection.some(s => this._getItemKey(s, -1, true) === this._getItemKey(item, index, true));\n  }\n\n  private _isTargetSelected(item: PickListItem, index: number): boolean {\n    return this._targetSelection.some(s => this._getItemKey(s, -1, false) === this._getItemKey(item, index, false));\n  }\n\n  private _emitMoveToTarget(): void {\n    this.dispatchEvent(new CustomEvent('move-to-target', {\n      bubbles: true,\n      composed: true,\n      detail: { items: [...this._sourceSelection], source: [...this._source], target: [...this._target] },\n    }));\n  }\n\n  private _emitMoveToSource(): void {\n    this.dispatchEvent(new CustomEvent('move-to-source', {\n      bubbles: true,\n      composed: true,\n      detail: { items: [...this._targetSelection], source: [...this._source], target: [...this._target] },\n    }));\n  }\n\n  private _emitSelectionChangeSource(): void {\n    this.dispatchEvent(new CustomEvent('selection-change-source', {\n      bubbles: true,\n      composed: true,\n      detail: { selection: [...this._sourceSelection] },\n    }));\n  }\n\n  private _emitSelectionChangeTarget(): void {\n    this.dispatchEvent(new CustomEvent('selection-change-target', {\n      bubbles: true,\n      composed: true,\n      detail: { selection: [...this._targetSelection] },\n    }));\n  }\n\n  protected override render(): void {\n    const dSrc = this._getDisplaySource();\n    const dTgt = this._getDisplayTarget();\n    const hasSel = this.selectionMode;\n    const showAll = hasSel === 'multiple' && this.showSelectAll;\n    const srcItems = dSrc.length === 0 ? `<li class=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum item'}</li>` : dSrc.map((item, i) => `<li class=\"list-item${this._isSourceSelected(item, i) ? ' selected' : ''}\" data-index=\"${i}\" data-list=\"source\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\"' + (this._isSourceSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    const tgtItems = dTgt.length === 0 ? `<li class=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum selecionado'}</li>` : dTgt.map((item, i) => `<li class=\"list-item${this._isTargetSelected(item, i) ? ' selected' : ''}\" data-index=\"${i}\" data-list=\"target\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\"' + (this._isTargetSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    const srcAllBar = showAll ? `<div class=\"select-all-bar\" part=\"select-all-bar\"><label><input type=\"checkbox\" class=\"select-all-checkbox\" data-list=\"source\" ${this._sourceSelection.length > 0 && this._sourceSelection.length === this._source.length ? 'checked' : ''} aria-label=\"Selecionar todos da origem\" /> Selecionar Todos</label><span class=\"selection-count\">${this._sourceSelection.length} selecionado(s)</span></div>` : '';\n    const tgtAllBar = showAll ? `<div class=\"select-all-bar\" part=\"select-all-bar\"><label><input type=\"checkbox\" class=\"select-all-checkbox\" data-list=\"target\" ${this._targetSelection.length > 0 && this._targetSelection.length === this._target.length ? 'checked' : ''} aria-label=\"Selecionar todos do destino\" /> Selecionar Todos</label><span class=\"selection-count\">${this._targetSelection.length} selecionado(s)</span></div>` : '';\n\n    this.setTemplate(`<div class=\"container\"><div class=\"list-container\"><div class=\"list-label\">${esc(this.sourceLabel)} (${this._source.length})</div>${this.filter ? '<div class=\"filter-wrapper\"><input type=\"text\" class=\"filter-input source-filter\" placeholder=\"' + this.filterPlaceholder + '\" value=\"' + esc(this._sourceFilterValue) + '\" /></div>' : ''}${srcAllBar}<div class=\"list-wrapper\"><ul class=\"list source-list\" role=\"listbox\" tabindex=\"0\">${srcItems}</ul></div></div><div class=\"controls\"><div class=\"control-group\"><button class=\"control-btn\" data-action=\"move-all-target\" part=\"control-btn\" aria-label=\"Mover todos para destino\"><span class=\"control-btn-icon\">»</span></button><button class=\"control-btn\" data-action=\"move-target\" part=\"control-btn\" aria-label=\"Mover para destino\"><span class=\"control-btn-icon\">→</span></button></div><div class=\"control-group\"><button class=\"control-btn\" data-action=\"move-source\" part=\"control-btn\" aria-label=\"Mover para origem\"><span class=\"control-btn-icon\">←</span></button><button class=\"control-btn\" data-action=\"move-all-source\" part=\"control-btn\" aria-label=\"Mover todos para origem\"><span class=\"control-btn-icon\">«</span></button></div></div><div class=\"list-container\"><div class=\"list-label\">${esc(this.targetLabel)} (${this._target.length})</div>${this.filter ? '<div class=\"filter-wrapper\"><input type=\"text\" class=\"filter-input target-filter\" placeholder=\"' + this.filterPlaceholder + '\" value=\"' + esc(this._targetFilterValue) + '\" /></div>' : ''}${tgtAllBar}<div class=\"list-wrapper\"><ul class=\"list target-list\" role=\"listbox\" tabindex=\"0\">${tgtItems}</ul></div></div></div>`);\n\n    this._attachListeners();\n  }\n\n  private _attachListeners(): void {\n    // Listeners delegados no root, anexados uma unica vez (sobrevivem a re-renders)\n    if (!this._filterListenersAttached) {\n      this._filterListenersAttached = true;\n\n      this.root.addEventListener('input', (e) => {\n        const t = e.target as HTMLElement;\n        if (t.classList.contains('select-all-checkbox')) {\n          this._handleSelectAll(t as HTMLInputElement);\n          return;\n        }\n        if (t.classList.contains('source-filter')) {\n          this.sourceFilterValue = (t as HTMLInputElement).value;\n        } else if (t.classList.contains('target-filter')) {\n          this.targetFilterValue = (t as HTMLInputElement).value;\n        }\n      });\n\n      this.root.addEventListener('click', (e) => {\n        const t = e.target as HTMLElement;\n        const btn = t.closest('.control-btn') as HTMLButtonElement | null;\n        if (btn) {\n          switch (btn.dataset.action) {\n            case 'move-target': this._moveToTarget(); break;\n            case 'move-all-target': this._moveAllToTarget(); break;\n            case 'move-source': this._moveToSource(); break;\n            case 'move-all-source': this._moveAllToSource(); break;\n          }\n          return;\n        }\n        const el = t.closest('.list-item') as HTMLElement | null;\n        if (!el) return;\n        const isSrc = el.dataset.list === 'source';\n        const idx = Number(el.dataset.index);\n        const item = (isSrc ? this._getDisplaySource() : this._getDisplayTarget())[idx];\n        if (isSrc) this._toggleSourceSelection(item, idx); else this._toggleTargetSelection(item, idx);\n      });\n    }\n    this._updateControlsState();\n  }\n\n  private _handleSelectAll(checkbox: HTMLInputElement): void {\n    const isSrc = checkbox.dataset.list === 'source';\n    if (isSrc) {\n      this._sourceSelection = checkbox.checked ? [...this._getDisplaySource()] : [];\n      this._emitSelectionChangeSource();\n    } else {\n      this._targetSelection = checkbox.checked ? [...this._getDisplayTarget()] : [];\n      this._emitSelectionChangeTarget();\n    }\n    this._updateSelectionDisplay();\n    this._updateControlsState();\n  }\n\n  /**\n   * Atualiza a selecao visual in-place (classes e checkboxes dos itens existentes),\n   * sem recriar o DOM — mantendo referencias de elementos validas durante cliques.\n   */\n  private _updateSelectionDisplay(): void {\n    const updateList = (listSel: HTMLElement | null, isSelFn: (item: PickListItem, i: number) => boolean, getData: () => PickListItem[]): void => {\n      if (!listSel) return;\n      listSel.querySelectorAll<HTMLElement>('.list-item').forEach(el => {\n        const idx = Number(el.dataset.index);\n        const selected = isSelFn(getData()[idx], idx);\n        el.classList.toggle('selected', selected);\n        el.setAttribute('aria-selected', String(selected));\n        const cb = el.querySelector<HTMLInputElement>('.checkbox');\n        if (cb) cb.checked = selected;\n      });\n    };\n    updateList(this.root.querySelector('.source-list'), (it, i) => this._isSourceSelected(it, i), () => this._getDisplaySource());\n    updateList(this.root.querySelector('.target-list'), (it, i) => this._isTargetSelected(it, i), () => this._getDisplayTarget());\n    this._updateSelectAllBars();\n  }\n\n  /** Sincroniza as barras \"Selecionar Todos\" (checkbox + contador) sem re-render completo. */\n  private _updateSelectAllBars(): void {\n    if (!(this.selectionMode === 'multiple' && this.showSelectAll)) return;\n    const bars = [\n      { el: this.root.querySelector<HTMLInputElement>('.select-all-checkbox[data-list=\"source\"]'), total: this._source.length, sel: this._sourceSelection.length },\n      { el: this.root.querySelector<HTMLInputElement>('.select-all-checkbox[data-list=\"target\"]'), total: this._target.length, sel: this._targetSelection.length },\n    ];\n    bars.forEach(({ el, total, sel }) => {\n      if (!el) return;\n      el.checked = total > 0 && sel === total;\n      const count = el.closest('.select-all-bar')?.querySelector('.selection-count');\n      if (count) count.textContent = `${sel} selecionado(s)`;\n    });\n  }\n\n  private _updateControlsState(): void {\n    this.root.querySelectorAll<HTMLButtonElement>('.control-btn').forEach(btn => {\n      const a = btn.dataset.action;\n      btn.disabled = (a === 'move-target' && this._sourceSelection.length === 0) || (a === 'move-all-target' && this._source.length === 0) || (a === 'move-source' && this._targetSelection.length === 0) || (a === 'move-all-source' && this._target.length === 0);\n    });\n  }\n\n  private _moveToTarget(): void {\n    if (!this._sourceSelection.length) return;\n    const items = [...this._sourceSelection];\n    this._source = this._source.filter(s => !items.some(i => this._getItemKey(i, -1, true) === this._getItemKey(s, -1, true)));\n    this._target = [...this._target, ...items];\n    this._sourceSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToTarget();\n  }\n\n  private _moveToSource(): void {\n    if (!this._targetSelection.length) return;\n    const items = [...this._targetSelection];\n    this._target = this._target.filter(t => !items.some(i => this._getItemKey(i, -1, false) === this._getItemKey(t, -1, false)));\n    this._source = [...this._source, ...items];\n    this._targetSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToSource();\n  }\n\n  private _moveAllToTarget(): void {\n    const items = [...this._source];\n    this._source = [];\n    this._target = [...this._target, ...items];\n    this._sourceSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToTarget();\n  }\n\n  private _moveAllToSource(): void {\n    const items = [...this._target];\n    this._target = [];\n    this._source = [...this._source, ...items];\n    this._targetSelection = [];\n    this._filteredSource = null;\n    this._filteredTarget = null;\n    this._updateListDisplay();\n    this._updateControlsState();\n    this._emitMoveToSource();\n  }\n\n  private _toggleSourceSelection(item: PickListItem, index: number): void {\n    // Sem selection-mode definido, permite selecao simples (um item por vez)\n    const mode = this.selectionMode || 'single';\n    const key = this._getItemKey(item, index, true);\n    const idx = this._sourceSelection.findIndex(s => this._getItemKey(s, -1, true) === key);\n    if (idx >= 0) {\n      this._sourceSelection.splice(idx, 1);\n    } else if (mode === 'multiple') {\n      this._sourceSelection.push(item);\n    } else {\n      this._sourceSelection = [item];\n    }\n    this._emitSelectionChangeSource();\n    this._updateSelectionDisplay();\n    this._updateControlsState();\n  }\n\n  private _toggleTargetSelection(item: PickListItem, index: number): void {\n    // Sem selection-mode definido, permite selecao simples (um item por vez)\n    const mode = this.selectionMode || 'single';\n    const key = this._getItemKey(item, index, false);\n    const idx = this._targetSelection.findIndex(s => this._getItemKey(s, -1, false) === key);\n    if (idx >= 0) {\n      this._targetSelection.splice(idx, 1);\n    } else if (mode === 'multiple') {\n      this._targetSelection.push(item);\n    } else {\n      this._targetSelection = [item];\n    }\n    this._emitSelectionChangeTarget();\n    this._updateSelectionDisplay();\n    this._updateControlsState();\n  }\n\n  private _updateListDisplay(): void {\n    const srcWrapper = this.root.querySelector('.source-list')?.parentElement;\n    const tgtWrapper = this.root.querySelector('.target-list')?.parentElement;\n    const srcLabel = this.root.querySelector('.list-container:first-of-type .list-label');\n    const tgtLabel = this.root.querySelector('.list-container:last-of-type .list-label');\n    if (!srcWrapper || !tgtWrapper) { this.render(); return; }\n    const dSrc = this._getDisplaySource();\n    const dTgt = this._getDisplayTarget();\n    const hasSel = this.selectionMode;\n    const srcItems = dSrc.length === 0 ? `<li class=\"empty-message\" part=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum item'}</li>` : dSrc.map((item, i) => `<li class=\"list-item${this._isSourceSelected(item, i) ? ' selected' : ''}\" part=\"list-item\" data-index=\"${i}\" data-list=\"source\" role=\"option\" aria-selected=\"${this._isSourceSelected(item, i)}\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\" part=\"checkbox\"' + (this._isSourceSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\" part=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    const tgtItems = dTgt.length === 0 ? `<li class=\"empty-message\" part=\"empty-message\">${this.filter ? 'Nenhum resultado' : 'Nenhum selecionado'}</li>` : dTgt.map((item, i) => `<li class=\"list-item${this._isTargetSelected(item, i) ? ' selected' : ''}\" part=\"list-item\" data-index=\"${i}\" data-list=\"target\" role=\"option\" aria-selected=\"${this._isTargetSelected(item, i)}\" tabindex=\"0\">${hasSel ? '<input type=\"checkbox\" class=\"checkbox\" part=\"checkbox\"' + (this._isTargetSelected(item, i) ? ' checked' : '') + ' />' : ''}<span class=\"item-content\" part=\"item-content\">${this._optionTemplate ? this._optionTemplate(item) : esc(this._getItemLabel(item))}</span></li>`).join('');\n    srcWrapper.innerHTML = `<ul class=\"list source-list\" role=\"listbox\" tabindex=\"0\">${srcItems}</ul>`;\n    tgtWrapper.innerHTML = `<ul class=\"list target-list\" role=\"listbox\" tabindex=\"0\">${tgtItems}</ul>`;\n    if (srcLabel) srcLabel.textContent = `${this.sourceLabel} (${this._source.length})`;\n    if (tgtLabel) tgtLabel.textContent = `${this.targetLabel} (${this._target.length})`;\n    this._updateSelectAllBars();\n    this._attachListeners();\n  }\n}\n\nexport function defineFxPickList(): typeof FxPickList {\n  return defineElement('fx-picklist', FxPickList);\n}"],"names":[],"mappings":"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"}

package/dist/components/popover/index.d.ts

@@ -0,0 +1,8 @@
+import { FxPopover } from './popover';
+export { FxPopover };
+declare global {
+    interface HTMLElementTagNameMap {
+        'fx-popover': FxPopover;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,CAAC;AAIrB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/popover/index.js

@@ -0,0 +1,7 @@
+import { defineFxPopover } from "./popover.js";
+import { FxPopover } from "./popover.js";
+defineFxPopover();
+export {
+  FxPopover
+};
+//# sourceMappingURL=index.js.map

package/dist/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/popover/index.ts"],"sourcesContent":["import { FxPopover, defineFxPopover } from './popover';\n\nexport { FxPopover };\n\ndefineFxPopover();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'fx-popover': FxPopover;\n  }\n}\n"],"names":[],"mappings":";;AAIA,gBAAA;"}

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,39 @@
+import { FxElement } from '../../core/base';
+/**
+ * <fx-popover> — Painel flutuante ancorado em um elemento, com posicionamento
+ * automático (flip para cima quando não há espaço abaixo), no estilo Popover do PrimeVue.
+ *
+ * Atributos:
+ *  - target (seletor CSS do elemento âncora — obrigatório);
+ *  - trigger (click|hover, padrão click);
+ *  - position (top|bottom|auto, padrão auto — faz flip conforme o espaço);
+ *  - open (exibe o popover);
+ *  - dismissible (fecha ao clicar fora, padrão true).
+ *
+ * Slots: `header`, padrão (conteúdo), `footer`.
+ *
+ * Eventos (composed): `show` e `hide`.
+ */
+export declare class FxPopover extends FxElement {
+    static styles: string;
+    static get observedAttributes(): string[];
+    get open(): boolean;
+    set open(value: boolean);
+    protected render(): void;
+    private _cleanup?;
+    private _previouslyFocused;
+    private _anchor;
+    private _syncSlots;
+    private _position;
+    private _restoreFocus;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onReposition;
+    private _bindTrigger;
+    private _triggerCleanup?;
+    private _onEnter;
+    private _onLeave;
+    private _onClick;
+}
+export declare function defineFxPopover(): typeof FxPopover;
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C;;;;;;;;;;;;;;GAcG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAgB,MAAM,SA2DpB;IAEF,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAED,IAAI,IAAI,IAAI,OAAO,CAAiC;IACpD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAAqC;cAEzC,MAAM,IAAI,IAAI;IA8CjC,OAAO,CAAC,QAAQ,CAAC,CAAa;IAC9B,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,SAAS;IAoCjB,OAAO,CAAC,aAAa;IAKZ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAWrC,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,eAAe,CAAC,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,QAAQ,CAAsC;IACtD,OAAO,CAAC,QAAQ,CAA2C;CAC5D;AAED,wBAAgB,eAAe,IAAI,OAAO,SAAS,CAElD"}

package/dist/components/popover/popover.js

@@ -0,0 +1,228 @@
+import { FxElement } from "../../core/base.js";
+import { css } from "../../core/css.js";
+import { defineElement } from "../../core/define.js";
+const _FxPopover = class _FxPopover extends FxElement {
+  constructor() {
+    super(...arguments);
+    this._previouslyFocused = null;
+    this._onReposition = () => {
+      if (!this.open) return;
+      const popup = this.root.querySelector(".popup");
+      if (popup && !popup.hidden) this._position(popup);
+    };
+    this._onEnter = () => {
+      this.open = true;
+    };
+    this._onLeave = () => {
+      this.open = false;
+    };
+    this._onClick = () => {
+      this.open = !this.open;
+    };
+  }
+  static get observedAttributes() {
+    return ["open", "target", "trigger", "position", "dismissible"];
+  }
+  get open() {
+    return this.hasAttr("open");
+  }
+  set open(value) {
+    this.toggleAttr("open", value);
+  }
+  render() {
+    this.setTemplate(`
+      <div class="popup" part="popover" role="dialog" aria-modal="false" ${this.open ? "" : "hidden"}>
+        <header part="header" hidden><slot name="header"></slot></header>
+        <div class="body" part="content"><slot></slot></div>
+        <footer part="footer" hidden><slot name="footer"></slot></footer>
+      </div>
+    `);
+    if (!this.open) return;
+    const popup = this.root.querySelector(".popup");
+    if (!popup) return;
+    const close = () => {
+      this.open = false;
+      this._cleanup?.();
+      this._cleanup = void 0;
+      this._restoreFocus();
+      this.dispatchEvent(new CustomEvent("hide", { bubbles: true, composed: true }));
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close();
+      }
+    };
+    const onPointerDown = (e) => {
+      if (!this.hasAttr("dismissible")) return;
+      const path = e.composedPath();
+      const anchor = this._anchor();
+      const hitAnchor = anchor ? path.includes(anchor) : false;
+      if (!path.includes(popup) && !hitAnchor) close();
+    };
+    document.addEventListener("keydown", onKey);
+    document.addEventListener("pointerdown", onPointerDown, true);
+    this._cleanup = () => {
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("pointerdown", onPointerDown, true);
+    };
+    this._syncSlots();
+    this._position(popup);
+    this._previouslyFocused = document.activeElement;
+    requestAnimationFrame(() => popup.focus({ preventScroll: true }));
+    this.dispatchEvent(new CustomEvent("show", { bubbles: true, composed: true }));
+  }
+  _anchor() {
+    const selector = this.getAttr("target");
+    if (!selector) return null;
+    try {
+      return document.querySelector(selector);
+    } catch {
+      return null;
+    }
+  }
+  _syncSlots() {
+    const header = this.root.querySelector('slot[name="header"]');
+    const footer = this.root.querySelector('slot[name="footer"]');
+    const headerWrap = this.root.querySelector("header");
+    const footerWrap = this.root.querySelector("footer");
+    const hasHeader = !!header && header.assignedNodes().length > 0;
+    const hasFooter = !!footer && footer.assignedNodes().length > 0;
+    headerWrap?.toggleAttribute("hidden", !hasHeader);
+    footerWrap?.toggleAttribute("hidden", !hasFooter);
+  }
+  _position(popup) {
+    const anchor = this._anchor();
+    if (!anchor) return;
+    popup.hidden = false;
+    const a = anchor.getBoundingClientRect();
+    const p = popup.getBoundingClientRect();
+    const gap = 8;
+    const margin = 8;
+    let side;
+    const pos = this.getAttr("position", "auto");
+    if (pos === "top") side = "top";
+    else if (pos === "bottom") side = "bottom";
+    else side = a.bottom + gap + p.height <= window.innerHeight - margin ? "bottom" : "top";
+    if (side === "top" && a.top - gap - p.height < margin && a.bottom + gap + p.height <= window.innerHeight - margin) {
+      side = "bottom";
+    } else if (side === "bottom" && a.bottom + gap + p.height > window.innerHeight - margin && a.top - gap - p.height >= margin) {
+      side = "top";
+    }
+    const left = Math.min(
+      Math.max(margin, a.left + a.width / 2 - p.width / 2),
+      window.innerWidth - p.width - margin
+    );
+    const top = side === "bottom" ? a.bottom + gap : a.top - gap - p.height;
+    popup.dataset.side = side;
+    popup.style.left = `${Math.round(left)}px`;
+    popup.style.top = `${Math.round(Math.max(margin, top))}px`;
+    const arrowX = Math.min(Math.max(a.left + a.width / 2 - left, 16), p.width - 16);
+    popup.style.setProperty("--fxpp-arrow-x", `${Math.round(arrowX)}px`);
+  }
+  _restoreFocus() {
+    if (this._previouslyFocused?.isConnected) this._previouslyFocused.focus();
+    this._previouslyFocused = null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("scroll", this._onReposition, true);
+    window.addEventListener("resize", this._onReposition);
+    this._bindTrigger();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("scroll", this._onReposition, true);
+    window.removeEventListener("resize", this._onReposition);
+    this._triggerCleanup?.();
+    this._triggerCleanup = void 0;
+    this._cleanup?.();
+    this._cleanup = void 0;
+    this._restoreFocus();
+  }
+  _bindTrigger() {
+    const anchor = this._anchor();
+    if (!anchor) return;
+    const trigger = this.getAttr("trigger", "click");
+    if (trigger === "hover") {
+      anchor.addEventListener("mouseenter", this._onEnter);
+      anchor.addEventListener("mouseleave", this._onLeave);
+      this._triggerCleanup = () => {
+        anchor.removeEventListener("mouseenter", this._onEnter);
+        anchor.removeEventListener("mouseleave", this._onLeave);
+      };
+    } else {
+      anchor.addEventListener("pointerdown", this._onClick);
+      this._triggerCleanup = () => anchor.removeEventListener("pointerdown", this._onClick);
+    }
+  }
+};
+_FxPopover.styles = css`
+    :host { display: contents; }
+    .popup {
+      position: fixed;
+      margin: 0;
+      background: var(--fx-surface-background);
+      border: 1px solid var(--fx-border-default);
+      border-radius: var(--fx-radius-md);
+      box-shadow: var(--fx-shadow-lg);
+      padding: 0;
+      min-width: 220px;
+      max-width: min(380px, calc(100vw - 24px));
+      font-family: var(--fx-font-family);
+      font-size: var(--fx-font-size);
+      color: var(--fx-text-default);
+      z-index: var(--fx-z-modal, 1100);
+      animation: fxpp-pop var(--fx-motion-duration-fast, 150ms) var(--fx-motion-easing, ease);
+      overflow: hidden;
+    }
+    .popup[hidden] { display: none; }
+    @keyframes fxpp-pop { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
+    .popup::before, .popup::after {
+      content: '';
+      position: absolute;
+      border: 7px solid transparent;
+    }
+    .popup[data-side='bottom']::before {
+      top: -14px; left: var(--fxpp-arrow-x, 50%);
+      border-bottom-color: var(--fx-border-default);
+    }
+    .popup[data-side='bottom']::after {
+      top: -12px; left: var(--fxpp-arrow-x, 50%);
+      border-bottom-color: var(--fx-surface-background);
+    }
+    .popup[data-side='top']::before {
+      bottom: -14px; left: var(--fxpp-arrow-x, 50%);
+      border-top-color: var(--fx-border-default);
+    }
+    .popup[data-side='top']::after {
+      bottom: -12px; left: var(--fxpp-arrow-x, 50%);
+      border-top-color: var(--fx-surface-background);
+    }
+    header {
+      padding: var(--fx-space-md) var(--fx-space-lg);
+      border-bottom: 1px solid var(--fx-border-default);
+      font-weight: 600;
+      font-size: calc(var(--fx-font-size) + 1px);
+      color: var(--fx-text-default);
+    }
+    header[hidden] { display: none; }
+    .body { padding: var(--fx-space-md) var(--fx-space-lg); }
+    footer {
+      padding: var(--fx-space-md) var(--fx-space-lg);
+      border-top: 1px solid var(--fx-border-default);
+      display: flex;
+      justify-content: flex-end;
+      gap: var(--fx-space-sm);
+    }
+    footer[hidden] { display: none; }
+  `;
+let FxPopover = _FxPopover;
+function defineFxPopover() {
+  return defineElement("fx-popover", FxPopover);
+}
+export {
+  FxPopover,
+  defineFxPopover
+};
+//# sourceMappingURL=popover.js.map

package/dist/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.ts"],"sourcesContent":["import { FxElement } from '../../core/base';\nimport { css } from '../../core/css';\nimport { defineElement } from '../../core/define';\n\n/**\n * <fx-popover> — Painel flutuante ancorado em um elemento, com posicionamento\n * automático (flip para cima quando não há espaço abaixo), no estilo Popover do PrimeVue.\n *\n * Atributos:\n *  - target (seletor CSS do elemento âncora — obrigatório);\n *  - trigger (click|hover, padrão click);\n *  - position (top|bottom|auto, padrão auto — faz flip conforme o espaço);\n *  - open (exibe o popover);\n *  - dismissible (fecha ao clicar fora, padrão true).\n *\n * Slots: `header`, padrão (conteúdo), `footer`.\n *\n * Eventos (composed): `show` e `hide`.\n */\nexport class FxPopover extends FxElement {\n  static override styles = css`\n    :host { display: contents; }\n    .popup {\n      position: fixed;\n      margin: 0;\n      background: var(--fx-surface-background);\n      border: 1px solid var(--fx-border-default);\n      border-radius: var(--fx-radius-md);\n      box-shadow: var(--fx-shadow-lg);\n      padding: 0;\n      min-width: 220px;\n      max-width: min(380px, calc(100vw - 24px));\n      font-family: var(--fx-font-family);\n      font-size: var(--fx-font-size);\n      color: var(--fx-text-default);\n      z-index: var(--fx-z-modal, 1100);\n      animation: fxpp-pop var(--fx-motion-duration-fast, 150ms) var(--fx-motion-easing, ease);\n      overflow: hidden;\n    }\n    .popup[hidden] { display: none; }\n    @keyframes fxpp-pop { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }\n    .popup::before, .popup::after {\n      content: '';\n      position: absolute;\n      border: 7px solid transparent;\n    }\n    .popup[data-side='bottom']::before {\n      top: -14px; left: var(--fxpp-arrow-x, 50%);\n      border-bottom-color: var(--fx-border-default);\n    }\n    .popup[data-side='bottom']::after {\n      top: -12px; left: var(--fxpp-arrow-x, 50%);\n      border-bottom-color: var(--fx-surface-background);\n    }\n    .popup[data-side='top']::before {\n      bottom: -14px; left: var(--fxpp-arrow-x, 50%);\n      border-top-color: var(--fx-border-default);\n    }\n    .popup[data-side='top']::after {\n      bottom: -12px; left: var(--fxpp-arrow-x, 50%);\n      border-top-color: var(--fx-surface-background);\n    }\n    header {\n      padding: var(--fx-space-md) var(--fx-space-lg);\n      border-bottom: 1px solid var(--fx-border-default);\n      font-weight: 600;\n      font-size: calc(var(--fx-font-size) + 1px);\n      color: var(--fx-text-default);\n    }\n    header[hidden] { display: none; }\n    .body { padding: var(--fx-space-md) var(--fx-space-lg); }\n    footer {\n      padding: var(--fx-space-md) var(--fx-space-lg);\n      border-top: 1px solid var(--fx-border-default);\n      display: flex;\n      justify-content: flex-end;\n      gap: var(--fx-space-sm);\n    }\n    footer[hidden] { display: none; }\n  `;\n\n  static override get observedAttributes(): string[] {\n    return ['open', 'target', 'trigger', 'position', 'dismissible'];\n  }\n\n  get open(): boolean { return this.hasAttr('open'); }\n  set open(value: boolean) { this.toggleAttr('open', value); }\n\n  protected override render(): void {\n    this.setTemplate(`\n      <div class=\"popup\" part=\"popover\" role=\"dialog\" aria-modal=\"false\" ${this.open ? '' : 'hidden'}>\n        <header part=\"header\" hidden><slot name=\"header\"></slot></header>\n        <div class=\"body\" part=\"content\"><slot></slot></div>\n        <footer part=\"footer\" hidden><slot name=\"footer\"></slot></footer>\n      </div>\n    `);\n\n    if (!this.open) return;\n    const popup = this.root.querySelector<HTMLElement>('.popup');\n    if (!popup) return;\n\n    const close = (): void => {\n      this.open = false;\n      this._cleanup?.();\n      this._cleanup = undefined;\n      this._restoreFocus();\n      this.dispatchEvent(new CustomEvent('hide', { bubbles: true, composed: true }));\n    };\n\n    const onKey = (e: KeyboardEvent): void => {\n      if (e.key === 'Escape') { e.stopPropagation(); close(); }\n    };\n    const onPointerDown = (e: MouseEvent): void => {\n      if (!this.hasAttr('dismissible')) return;\n      const path = e.composedPath();\n      const anchor = this._anchor();\n      const hitAnchor = anchor ? path.includes(anchor) : false;\n      if (!path.includes(popup) && !hitAnchor) close();\n    };\n    document.addEventListener('keydown', onKey);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    this._cleanup = () => {\n      document.removeEventListener('keydown', onKey);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n    };\n\n    // sincroniza slots ANTES de posicionar (header/footer alteram a altura)\n    this._syncSlots();\n    this._position(popup);\n    this._previouslyFocused = document.activeElement as HTMLElement | null;\n    requestAnimationFrame(() => popup.focus({ preventScroll: true }));\n    this.dispatchEvent(new CustomEvent('show', { bubbles: true, composed: true }));\n  }\n\n  private _cleanup?: () => void;\n  private _previouslyFocused: HTMLElement | null = null;\n\n  private _anchor(): HTMLElement | null {\n    const selector = this.getAttr('target');\n    if (!selector) return null;\n    try { return document.querySelector<HTMLElement>(selector); }\n    catch { return null; }\n  }\n\n  private _syncSlots(): void {\n    const header = this.root.querySelector<HTMLSlotElement>('slot[name=\"header\"]');\n    const footer = this.root.querySelector<HTMLSlotElement>('slot[name=\"footer\"]');\n    const headerWrap = this.root.querySelector<HTMLElement>('header');\n    const footerWrap = this.root.querySelector<HTMLElement>('footer');\n    const hasHeader = !!header && header.assignedNodes().length > 0;\n    const hasFooter = !!footer && footer.assignedNodes().length > 0;\n    headerWrap?.toggleAttribute('hidden', !hasHeader);\n        footerWrap?.toggleAttribute('hidden', !hasFooter);\n  }\n\n  private _position(popup: HTMLElement): void {\n    const anchor = this._anchor();\n    if (!anchor) return;\n    popup.hidden = false;\n\n    const a = anchor.getBoundingClientRect();\n    const p = popup.getBoundingClientRect();\n    const gap = 8;\n    const margin = 8;\n\n    let side: 'top' | 'bottom';\n    const pos = this.getAttr('position', 'auto');\n    if (pos === 'top') side = 'top';\n    else if (pos === 'bottom') side = 'bottom';\n    else side = a.bottom + gap + p.height <= window.innerHeight - margin ? 'bottom' : 'top';\n\n    // flip quando o lado forçado não cabe (evita sobrepor o anchor)\n    if (side === 'top' && a.top - gap - p.height < margin && a.bottom + gap + p.height <= window.innerHeight - margin) {\n      side = 'bottom';\n    } else if (side === 'bottom' && a.bottom + gap + p.height > window.innerHeight - margin && a.top - gap - p.height >= margin) {\n      side = 'top';\n    }\n\n    const left = Math.min(\n      Math.max(margin, a.left + a.width / 2 - p.width / 2),\n      window.innerWidth - p.width - margin,\n    );\n    const top = side === 'bottom' ? a.bottom + gap : a.top - gap - p.height;\n\n    popup.dataset.side = side;\n    popup.style.left = `${Math.round(left)}px`;\n    popup.style.top = `${Math.round(Math.max(margin, top))}px`;\n    const arrowX = Math.min(Math.max(a.left + a.width / 2 - left, 16), p.width - 16);\n    popup.style.setProperty('--fxpp-arrow-x', `${Math.round(arrowX)}px`);\n  }\n\n  private _restoreFocus(): void {\n    if (this._previouslyFocused?.isConnected) this._previouslyFocused.focus();\n    this._previouslyFocused = null;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    window.addEventListener('scroll', this._onReposition, true);\n    window.addEventListener('resize', this._onReposition);\n    this._bindTrigger();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('scroll', this._onReposition, true);\n    window.removeEventListener('resize', this._onReposition);\n    this._triggerCleanup?.();\n    this._triggerCleanup = undefined;\n    this._cleanup?.();\n    this._cleanup = undefined;\n    this._restoreFocus();\n  }\n\n  private _onReposition = (): void => {\n    if (!this.open) return;\n    const popup = this.root.querySelector<HTMLElement>('.popup');\n    if (popup && !popup.hidden) this._position(popup);\n  };\n\n  private _bindTrigger(): void {\n    const anchor = this._anchor();\n    if (!anchor) return;\n    const trigger = this.getAttr('trigger', 'click');\n\n    if (trigger === 'hover') {\n      anchor.addEventListener('mouseenter', this._onEnter);\n      anchor.addEventListener('mouseleave', this._onLeave);\n      this._triggerCleanup = () => {\n        anchor.removeEventListener('mouseenter', this._onEnter);\n        anchor.removeEventListener('mouseleave', this._onLeave);\n      };\n    } else {\n      anchor.addEventListener('pointerdown', this._onClick);\n      this._triggerCleanup = () => anchor.removeEventListener('pointerdown', this._onClick);\n    }\n  }\n\n  private _triggerCleanup?: () => void;\n  private _onEnter = (): void => { this.open = true; };\n  private _onLeave = (): void => { this.open = false; };\n  private _onClick = (): void => { this.open = !this.open; };\n}\n\nexport function defineFxPopover(): typeof FxPopover {\n  return defineElement('fx-popover', FxPopover);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/rating/index.d.ts

@@ -0,0 +1,8 @@
+import { FxRating } from './rating';
+export { FxRating };
+declare global {
+    interface HTMLElementTagNameMap {
+        'fx-rating': FxRating;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rating/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAIpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/rating/index.js

@@ -0,0 +1,7 @@
+import { defineFxRating } from "./rating.js";
+import { FxRating } from "./rating.js";
+defineFxRating();
+export {
+  FxRating
+};
+//# sourceMappingURL=index.js.map

package/dist/components/rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/rating/index.ts"],"sourcesContent":["import { FxRating, defineFxRating } from './rating';\n\nexport { FxRating };\n\ndefineFxRating();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'fx-rating': FxRating;\n  }\n}"],"names":[],"mappings":";;AAIA,eAAA;"}

package/dist/components/rating/rating.d.ts

@@ -0,0 +1,25 @@
+import { FxElement } from '../../core/base';
+/**
+ * <fx-rating> — Evaluación por estrellas.
+ *
+ * Atributos: value (0 a max), max (número de estrellas, default 5),
+ * readonly, disabled, allow-half (permite medias estrellas),
+ * size (sm|md|lg).
+ * Eventos (composed): `change` (detail: { value }).
+ */
+export declare class FxRating extends FxElement {
+    static styles: string;
+    static get observedAttributes(): string[];
+    get value(): number;
+    set value(v: number);
+    get max(): number;
+    set max(v: number);
+    protected render(): void;
+    private _starNodes;
+    private _label;
+    private _syncVisual;
+    private _bindStars;
+    private _hover;
+}
+export declare function defineFxRating(): typeof FxRating;
+//# sourceMappingURL=rating.d.ts.map

package/dist/components/rating/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating/rating.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C;;;;;;;GAOG;AACH,qBAAa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,SAmCpB;IAEF,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAED,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,EAGlB;IAED,IAAI,GAAG,IAAI,MAAM,CAIhB;IACD,IAAI,GAAG,CAAC,CAAC,EAAE,MAAM,EAA0C;cAExC,MAAM,IAAI,IAAI;IAgBjC,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,MAAM;CAMf;AAED,wBAAgB,cAAc,IAAI,OAAO,QAAQ,CAEhD"}