@sdcorejs/angular 20.1.2 → 20.1.3

package/fesm2022/sdcorejs-angular-components-import-excel.mjs

@@ -23,12 +23,6 @@ import * as i1$1 from '@sdcorejs/angular/services/excel';
 import * as i2 from '@sdcorejs/angular/services/notify';
 import * as i4 from '@sdcorejs/angular/services/loading';
 
-// export type ExcelItem<T> = {
-//   origin?: T;
-//   excelIndex?: number;
-//   validation: SdUploadExcelValidation;
-// } & T;
-
 class ColumnHiddenPipe {
     constructor() { }
     transform(column) {
@@ -561,7 +555,8 @@ class SdImportExcel {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdImportExcel, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-import-excel', imports: [SdIcon,
+            args: [{ selector: 'sd-import-excel', imports: [
+                        SdIcon,
                         CommonModule,
                         FormsModule,
                         MatSlideToggleModule,

package/fesm2022/sdcorejs-angular-components-import-excel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-components-import-excel.mjs","sources":["../../../projects/sdcorejs-angular/components/import-excel/src/import-excel.model.ts","../../../projects/sdcorejs-angular/components/import-excel/src/pipes/columm-hidden.pipe.ts","../../../projects/sdcorejs-angular/components/import-excel/src/pipes/column-transform.pipe.ts","../../../projects/sdcorejs-angular/components/import-excel/src/import-excel.component.ts","../../../projects/sdcorejs-angular/components/import-excel/src/import-excel.component.html","../../../projects/sdcorejs-angular/components/import-excel/sdcorejs-angular-components-import-excel.ts"],"sourcesContent":["export interface SdImportExcelValidation {\n  idx: number;\n  errorMessage?: string;\n  warningMessage?: string;\n}\nexport interface SdImportExcelSheet<T = any> {\n  name: string; // Tên của sheet\n  items: T[] | (() => Promise<T[]>);\n  headers: {\n    value: Extract<keyof T, string>; // Trường muốn hiển thị\n    display: string; // Label hiển thị\n  }[];\n}\n\nexport interface SdImportExcelOption<T = any> {\n  columns: SdUploadExcelColumn<T>[];\n  accept: (items: T[], args: { file: File }) => SdImportExcelValidation[] | Promise<SdImportExcelValidation[]>;\n  title?: string;\n  fileName?: string;\n  limit?: number;\n  sheets?: SdImportExcelSheet[];\n  transform?: (items: SdImportExcelItem<T>[]) => SdImportExcelItem<T>[] | Promise<SdImportExcelItem<T>[]>;\n  validateItem?: (item: T, idx: number, items: T[]) => SdImportExcelValidation | Promise<SdImportExcelValidation>;\n  validateItems?: (items: T[]) => SdImportExcelValidation[] | Promise<SdImportExcelValidation[]>;\n}\n\nexport type SdUploadExcelColumn<T = any> =\n  | SdUploadExcelColumnString<T>\n  | SdUploadExcelColumnNumber<T>\n  | SdUploadExcelColumnBool<T>\n  | SdUploadExcelColumnDate<T>\n  | SdUploadExcelColumnTime<T>\n  | SdUploadExcelColumnDateTime<T>\n  | SdUploadExcelColumnValues<T>\n  | SdUploadExcelColumnStringArray<T>;\n\nexport interface SdUploadExcelBaseColumn<T = any> {\n  field: string;\n  title: string;\n  required?: boolean;\n  width?: string;\n  description?: string;\n  hidden?: boolean | (() => boolean);\n  fontColor?: string;\n  fill?: string;\n  transform?: (value: any, rowData: T) => string | Promise<string>;\n}\n\nexport interface SdUploadExcelColumnString<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'string';\n  defaultValue?: string;\n  pattern?: string;\n  minlength?: number;\n  maxlength?: number;\n}\n\nexport interface SdUploadExcelColumnNumber<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'number';\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n}\n\nexport interface SdUploadExcelColumnBool<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'bool';\n  defaultValue?: boolean;\n  parseToBool?: boolean;\n}\n\nexport interface SdUploadExcelColumnDate<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'date';\n  format?: 'dd/MM/yyyy';\n  defaultValue?: Date;\n  minDate?: Date;\n  maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnTime<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'time';\n  format?: 'HH:mm' | 'HH:mm:ss';\n  defaultValue?: Date;\n  minDate?: Date;\n  maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnDateTime<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'datetime';\n  format?: 'dd/MM/yyyy HH:mm' | 'dd/MM/yyyy';\n  defaultValue?: Date;\n  minDate?: Date;\n  maxDate?: Date;\n}\n\nexport interface SdUploadExcelColumnValues<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'values' | 'radio';\n  defaultValue?: string | number;\n  values: (string | number)[];\n  checkValueInArray?: boolean;\n}\n\nexport interface SdUploadExcelColumnStringArray<T = any> extends SdUploadExcelBaseColumn<T> {\n  type: 'array';\n  divideString: string | ';';\n  unitString: string | 'items';\n  defaultValue?: string;\n  minlength?: number;\n  maxlength?: number;\n}\n\nexport interface SdImportExcelItem<T = any> {\n  data: T;\n  meta: {\n    excelIndex: number;\n    origin: T;\n    error: Record<string, string>;\n    errorMessages: string[];\n    warning: Record<string, string>;\n    warningMessages: string[];\n  };\n}\n\n// export type ExcelItem<T> = {\n//   origin?: T;\n//   excelIndex?: number;\n//   validation: SdUploadExcelValidation;\n// } & T;\n","import { Injectable, Pipe, PipeTransform } from '@angular/core';\nimport { SdUploadExcelColumn } from '../import-excel.model';\n@Pipe({\n  name: 'columnHidden',\n})\n@Injectable()\nexport class ColumnHiddenPipe implements PipeTransform {\n  constructor() {}\n  transform(column: SdUploadExcelColumn): boolean {\n    if (column.hidden === undefined) {\n      return true;\n    }\n    if (typeof column.hidden === 'boolean') {\n      return !column.hidden;\n    }\n    if (typeof column.hidden === 'function') {\n      return !column.hidden();\n    }\n    return false;\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { DateUtilities, NumberUtilities } from '@sdcorejs/angular/utilities';\nimport { SdImportExcelItem, SdUploadExcelColumn } from '../import-excel.model';\n\n@Pipe({\n  name: 'columnTransform',\n  standalone: true,\n})\nexport class ColumnTransformPipe implements PipeTransform {\n  constructor(private sanitizer: DomSanitizer) {}\n\n  // Chuyển thành async để hỗ trợ Promise từ bên ngoài\n  async transform(item: SdImportExcelItem, column: SdUploadExcelColumn): Promise<string | SafeHtml> {\n    const { type, transform, field } = column;\n    const value = item.data[field];\n\n    // 1. Ưu tiên hiển thị dữ liệu gốc nếu có lỗi\n    if (item.meta.error[field]) {\n      return item.meta.origin[field] ?? value ?? '';\n    }\n\n    // 2. Custom Transform (Hỗ trợ cả Sync và Async)\n    if (transform) {\n      // await sẽ hoạt động đúng dù transform trả về value thường hay Promise\n      const result = await transform(item.data, value);\n      return result ?? '';\n    }\n\n    // 3. Xử lý logic hiển thị\n    switch (type) {\n      case 'number':\n        return NumberUtilities.toVN(value) ?? '';\n\n      case 'bool':\n        if (typeof value === 'boolean') {\n          const html = `<div class=\"text-center\"><input type=\"checkbox\" ${value ? 'checked' : ''} disabled></div>`;\n          // Bắt buộc bypass security để hiển thị được input checkbox\n          return this.sanitizer.bypassSecurityTrustHtml(html);\n        }\n        return '';\n\n      case 'date':\n        return DateUtilities.toFormat(value, column.format || 'dd/MM/yyyy') ?? '';\n\n      case 'datetime':\n        return DateUtilities.toFormat(value, column.format || 'dd/MM/yyyy HH:mm') ?? '';\n\n      default:\n        return value ?? '';\n    }\n  }\n}\n","import { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';\n\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { Subscription } from 'rxjs';\nimport { ColumnHiddenPipe } from './pipes/columm-hidden.pipe';\nimport { SdImportExcelItem, SdImportExcelOption, SdImportExcelValidation } from './import-excel.model';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SdButton } from '@sdcorejs/angular/components/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SdModal } from '@sdcorejs/angular/components/modal';\nimport { SdExcelService, SdExcelSheet, SdExcelTemplate, SdExcelTemplateColumn } from '@sdcorejs/angular/services/excel';\nimport { SdNotifyService } from '@sdcorejs/angular/services/notify';\nimport { DateUtilities, NumberUtilities } from '@sdcorejs/angular/utilities';\nimport { SdLoadingService } from '@sdcorejs/angular/services/loading';\nimport { ColumnTransformPipe } from './pipes/column-transform.pipe';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { SdBadge } from '@sdcorejs/angular/components/badge';\nimport { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n  selector: 'sd-import-excel',\n  templateUrl: './import-excel.component.html',\n  styleUrl: './import-excel.component.scss',\n  imports: [SdIcon,\n    CommonModule,\n    FormsModule,\n    MatSlideToggleModule,\n    MatTooltipModule,\n    MatPaginatorModule,\n    MatSlideToggleModule,\n    SdButton,\n    SdModal,\n    ColumnTransformPipe,\n    ColumnHiddenPipe,\n    MatMenuModule,\n    MatProgressSpinner,\n    SdBadge,\n    TranslatePipe,\n  ],\n  providers: [ColumnHiddenPipe],\n})\nexport class SdImportExcel implements OnInit, OnDestroy {\n  @Input({ required: true }) option!: SdImportExcelOption;\n  @ViewChild(SdModal) modal!: SdModal;\n  excelItems: SdImportExcelItem[] = [];\n  // originItems: SdExcelItem[] = [];\n  hasDescription = false;\n\n  showing: 'ALL' | 'SUCCESS' | 'WARNING' | 'ERROR' = 'ALL';\n  filteredItems: SdImportExcelItem[] = [];\n  viewItems: SdImportExcelItem[] = [];\n  numberOfSuccess = 0;\n  numberOfError = 0;\n  numberOfWarning = 0;\n  file?: File;\n  #paginator!: MatPaginator;\n  #paginatorSub?: Subscription;\n  @ViewChild(MatPaginator) set paginator(paginator: MatPaginator) {\n    if (paginator && this.#paginator !== paginator) {\n      this.#paginator = paginator;\n      this.#paginatorSub?.unsubscribe(); // Clear cũ\n      this.#paginatorSub = paginator.page.subscribe(this.#reload);\n      this.#subscription.add(this.#paginatorSub);\n    }\n  }\n  #subscription = new Subscription();\n  uploading = false;\n  isUploaded = false;\n  isDownloadTemplate = false;\n  @Output() sdClosed = new EventEmitter();\n  readonly #i18n = inject(I18nService);\n  constructor(\n    private ref: ChangeDetectorRef,\n    private excelService: SdExcelService,\n    private notifyService: SdNotifyService,\n    private columnHiddenPipe: ColumnHiddenPipe,\n    private loadingService: SdLoadingService\n  ) {}\n\n  ngOnInit() {\n    this.isUploaded = false;\n  }\n\n  ngOnDestroy() {\n    this.#subscription.unsubscribe();\n  }\n\n  open = () => {\n    this.#reset();\n    this.modal.open();\n  };\n\n  close = () => {\n    this.modal.close();\n  };\n\n  #reset = () => {\n    this.excelItems = [];\n    this.filteredItems = [];\n    this.viewItems = [];\n    this.numberOfSuccess = 0;\n    this.numberOfError = 0;\n    this.numberOfWarning = 0;\n    this.showing = 'ALL';\n  };\n\n  #reload = () => {\n    const pageIndex = this.#paginator.pageIndex;\n    const pageSize = this.#paginator.pageSize;\n    this.filteredItems = this.excelItems.filter(item => {\n      const { errorMessages, warningMessages } = item.meta;\n      if (this.showing === 'SUCCESS') {\n        return !errorMessages.length && !warningMessages.length;\n      } else if (this.showing === 'WARNING') {\n        return !!warningMessages.length && !errorMessages.length;\n      } else if (this.showing === 'ERROR') {\n        return !!errorMessages.length;\n      }\n      return true;\n    });\n    this.viewItems = this.filteredItems.filter((item, index) => index >= pageIndex * pageSize && index < (pageIndex + 1) * pageSize);\n\n    this.numberOfSuccess = this.excelItems.filter(this.#filterSuccess).length;\n    this.numberOfError = this.excelItems.filter(this.#filterError).length;\n    this.numberOfWarning = this.excelItems.filter(this.#filterWarning).length;\n  };\n\n  #filterError = (item: SdImportExcelItem) => !!item.meta.errorMessages.length;\n  #filterWarning = (item: SdImportExcelItem) => item.meta.warningMessages.length && !item.meta.errorMessages.length;\n  #filterSuccess = (item: SdImportExcelItem) => !item.meta.errorMessages.length && !item.meta.warningMessages.length;\n\n  upload = async () => {\n    try {\n      const { transform, validateItem, validateItems } = this.option;\n      const { items, file } = await this.excelService.upload();\n      this.hasDescription = this.option.columns.some(e => !!e.description);\n      const offset = this.hasDescription ? 2 : 1;\n      items.splice(0, offset);\n      if (items.length === 0) {\n        this.notifyService.warning(this.#i18n.t('core.component.import-excel.no-data-in-file'));\n        return;\n      }\n      const limit = this.option.limit || 1000;\n      if (items.length > limit) {\n        this.notifyService.warning(this.#i18n.t('core.component.import-excel.row-limit', { limit }));\n        return;\n      }\n      this.#reset();\n      this.excelItems = items.map<SdImportExcelItem>((data, idx) => ({\n        data,\n        meta: {\n          excelIndex: idx + (this.hasDescription ? 4 : 3),\n          origin: { ...data },\n          error: {},\n          warning: {},\n          errorMessages: [],\n          warningMessages: [],\n        },\n      }));\n\n      if (transform) {\n        const mappedItems = transform(this.excelItems);\n        if (mappedItems instanceof Promise) {\n          this.uploading = true;\n          this.excelItems = await mappedItems.finally(() => (this.uploading = false));\n        } else {\n          this.excelItems = mappedItems || this.excelItems;\n        }\n      }\n      this.file = file!;\n      this.loadingService.start();\n      const validatePromises = this.excelItems.map((item, idx) => this.#validate(item, idx));\n      await Promise.all(validatePromises);\n\n      // Nếu không có error thì tiếp tục validate từ option validate truyền vào\n\n      if (!this.excelItems.some(this.#filterError) && validateItems) {\n        const results = await validateItems(this.excelItems.map(e => e.data));\n        results\n          .filter(result => result.idx >= 0)\n          .forEach(result => {\n            if (result?.errorMessage) {\n              this.excelItems[result.idx].meta.errorMessages.push(result.errorMessage);\n            }\n            if (result?.warningMessage) {\n              this.excelItems[result.idx].meta.warningMessages.push(result.warningMessage);\n            }\n          });\n      }\n\n      this.#paginator.pageIndex = 0;\n      this.#reload();\n      this.ref.detectChanges();\n\n      this.isUploaded = false;\n    } catch (err: any) {\n      this.notifyService.error(err);\n    } finally {\n      this.loadingService.stop();\n    }\n  };\n\n  #validate = async (excelItem: SdImportExcelItem, idx: number) => {\n    const {\n      data: item,\n      meta: { error, errorMessages },\n    } = excelItem;\n    const { validateItem } = this.option;\n    for (const column of this.option.columns) {\n      if (!this.columnHiddenPipe.transform(column)) {\n        continue;\n      }\n      try {\n        if (column.defaultValue !== undefined) {\n          item[column.field] = item[column.field] ?? column.defaultValue;\n        } else if (column.required && !item[column.field] && item[column.field] !== 0) {\n          error[column.field] = this.#i18n.t('core.component.import-excel.required');\n          errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n          continue;\n        }\n        if (column.type === 'string') {\n          const value = (item[column.field] || '').toString();\n          if (column.minlength !== undefined && value.length < column.minlength) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.min-length', { min: column.minlength });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          if (column.maxlength !== undefined && value.length > column.maxlength) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.max-length', { max: column.maxlength });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          item[column.field] = value;\n        } else if (column.type === 'number') {\n          if (item[column.field]) {\n            const value = +item[column.field];\n            if (!NumberUtilities.isNumber(item[column.field])) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.not-a-number', { value: item[column.field] });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            item[column.field] = value;\n          }\n          if (!item[column.field] && item[column.field] !== 0) {\n            item[column.field] = undefined;\n          }\n          if (column.min !== undefined && item[column.field] < column.min) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.below-min', { value: item[column.field], min: column.min });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          if (column.max !== undefined && item[column.field] > column.max) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.above-max', { value: item[column.field], max: column.max });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n        } else if (column.type === 'bool') {\n          if (\n            item[column.field] === 0 ||\n            item[column.field] === '0' ||\n            item[column.field] === false ||\n            item[column.field]?.toString()?.toLowerCase()?.trim() === 'false'\n          ) {\n            item[column.field] = false;\n          } else if (\n            item[column.field] === 1 ||\n            item[column.field] === '1' ||\n            item[column.field] === true ||\n            item[column.field]?.toString()?.toLowerCase()?.trim() === 'true'\n          ) {\n            item[column.field] = true;\n          } else if (item[column.field] === '') item[column.field] = undefined;\n\n          if (typeof item[column.field] !== 'boolean' && item[column.field] !== undefined && item[column.field] !== null) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.invalid-bool');\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n          }\n        } else if (column.type === 'values') {\n          if (item[column.field] && typeof item[column.field] !== 'number' && typeof item[column.field] !== 'string') {\n            error[column.field] = this.#i18n.t('core.component.import-excel.invalid-value', { value: item[column.field] });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          if (column.checkValueInArray && item[column.field] && !column.values.some(e => e.toString() === item[column.field].toString())) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.value-not-in-list', {\n              value: item[column.field],\n              list: column.values.join(),\n            });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n        } else if (column.type === 'date' || column.type === 'datetime' || column.type === 'time') {\n          const { type, format } = column;\n          const val = item[column.field];\n          if (val instanceof Date) {\n            item[column.field] = val.toISOString();\n            continue;\n          }\n          if (format && item[column.field]) {\n            if (typeof val !== 'string') {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            if (type === 'date' && !this.#isValidDate(format, val)) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            if (type === 'time' && !this.#isValidTime(format, val)) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            if (type === 'datetime' && !this.#isValidDateTime(format, val)) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            item[column.field] = DateUtilities.parseFrom(val, format);\n          }\n          if (item[column.field] && !DateUtilities.isDate(item[column.field])) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n              value: val ?? '',\n              format: column.format ?? '',\n            });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n        }\n\n        // Nếu pass validation từng column, kiểm tra validation theo hàm validateItem\n        if (!errorMessages.length && validateItem) {\n          const validation = await validateItem(\n            item,\n            idx,\n            this.excelItems.map(e => e.data)\n          );\n          if (validation.errorMessage) excelItem.meta.errorMessages.push(validation.errorMessage);\n          if (validation.warningMessage) excelItem.meta.warningMessages.push(validation.warningMessage);\n        }\n      } catch (ex: any) {\n        error[column.field] = `${ex?.message || ex?.error || ex || this.#i18n.t('core.component.import-excel.generic-error')}`;\n        errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n      }\n    }\n  };\n\n  #mapItem = (item: SdImportExcelItem) => {\n    const { data } = item;\n    return data;\n  };\n\n  accept = () => {\n    this.option!.accept(\n      this.excelItems.map(e => e.data),\n      { file: this.file! }\n    );\n    this.isUploaded = true;\n  };\n\n  setValidation = (validations: SdImportExcelValidation[]) => {\n    this.excelItems.forEach(e => {\n      e.meta.errorMessages = [];\n      e.meta.warningMessages = [];\n    });\n    if (Array.isArray(validations)) {\n      validations.forEach(validation => {\n        if (validation.errorMessage) {\n          this.excelItems[validation.idx].meta.errorMessages = [validation.errorMessage];\n        }\n        if (validation.warningMessage) {\n          this.excelItems[validation.idx].meta.warningMessages = [validation.warningMessage];\n        }\n      });\n    }\n    this.#reload();\n    this.ref.detectChanges();\n  };\n\n  view = (showing: 'ALL' | 'SUCCESS' | 'WARNING' | 'ERROR' = 'ALL') => {\n    this.showing = showing;\n    this.#paginator.pageIndex = 0;\n    this.#reload();\n  };\n\n  downloadTemplate = async () => {\n    const sheets: SdExcelSheet[] = [];\n    if (Array.isArray(this.option?.sheets)) {\n      for (const sheet of this.option.sheets) {\n        if (sheet.name && sheet.items && sheet.headers) {\n          if (Array.isArray(sheet.items)) {\n            sheets.push({\n              name: sheet.name,\n              items: sheet.items,\n              headers: sheet.headers,\n            });\n          } else {\n            sheets.push({\n              name: sheet.name,\n              items: await sheet.items(),\n              headers: sheet.headers,\n            });\n          }\n        }\n      }\n    }\n    const columnNotHiddens = this.option.columns.filter(column => this.columnHiddenPipe.transform(column));\n    const excelTemplate: SdExcelTemplate = {\n      fileName: this.option.fileName || 'Template',\n      columns: columnNotHiddens.map(column => {\n        return {\n          field: column.field,\n          title: column.title,\n          width: column.width,\n          required: column.required,\n          description: column.description,\n          fontColor: column.fontColor,\n          fill: column.fill,\n        };\n      }),\n      sheets,\n    };\n    this.isDownloadTemplate = true;\n    await this.excelService.generateTemplate(excelTemplate).finally(() => {\n      this.isDownloadTemplate = false;\n    });\n  };\n\n  export = async () => {\n    this.loadingService.start();\n    const columns: SdExcelTemplateColumn[] = [\n      {\n        field: 'sdMessage',\n        title: this.#i18n.t('core.component.import-excel.message-column'),\n        width: '250px',\n        required: false,\n      },\n      ...this.option.columns.filter(column => this.columnHiddenPipe.transform(column)),\n    ];\n    await this.excelService\n      .export({\n        columns,\n        items: this.filteredItems.map(e => {\n          let result = {};\n          for (const column of columns) {\n            result = {\n              ...result,\n              [column.field]: e.meta.origin?.[column.field],\n            };\n          }\n          return {\n            ...result,\n            sdMessage: (\n              e.meta.errorMessages.join(', ') ||\n              e.meta.warningMessages.join(', ') ||\n              this.#i18n.t('core.component.import-excel.success')\n            )\n              ?.replace(/<strong>/g, '')\n              .replace(/<\\/strong>/g, '')\n              .replace(/<br>/g, '\\n'),\n          };\n        }),\n      })\n      .finally(this.loadingService.stop);\n  };\n\n  #isValidDate = (format: string, value: string) => {\n    if (value?.length !== format?.length) {\n      return false;\n    }\n    const regex =\n      /^(?:(?:31(\\/|-|\\.)(?:0?[13578]|1[02]))\\1|(?:(?:29|30)(\\/|-|\\.)(?:0?[13-9]|1[0-2])\\2))(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$|^(?:29(\\/|-|\\.)0?2\\3(?:(?:(?:1[6-9]|[2-9]\\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\\d|2[0-8])(\\/|-|\\.)(?:(?:0?[1-9])|(?:1[0-2]))\\4(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$/;\n    return regex.test(value);\n  };\n\n  #isValidTime = (format: string, value: string) => {\n    if (value?.length !== format?.length) {\n      return false;\n    }\n    return true;\n  };\n\n  #isValidDateTime = (format: string, value: string) => {\n    if (value?.length !== format?.length) {\n      return false;\n    }\n    const dates = value?.split(' ');\n    if (dates.length !== 2) {\n      return false;\n    }\n    const date = dates[0];\n    if (!this.#isValidDate('dd/MM/yyyy', date)) {\n      return false;\n    }\n    const time = dates[1];\n    const regex = /^(0[0-9]|1[0-9]|2[0-3]):(0[0-9]|[0-5][0-9])$/;\n    return regex.test(time);\n  };\n  onClosed = () => {\n    this.sdClosed.emit();\n  };\n}\n","@if (option) {\n  <sd-modal [title]=\"option.title || ('core.component.import-excel.title' | translate)\" (sdClosed)=\"onClosed()\" #modal>\n    <div class=\"d-flex align-items-center mb-12\" style=\"min-height: 32px\">\n      @if (excelItems.length) {\n        <div class=\"d-flex\">\n          <sd-button class=\"mr-2\" (click)=\"view('ALL')\" icon=\"cached\" [title]=\"'core.component.import-excel.see-all' | translate\" size=\"sm\" type=\"outline\"></sd-button>\n\n          <sd-button\n            class=\"mr-2\"\n            (click)=\"view('SUCCESS')\"\n            icon=\"done\"\n            title=\"{{ numberOfSuccess }}\"\n            [tooltip]=\"'core.component.import-excel.valid-rows' | translate\"\n            size=\"sm\"\n            color=\"success\">\n          </sd-button>\n\n          <sd-button\n            class=\"mr-2\"\n            (click)=\"view('WARNING')\"\n            icon=\"warning\"\n            title=\"{{ numberOfWarning }}\"\n            [tooltip]=\"'core.component.import-excel.error-rows' | translate\"\n            size=\"sm\"\n            color=\"warning\">\n          </sd-button>\n\n          <sd-button\n            (click)=\"view('ERROR')\"\n            icon=\"error\"\n            title=\"{{ numberOfError }}\"\n            color=\"error\"\n            [tooltip]=\"'core.component.import-excel.warning-rows' | translate\"\n            size=\"sm\">\n          </sd-button>\n        </div>\n      }\n    </div>\n\n    <div class=\"sd-box border rounded\">\n      <div class=\"sd-box-body p-0\">\n        <div class=\"table-responsive\">\n          <table class=\"sd-table\">\n            <thead>\n              <tr>\n                <th class=\"text-center c-sticky-left\" style=\"width: 50px\">#</th>\n                @if (filteredItems.length) {\n                  <th class=\"text-center\" style=\"min-width: 250px; width: 250px\">{{ 'core.component.import-excel.status' | translate }}</th>\n                }\n                @for (column of option.columns; track column.field) {\n                  @if (column | columnHidden) {\n                    <th [ngStyle]=\"{ 'min-width': column.width || '300px', width: column.width || '300px' }\" [matTooltip]=\"column.title\">\n                      <span class=\"c-ellipsis\">\n                        {{ column.title }}\n                      </span>\n                    </th>\n                  }\n                }\n              </tr>\n            </thead>\n\n            <tbody>\n              @if (viewItems.length) {\n                @for (item of viewItems; track item.meta.excelIndex) {\n                  <tr>\n                    <td class=\"text-center c-sticky-left px-4\">\n                      <sd-badge\n                        type=\"tag\"\n                        [title]=\"item.meta.excelIndex\"\n                        [success]=\"!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [warning]=\"!!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [error]=\"!!item.meta.errorMessages.length\" />\n                    </td>\n\n                    <td style=\"min-width: 250px; width: 250px\">\n                      <div\n                        class=\"text-wrap\"\n                        [innerHTML]=\"\n                          item.meta.errorMessages[0] || item.meta.warningMessages[0] || ('<span class=\\'text-success\\'>' + ('core.component.import-excel.valid-data' | translate) + '</span>')\n                        \"></div>\n                    </td>\n\n                    @for (column of option.columns; track column.field) {\n                      @if (column | columnHidden) {\n                        <td\n                          class=\"align-middle\"\n                          [ngClass]=\"{\n                            'bg-warning-light': item.meta.warning[column.field] && !item.meta.error[column.field],\n                            'bg-error-light': item.meta.error[column.field]\n                          }\"\n                          [matTooltip]=\"item.meta.error[column.field] || item.meta.warning[column.field]\"\n                          [ngStyle]=\"{ 'min-width': column.width || '300px' }\"\n                          matTooltipPosition=\"above\">\n                          <div class=\"c-ellipsis\">\n                            @if (column.type !== 'array') {\n                              <span [innerHTML]=\"item | columnTransform: column | async\"></span>\n                            }\n\n                            @if (column.type === 'array') {\n                              @let arrayItems = item.data[column.field]?.split(column.divideString);\n\n                              <div class=\"d-flex align-items-center justify-content-between\">\n                                <span>{{ arrayItems?.length || 0 }} {{ column.unitString }}</span>\n\n                                @if (arrayItems?.length) {\n                                  <button\n                                    mat-icon-button\n                                    [matMenuTriggerFor]=\"menu\"\n                                    class=\"c-mat-menu\"\n                                    style=\"width: 24px; height: 24px; line-height: 24px\">\n                                    <sd-icon style=\"font-size: 18px\" name=\"open_in_new\"></sd-icon>\n                                  </button>\n\n                                  <mat-menu #menu=\"matMenu\">\n                                    <div\n                                      class=\"px-3 py-2\"\n                                      style=\"max-width: 300px; max-height: 250px; overflow: auto\"\n                                      (click)=\"$event.stopPropagation()\"\n                                      aria-hidden=\"true\">\n                                      @for (val of arrayItems; track $index) {\n                                        <div class=\"border-bottom py-2 text-wrap\" [innerHTML]=\"val\"></div>\n                                      }\n                                    </div>\n                                  </mat-menu>\n                                }\n                              </div>\n                            }\n                          </div>\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              } @else {\n                <tr>\n                  <td [attr.colspan]=\"option.columns.length + 2\" class=\"p-0 border-0 bg-white\">\n                    <div\n                      class=\"empty-state-wrapper\"\n                      (click)=\"downloadTemplate()\"\n                      [matTooltip]=\"'core.component.import-excel.download-template-tooltip' | translate\"\n                      aria-hidden=\"true\">\n                      <sd-icon class=\"empty-icon\" name=\"cloud_download\"></sd-icon>\n\n                      <h4>{{ 'core.component.import-excel.no-data-upload' | translate }}</h4>\n                      <span class=\"text-small text-link\"> {{ 'core.component.import-excel.click-here-template' | translate }} </span>\n\n                      @if (isDownloadTemplate) {\n                        <div class=\"mt-3\">\n                          <mat-spinner diameter=\"24\" mode=\"indeterminate\"></mat-spinner>\n                        </div>\n                      }\n                    </div>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <div class=\"sd-box-footer border-top\">\n        <div class=\"d-flex align-items-center justify-content-end\">\n          <mat-paginator [length]=\"filteredItems.length || 0\" hidePageSize showFirstLastButtons></mat-paginator>\n        </div>\n      </div>\n    </div>\n    <sd-button sdFooterLeft (click)=\"upload()\" prefixIcon=\"file_upload\" [title]=\"'core.component.import-excel.upload' | translate\" size=\"sm\" color=\"info\" [loading]=\"uploading\">\n    </sd-button>\n    <div class=\"d-flex align-items-center\" sdFooterRight>\n      @if (filteredItems.length) {\n        <sd-button class=\"mr-4\" (click)=\"export()\" prefixIcon=\"get_app\" [title]=\"'core.component.import-excel.download' | translate\" size=\"sm\" color=\"success\" type=\"outline\">\n        </sd-button>\n      }\n      <sd-button\n        (click)=\"accept()\"\n        [title]=\"'core.component.import-excel.confirm-save' | translate\"\n        [disabled]=\"(numberOfSuccess === 0 && numberOfWarning === 0) || numberOfError > 0 || isUploaded\"\n        color=\"primary\"\n        type=\"fill\"\n        size=\"sm\">\n      </sd-button>\n    </div>\n  </sd-modal>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i3.ColumnHiddenPipe"],"mappings":"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"}
+{"version":3,"file":"sdcorejs-angular-components-import-excel.mjs","sources":["../../../projects/sdcorejs-angular/components/import-excel/src/pipes/columm-hidden.pipe.ts","../../../projects/sdcorejs-angular/components/import-excel/src/pipes/column-transform.pipe.ts","../../../projects/sdcorejs-angular/components/import-excel/src/import-excel.component.ts","../../../projects/sdcorejs-angular/components/import-excel/src/import-excel.component.html","../../../projects/sdcorejs-angular/components/import-excel/sdcorejs-angular-components-import-excel.ts"],"sourcesContent":["import { Injectable, Pipe, PipeTransform } from '@angular/core';\nimport { SdUploadExcelColumn } from '../import-excel.model';\n@Pipe({\n  name: 'columnHidden',\n})\n@Injectable()\nexport class ColumnHiddenPipe implements PipeTransform {\n  constructor() {}\n  transform(column: SdUploadExcelColumn): boolean {\n    if (column.hidden === undefined) {\n      return true;\n    }\n    if (typeof column.hidden === 'boolean') {\n      return !column.hidden;\n    }\n    if (typeof column.hidden === 'function') {\n      return !column.hidden();\n    }\n    return false;\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { DateUtilities, NumberUtilities } from '@sdcorejs/angular/utilities';\nimport { SdImportExcelItem, SdUploadExcelColumn } from '../import-excel.model';\n\n@Pipe({\n  name: 'columnTransform',\n  standalone: true,\n})\nexport class ColumnTransformPipe implements PipeTransform {\n  constructor(private sanitizer: DomSanitizer) {}\n\n  // Chuyển thành async để hỗ trợ Promise từ bên ngoài\n  async transform(item: SdImportExcelItem, column: SdUploadExcelColumn): Promise<string | SafeHtml> {\n    const { type, transform, field } = column;\n    const value = item.data[field];\n\n    // 1. Ưu tiên hiển thị dữ liệu gốc nếu có lỗi\n    if (item.meta.error[field]) {\n      return item.meta.origin[field] ?? value ?? '';\n    }\n\n    // 2. Custom Transform (Hỗ trợ cả Sync và Async)\n    if (transform) {\n      // await sẽ hoạt động đúng dù transform trả về value thường hay Promise\n      const result = await transform(item.data, value);\n      return result ?? '';\n    }\n\n    // 3. Xử lý logic hiển thị\n    switch (type) {\n      case 'number':\n        return NumberUtilities.toVN(value) ?? '';\n\n      case 'bool':\n        if (typeof value === 'boolean') {\n          const html = `<div class=\"text-center\"><input type=\"checkbox\" ${value ? 'checked' : ''} disabled></div>`;\n          // Bắt buộc bypass security để hiển thị được input checkbox\n          return this.sanitizer.bypassSecurityTrustHtml(html);\n        }\n        return '';\n\n      case 'date':\n        return DateUtilities.toFormat(value, column.format || 'dd/MM/yyyy') ?? '';\n\n      case 'datetime':\n        return DateUtilities.toFormat(value, column.format || 'dd/MM/yyyy HH:mm') ?? '';\n\n      default:\n        return value ?? '';\n    }\n  }\n}\n","import { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';\n\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { Subscription } from 'rxjs';\nimport { ColumnHiddenPipe } from './pipes/columm-hidden.pipe';\nimport { SdImportExcelItem, SdImportExcelOption, SdImportExcelValidation } from './import-excel.model';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SdButton } from '@sdcorejs/angular/components/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { SdModal } from '@sdcorejs/angular/components/modal';\nimport { SdExcelService, SdExcelSheet, SdExcelTemplate, SdExcelTemplateColumn } from '@sdcorejs/angular/services/excel';\nimport { SdNotifyService } from '@sdcorejs/angular/services/notify';\nimport { DateUtilities, NumberUtilities } from '@sdcorejs/angular/utilities';\nimport { SdLoadingService } from '@sdcorejs/angular/services/loading';\nimport { ColumnTransformPipe } from './pipes/column-transform.pipe';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { SdBadge } from '@sdcorejs/angular/components/badge';\nimport { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n  selector: 'sd-import-excel',\n  templateUrl: './import-excel.component.html',\n  styleUrl: './import-excel.component.scss',\n  imports: [\n    SdIcon,\n    CommonModule,\n    FormsModule,\n    MatSlideToggleModule,\n    MatTooltipModule,\n    MatPaginatorModule,\n    MatSlideToggleModule,\n    SdButton,\n    SdModal,\n    ColumnTransformPipe,\n    ColumnHiddenPipe,\n    MatMenuModule,\n    MatProgressSpinner,\n    SdBadge,\n    TranslatePipe,\n  ],\n  providers: [ColumnHiddenPipe],\n})\nexport class SdImportExcel implements OnInit, OnDestroy {\n  @Input({ required: true }) option!: SdImportExcelOption;\n  @ViewChild(SdModal) modal!: SdModal;\n  excelItems: SdImportExcelItem[] = [];\n  // originItems: SdExcelItem[] = [];\n  hasDescription = false;\n\n  showing: 'ALL' | 'SUCCESS' | 'WARNING' | 'ERROR' = 'ALL';\n  filteredItems: SdImportExcelItem[] = [];\n  viewItems: SdImportExcelItem[] = [];\n  numberOfSuccess = 0;\n  numberOfError = 0;\n  numberOfWarning = 0;\n  file?: File;\n  #paginator!: MatPaginator;\n  #paginatorSub?: Subscription;\n  @ViewChild(MatPaginator) set paginator(paginator: MatPaginator) {\n    if (paginator && this.#paginator !== paginator) {\n      this.#paginator = paginator;\n      this.#paginatorSub?.unsubscribe(); // Clear cũ\n      this.#paginatorSub = paginator.page.subscribe(this.#reload);\n      this.#subscription.add(this.#paginatorSub);\n    }\n  }\n  #subscription = new Subscription();\n  uploading = false;\n  isUploaded = false;\n  isDownloadTemplate = false;\n  @Output() sdClosed = new EventEmitter();\n  readonly #i18n = inject(I18nService);\n  constructor(\n    private ref: ChangeDetectorRef,\n    private excelService: SdExcelService,\n    private notifyService: SdNotifyService,\n    private columnHiddenPipe: ColumnHiddenPipe,\n    private loadingService: SdLoadingService\n  ) {}\n\n  ngOnInit() {\n    this.isUploaded = false;\n  }\n\n  ngOnDestroy() {\n    this.#subscription.unsubscribe();\n  }\n\n  open = () => {\n    this.#reset();\n    this.modal.open();\n  };\n\n  close = () => {\n    this.modal.close();\n  };\n\n  #reset = () => {\n    this.excelItems = [];\n    this.filteredItems = [];\n    this.viewItems = [];\n    this.numberOfSuccess = 0;\n    this.numberOfError = 0;\n    this.numberOfWarning = 0;\n    this.showing = 'ALL';\n  };\n\n  #reload = () => {\n    const pageIndex = this.#paginator.pageIndex;\n    const pageSize = this.#paginator.pageSize;\n    this.filteredItems = this.excelItems.filter(item => {\n      const { errorMessages, warningMessages } = item.meta;\n      if (this.showing === 'SUCCESS') {\n        return !errorMessages.length && !warningMessages.length;\n      } else if (this.showing === 'WARNING') {\n        return !!warningMessages.length && !errorMessages.length;\n      } else if (this.showing === 'ERROR') {\n        return !!errorMessages.length;\n      }\n      return true;\n    });\n    this.viewItems = this.filteredItems.filter((item, index) => index >= pageIndex * pageSize && index < (pageIndex + 1) * pageSize);\n\n    this.numberOfSuccess = this.excelItems.filter(this.#filterSuccess).length;\n    this.numberOfError = this.excelItems.filter(this.#filterError).length;\n    this.numberOfWarning = this.excelItems.filter(this.#filterWarning).length;\n  };\n\n  #filterError = (item: SdImportExcelItem) => !!item.meta.errorMessages.length;\n  #filterWarning = (item: SdImportExcelItem) => item.meta.warningMessages.length && !item.meta.errorMessages.length;\n  #filterSuccess = (item: SdImportExcelItem) => !item.meta.errorMessages.length && !item.meta.warningMessages.length;\n\n  upload = async () => {\n    try {\n      const { transform, validateItem, validateItems } = this.option;\n      const { items, file } = await this.excelService.upload();\n      this.hasDescription = this.option.columns.some(e => !!e.description);\n      const offset = this.hasDescription ? 2 : 1;\n      items.splice(0, offset);\n      if (items.length === 0) {\n        this.notifyService.warning(this.#i18n.t('core.component.import-excel.no-data-in-file'));\n        return;\n      }\n      const limit = this.option.limit || 1000;\n      if (items.length > limit) {\n        this.notifyService.warning(this.#i18n.t('core.component.import-excel.row-limit', { limit }));\n        return;\n      }\n      this.#reset();\n      this.excelItems = items.map<SdImportExcelItem>((data, idx) => ({\n        data,\n        meta: {\n          excelIndex: idx + (this.hasDescription ? 4 : 3),\n          origin: { ...data },\n          error: {},\n          warning: {},\n          errorMessages: [],\n          warningMessages: [],\n        },\n      }));\n\n      if (transform) {\n        const mappedItems = transform(this.excelItems);\n        if (mappedItems instanceof Promise) {\n          this.uploading = true;\n          this.excelItems = await mappedItems.finally(() => (this.uploading = false));\n        } else {\n          this.excelItems = mappedItems || this.excelItems;\n        }\n      }\n      this.file = file!;\n      this.loadingService.start();\n      const validatePromises = this.excelItems.map((item, idx) => this.#validate(item, idx));\n      await Promise.all(validatePromises);\n\n      // Nếu không có error thì tiếp tục validate từ option validate truyền vào\n\n      if (!this.excelItems.some(this.#filterError) && validateItems) {\n        const results = await validateItems(this.excelItems.map(e => e.data));\n        results\n          .filter(result => result.idx >= 0)\n          .forEach(result => {\n            if (result?.errorMessage) {\n              this.excelItems[result.idx].meta.errorMessages.push(result.errorMessage);\n            }\n            if (result?.warningMessage) {\n              this.excelItems[result.idx].meta.warningMessages.push(result.warningMessage);\n            }\n          });\n      }\n\n      this.#paginator.pageIndex = 0;\n      this.#reload();\n      this.ref.detectChanges();\n\n      this.isUploaded = false;\n    } catch (err: any) {\n      this.notifyService.error(err);\n    } finally {\n      this.loadingService.stop();\n    }\n  };\n\n  #validate = async (excelItem: SdImportExcelItem, idx: number) => {\n    const {\n      data: item,\n      meta: { error, errorMessages },\n    } = excelItem;\n    const { validateItem } = this.option;\n    for (const column of this.option.columns) {\n      if (!this.columnHiddenPipe.transform(column)) {\n        continue;\n      }\n      try {\n        if (column.defaultValue !== undefined) {\n          item[column.field] = item[column.field] ?? column.defaultValue;\n        } else if (column.required && !item[column.field] && item[column.field] !== 0) {\n          error[column.field] = this.#i18n.t('core.component.import-excel.required');\n          errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n          continue;\n        }\n        if (column.type === 'string') {\n          const value = (item[column.field] || '').toString();\n          if (column.minlength !== undefined && value.length < column.minlength) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.min-length', { min: column.minlength });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          if (column.maxlength !== undefined && value.length > column.maxlength) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.max-length', { max: column.maxlength });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          item[column.field] = value;\n        } else if (column.type === 'number') {\n          if (item[column.field]) {\n            const value = +item[column.field];\n            if (!NumberUtilities.isNumber(item[column.field])) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.not-a-number', { value: item[column.field] });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            item[column.field] = value;\n          }\n          if (!item[column.field] && item[column.field] !== 0) {\n            item[column.field] = undefined;\n          }\n          if (column.min !== undefined && item[column.field] < column.min) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.below-min', { value: item[column.field], min: column.min });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          if (column.max !== undefined && item[column.field] > column.max) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.above-max', { value: item[column.field], max: column.max });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n        } else if (column.type === 'bool') {\n          if (\n            item[column.field] === 0 ||\n            item[column.field] === '0' ||\n            item[column.field] === false ||\n            item[column.field]?.toString()?.toLowerCase()?.trim() === 'false'\n          ) {\n            item[column.field] = false;\n          } else if (\n            item[column.field] === 1 ||\n            item[column.field] === '1' ||\n            item[column.field] === true ||\n            item[column.field]?.toString()?.toLowerCase()?.trim() === 'true'\n          ) {\n            item[column.field] = true;\n          } else if (item[column.field] === '') item[column.field] = undefined;\n\n          if (typeof item[column.field] !== 'boolean' && item[column.field] !== undefined && item[column.field] !== null) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.invalid-bool');\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n          }\n        } else if (column.type === 'values') {\n          if (item[column.field] && typeof item[column.field] !== 'number' && typeof item[column.field] !== 'string') {\n            error[column.field] = this.#i18n.t('core.component.import-excel.invalid-value', { value: item[column.field] });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n          if (column.checkValueInArray && item[column.field] && !column.values.some(e => e.toString() === item[column.field].toString())) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.value-not-in-list', {\n              value: item[column.field],\n              list: column.values.join(),\n            });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n        } else if (column.type === 'date' || column.type === 'datetime' || column.type === 'time') {\n          const { type, format } = column;\n          const val = item[column.field];\n          if (val instanceof Date) {\n            item[column.field] = val.toISOString();\n            continue;\n          }\n          if (format && item[column.field]) {\n            if (typeof val !== 'string') {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            if (type === 'date' && !this.#isValidDate(format, val)) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            if (type === 'time' && !this.#isValidTime(format, val)) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            if (type === 'datetime' && !this.#isValidDateTime(format, val)) {\n              error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n                value: val ?? '',\n                format: column.format ?? '',\n              });\n              errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n              continue;\n            }\n            item[column.field] = DateUtilities.parseFrom(val, format);\n          }\n          if (item[column.field] && !DateUtilities.isDate(item[column.field])) {\n            error[column.field] = this.#i18n.t('core.component.import-excel.invalid-date-format', {\n              value: val ?? '',\n              format: column.format ?? '',\n            });\n            errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n            continue;\n          }\n        }\n\n        // Nếu pass validation từng column, kiểm tra validation theo hàm validateItem\n        if (!errorMessages.length && validateItem) {\n          const validation = await validateItem(\n            item,\n            idx,\n            this.excelItems.map(e => e.data)\n          );\n          if (validation.errorMessage) excelItem.meta.errorMessages.push(validation.errorMessage);\n          if (validation.warningMessage) excelItem.meta.warningMessages.push(validation.warningMessage);\n        }\n      } catch (ex: any) {\n        error[column.field] = `${ex?.message || ex?.error || ex || this.#i18n.t('core.component.import-excel.generic-error')}`;\n        errorMessages.push(`<strong>[${column.title || column.field}]</strong> ${error[column.field]}`);\n      }\n    }\n  };\n\n  #mapItem = (item: SdImportExcelItem) => {\n    const { data } = item;\n    return data;\n  };\n\n  accept = () => {\n    this.option!.accept(\n      this.excelItems.map(e => e.data),\n      { file: this.file! }\n    );\n    this.isUploaded = true;\n  };\n\n  setValidation = (validations: SdImportExcelValidation[]) => {\n    this.excelItems.forEach(e => {\n      e.meta.errorMessages = [];\n      e.meta.warningMessages = [];\n    });\n    if (Array.isArray(validations)) {\n      validations.forEach(validation => {\n        if (validation.errorMessage) {\n          this.excelItems[validation.idx].meta.errorMessages = [validation.errorMessage];\n        }\n        if (validation.warningMessage) {\n          this.excelItems[validation.idx].meta.warningMessages = [validation.warningMessage];\n        }\n      });\n    }\n    this.#reload();\n    this.ref.detectChanges();\n  };\n\n  view = (showing: 'ALL' | 'SUCCESS' | 'WARNING' | 'ERROR' = 'ALL') => {\n    this.showing = showing;\n    this.#paginator.pageIndex = 0;\n    this.#reload();\n  };\n\n  downloadTemplate = async () => {\n    const sheets: SdExcelSheet[] = [];\n    if (Array.isArray(this.option?.sheets)) {\n      for (const sheet of this.option.sheets) {\n        if (sheet.name && sheet.items && sheet.headers) {\n          if (Array.isArray(sheet.items)) {\n            sheets.push({\n              name: sheet.name,\n              items: sheet.items,\n              headers: sheet.headers,\n            });\n          } else {\n            sheets.push({\n              name: sheet.name,\n              items: await sheet.items(),\n              headers: sheet.headers,\n            });\n          }\n        }\n      }\n    }\n    const columnNotHiddens = this.option.columns.filter(column => this.columnHiddenPipe.transform(column));\n    const excelTemplate: SdExcelTemplate = {\n      fileName: this.option.fileName || 'Template',\n      columns: columnNotHiddens.map(column => {\n        return {\n          field: column.field,\n          title: column.title,\n          width: column.width,\n          required: column.required,\n          description: column.description,\n          fontColor: column.fontColor,\n          fill: column.fill,\n        };\n      }),\n      sheets,\n    };\n    this.isDownloadTemplate = true;\n    await this.excelService.generateTemplate(excelTemplate).finally(() => {\n      this.isDownloadTemplate = false;\n    });\n  };\n\n  export = async () => {\n    this.loadingService.start();\n    const columns: SdExcelTemplateColumn[] = [\n      {\n        field: 'sdMessage',\n        title: this.#i18n.t('core.component.import-excel.message-column'),\n        width: '250px',\n        required: false,\n      },\n      ...this.option.columns.filter(column => this.columnHiddenPipe.transform(column)),\n    ];\n    await this.excelService\n      .export({\n        columns,\n        items: this.filteredItems.map(e => {\n          let result = {};\n          for (const column of columns) {\n            result = {\n              ...result,\n              [column.field]: e.meta.origin?.[column.field],\n            };\n          }\n          return {\n            ...result,\n            sdMessage: (\n              e.meta.errorMessages.join(', ') ||\n              e.meta.warningMessages.join(', ') ||\n              this.#i18n.t('core.component.import-excel.success')\n            )\n              ?.replace(/<strong>/g, '')\n              .replace(/<\\/strong>/g, '')\n              .replace(/<br>/g, '\\n'),\n          };\n        }),\n      })\n      .finally(this.loadingService.stop);\n  };\n\n  #isValidDate = (format: string, value: string) => {\n    if (value?.length !== format?.length) {\n      return false;\n    }\n    const regex =\n      /^(?:(?:31(\\/|-|\\.)(?:0?[13578]|1[02]))\\1|(?:(?:29|30)(\\/|-|\\.)(?:0?[13-9]|1[0-2])\\2))(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$|^(?:29(\\/|-|\\.)0?2\\3(?:(?:(?:1[6-9]|[2-9]\\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\\d|2[0-8])(\\/|-|\\.)(?:(?:0?[1-9])|(?:1[0-2]))\\4(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$/;\n    return regex.test(value);\n  };\n\n  #isValidTime = (format: string, value: string) => {\n    if (value?.length !== format?.length) {\n      return false;\n    }\n    return true;\n  };\n\n  #isValidDateTime = (format: string, value: string) => {\n    if (value?.length !== format?.length) {\n      return false;\n    }\n    const dates = value?.split(' ');\n    if (dates.length !== 2) {\n      return false;\n    }\n    const date = dates[0];\n    if (!this.#isValidDate('dd/MM/yyyy', date)) {\n      return false;\n    }\n    const time = dates[1];\n    const regex = /^(0[0-9]|1[0-9]|2[0-3]):(0[0-9]|[0-5][0-9])$/;\n    return regex.test(time);\n  };\n  onClosed = () => {\n    this.sdClosed.emit();\n  };\n}\n","@if (option) {\n  <sd-modal [title]=\"option.title || ('core.component.import-excel.title' | translate)\" (sdClosed)=\"onClosed()\" #modal>\n    <div class=\"d-flex align-items-center mb-12\" style=\"min-height: 32px\">\n      @if (excelItems.length) {\n        <div class=\"d-flex\">\n          <sd-button class=\"mr-2\" (click)=\"view('ALL')\" icon=\"cached\" [title]=\"'core.component.import-excel.see-all' | translate\" size=\"sm\" type=\"outline\"></sd-button>\n\n          <sd-button\n            class=\"mr-2\"\n            (click)=\"view('SUCCESS')\"\n            icon=\"done\"\n            title=\"{{ numberOfSuccess }}\"\n            [tooltip]=\"'core.component.import-excel.valid-rows' | translate\"\n            size=\"sm\"\n            color=\"success\">\n          </sd-button>\n\n          <sd-button\n            class=\"mr-2\"\n            (click)=\"view('WARNING')\"\n            icon=\"warning\"\n            title=\"{{ numberOfWarning }}\"\n            [tooltip]=\"'core.component.import-excel.error-rows' | translate\"\n            size=\"sm\"\n            color=\"warning\">\n          </sd-button>\n\n          <sd-button\n            (click)=\"view('ERROR')\"\n            icon=\"error\"\n            title=\"{{ numberOfError }}\"\n            color=\"error\"\n            [tooltip]=\"'core.component.import-excel.warning-rows' | translate\"\n            size=\"sm\">\n          </sd-button>\n        </div>\n      }\n    </div>\n\n    <div class=\"sd-box border rounded\">\n      <div class=\"sd-box-body p-0\">\n        <div class=\"table-responsive\">\n          <table class=\"sd-table\">\n            <thead>\n              <tr>\n                <th class=\"text-center c-sticky-left\" style=\"width: 50px\">#</th>\n                @if (filteredItems.length) {\n                  <th class=\"text-center\" style=\"min-width: 250px; width: 250px\">{{ 'core.component.import-excel.status' | translate }}</th>\n                }\n                @for (column of option.columns; track column.field) {\n                  @if (column | columnHidden) {\n                    <th [ngStyle]=\"{ 'min-width': column.width || '300px', width: column.width || '300px' }\" [matTooltip]=\"column.title\">\n                      <span class=\"c-ellipsis\">\n                        {{ column.title }}\n                      </span>\n                    </th>\n                  }\n                }\n              </tr>\n            </thead>\n\n            <tbody>\n              @if (viewItems.length) {\n                @for (item of viewItems; track item.meta.excelIndex) {\n                  <tr>\n                    <td class=\"text-center c-sticky-left px-4\">\n                      <sd-badge\n                        type=\"tag\"\n                        [title]=\"item.meta.excelIndex\"\n                        [success]=\"!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [warning]=\"!!item.meta.warningMessages.length && !item.meta.errorMessages.length\"\n                        [error]=\"!!item.meta.errorMessages.length\" />\n                    </td>\n\n                    <td style=\"min-width: 250px; width: 250px\">\n                      <div\n                        class=\"text-wrap\"\n                        [innerHTML]=\"\n                          item.meta.errorMessages[0] || item.meta.warningMessages[0] || ('<span class=\\'text-success\\'>' + ('core.component.import-excel.valid-data' | translate) + '</span>')\n                        \"></div>\n                    </td>\n\n                    @for (column of option.columns; track column.field) {\n                      @if (column | columnHidden) {\n                        <td\n                          class=\"align-middle\"\n                          [ngClass]=\"{\n                            'bg-warning-light': item.meta.warning[column.field] && !item.meta.error[column.field],\n                            'bg-error-light': item.meta.error[column.field]\n                          }\"\n                          [matTooltip]=\"item.meta.error[column.field] || item.meta.warning[column.field]\"\n                          [ngStyle]=\"{ 'min-width': column.width || '300px' }\"\n                          matTooltipPosition=\"above\">\n                          <div class=\"c-ellipsis\">\n                            @if (column.type !== 'array') {\n                              <span [innerHTML]=\"item | columnTransform: column | async\"></span>\n                            }\n\n                            @if (column.type === 'array') {\n                              @let arrayItems = item.data[column.field]?.split(column.divideString);\n\n                              <div class=\"d-flex align-items-center justify-content-between\">\n                                <span>{{ arrayItems?.length || 0 }} {{ column.unitString }}</span>\n\n                                @if (arrayItems?.length) {\n                                  <button\n                                    mat-icon-button\n                                    [matMenuTriggerFor]=\"menu\"\n                                    class=\"c-mat-menu\"\n                                    style=\"width: 24px; height: 24px; line-height: 24px\">\n                                    <sd-icon style=\"font-size: 18px\" name=\"open_in_new\"></sd-icon>\n                                  </button>\n\n                                  <mat-menu #menu=\"matMenu\">\n                                    <div\n                                      class=\"px-3 py-2\"\n                                      style=\"max-width: 300px; max-height: 250px; overflow: auto\"\n                                      (click)=\"$event.stopPropagation()\"\n                                      aria-hidden=\"true\">\n                                      @for (val of arrayItems; track $index) {\n                                        <div class=\"border-bottom py-2 text-wrap\" [innerHTML]=\"val\"></div>\n                                      }\n                                    </div>\n                                  </mat-menu>\n                                }\n                              </div>\n                            }\n                          </div>\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              } @else {\n                <tr>\n                  <td [attr.colspan]=\"option.columns.length + 2\" class=\"p-0 border-0 bg-white\">\n                    <div\n                      class=\"empty-state-wrapper\"\n                      (click)=\"downloadTemplate()\"\n                      [matTooltip]=\"'core.component.import-excel.download-template-tooltip' | translate\"\n                      aria-hidden=\"true\">\n                      <sd-icon class=\"empty-icon\" name=\"cloud_download\"></sd-icon>\n\n                      <h4>{{ 'core.component.import-excel.no-data-upload' | translate }}</h4>\n                      <span class=\"text-small text-link\"> {{ 'core.component.import-excel.click-here-template' | translate }} </span>\n\n                      @if (isDownloadTemplate) {\n                        <div class=\"mt-3\">\n                          <mat-spinner diameter=\"24\" mode=\"indeterminate\"></mat-spinner>\n                        </div>\n                      }\n                    </div>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <div class=\"sd-box-footer border-top\">\n        <div class=\"d-flex align-items-center justify-content-end\">\n          <mat-paginator [length]=\"filteredItems.length || 0\" hidePageSize showFirstLastButtons></mat-paginator>\n        </div>\n      </div>\n    </div>\n    <sd-button sdFooterLeft (click)=\"upload()\" prefixIcon=\"file_upload\" [title]=\"'core.component.import-excel.upload' | translate\" size=\"sm\" color=\"info\" [loading]=\"uploading\">\n    </sd-button>\n    <div class=\"d-flex align-items-center\" sdFooterRight>\n      @if (filteredItems.length) {\n        <sd-button class=\"mr-4\" (click)=\"export()\" prefixIcon=\"get_app\" [title]=\"'core.component.import-excel.download' | translate\" size=\"sm\" color=\"success\" type=\"outline\">\n        </sd-button>\n      }\n      <sd-button\n        (click)=\"accept()\"\n        [title]=\"'core.component.import-excel.confirm-save' | translate\"\n        [disabled]=\"(numberOfSuccess === 0 && numberOfWarning === 0) || numberOfError > 0 || isUploaded\"\n        color=\"primary\"\n        type=\"fill\"\n        size=\"sm\">\n      </sd-button>\n    </div>\n  </sd-modal>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i3.ColumnHiddenPipe"],"mappings":"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"}

package/fesm2022/sdcorejs-angular-components-query-bar.mjs

@@ -464,21 +464,11 @@ class SdQueryBuildChip {
         return t === 'string' || t === 'number';
     }, ...(ngDevMode ? [{ debugName: "isSeamless" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdQueryBuildChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdQueryBuildChip, isStandalone: true, selector: "sd-query-build-chip", inputs: { building: { classPropertyName: "building", publicName: "building", isSignal: true, isRequired: true, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, allowedOperators: { classPropertyName: "allowedOperators", publicName: "allowedOperators", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showOperator: { classPropertyName: "showOperator", publicName: "showOperator", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pickOperator: "pickOperator", commitValue: "commitValue", cancel: "cancel", seamlessCommit: "seamlessCommit", draftChange: "draftChange", draftCommit: "draftCommit" }, viewQueries: [{ propertyName: "opMenu", first: true, predicate: ["buildOperator"], descendants: true, isSignal: true }, { propertyName: "picker", first: true, predicate: ["bPicker"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  In-progress chip (inline-mode token build flow).\n  Seamless string/number branch keeps its own pill; everything else renders inside\n  the dashed .c-token.c-token-building shell.\n-->\n@let _building = building();\n@let _autoId = autoId();\n\n@if (isSeamless()) {\n  <sd-query-inline-value-chip\n    [field]=\"_building.field\"\n    [operator]=\"$any(_building.operator)\"\n    [value]=\"_building.value ?? null\"\n    [density]=\"density()\"\n    [showOperator]=\"showOperator()\"\n    [autoId]=\"_autoId\"\n    [autofocus]=\"true\"\n    (valueChange)=\"seamlessCommit.emit($event)\"\n    (remove)=\"cancel.emit()\" />\n} @else {\n  <div class=\"c-token c-token-building\">\n    <span class=\"c-token-field\">{{ _building.field.label }}</span>\n\n    @if (_building.step === 'operator') {\n      <sd-operator\n        #buildOperator\n        class=\"c-token-op\"\n        [operators]=\"allowedOperators()\"\n        [model]=\"_building.operator\"\n        (modelChange)=\"pickOperator.emit($any($event))\" />\n    } @else {\n      <!-- why: badge readonly cho operator \u0111\u00E3 ch\u1ECDn \u2014 v\u1EABn render <sd-operator>\n           \u0111\u1EC3 gi\u1EEF th\u1ECB gi\u00E1c gi\u1ED1ng chip ho\u00E0n th\u00E0nh (icon + tooltip). -->\n      <sd-operator\n        class=\"c-token-op\"\n        [operators]=\"[$any(_building.operator)]\"\n        [model]=\"$any(_building.operator)\"\n        [disabled]=\"true\" />\n\n      @if (_building.field.type === 'values' || _building.field.type === 'lazy-values') {\n        @let _bopt = $any(_building.field).option;\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-select #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\" minWidthPanel=\"300px\"\n            [autoId]=\"_autoId\"\n            [items]=\"_building.field.type === 'lazy-values' ? $any(_bopt).search : $any(_bopt.items)\"\n            [valueField]=\"_bopt.valueField\"\n            [displayField]=\"_bopt.displayField\"\n            [multiple]=\"multiple()\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"commitValue.emit($event)\">\n            <!-- why: build chip multi-select c\u0169ng c\u1EA7n \"head +N\" \u0111\u1EC3 g\u1ECDn (gi\u1ED1ng completed chip). -->\n            <ng-template #sdValue let-selectedItems=\"selectedItems\">\n              @if ((selectedItems?.length ?? 0) > 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span> +{{ selectedItems.length - 1 }}\n              } @else if ((selectedItems?.length ?? 0) === 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span>\n              }\n            </ng-template>\n          </sd-select>\n        </span>\n      } @else if (_building.field.type === 'date') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: 1 sd-date-range thay 2 sd-date \u2014 g\u1ECDn h\u01A1n, h\u00E0nh vi th\u1ED1ng nh\u1EA5t v\u1EDBi completed chip. -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-date #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date>\n          }\n        </span>\n      } @else if (_building.field.type === 'datetime') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: datetime BETWEEN downgrade v\u1EC1 date-range (m\u1EA5t time precision; \u0111\u00E3 th\u1ED1ng nh\u1EA5t). -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-datetime #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-datetime>\n          }\n        </span>\n      } @else if (_building.field.type === 'boolean') {\n        <!-- why: native button thay sd-button (tr\u00E1nh mat-button baseline 36px g\u00E2y tr\u00E0n).\n             Pill nh\u1ECF v\u1EBD b\u1EB1ng CSS scoped trong chip \u2014 gi\u1EEF semantic colour qua class\n             .c-bool-true / .c-bool-false. -->\n        <span class=\"c-token-value c-token-value-edit c-bool-toggle\">\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-true\"\n            [class.c-bool-active]=\"_building.value === true\"\n            [attr.data-autoId]=\"_autoId + '-true'\"\n            (click)=\"commitValue.emit(true)\">\n            {{ $any(_building.field).trueLabel || 'C\u00F3' }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-false\"\n            [class.c-bool-active]=\"_building.value === false\"\n            [attr.data-autoId]=\"_autoId + '-false'\"\n            (click)=\"commitValue.emit(false)\">\n            {{ $any(_building.field).falseLabel || 'Kh\u00F4ng' }}\n          </button>\n        </span>\n      } @else {\n        <!-- Fallback (e.g. unforeseen type) \u2014 generic sd-input wired via draft outputs. -->\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-input size=\"sm\"\n            [autoId]=\"_autoId\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"draftChange.emit($event)\"\n            (keyupEnter)=\"draftCommit.emit()\"></sd-input>\n        </span>\n      }\n    }\n\n    <button type=\"button\" class=\"c-token-remove\" aria-label=\"Cancel\" (click)=\"cancel.emit()\">\n      <sd-icon name=\"close\"></sd-icon>\n    </button>\n  </div>\n}\n", styles: [":host{display:contents}.c-token{display:inline-flex;align-items:center;gap:4px;padding:0 0 0 12px;border:1px solid var(--sd-primary-light);border-radius:999px;background:var(--sd-primary-light);font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden}:host-context(.c-density-compact) .c-token{height:28px}:host-context(.c-density-comfortable) .c-token{height:32px}.c-token-field{font-weight:500;line-height:1}.c-token-op{display:inline-flex;align-items:center;color:inherit}.c-token-op ::ng-deep .c-op-trigger{padding:0;color:inherit}.c-token-op ::ng-deep .c-op-icon svg{width:14px;height:14px;display:block}.c-token-value{border:none;background:transparent;padding:0;font:inherit;font-weight:500;color:var(--sd-primary)}.c-token-value-edit{display:inline-flex;align-items:center;gap:4px;max-width:240px}.c-token-value-edit sd-input,.c-token-value-edit sd-input-number{display:inline-flex;max-width:140px}.c-token-value-edit sd-date-range{display:inline-flex;max-width:220px;min-width:0;flex:0 1 auto}.c-token-value-edit sd-select,.c-token-value-edit sd-date,.c-token-value-edit sd-datetime{display:inline-flex;align-items:center;line-height:1}.c-token ::ng-deep .mat-mdc-form-field{line-height:1}.c-token ::ng-deep .mat-mdc-text-field-wrapper,.c-token ::ng-deep .mat-mdc-form-field-flex{padding:0;min-height:0;background:transparent}.c-token ::ng-deep .mat-mdc-form-field-infix{padding:0;min-height:0;width:auto;border:0;display:inline-flex;align-items:center}.c-token ::ng-deep .mat-mdc-select-value,.c-token ::ng-deep .mat-mdc-input-element,.c-token ::ng-deep input{line-height:1;font-size:13px;padding:0;height:auto;color:inherit}.c-token ::ng-deep .mat-mdc-select-value{display:inline-flex;align-items:center;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;color:var(--sd-primary);font-weight:500}.c-token ::ng-deep .sd-suffix-icon{display:none}.c-token-multi-head{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.c-token-building{border-style:dashed}.c-bool-toggle{display:inline-flex;align-items:center;gap:4px}.c-bool-btn{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:0;padding:0 8px;border:1px solid currentColor;border-radius:999px;background:transparent;font:inherit;font-size:11px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}:host-context(.c-density-comfortable) .c-bool-btn{height:20px;padding:0 10px;font-size:12px}.c-bool-true{color:var(--sd-success)}.c-bool-false{color:var(--sd-warning)}.c-bool-active.c-bool-true{background:var(--sd-success);color:#fff;border-color:var(--sd-success)}.c-bool-active.c-bool-false{background:var(--sd-warning);color:#fff;border-color:var(--sd-warning)}.c-bool-btn:hover:not(.c-bool-active).c-bool-true{background:var(--sd-success-light)}.c-bool-btn:hover:not(.c-bool-active).c-bool-false{background:var(--sd-warning-light)}.c-token-remove{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(0,0,0,.04);border-radius:0;background:transparent;cursor:pointer;color:inherit}:host-context(.c-density-compact) .c-token-remove{width:26px}:host-context(.c-density-comfortable) .c-token-remove{width:28px}.c-token-remove sd-icon{font-size:14px;width:14px;height:14px}.c-token-remove:hover{background:#0000000d}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdOperator, selector: "sd-operator", inputs: ["model", "operators", "disabled", "autoId"], outputs: ["modelChange"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDateRange, selector: "sd-date-range", inputs: ["autoId", "name", "size", "form", "label", "helperText", "hideInlineError", "required", "disabled", "viewed", "clearable", "appearance", "floatLabel", "min", "max", "model"], outputs: ["modelChange", "sdChange"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdQueryInlineValueChip, selector: "sd-query-inline-value-chip", inputs: ["field", "operator", "value", "density", "showOperator", "autoId", "autofocus"], outputs: ["valueChange", "remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdQueryBuildChip, isStandalone: true, selector: "sd-query-build-chip", inputs: { building: { classPropertyName: "building", publicName: "building", isSignal: true, isRequired: true, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, allowedOperators: { classPropertyName: "allowedOperators", publicName: "allowedOperators", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showOperator: { classPropertyName: "showOperator", publicName: "showOperator", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pickOperator: "pickOperator", commitValue: "commitValue", cancel: "cancel", seamlessCommit: "seamlessCommit", draftChange: "draftChange", draftCommit: "draftCommit" }, viewQueries: [{ propertyName: "opMenu", first: true, predicate: ["buildOperator"], descendants: true, isSignal: true }, { propertyName: "picker", first: true, predicate: ["bPicker"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  In-progress chip (inline-mode token build flow).\n  Seamless string/number branch keeps its own pill; everything else renders inside\n  the dashed .c-token.c-token-building shell.\n-->\n@let _building = building();\n@let _autoId = autoId();\n\n@if (isSeamless()) {\n  <sd-query-inline-value-chip\n    [field]=\"_building.field\"\n    [operator]=\"$any(_building.operator)\"\n    [value]=\"_building.value ?? null\"\n    [density]=\"density()\"\n    [showOperator]=\"showOperator()\"\n    [autoId]=\"_autoId\"\n    [autofocus]=\"true\"\n    (valueChange)=\"seamlessCommit.emit($event)\"\n    (remove)=\"cancel.emit()\" />\n} @else {\n  <div class=\"c-token c-token-building\">\n    <span class=\"c-token-field\">{{ _building.field.label }}</span>\n\n    @if (_building.step === 'operator') {\n      <sd-operator\n        #buildOperator\n        class=\"c-token-op\"\n        [operators]=\"allowedOperators()\"\n        [model]=\"_building.operator\"\n        (modelChange)=\"pickOperator.emit($any($event))\" />\n    } @else {\n      <!-- why: badge readonly cho operator \u0111\u00E3 ch\u1ECDn \u2014 v\u1EABn render <sd-operator>\n           \u0111\u1EC3 gi\u1EEF th\u1ECB gi\u00E1c gi\u1ED1ng chip ho\u00E0n th\u00E0nh (icon + tooltip). -->\n      <sd-operator\n        class=\"c-token-op\"\n        [operators]=\"[$any(_building.operator)]\"\n        [model]=\"$any(_building.operator)\"\n        [disabled]=\"true\" />\n\n      @if (_building.field.type === 'values' || _building.field.type === 'lazy-values') {\n        @let _bopt = $any(_building.field).option;\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-select #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\" minWidthPanel=\"300px\"\n            [autoId]=\"_autoId\"\n            [items]=\"_building.field.type === 'lazy-values' ? $any(_bopt).search : $any(_bopt.items)\"\n            [valueField]=\"_bopt.valueField\"\n            [displayField]=\"_bopt.displayField\"\n            [multiple]=\"multiple()\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"commitValue.emit($event)\">\n            <!-- why: build chip multi-select c\u0169ng c\u1EA7n \"head +N\" \u0111\u1EC3 g\u1ECDn (gi\u1ED1ng completed chip). -->\n            <ng-template #sdValue let-selectedItems=\"selectedItems\">\n              @if ((selectedItems?.length ?? 0) > 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span> +{{ selectedItems.length - 1 }}\n              } @else if ((selectedItems?.length ?? 0) === 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span>\n              }\n            </ng-template>\n          </sd-select>\n        </span>\n      } @else if (_building.field.type === 'date') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: 1 sd-date-range thay 2 sd-date \u2014 g\u1ECDn h\u01A1n, h\u00E0nh vi th\u1ED1ng nh\u1EA5t v\u1EDBi completed chip. -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-date #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date>\n          }\n        </span>\n      } @else if (_building.field.type === 'datetime') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: datetime BETWEEN downgrade v\u1EC1 date-range (m\u1EA5t time precision; \u0111\u00E3 th\u1ED1ng nh\u1EA5t). -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-datetime #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-datetime>\n          }\n        </span>\n      } @else if (_building.field.type === 'boolean') {\n        <!-- why: native button thay sd-button (tr\u00E1nh mat-button baseline 36px g\u00E2y tr\u00E0n).\n             Pill nh\u1ECF v\u1EBD b\u1EB1ng CSS scoped trong chip \u2014 gi\u1EEF semantic colour qua class\n             .c-bool-true / .c-bool-false. -->\n        <span class=\"c-token-value c-token-value-edit c-bool-toggle\">\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-true\"\n            [class.c-bool-active]=\"_building.value === true\"\n            [attr.data-autoId]=\"_autoId + '-true'\"\n            (click)=\"commitValue.emit(true)\">\n            {{ $any(_building.field).trueLabel || 'C\u00F3' }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-false\"\n            [class.c-bool-active]=\"_building.value === false\"\n            [attr.data-autoId]=\"_autoId + '-false'\"\n            (click)=\"commitValue.emit(false)\">\n            {{ $any(_building.field).falseLabel || 'Kh\u00F4ng' }}\n          </button>\n        </span>\n      } @else {\n        <!-- Fallback (e.g. unforeseen type) \u2014 generic sd-input wired via draft outputs. -->\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-input size=\"sm\"\n            [autoId]=\"_autoId\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"draftChange.emit($event)\"\n            (keyupEnter)=\"draftCommit.emit()\"></sd-input>\n        </span>\n      }\n    }\n\n    <button type=\"button\" class=\"c-token-remove\" aria-label=\"Cancel\" (click)=\"cancel.emit()\">\n      <sd-icon name=\"close\"></sd-icon>\n    </button>\n  </div>\n}\n", styles: [":host{display:contents}.c-token{display:inline-flex;align-items:center;gap:4px;padding:0 0 0 12px;border:1px solid var(--sd-primary-light);border-radius:999px;background:var(--sd-primary-light);font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden}:host-context(.c-density-compact) .c-token{height:28px}:host-context(.c-density-comfortable) .c-token{height:32px}.c-token-field{font-weight:500;line-height:1}.c-token-op{display:inline-flex;align-items:center;color:inherit}.c-token-op ::ng-deep .c-op-trigger{padding:0;color:inherit}.c-token-op ::ng-deep .c-op-icon svg{width:14px;height:14px;display:block}.c-token-value{border:none;background:transparent;padding:0;font:inherit;font-weight:500;color:var(--sd-primary)}.c-token-value-edit{display:inline-flex;align-items:center;gap:4px;max-width:240px}.c-token-value-edit sd-input,.c-token-value-edit sd-input-number{display:inline-flex;max-width:140px}.c-token-value-edit sd-date-range{display:inline-flex;max-width:220px;min-width:0;flex:0 1 auto}.c-token-value-edit sd-select,.c-token-value-edit sd-date,.c-token-value-edit sd-datetime{display:inline-flex;align-items:center;line-height:1}.c-token ::ng-deep .mat-mdc-form-field{line-height:1}.c-token ::ng-deep .mat-mdc-text-field-wrapper,.c-token ::ng-deep .mat-mdc-form-field-flex{padding:0;min-height:0;background:transparent}.c-token ::ng-deep .mat-mdc-form-field-infix{padding:0;min-height:0;width:auto;border:0;display:inline-flex;align-items:center}.c-token ::ng-deep .mat-mdc-select-value,.c-token ::ng-deep .mat-mdc-input-element,.c-token ::ng-deep input{line-height:1;font-size:13px;padding:0;height:auto;color:inherit}.c-token ::ng-deep .mat-mdc-select-value{display:inline-flex;align-items:center;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;color:var(--sd-primary);font-weight:500}.c-token ::ng-deep .sd-suffix-icon{display:none}.c-token-multi-head{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.c-token-building{border-style:dashed}.c-bool-toggle{display:inline-flex;align-items:center;gap:4px}.c-bool-btn{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:0;padding:0 8px;border:1px solid currentColor;border-radius:999px;background:transparent;font:inherit;font-size:11px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}:host-context(.c-density-comfortable) .c-bool-btn{height:20px;padding:0 10px;font-size:12px}.c-bool-true{color:var(--sd-success)}.c-bool-false{color:var(--sd-warning)}.c-bool-active.c-bool-true{background:var(--sd-success);color:#fff;border-color:var(--sd-success)}.c-bool-active.c-bool-false{background:var(--sd-warning);color:#fff;border-color:var(--sd-warning)}.c-bool-btn:hover:not(.c-bool-active).c-bool-true{background:var(--sd-success-light)}.c-bool-btn:hover:not(.c-bool-active).c-bool-false{background:var(--sd-warning-light)}.c-token-remove{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(0,0,0,.04);border-radius:0;background:transparent;cursor:pointer;color:inherit}:host-context(.c-density-compact) .c-token-remove{width:26px}:host-context(.c-density-comfortable) .c-token-remove{width:28px}.c-token-remove sd-icon{font-size:14px;width:14px;height:14px}.c-token-remove:hover{background:#0000000d}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdOperator, selector: "sd-operator", inputs: ["model", "operators", "disabled", "autoId"], outputs: ["modelChange"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDateRange, selector: "sd-date-range", inputs: ["autoId", "name", "size", "form", "label", "helperText", "hideInlineError", "required", "disabled", "viewed", "clearable", "appearance", "floatLabel", "min", "max", "model"], outputs: ["modelChange", "sdChange"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "clearable", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdQueryInlineValueChip, selector: "sd-query-inline-value-chip", inputs: ["field", "operator", "value", "density", "showOperator", "autoId", "autofocus"], outputs: ["valueChange", "remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdQueryBuildChip, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-query-build-chip', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SdIcon,
-                        CommonModule,
-                        SdOperator,
-                        SdDate,
-                        SdDateRange,
-                        SdDatetime,
-                        SdInput,
-                        SdInputNumber,
-                        SdSelect,
-                        SdQueryInlineValueChip,
-                    ], template: "<!--\n  In-progress chip (inline-mode token build flow).\n  Seamless string/number branch keeps its own pill; everything else renders inside\n  the dashed .c-token.c-token-building shell.\n-->\n@let _building = building();\n@let _autoId = autoId();\n\n@if (isSeamless()) {\n  <sd-query-inline-value-chip\n    [field]=\"_building.field\"\n    [operator]=\"$any(_building.operator)\"\n    [value]=\"_building.value ?? null\"\n    [density]=\"density()\"\n    [showOperator]=\"showOperator()\"\n    [autoId]=\"_autoId\"\n    [autofocus]=\"true\"\n    (valueChange)=\"seamlessCommit.emit($event)\"\n    (remove)=\"cancel.emit()\" />\n} @else {\n  <div class=\"c-token c-token-building\">\n    <span class=\"c-token-field\">{{ _building.field.label }}</span>\n\n    @if (_building.step === 'operator') {\n      <sd-operator\n        #buildOperator\n        class=\"c-token-op\"\n        [operators]=\"allowedOperators()\"\n        [model]=\"_building.operator\"\n        (modelChange)=\"pickOperator.emit($any($event))\" />\n    } @else {\n      <!-- why: badge readonly cho operator \u0111\u00E3 ch\u1ECDn \u2014 v\u1EABn render <sd-operator>\n           \u0111\u1EC3 gi\u1EEF th\u1ECB gi\u00E1c gi\u1ED1ng chip ho\u00E0n th\u00E0nh (icon + tooltip). -->\n      <sd-operator\n        class=\"c-token-op\"\n        [operators]=\"[$any(_building.operator)]\"\n        [model]=\"$any(_building.operator)\"\n        [disabled]=\"true\" />\n\n      @if (_building.field.type === 'values' || _building.field.type === 'lazy-values') {\n        @let _bopt = $any(_building.field).option;\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-select #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\" minWidthPanel=\"300px\"\n            [autoId]=\"_autoId\"\n            [items]=\"_building.field.type === 'lazy-values' ? $any(_bopt).search : $any(_bopt.items)\"\n            [valueField]=\"_bopt.valueField\"\n            [displayField]=\"_bopt.displayField\"\n            [multiple]=\"multiple()\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"commitValue.emit($event)\">\n            <!-- why: build chip multi-select c\u0169ng c\u1EA7n \"head +N\" \u0111\u1EC3 g\u1ECDn (gi\u1ED1ng completed chip). -->\n            <ng-template #sdValue let-selectedItems=\"selectedItems\">\n              @if ((selectedItems?.length ?? 0) > 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span> +{{ selectedItems.length - 1 }}\n              } @else if ((selectedItems?.length ?? 0) === 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span>\n              }\n            </ng-template>\n          </sd-select>\n        </span>\n      } @else if (_building.field.type === 'date') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: 1 sd-date-range thay 2 sd-date \u2014 g\u1ECDn h\u01A1n, h\u00E0nh vi th\u1ED1ng nh\u1EA5t v\u1EDBi completed chip. -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-date #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date>\n          }\n        </span>\n      } @else if (_building.field.type === 'datetime') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: datetime BETWEEN downgrade v\u1EC1 date-range (m\u1EA5t time precision; \u0111\u00E3 th\u1ED1ng nh\u1EA5t). -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-datetime #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-datetime>\n          }\n        </span>\n      } @else if (_building.field.type === 'boolean') {\n        <!-- why: native button thay sd-button (tr\u00E1nh mat-button baseline 36px g\u00E2y tr\u00E0n).\n             Pill nh\u1ECF v\u1EBD b\u1EB1ng CSS scoped trong chip \u2014 gi\u1EEF semantic colour qua class\n             .c-bool-true / .c-bool-false. -->\n        <span class=\"c-token-value c-token-value-edit c-bool-toggle\">\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-true\"\n            [class.c-bool-active]=\"_building.value === true\"\n            [attr.data-autoId]=\"_autoId + '-true'\"\n            (click)=\"commitValue.emit(true)\">\n            {{ $any(_building.field).trueLabel || 'C\u00F3' }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-false\"\n            [class.c-bool-active]=\"_building.value === false\"\n            [attr.data-autoId]=\"_autoId + '-false'\"\n            (click)=\"commitValue.emit(false)\">\n            {{ $any(_building.field).falseLabel || 'Kh\u00F4ng' }}\n          </button>\n        </span>\n      } @else {\n        <!-- Fallback (e.g. unforeseen type) \u2014 generic sd-input wired via draft outputs. -->\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-input size=\"sm\"\n            [autoId]=\"_autoId\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"draftChange.emit($event)\"\n            (keyupEnter)=\"draftCommit.emit()\"></sd-input>\n        </span>\n      }\n    }\n\n    <button type=\"button\" class=\"c-token-remove\" aria-label=\"Cancel\" (click)=\"cancel.emit()\">\n      <sd-icon name=\"close\"></sd-icon>\n    </button>\n  </div>\n}\n", styles: [":host{display:contents}.c-token{display:inline-flex;align-items:center;gap:4px;padding:0 0 0 12px;border:1px solid var(--sd-primary-light);border-radius:999px;background:var(--sd-primary-light);font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden}:host-context(.c-density-compact) .c-token{height:28px}:host-context(.c-density-comfortable) .c-token{height:32px}.c-token-field{font-weight:500;line-height:1}.c-token-op{display:inline-flex;align-items:center;color:inherit}.c-token-op ::ng-deep .c-op-trigger{padding:0;color:inherit}.c-token-op ::ng-deep .c-op-icon svg{width:14px;height:14px;display:block}.c-token-value{border:none;background:transparent;padding:0;font:inherit;font-weight:500;color:var(--sd-primary)}.c-token-value-edit{display:inline-flex;align-items:center;gap:4px;max-width:240px}.c-token-value-edit sd-input,.c-token-value-edit sd-input-number{display:inline-flex;max-width:140px}.c-token-value-edit sd-date-range{display:inline-flex;max-width:220px;min-width:0;flex:0 1 auto}.c-token-value-edit sd-select,.c-token-value-edit sd-date,.c-token-value-edit sd-datetime{display:inline-flex;align-items:center;line-height:1}.c-token ::ng-deep .mat-mdc-form-field{line-height:1}.c-token ::ng-deep .mat-mdc-text-field-wrapper,.c-token ::ng-deep .mat-mdc-form-field-flex{padding:0;min-height:0;background:transparent}.c-token ::ng-deep .mat-mdc-form-field-infix{padding:0;min-height:0;width:auto;border:0;display:inline-flex;align-items:center}.c-token ::ng-deep .mat-mdc-select-value,.c-token ::ng-deep .mat-mdc-input-element,.c-token ::ng-deep input{line-height:1;font-size:13px;padding:0;height:auto;color:inherit}.c-token ::ng-deep .mat-mdc-select-value{display:inline-flex;align-items:center;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;color:var(--sd-primary);font-weight:500}.c-token ::ng-deep .sd-suffix-icon{display:none}.c-token-multi-head{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.c-token-building{border-style:dashed}.c-bool-toggle{display:inline-flex;align-items:center;gap:4px}.c-bool-btn{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:0;padding:0 8px;border:1px solid currentColor;border-radius:999px;background:transparent;font:inherit;font-size:11px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}:host-context(.c-density-comfortable) .c-bool-btn{height:20px;padding:0 10px;font-size:12px}.c-bool-true{color:var(--sd-success)}.c-bool-false{color:var(--sd-warning)}.c-bool-active.c-bool-true{background:var(--sd-success);color:#fff;border-color:var(--sd-success)}.c-bool-active.c-bool-false{background:var(--sd-warning);color:#fff;border-color:var(--sd-warning)}.c-bool-btn:hover:not(.c-bool-active).c-bool-true{background:var(--sd-success-light)}.c-bool-btn:hover:not(.c-bool-active).c-bool-false{background:var(--sd-warning-light)}.c-token-remove{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(0,0,0,.04);border-radius:0;background:transparent;cursor:pointer;color:inherit}:host-context(.c-density-compact) .c-token-remove{width:26px}:host-context(.c-density-comfortable) .c-token-remove{width:28px}.c-token-remove sd-icon{font-size:14px;width:14px;height:14px}.c-token-remove:hover{background:#0000000d}\n"] }]
+            args: [{ selector: 'sd-query-build-chip', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SdIcon, CommonModule, SdOperator, SdDate, SdDateRange, SdDatetime, SdInput, SdInputNumber, SdSelect, SdQueryInlineValueChip], template: "<!--\n  In-progress chip (inline-mode token build flow).\n  Seamless string/number branch keeps its own pill; everything else renders inside\n  the dashed .c-token.c-token-building shell.\n-->\n@let _building = building();\n@let _autoId = autoId();\n\n@if (isSeamless()) {\n  <sd-query-inline-value-chip\n    [field]=\"_building.field\"\n    [operator]=\"$any(_building.operator)\"\n    [value]=\"_building.value ?? null\"\n    [density]=\"density()\"\n    [showOperator]=\"showOperator()\"\n    [autoId]=\"_autoId\"\n    [autofocus]=\"true\"\n    (valueChange)=\"seamlessCommit.emit($event)\"\n    (remove)=\"cancel.emit()\" />\n} @else {\n  <div class=\"c-token c-token-building\">\n    <span class=\"c-token-field\">{{ _building.field.label }}</span>\n\n    @if (_building.step === 'operator') {\n      <sd-operator\n        #buildOperator\n        class=\"c-token-op\"\n        [operators]=\"allowedOperators()\"\n        [model]=\"_building.operator\"\n        (modelChange)=\"pickOperator.emit($any($event))\" />\n    } @else {\n      <!-- why: badge readonly cho operator \u0111\u00E3 ch\u1ECDn \u2014 v\u1EABn render <sd-operator>\n           \u0111\u1EC3 gi\u1EEF th\u1ECB gi\u00E1c gi\u1ED1ng chip ho\u00E0n th\u00E0nh (icon + tooltip). -->\n      <sd-operator\n        class=\"c-token-op\"\n        [operators]=\"[$any(_building.operator)]\"\n        [model]=\"$any(_building.operator)\"\n        [disabled]=\"true\" />\n\n      @if (_building.field.type === 'values' || _building.field.type === 'lazy-values') {\n        @let _bopt = $any(_building.field).option;\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-select #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\" minWidthPanel=\"300px\"\n            [autoId]=\"_autoId\"\n            [items]=\"_building.field.type === 'lazy-values' ? $any(_bopt).search : $any(_bopt.items)\"\n            [valueField]=\"_bopt.valueField\"\n            [displayField]=\"_bopt.displayField\"\n            [multiple]=\"multiple()\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"commitValue.emit($event)\">\n            <!-- why: build chip multi-select c\u0169ng c\u1EA7n \"head +N\" \u0111\u1EC3 g\u1ECDn (gi\u1ED1ng completed chip). -->\n            <ng-template #sdValue let-selectedItems=\"selectedItems\">\n              @if ((selectedItems?.length ?? 0) > 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span> +{{ selectedItems.length - 1 }}\n              } @else if ((selectedItems?.length ?? 0) === 1) {\n                <span class=\"c-token-multi-head\">{{ $any(selectedItems)[0][_bopt.displayField] }}</span>\n              }\n            </ng-template>\n          </sd-select>\n        </span>\n      } @else if (_building.field.type === 'date') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: 1 sd-date-range thay 2 sd-date \u2014 g\u1ECDn h\u01A1n, h\u00E0nh vi th\u1ED1ng nh\u1EA5t v\u1EDBi completed chip. -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-date #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date>\n          }\n        </span>\n      } @else if (_building.field.type === 'datetime') {\n        <span class=\"c-token-value c-token-value-edit\">\n          @if (_building.operator === 'BETWEEN') {\n            <!-- why: datetime BETWEEN downgrade v\u1EC1 date-range (m\u1EA5t time precision; \u0111\u00E3 th\u1ED1ng nh\u1EA5t). -->\n            <sd-date-range #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-date-range>\n          } @else {\n            <sd-datetime #bPicker size=\"sm\" [viewed]=\"'inline'\" [clearable]=\"false\"\n              [autoId]=\"_autoId\"\n              [model]=\"$any(_building.value)\"\n              (sdChange)=\"commitValue.emit($event)\"></sd-datetime>\n          }\n        </span>\n      } @else if (_building.field.type === 'boolean') {\n        <!-- why: native button thay sd-button (tr\u00E1nh mat-button baseline 36px g\u00E2y tr\u00E0n).\n             Pill nh\u1ECF v\u1EBD b\u1EB1ng CSS scoped trong chip \u2014 gi\u1EEF semantic colour qua class\n             .c-bool-true / .c-bool-false. -->\n        <span class=\"c-token-value c-token-value-edit c-bool-toggle\">\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-true\"\n            [class.c-bool-active]=\"_building.value === true\"\n            [attr.data-autoId]=\"_autoId + '-true'\"\n            (click)=\"commitValue.emit(true)\">\n            {{ $any(_building.field).trueLabel || 'C\u00F3' }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"c-bool-btn c-bool-false\"\n            [class.c-bool-active]=\"_building.value === false\"\n            [attr.data-autoId]=\"_autoId + '-false'\"\n            (click)=\"commitValue.emit(false)\">\n            {{ $any(_building.field).falseLabel || 'Kh\u00F4ng' }}\n          </button>\n        </span>\n      } @else {\n        <!-- Fallback (e.g. unforeseen type) \u2014 generic sd-input wired via draft outputs. -->\n        <span class=\"c-token-value c-token-value-edit\">\n          <sd-input size=\"sm\"\n            [autoId]=\"_autoId\"\n            [model]=\"$any(_building.value)\"\n            (sdChange)=\"draftChange.emit($event)\"\n            (keyupEnter)=\"draftCommit.emit()\"></sd-input>\n        </span>\n      }\n    }\n\n    <button type=\"button\" class=\"c-token-remove\" aria-label=\"Cancel\" (click)=\"cancel.emit()\">\n      <sd-icon name=\"close\"></sd-icon>\n    </button>\n  </div>\n}\n", styles: [":host{display:contents}.c-token{display:inline-flex;align-items:center;gap:4px;padding:0 0 0 12px;border:1px solid var(--sd-primary-light);border-radius:999px;background:var(--sd-primary-light);font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden}:host-context(.c-density-compact) .c-token{height:28px}:host-context(.c-density-comfortable) .c-token{height:32px}.c-token-field{font-weight:500;line-height:1}.c-token-op{display:inline-flex;align-items:center;color:inherit}.c-token-op ::ng-deep .c-op-trigger{padding:0;color:inherit}.c-token-op ::ng-deep .c-op-icon svg{width:14px;height:14px;display:block}.c-token-value{border:none;background:transparent;padding:0;font:inherit;font-weight:500;color:var(--sd-primary)}.c-token-value-edit{display:inline-flex;align-items:center;gap:4px;max-width:240px}.c-token-value-edit sd-input,.c-token-value-edit sd-input-number{display:inline-flex;max-width:140px}.c-token-value-edit sd-date-range{display:inline-flex;max-width:220px;min-width:0;flex:0 1 auto}.c-token-value-edit sd-select,.c-token-value-edit sd-date,.c-token-value-edit sd-datetime{display:inline-flex;align-items:center;line-height:1}.c-token ::ng-deep .mat-mdc-form-field{line-height:1}.c-token ::ng-deep .mat-mdc-text-field-wrapper,.c-token ::ng-deep .mat-mdc-form-field-flex{padding:0;min-height:0;background:transparent}.c-token ::ng-deep .mat-mdc-form-field-infix{padding:0;min-height:0;width:auto;border:0;display:inline-flex;align-items:center}.c-token ::ng-deep .mat-mdc-select-value,.c-token ::ng-deep .mat-mdc-input-element,.c-token ::ng-deep input{line-height:1;font-size:13px;padding:0;height:auto;color:inherit}.c-token ::ng-deep .mat-mdc-select-value{display:inline-flex;align-items:center;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;color:var(--sd-primary);font-weight:500}.c-token ::ng-deep .sd-suffix-icon{display:none}.c-token-multi-head{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.c-token-building{border-style:dashed}.c-bool-toggle{display:inline-flex;align-items:center;gap:4px}.c-bool-btn{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:0;padding:0 8px;border:1px solid currentColor;border-radius:999px;background:transparent;font:inherit;font-size:11px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}:host-context(.c-density-comfortable) .c-bool-btn{height:20px;padding:0 10px;font-size:12px}.c-bool-true{color:var(--sd-success)}.c-bool-false{color:var(--sd-warning)}.c-bool-active.c-bool-true{background:var(--sd-success);color:#fff;border-color:var(--sd-success)}.c-bool-active.c-bool-false{background:var(--sd-warning);color:#fff;border-color:var(--sd-warning)}.c-bool-btn:hover:not(.c-bool-active).c-bool-true{background:var(--sd-success-light)}.c-bool-btn:hover:not(.c-bool-active).c-bool-false{background:var(--sd-warning-light)}.c-token-remove{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(0,0,0,.04);border-radius:0;background:transparent;cursor:pointer;color:inherit}:host-context(.c-density-compact) .c-token-remove{width:26px}:host-context(.c-density-comfortable) .c-token-remove{width:28px}.c-token-remove sd-icon{font-size:14px;width:14px;height:14px}.c-token-remove:hover{background:#0000000d}\n"] }]
         }], propDecorators: { building: [{ type: i0.Input, args: [{ isSignal: true, alias: "building", required: true }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], allowedOperators: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedOperators", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], showOperator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOperator", required: false }] }], autoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], pickOperator: [{ type: i0.Output, args: ["pickOperator"] }], commitValue: [{ type: i0.Output, args: ["commitValue"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], seamlessCommit: [{ type: i0.Output, args: ["seamlessCommit"] }], draftChange: [{ type: i0.Output, args: ["draftChange"] }], draftCommit: [{ type: i0.Output, args: ["draftCommit"] }], opMenu: [{ type: i0.ViewChild, args: ['buildOperator', { isSignal: true }] }], picker: [{ type: i0.ViewChild, args: ['bPicker', { isSignal: true }] }] } });
 
 /**
@@ -701,11 +691,12 @@ class SdQueryChipPopover {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdQueryChipPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdQueryChipPopover, isStandalone: true, selector: "sd-query-chip-popover", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, chipIndex: { classPropertyName: "chipIndex", publicName: "chipIndex", isSignal: true, isRequired: false, transformFunction: null }, autoIdBase: { classPropertyName: "autoIdBase", publicName: "autoIdBase", isSignal: true, isRequired: false, transformFunction: null }, switchPickerMenu: { classPropertyName: "switchPickerMenu", publicName: "switchPickerMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { commit: "commit", swapField: "swapField" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Chip popover \u2014 operator + value editor for the popover-mode chip.\n  Visual layout mirrors the previous inline `<mat-menu #chipPopover>` in query-bar.\n  Body branches on operator + field.type \u2014 8 paths preserved exactly.\n-->\n<mat-menu #menu=\"matMenu\" class=\"c-chip-popover\" xPosition=\"after\" yPosition=\"below\" (closed)=\"onMenuClosed()\">\n  <ng-template matMenuContent>\n    @let _field = field();\n    @let _editingOperator = editingOperator();\n    @let _editingValue = editingValue();\n    @let _editingOptions = editingOptions();\n    @let _editingOptionsLoading = editingOptionsLoading();\n    @let _switchPickerMenu = switchPickerMenu();\n\n    @if (_field) {\n      <div class=\"c-pop-header\" (click)=\"$event.stopPropagation()\">\n        <sd-icon [name]=\"iconFor(_field)\"></sd-icon>\n        <!-- why: nested mat-menu trigger to swap the chip's field \u2014 parent provides\n             the field-picker MatMenu via [switchPickerMenu]. -->\n        @if (_switchPickerMenu) {\n          <button\n            type=\"button\"\n            class=\"c-pop-header-field\"\n            [matMenuTriggerFor]=\"_switchPickerMenu\"\n            matTooltip=\"\u0110\u1ED5i field\">\n            <span>{{ _field.label }}</span>\n            <sd-icon name=\"unfold_more\"></sd-icon>\n          </button>\n        } @else {\n          <span class=\"c-pop-header-field\">{{ _field.label }}</span>\n        }\n        <!-- Operator selector (right-aligned). Disabled when field has \u22641 operator. -->\n        <sd-operator\n          class=\"c-pop-header-operator\"\n          [autoId]=\"chipAutoId('operator')\"\n          [operators]=\"allowedOperators()\"\n          [model]=\"_editingOperator\"\n          [disabled]=\"!showOperatorSelector()\"\n          (modelChange)=\"onEditingOperatorChange($any($event))\" />\n      </div>\n\n      <div class=\"c-pop-body\" (click)=\"$event.stopPropagation()\">\n        @if (!isNoDataOperator(_editingOperator)) {\n          @if (_editingOperator === 'BETWEEN') {\n            @if (_field.type === 'date') {\n              <div class=\"c-pop-between\">\n                <sd-date size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-from')\"\n                  placeholder=\"T\u1EEB\"\n                  [model]=\"$any(_editingValue)?.from\"\n                  (sdChange)=\"onEditingRangeFrom($event)\">\n                </sd-date>\n                <sd-date size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-to')\"\n                  placeholder=\"\u0110\u1EBFn\"\n                  [model]=\"$any(_editingValue)?.to\"\n                  (sdChange)=\"onEditingRangeTo($event)\">\n                </sd-date>\n              </div>\n            } @else if (_field.type === 'datetime') {\n              <div class=\"c-pop-between\">\n                <sd-datetime size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-from')\"\n                  placeholder=\"T\u1EEB\"\n                  [model]=\"$any(_editingValue)?.from\"\n                  (sdChange)=\"onEditingRangeFrom($event)\">\n                </sd-datetime>\n                <sd-datetime size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-to')\"\n                  placeholder=\"\u0110\u1EBFn\"\n                  [model]=\"$any(_editingValue)?.to\"\n                  (sdChange)=\"onEditingRangeTo($event)\">\n                </sd-datetime>\n              </div>\n            } @else {\n              <div class=\"c-pop-between\">\n                <sd-input-number size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-from')\"\n                  placeholder=\"T\u1EEB\"\n                  [model]=\"$any(_editingValue)?.from\"\n                  (sdChange)=\"onEditingRangeFrom($event)\">\n                </sd-input-number>\n                <sd-input-number size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-to')\"\n                  placeholder=\"\u0110\u1EBFn\"\n                  [model]=\"$any(_editingValue)?.to\"\n                  (sdChange)=\"onEditingRangeTo($event)\">\n                </sd-input-number>\n              </div>\n            }\n          } @else if (_field.type === 'boolean') {\n            <div class=\"c-pop-boolean c-bool-toggle\">\n              <sd-button\n                [autoId]=\"chipAutoId('value-true')\"\n                [type]=\"_editingValue === true ? 'fill' : 'outline'\"\n                color=\"success\"\n                [title]=\"$any(_field).trueLabel || 'C\u00F3'\"\n                (click)=\"onEditingValueInput(true)\">\n              </sd-button>\n              <sd-button\n                [autoId]=\"chipAutoId('value-false')\"\n                [type]=\"_editingValue === false ? 'fill' : 'outline'\"\n                color=\"warning\"\n                [title]=\"$any(_field).falseLabel || 'Kh\u00F4ng'\"\n                (click)=\"onEditingValueInput(false)\">\n              </sd-button>\n            </div>\n          } @else if (_field.type === 'values' || _field.type === 'lazy-values') {\n            @let _opt = $any(_field).option;\n            <sd-select size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Ch\u1ECDn gi\u00E1 tr\u1ECB\"\n              [items]=\"_editingOptions\"\n              [valueField]=\"_opt.valueField\"\n              [displayField]=\"_opt.displayField\"\n              [multiple]=\"multiple()\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-select>\n            @if (_editingOptionsLoading) {\n              <div class=\"c-pop-values-loading\">\u0110ang t\u1EA3i...</div>\n            }\n          } @else if (_field.type === 'date') {\n            <sd-date size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Ch\u1ECDn gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-date>\n          } @else if (_field.type === 'datetime') {\n            <sd-datetime size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Ch\u1ECDn gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-datetime>\n          } @else if (_field.type === 'number') {\n            <sd-input-number size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Nh\u1EADp gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-input-number>\n          } @else {\n            <sd-input size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Nh\u1EADp gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-input>\n          }\n        }\n      </div>\n    }\n  </ng-template>\n</mat-menu>\n", styles: [":host{display:contents}::ng-deep .mat-mdc-menu-panel.c-chip-popover{min-width:280px;max-width:320px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e2e4e7;font-size:13px;font-weight:500;color:#212121}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header sd-icon{font-size:16px;width:16px;height:16px;color:var(--sd-primary)}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header .c-pop-header-operator{margin-left:auto}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header-field{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 6px;margin-left:-4px;background:transparent;border:1px solid transparent;border-radius:4px;font:inherit;font-weight:500;color:#212121;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header-field sd-icon{font-size:14px!important;width:14px!important;height:14px!important;color:#7a7a7a!important}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header-field:hover{background:#f5f6f7;border-color:#e2e4e7}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-body{padding:10px 12px;display:flex;flex-direction:column;gap:12px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-between{display:grid;grid-template-columns:1fr 1fr;gap:8px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-boolean{display:flex;gap:8px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-boolean button{flex:1;height:32px;border:1px solid #d6d8db;border-radius:6px;background:#fff;font:inherit;font-size:13px;cursor:pointer}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-values-loading{padding:10px 8px;font-size:12px;color:#7a7a7a}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle{display:inline-flex;align-items:center;gap:4px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle .mdc-button,::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle button[mat-button],::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle button[mat-stroked-button],::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle button[mat-flat-button]{border-radius:999px;min-width:0;padding:0 12px}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SdButton, selector: "sd-button", inputs: ["autoId", "type", "color", "size", "fontSet", "title", "width", "tooltip", "prefixIcon", "suffixIcon", "disabled", "loading", "block", "htmlType"], outputs: ["click"] }, { kind: "component", type: SdOperator, selector: "sd-operator", inputs: ["model", "operators", "disabled", "autoId"], outputs: ["modelChange"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdInputNumber, selector: "sd-input-number", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "blurOnEnter", "required", "readonly", "disabled", "viewed", "type", "precision", "format", "min", "max", "validator", "inlineError", "hyperlink", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdQueryChipPopover, isStandalone: true, selector: "sd-query-chip-popover", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, chipIndex: { classPropertyName: "chipIndex", publicName: "chipIndex", isSignal: true, isRequired: false, transformFunction: null }, autoIdBase: { classPropertyName: "autoIdBase", publicName: "autoIdBase", isSignal: true, isRequired: false, transformFunction: null }, switchPickerMenu: { classPropertyName: "switchPickerMenu", publicName: "switchPickerMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { commit: "commit", swapField: "swapField" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Chip popover \u2014 operator + value editor for the popover-mode chip.\n  Visual layout mirrors the previous inline `<mat-menu #chipPopover>` in query-bar.\n  Body branches on operator + field.type \u2014 8 paths preserved exactly.\n-->\n<mat-menu #menu=\"matMenu\" class=\"c-chip-popover\" xPosition=\"after\" yPosition=\"below\" (closed)=\"onMenuClosed()\">\n  <ng-template matMenuContent>\n    @let _field = field();\n    @let _editingOperator = editingOperator();\n    @let _editingValue = editingValue();\n    @let _editingOptions = editingOptions();\n    @let _editingOptionsLoading = editingOptionsLoading();\n    @let _switchPickerMenu = switchPickerMenu();\n\n    @if (_field) {\n      <div class=\"c-pop-header\" (click)=\"$event.stopPropagation()\">\n        <sd-icon [name]=\"iconFor(_field)\"></sd-icon>\n        <!-- why: nested mat-menu trigger to swap the chip's field \u2014 parent provides\n             the field-picker MatMenu via [switchPickerMenu]. -->\n        @if (_switchPickerMenu) {\n          <button\n            type=\"button\"\n            class=\"c-pop-header-field\"\n            [matMenuTriggerFor]=\"_switchPickerMenu\"\n            matTooltip=\"\u0110\u1ED5i field\">\n            <span>{{ _field.label }}</span>\n            <sd-icon name=\"unfold_more\"></sd-icon>\n          </button>\n        } @else {\n          <span class=\"c-pop-header-field\">{{ _field.label }}</span>\n        }\n        <!-- Operator selector (right-aligned). Disabled when field has \u22641 operator. -->\n        <sd-operator\n          class=\"c-pop-header-operator\"\n          [autoId]=\"chipAutoId('operator')\"\n          [operators]=\"allowedOperators()\"\n          [model]=\"_editingOperator\"\n          [disabled]=\"!showOperatorSelector()\"\n          (modelChange)=\"onEditingOperatorChange($any($event))\" />\n      </div>\n\n      <div class=\"c-pop-body\" (click)=\"$event.stopPropagation()\">\n        @if (!isNoDataOperator(_editingOperator)) {\n          @if (_editingOperator === 'BETWEEN') {\n            @if (_field.type === 'date') {\n              <div class=\"c-pop-between\">\n                <sd-date size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-from')\"\n                  placeholder=\"T\u1EEB\"\n                  [model]=\"$any(_editingValue)?.from\"\n                  (sdChange)=\"onEditingRangeFrom($event)\">\n                </sd-date>\n                <sd-date size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-to')\"\n                  placeholder=\"\u0110\u1EBFn\"\n                  [model]=\"$any(_editingValue)?.to\"\n                  (sdChange)=\"onEditingRangeTo($event)\">\n                </sd-date>\n              </div>\n            } @else if (_field.type === 'datetime') {\n              <div class=\"c-pop-between\">\n                <sd-datetime size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-from')\"\n                  placeholder=\"T\u1EEB\"\n                  [model]=\"$any(_editingValue)?.from\"\n                  (sdChange)=\"onEditingRangeFrom($event)\">\n                </sd-datetime>\n                <sd-datetime size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-to')\"\n                  placeholder=\"\u0110\u1EBFn\"\n                  [model]=\"$any(_editingValue)?.to\"\n                  (sdChange)=\"onEditingRangeTo($event)\">\n                </sd-datetime>\n              </div>\n            } @else {\n              <div class=\"c-pop-between\">\n                <sd-input-number size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-from')\"\n                  placeholder=\"T\u1EEB\"\n                  [model]=\"$any(_editingValue)?.from\"\n                  (sdChange)=\"onEditingRangeFrom($event)\">\n                </sd-input-number>\n                <sd-input-number size=\"sm\" hideInlineError\n                  [autoId]=\"chipAutoId('value-to')\"\n                  placeholder=\"\u0110\u1EBFn\"\n                  [model]=\"$any(_editingValue)?.to\"\n                  (sdChange)=\"onEditingRangeTo($event)\">\n                </sd-input-number>\n              </div>\n            }\n          } @else if (_field.type === 'boolean') {\n            <div class=\"c-pop-boolean c-bool-toggle\">\n              <sd-button\n                [autoId]=\"chipAutoId('value-true')\"\n                [type]=\"_editingValue === true ? 'fill' : 'outline'\"\n                color=\"success\"\n                [title]=\"$any(_field).trueLabel || 'C\u00F3'\"\n                (click)=\"onEditingValueInput(true)\">\n              </sd-button>\n              <sd-button\n                [autoId]=\"chipAutoId('value-false')\"\n                [type]=\"_editingValue === false ? 'fill' : 'outline'\"\n                color=\"warning\"\n                [title]=\"$any(_field).falseLabel || 'Kh\u00F4ng'\"\n                (click)=\"onEditingValueInput(false)\">\n              </sd-button>\n            </div>\n          } @else if (_field.type === 'values' || _field.type === 'lazy-values') {\n            @let _opt = $any(_field).option;\n            <sd-select size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Ch\u1ECDn gi\u00E1 tr\u1ECB\"\n              [items]=\"_editingOptions\"\n              [valueField]=\"_opt.valueField\"\n              [displayField]=\"_opt.displayField\"\n              [multiple]=\"multiple()\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-select>\n            @if (_editingOptionsLoading) {\n              <div class=\"c-pop-values-loading\">\u0110ang t\u1EA3i...</div>\n            }\n          } @else if (_field.type === 'date') {\n            <sd-date size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Ch\u1ECDn gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-date>\n          } @else if (_field.type === 'datetime') {\n            <sd-datetime size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Ch\u1ECDn gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-datetime>\n          } @else if (_field.type === 'number') {\n            <sd-input-number size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Nh\u1EADp gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-input-number>\n          } @else {\n            <sd-input size=\"sm\" hideInlineError\n              [autoId]=\"chipAutoId('value')\"\n              placeholder=\"Nh\u1EADp gi\u00E1 tr\u1ECB\"\n              [model]=\"$any(_editingValue)\"\n              (sdChange)=\"onEditingValueInput($event)\">\n            </sd-input>\n          }\n        }\n      </div>\n    }\n  </ng-template>\n</mat-menu>\n", styles: [":host{display:contents}::ng-deep .mat-mdc-menu-panel.c-chip-popover{min-width:280px;max-width:320px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e2e4e7;font-size:13px;font-weight:500;color:#212121}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header sd-icon{font-size:16px;width:16px;height:16px;color:var(--sd-primary)}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header .c-pop-header-operator{margin-left:auto}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header-field{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 6px;margin-left:-4px;background:transparent;border:1px solid transparent;border-radius:4px;font:inherit;font-weight:500;color:#212121;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header-field sd-icon{font-size:14px!important;width:14px!important;height:14px!important;color:#7a7a7a!important}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-header-field:hover{background:#f5f6f7;border-color:#e2e4e7}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-body{padding:10px 12px;display:flex;flex-direction:column;gap:12px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-between{display:grid;grid-template-columns:1fr 1fr;gap:8px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-boolean{display:flex;gap:8px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-boolean button{flex:1;height:32px;border:1px solid #d6d8db;border-radius:6px;background:#fff;font:inherit;font-size:13px;cursor:pointer}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-pop-values-loading{padding:10px 8px;font-size:12px;color:#7a7a7a}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle{display:inline-flex;align-items:center;gap:4px}::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle .mdc-button,::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle button[mat-button],::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle button[mat-stroked-button],::ng-deep .mat-mdc-menu-panel.c-chip-popover .c-bool-toggle button[mat-flat-button]{border-radius:999px;min-width:0;padding:0 12px}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SdButton, selector: "sd-button", inputs: ["autoId", "type", "color", "size", "fontSet", "title", "width", "tooltip", "prefixIcon", "suffixIcon", "disabled", "loading", "block", "htmlType"], outputs: ["click"] }, { kind: "component", type: SdOperator, selector: "sd-operator", inputs: ["model", "operators", "disabled", "autoId"], outputs: ["modelChange"] }, { kind: "component", type: SdSelect, selector: "sd-select", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "valueField", "displayField", "disabledField", "cacheChecksum", "limit", "hyperlink", "minWidthPanel", "hideInlineError", "required", "disabled", "viewed", "multiple", "clearable", "validator", "inlineError", "appearance", "floatLabel", "items", "model"], outputs: ["modelChange", "sdChange", "sdSelection"] }, { kind: "component", type: SdInput, selector: "sd-input", inputs: ["autoId", "name", "appearance", "floatLabel", "size", "form", "label", "helperText", "placeholder", "type", "hideInlineError", "blurOnEnter", "clearable", "required", "readonly", "disabled", "viewed", "minlength", "maxlength", "pattern", "patternErrorMessage", "validator", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdInputNumber, selector: "sd-input-number", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "blurOnEnter", "clearable", "required", "readonly", "disabled", "viewed", "type", "precision", "format", "min", "max", "validator", "inlineError", "hyperlink", "appearance", "floatLabel", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur", "keyupEnter", "cleared", "sdFocusForceBlur"] }, { kind: "component", type: SdDate, selector: "sd-date", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }, { kind: "component", type: SdDatetime, selector: "sd-datetime", inputs: ["autoId", "name", "size", "form", "label", "helperText", "placeholder", "hideInlineError", "required", "disabled", "viewed", "showSeconds", "clearable", "inlineError", "hyperlink", "appearance", "floatLabel", "min", "minDate", "max", "maxDate", "model"], outputs: ["modelChange", "sdChange", "sdFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdQueryChipPopover, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-query-chip-popover', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SdIcon,
+            args: [{ selector: 'sd-query-chip-popover', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        SdIcon,
                         CommonModule,
                         FormsModule,
                         MatMenuModule,
@@ -1377,7 +1368,8 @@ class SdQueryBar {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdQueryBar, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-query-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SdIcon,
+            args: [{ selector: 'sd-query-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        SdIcon,
                         CommonModule,
                         FormsModule,
                         MatMenuModule,