@ng-nest/ui 18.0.6 → 18.0.7

package/fesm2022/ng-nest-ui-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-progress.mjs","sources":["../../../../lib/ng-nest/ui/progress/progress.property.ts","../../../../lib/ng-nest/ui/progress/progress.component.ts","../../../../lib/ng-nest/ui/progress/progress.component.html","../../../../lib/ng-nest/ui/progress/progress.module.ts","../../../../lib/ng-nest/ui/progress/ng-nest-ui-progress.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToNumber, XToCssPixelValue, XToBoolean } from '@ng-nest/ui/core';\r\nimport type { XNumber, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Progress\r\n * @selector x-progress\r\n * @decorator component\r\n */\r\nexport const XProgressPrefix = 'x-progress';\r\nconst X_PROGRESS_CONFIG_NAME = 'progress';\r\n\r\n/**\r\n * Progress Property\r\n */\r\n@Component({ selector: `${XProgressPrefix}-property`, template: '' })\r\nexport class XProgressProperty extends XPropertyFunction(X_PROGRESS_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 进度条类型\r\n   * @en_US Progress bar type\r\n   */\r\n  readonly type = input<XProgressType>('line');\r\n  /**\r\n   * @zh_CN 显示进度 0-100\r\n   * @en_US Show progress 0-100\r\n   */\r\n  readonly percent = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 进度条高度\r\n   * @en_US Height of progress bar\r\n   */\r\n  readonly height = input<string, XNumber>(this.config?.height ?? '1rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  readonly status = input<XProgressStatus>('normal');\r\n  /**\r\n   * @zh_CN 是否显示百分比文本信息\r\n   * @en_US Whether to display percentage text\r\n   */\r\n  readonly info = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 文本信息宽度\r\n   * @en_US The width of the text information\r\n   */\r\n  readonly infoWidth = input<string, XNumber>('3.5rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 百分比文本是否显示在进度条里面\r\n   * @en_US Whether the percentage text is displayed in the progress bar\r\n   */\r\n  readonly inside = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 自定义百分比文本内容\r\n   * @en_US Custom percentage text content\r\n   */\r\n  readonly format = input<(percent: number) => string>();\r\n  /**\r\n   * @zh_CN 自定义颜色\r\n   * @en_US Custom color\r\n   */\r\n  readonly color = input<XProgressColor>();\r\n  /**\r\n   * @zh_CN 渐变颜色\r\n   * @en_US Gradient color\r\n   */\r\n  readonly gradient = input<XProgressGradient>();\r\n  /**\r\n   * @zh_CN 步骤进度条\r\n   * @en_US Steps progress bar\r\n   */\r\n  readonly steps = input<number | null, XNumber>(null, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 单个步骤的宽度\r\n   * @en_US Single step width\r\n   */\r\n  readonly stepWidth = input<string, XNumber>('2rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 单个步骤的宽度自适应\r\n   * @en_US Single step width flex\r\n   */\r\n  readonly stepFlex = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 圆环/仪表盘厚度\r\n   * @en_US Ring thickness\r\n   */\r\n  readonly thickness = input<string, XNumber>('1rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 圆环/仪表盘尺寸\r\n   * @en_US Ring size\r\n   */\r\n  readonly size = input<string, XNumber>('8rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 仪表盘缺口角度 0~300\r\n   * @en_US Dashboard notch angle\r\n   */\r\n  readonly notchAngle = input<number, XNumber>(80, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 分段显示颜色，只适用 type = 'line'\r\n   * @en_US Segmentation display color, only use of type = 'line'\r\n   */\r\n  readonly subsection = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n\r\n/**\r\n * @zh_CN 进度条类型\r\n * @en_US Progress bar type\r\n */\r\nexport type XProgressType = 'line' | 'circle' | 'dashboard';\r\n\r\n/**\r\n * @zh_CN 进度条颜色\r\n * @en_US Progress bar color\r\n */\r\nexport type XProgressColor = string | XProgressColorNode[] | Function;\r\n\r\n/**\r\n * @zh_CN 进度条节点颜色\r\n * @en_US Progress bar node color\r\n */\r\nexport interface XProgressColorNode {\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color: string;\r\n  /**\r\n   * @zh_CN 百分比\r\n   * @en_US Percent\r\n   */\r\n  percent: number;\r\n}\r\n/**\r\n * @zh_CN 状态\r\n * @en_US Status\r\n */\r\nexport type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';\r\n\r\n/**\r\n * @zh_CN 渐变颜色\r\n * @en_US Gradient color\r\n */\r\nexport type XProgressGradient = { direction?: string } & ({ from: string; to: string } | { [percent: string]: string });\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed } from '@angular/core';\r\nimport { XProgressPrefix, XProgressProperty } from './progress.property';\r\nimport { XIsFunction, XIsString, XIsObjectArray, XIsEmpty, XIsNumber } from '@ng-nest/ui/core';\r\nimport { XProgressColorNode } from './progress.property';\r\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport type { XNumber } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XProgressPrefix}`,\r\n  standalone: true,\r\n  imports: [NgClass, NgTemplateOutlet, FormsModule, XIconComponent],\r\n  templateUrl: './progress.component.html',\r\n  styleUrls: ['./progress.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XProgressComponent extends XProgressProperty {\r\n  maskWidth = computed(() => (XIsNumber(this.percent()) ? 100 - this.percent() : 100));\r\n\r\n  classMap = computed(() => ({\r\n    [`${XProgressPrefix}-${this.status()}`]: true,\r\n    [`${XProgressPrefix}-${this.type()}`]: true,\r\n    [`${XProgressPrefix}-inside`]: this.inside()\r\n  }));\r\n\r\n  stepsArray = computed(() => {\r\n    const steps = this.steps();\r\n    if (XIsEmpty(steps)) {\r\n      return [];\r\n    } else {\r\n      const critical = Math.ceil((this.percent() / 100) * steps!);\r\n      return Array.from({ length: steps! }).map((_, index) => index + 1 <= critical);\r\n    }\r\n  });\r\n\r\n  currentColor = computed(() => {\r\n    if (this.subsection()) return '';\r\n    const color = this.color();\r\n    if (XIsEmpty(color)) return '';\r\n    if (XIsString(color)) {\r\n      return color;\r\n    } else if (XIsObjectArray(color)) {\r\n      return this.getLevelColor(this.percent(), color as XProgressColorNode[]);\r\n    } else if (XIsFunction(color)) {\r\n      return (color as Function)(this.percent());\r\n    }\r\n  });\r\n\r\n  linearGradient = computed(() => {\r\n    if (this.subsection()) return '';\r\n    if (XIsEmpty(this.gradient())) {\r\n      return '';\r\n    } else {\r\n      const { from, to, direction = 'to right', ...percents } = this.gradient() || {};\r\n      if (Object.keys(percents).length !== 0) {\r\n        return `linear-gradient(${direction}, ${this.sortGradient(percents as { [percent: string]: string }).map(\r\n          ({ key, value }) => `${value} ${key}%`\r\n        )})`;\r\n      }\r\n      return `linear-gradient(${direction}, ${from}, ${to})`;\r\n    }\r\n  });\r\n\r\n  /**\r\n   * circle 中的 100% 等于 clip-path 中的 400%\r\n   */\r\n  circleClipPath = computed(() => {\r\n    if (this.type() !== 'circle') return '';\r\n    let value = this.percent() * 4;\r\n    let k1 = 'polygon(50% 50%,50% 0%,';\r\n    let k2 = k1 + '100% 0%,';\r\n    let k3 = k2 + '100% 100%,';\r\n    let k4 = k3 + '0% 100%,';\r\n    let k5 = k4 + '0% 0%,';\r\n    if (value <= 50) {\r\n      value += 50;\r\n      return `${k1}${value}% 0%)`;\r\n    } else if (value > 50 && value <= 150) {\r\n      value -= 50;\r\n      return `${k2}100% ${value}%)`;\r\n    } else if (value > 150 && value <= 250) {\r\n      value = 250 - value;\r\n      return `${k3}${value}% 100%)`;\r\n    } else if (value > 250 && value <= 350) {\r\n      value = 350 - value;\r\n      return `${k4}0% ${value}%)`;\r\n    } else if (value > 350 && value <= 400) {\r\n      value -= 350;\r\n      return `${k5}${value}% 0%)`;\r\n    }\r\n    return '';\r\n  });\r\n\r\n  railValue = computed(() => {\r\n    if (this.type() !== 'dashboard') return 0;\r\n    return (this.notchAngle() / 360) * 50 * 4;\r\n  });\r\n\r\n  dashboardStart = computed(() => {\r\n    if (this.type() !== 'dashboard') return '';\r\n    let k1 = `polygon(50% 50%,`;\r\n    let per = 0;\r\n    let railValue = this.railValue();\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      return `${k1} ${per}% 100%`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      return `${k1} 0% ${per}%`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      return `${k1} ${per}% 0%`;\r\n    }\r\n    return '';\r\n  });\r\n\r\n  /**\r\n   *\r\n   * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);\r\n   * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);\r\n   * 270 polygon(50% 50%, 0% 0%, 100% 0%);\r\n   */\r\n  dashboardRailClipPath = computed(() => {\r\n    if (this.type() !== 'dashboard') return '';\r\n    let start = this.dashboardStart();\r\n    let per = 0;\r\n    let railValue = this.railValue();\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      return `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${100 - per}% 100%)`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      return `${start}, 0% 0%, 100% 0%, 100% ${per}%)`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      return `${start}, ${100 - per}% 0%)`;\r\n    }\r\n    return '';\r\n  });\r\n\r\n  dashboardClipPath = computed(() => {\r\n    if (this.type() !== 'dashboard') return '';\r\n    return this.setCircleClipPathValue(this.dashboardStart(), this.railValue());\r\n  });\r\n\r\n  subLinearGradient = computed(() => {\r\n    if (!this.subsection()) return '';\r\n    let colors = this.color() as XProgressColorNode[];\r\n    if (!colors || colors.length <= 0) {\r\n      return `linear-gradient(to right, var(--x-primary) 0%, var(--x-primary) 100%)`;\r\n    } else if (colors.length === 1) {\r\n      colors.push({ percent: 100, color: 'var(--x-primary)' });\r\n    }\r\n    colors = colors.sort((a, b) => a.percent - b.percent);\r\n    let lgs: string[] = [];\r\n    colors.reduce((a, b, index) => {\r\n      if (index === 1 && a.percent > 0) {\r\n        lgs.push(`${a.color} 0%, ${a.color} ${a.percent}%`);\r\n      }\r\n      lgs.push(`${b.color} ${a.percent}%, ${b.color} ${b.percent}%`);\r\n      if (index === colors.length - 1 && b.percent < 100) {\r\n        lgs.push(`var(--x-primary) ${b.percent}%, var(--x-primary) 100%`);\r\n      }\r\n      return b;\r\n    });\r\n    return `linear-gradient(to right,${lgs.join(',')})`;\r\n  });\r\n\r\n  getLevelColor(percent: XNumber, color: XProgressColorNode[]) {\r\n    let colors = color.sort((a, b) => a.percent - b.percent);\r\n    for (let i = 0; i < colors.length; i++) {\r\n      if (colors[i].percent > Number(percent)) {\r\n        return colors[i].color;\r\n      }\r\n    }\r\n    return colors[colors.length - 1].color;\r\n  }\r\n\r\n  sortGradient(percents: { [percent: string]: string }) {\r\n    let arr: { key: number; value: string }[] = [];\r\n    Object.keys(percents).forEach((key) => {\r\n      const value = percents[key];\r\n      const numKey = +key.replace('%', '');\r\n      if (!isNaN(numKey)) {\r\n        arr.push({ key: numKey, value });\r\n      }\r\n    });\r\n    return arr.sort((a, b) => a.key - b.key);\r\n  }\r\n\r\n  setCircleClipPathValue(start: string, railValue: number) {\r\n    let value = ((400 - railValue * 2) / 100) * this.percent();\r\n    let val = value + railValue;\r\n    if (val <= 50) {\r\n      val = 50 - val;\r\n      return `${start}, ${val}% 100%)`;\r\n    } else if (val > 50 && val <= 150) {\r\n      val = 150 - val;\r\n      return `${start}, 0% 100%, 0% ${val}%)`;\r\n    } else if (val > 150 && val <= 250) {\r\n      val = val - 150;\r\n      return `${start}, 0% 100%, 0% 0%, ${val}% 0%)`;\r\n    } else if (val > 250 && val <= 350) {\r\n      val = val - 250;\r\n      return `${start}, 0% 100%, 0% 0%, 100% 0%, 100% ${val}%)`;\r\n    } else if (val > 350 && val <= 400) {\r\n      val = 100 - (val - 350);\r\n      return `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${val}% 100%)`;\r\n    }\r\n    return '';\r\n  }\r\n}\r\n","<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-progress-steps]=\"stepsArray().length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex()\"\r\n>\r\n  @switch (type()) {\r\n    @case ('circle') {\r\n      <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n    }\r\n    @case ('dashboard') {\r\n      <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  @if (stepsArray().length === 0) {\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  }\r\n  @if (stepsArray().length > 0) {\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  }\r\n  @if (info() && !inside()) {\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size()\" [style.height]=\"size()\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness()\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath()\"\r\n      [style.background-color]=\"currentColor()\"\r\n      [style.border-width]=\"thickness()\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size()\" [style.height]=\"size()\">\r\n    <div\r\n      class=\"x-progress-ring-rail\"\r\n      [style.clip-path]=\"dashboardRailClipPath()\"\r\n      [style.border-width]=\"thickness()\"\r\n    ></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath()\"\r\n      [style.background-color]=\"currentColor()\"\r\n      [style.border-width]=\"thickness()\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div\r\n      class=\"x-progress-rail\"\r\n      [class.x-progress-mask]=\"subsection()\"\r\n      [style.background-image]=\"subsection() ? subLinearGradient() : 'none'\"\r\n    >\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent()\"\r\n        [style.background-color]=\"currentColor()\"\r\n        [style.background-image]=\"linearGradient()\"\r\n        [style.height]=\"height()\"\r\n        [style.line-height]=\"height()\"\r\n      >\r\n        @if (info() && inside()) {\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        }\r\n      </div>\r\n      @if (subsection()) {\r\n        <div\r\n          class=\"x-progress-bg-mask\"\r\n          [style.width.%]=\"maskWidth()\"\r\n          [style.height]=\"height()\"\r\n          [style.line-height]=\"height()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  @for (step of stepsArray(); track i; let i = $index) {\r\n    <div\r\n      class=\"x-progress-step\"\r\n      [class.x-progress-step-active]=\"step\"\r\n      [style.background-color]=\"currentColor()\"\r\n      [style.width]=\"stepWidth()\"\r\n      [style.flex]=\"stepFlex() ? 1 : 'none'\"\r\n      [style.height]=\"height()\"\r\n      [style.line-height]=\"height()\"\r\n    ></div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [style.width]=\"infoWidth()\">\r\n    @switch (status()) {\r\n      @case ('success') {\r\n        <x-icon type=\"fto-check-circle\"></x-icon>\r\n      }\r\n      @case ('exception') {\r\n        <x-icon type=\"fto-x-circle\"></x-icon>\r\n      }\r\n      @case ('warning') {\r\n        <x-icon type=\"fto-help-circle\"></x-icon>\r\n      }\r\n      @default {\r\n        @if (format()) {\r\n          {{ format()!(percent()) }}\r\n        } @else {\r\n          {{ percent() }}%\r\n        }\r\n      }\r\n    }\r\n  </span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { XProgressComponent } from './progress.component';\r\n\r\n@NgModule({\r\n  exports: [XProgressComponent],\r\n  imports: [XProgressComponent]\r\n})\r\nexport class XProgressModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAIA;;;;AAIG;AACI,MAAM,eAAe,GAAG,aAAa;AAC5C,MAAM,sBAAsB,GAAG,UAAU,CAAC;AAE1C;;AAEG;MAEU,iBAAkB,SAAQ,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AADhF,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,CAAC,CAAC;AAC7C;;;AAGG;QACM,IAAO,CAAA,OAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AACvE;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACzG;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,QAAQ,CAAC,CAAC;AACnD;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,CAAoB,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAC1E;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAkB,QAAQ,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACvF;;;AAGG;QACM,IAAM,CAAA,MAAA,GAAG,KAAK,CAAoB,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAC7E;;;AAGG;QACM,IAAM,CAAA,MAAA,GAAG,KAAK,EAA+B,CAAC;AACvD;;;AAGG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,EAAkB,CAAC;AACzC;;;AAGG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAqB,CAAC;AAC/C;;;AAGG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,CAAyB,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAC/E;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAkB,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACrF;;;AAGG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAoB,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAC/E;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAkB,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACrF;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,CAAkB,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAChF;;;AAGG;QACM,IAAU,CAAA,UAAA,GAAG,KAAK,CAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAC3E;;;AAGG;QACM,IAAU,CAAA,UAAA,GAAG,KAAK,CAAoB,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAClF,KAAA;iIAtFY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,mrEADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FACrD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,eAAe,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;;ACG9D,MAAO,kBAAmB,SAAQ,iBAAiB,CAAA;AATzD,IAAA,WAAA,GAAA;;AAUE,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;AAErF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,OAAO;YACzB,CAAC,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAA,CAAE,GAAG,IAAI;YAC7C,CAAC,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,IAAI;YAC3C,CAAC,CAAA,EAAG,eAAe,CAAS,OAAA,CAAA,GAAG,IAAI,CAAC,MAAM,EAAE;AAC7C,SAAA,CAAC,CAAC,CAAC;AAEJ,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACzB,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAC3B,YAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;AACnB,gBAAA,OAAO,EAAE,CAAC;aACX;iBAAM;AACL,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI,KAAM,CAAC,CAAC;gBAC5D,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC;aAChF;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;YAC3B,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,gBAAA,OAAO,EAAE,CAAC;AACjC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAC3B,IAAI,QAAQ,CAAC,KAAK,CAAC;AAAE,gBAAA,OAAO,EAAE,CAAC;AAC/B,YAAA,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;AACpB,gBAAA,OAAO,KAAK,CAAC;aACd;AAAM,iBAAA,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;gBAChC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,KAA6B,CAAC,CAAC;aAC1E;AAAM,iBAAA,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;AAC7B,gBAAA,OAAQ,KAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;aAC5C;AACH,SAAC,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;YAC7B,IAAI,IAAI,CAAC,UAAU,EAAE;AAAE,gBAAA,OAAO,EAAE,CAAC;YACjC,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE;AAC7B,gBAAA,OAAO,EAAE,CAAC;aACX;iBAAM;AACL,gBAAA,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;gBAChF,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AACtC,oBAAA,OAAO,CAAmB,gBAAA,EAAA,SAAS,CAAK,EAAA,EAAA,IAAI,CAAC,YAAY,CAAC,QAAyC,CAAC,CAAC,GAAG,CACtG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,CAAG,CACvC,CAAA,CAAA,CAAG,CAAC;iBACN;AACD,gBAAA,OAAO,mBAAmB,SAAS,CAAA,EAAA,EAAK,IAAI,CAAK,EAAA,EAAA,EAAE,GAAG,CAAC;aACxD;AACH,SAAC,CAAC,CAAC;AAEH;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAC7B,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,QAAQ;AAAE,gBAAA,OAAO,EAAE,CAAC;YACxC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YAC/B,IAAI,EAAE,GAAG,yBAAyB,CAAC;AACnC,YAAA,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC;AACzB,YAAA,IAAI,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC;AAC3B,YAAA,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC;AACzB,YAAA,IAAI,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;AACvB,YAAA,IAAI,KAAK,IAAI,EAAE,EAAE;gBACf,KAAK,IAAI,EAAE,CAAC;AACZ,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAG,EAAA,KAAK,OAAO,CAAC;aAC7B;iBAAM,IAAI,KAAK,GAAG,EAAE,IAAI,KAAK,IAAI,GAAG,EAAE;gBACrC,KAAK,IAAI,EAAE,CAAC;AACZ,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAQ,KAAA,EAAA,KAAK,IAAI,CAAC;aAC/B;iBAAM,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE;AACtC,gBAAA,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;AACpB,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAG,EAAA,KAAK,SAAS,CAAC;aAC/B;iBAAM,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE;AACtC,gBAAA,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;AACpB,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAM,GAAA,EAAA,KAAK,IAAI,CAAC;aAC7B;iBAAM,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE;gBACtC,KAAK,IAAI,GAAG,CAAC;AACb,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAG,EAAA,KAAK,OAAO,CAAC;aAC7B;AACD,YAAA,OAAO,EAAE,CAAC;AACZ,SAAC,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACxB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW;AAAE,gBAAA,OAAO,CAAC,CAAC;AAC1C,YAAA,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;AAC5C,SAAC,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAC7B,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW;AAAE,gBAAA,OAAO,EAAE,CAAC;YAC3C,IAAI,EAAE,GAAG,CAAA,gBAAA,CAAkB,CAAC;YAC5B,IAAI,GAAG,GAAG,CAAC,CAAC;AACZ,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AACjC,YAAA,IAAI,SAAS,IAAI,EAAE,EAAE;AACnB,gBAAA,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;AACrB,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,GAAG,QAAQ,CAAC;aAC7B;iBAAM,IAAI,SAAS,GAAG,EAAE,IAAI,SAAS,IAAI,GAAG,EAAE;AAC7C,gBAAA,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACtB,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAO,IAAA,EAAA,GAAG,GAAG,CAAC;aAC3B;iBAAM,IAAI,SAAS,GAAG,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;AAC9C,gBAAA,GAAG,GAAG,SAAS,GAAG,GAAG,CAAC;AACtB,gBAAA,OAAO,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,GAAG,MAAM,CAAC;aAC3B;AACD,YAAA,OAAO,EAAE,CAAC;AACZ,SAAC,CAAC,CAAC;AAEH;;;;;AAKG;AACH,QAAA,IAAA,CAAA,qBAAqB,GAAG,QAAQ,CAAC,MAAK;AACpC,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW;AAAE,gBAAA,OAAO,EAAE,CAAC;AAC3C,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAClC,IAAI,GAAG,GAAG,CAAC,CAAC;AACZ,YAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AACjC,YAAA,IAAI,SAAS,IAAI,EAAE,EAAE;AACnB,gBAAA,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;AACrB,gBAAA,OAAO,GAAG,KAAK,CAAA,sCAAA,EAAyC,GAAG,GAAG,GAAG,SAAS,CAAC;aAC5E;iBAAM,IAAI,SAAS,GAAG,EAAE,IAAI,SAAS,IAAI,GAAG,EAAE;AAC7C,gBAAA,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACtB,gBAAA,OAAO,CAAG,EAAA,KAAK,CAA0B,uBAAA,EAAA,GAAG,IAAI,CAAC;aAClD;iBAAM,IAAI,SAAS,GAAG,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;AAC9C,gBAAA,GAAG,GAAG,SAAS,GAAG,GAAG,CAAC;AACtB,gBAAA,OAAO,GAAG,KAAK,CAAA,EAAA,EAAK,GAAG,GAAG,GAAG,OAAO,CAAC;aACtC;AACD,YAAA,OAAO,EAAE,CAAC;AACZ,SAAC,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AAChC,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW;AAAE,gBAAA,OAAO,EAAE,CAAC;AAC3C,YAAA,OAAO,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAC9E,SAAC,CAAC,CAAC;AAEH,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AAChC,YAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAAE,gBAAA,OAAO,EAAE,CAAC;AAClC,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,EAA0B,CAAC;YAClD,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE;AACjC,gBAAA,OAAO,uEAAuE,CAAC;aAChF;AAAM,iBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AAC9B,gBAAA,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;aAC1D;YACD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YACtD,IAAI,GAAG,GAAa,EAAE,CAAC;YACvB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,KAAI;gBAC5B,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,EAAE;AAChC,oBAAA,GAAG,CAAC,IAAI,CAAC,CAAG,EAAA,CAAC,CAAC,KAAK,CAAA,KAAA,EAAQ,CAAC,CAAC,KAAK,CAAI,CAAA,EAAA,CAAC,CAAC,OAAO,CAAA,CAAA,CAAG,CAAC,CAAC;iBACrD;gBACD,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,CAAM,GAAA,EAAA,CAAC,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,OAAO,CAAG,CAAA,CAAA,CAAC,CAAC;AAC/D,gBAAA,IAAI,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,GAAG,EAAE;oBAClD,GAAG,CAAC,IAAI,CAAC,CAAA,iBAAA,EAAoB,CAAC,CAAC,OAAO,CAA0B,wBAAA,CAAA,CAAC,CAAC;iBACnE;AACD,gBAAA,OAAO,CAAC,CAAC;AACX,aAAC,CAAC,CAAC;YACH,OAAO,CAAA,yBAAA,EAA4B,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACtD,SAAC,CAAC,CAAC;AA6CJ,KAAA;IA3CC,aAAa,CAAC,OAAgB,EAAE,KAA2B,EAAA;QACzD,IAAI,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;AACzD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,YAAA,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE;AACvC,gBAAA,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;aACxB;SACF;QACD,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;KACxC;AAED,IAAA,YAAY,CAAC,QAAuC,EAAA;QAClD,IAAI,GAAG,GAAqC,EAAE,CAAC;QAC/C,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACpC,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAClB,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;aAClC;AACH,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;KAC1C;IAED,sBAAsB,CAAC,KAAa,EAAE,SAAiB,EAAA;AACrD,QAAA,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,SAAS,GAAG,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;AAC3D,QAAA,IAAI,GAAG,GAAG,KAAK,GAAG,SAAS,CAAC;AAC5B,QAAA,IAAI,GAAG,IAAI,EAAE,EAAE;AACb,YAAA,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC;AACf,YAAA,OAAO,CAAG,EAAA,KAAK,CAAK,EAAA,EAAA,GAAG,SAAS,CAAC;SAClC;aAAM,IAAI,GAAG,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,EAAE;AACjC,YAAA,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAChB,YAAA,OAAO,CAAG,EAAA,KAAK,CAAiB,cAAA,EAAA,GAAG,IAAI,CAAC;SACzC;aAAM,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;AAClC,YAAA,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAChB,YAAA,OAAO,CAAG,EAAA,KAAK,CAAqB,kBAAA,EAAA,GAAG,OAAO,CAAC;SAChD;aAAM,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;AAClC,YAAA,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAChB,YAAA,OAAO,CAAG,EAAA,KAAK,CAAmC,gCAAA,EAAA,GAAG,IAAI,CAAC;SAC3D;aAAM,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;YAClC,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;AACxB,YAAA,OAAO,CAAG,EAAA,KAAK,CAAyC,sCAAA,EAAA,GAAG,SAAS,CAAC;SACtE;AACD,QAAA,OAAO,EAAE,CAAC;KACX;iIAlMU,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB/B,m/HAgIA,EDpHY,MAAA,EAAA,CAAA,+yFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,oFAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAMrD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;+BACE,CAAG,EAAA,eAAe,EAAE,EAClB,UAAA,EAAA,IAAI,WACP,CAAC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,CAAC,EAGlD,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,m/HAAA,EAAA,MAAA,EAAA,CAAA,+yFAAA,CAAA,EAAA,CAAA;;;METpC,eAAe,CAAA;iIAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAf,eAAe,EAAA,OAAA,EAAA,CAFhB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CADlB,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAFhB,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEjB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAC9B,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-progress.mjs","sources":["../../../../lib/ng-nest/ui/progress/progress.property.ts","../../../../lib/ng-nest/ui/progress/progress.component.ts","../../../../lib/ng-nest/ui/progress/progress.component.html","../../../../lib/ng-nest/ui/progress/progress.module.ts","../../../../lib/ng-nest/ui/progress/ng-nest-ui-progress.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToNumber, XToCssPixelValue, XToBoolean } from '@ng-nest/ui/core';\r\nimport type { XNumber, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Progress\r\n * @selector x-progress\r\n * @decorator component\r\n */\r\nexport const XProgressPrefix = 'x-progress';\r\nconst X_PROGRESS_CONFIG_NAME = 'progress';\r\n\r\n/**\r\n * Progress Property\r\n */\r\n@Component({ selector: `${XProgressPrefix}-property`, template: '' })\r\nexport class XProgressProperty extends XPropertyFunction(X_PROGRESS_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 进度条类型\r\n   * @en_US Progress bar type\r\n   */\r\n  readonly type = input<XProgressType>('line');\r\n  /**\r\n   * @zh_CN 显示进度 0-100\r\n   * @en_US Show progress 0-100\r\n   */\r\n  readonly percent = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 进度条高度\r\n   * @en_US Height of progress bar\r\n   */\r\n  readonly height = input<string, XNumber>(this.config?.height ?? '1rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  readonly status = input<XProgressStatus>('normal');\r\n  /**\r\n   * @zh_CN 是否显示百分比文本信息\r\n   * @en_US Whether to display percentage text\r\n   */\r\n  readonly info = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 文本信息宽度\r\n   * @en_US The width of the text information\r\n   */\r\n  readonly infoWidth = input<string, XNumber>('3.5rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 百分比文本是否显示在进度条里面\r\n   * @en_US Whether the percentage text is displayed in the progress bar\r\n   */\r\n  readonly inside = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 自定义百分比文本内容\r\n   * @en_US Custom percentage text content\r\n   */\r\n  readonly format = input<(percent: number) => string>();\r\n  /**\r\n   * @zh_CN 自定义颜色\r\n   * @en_US Custom color\r\n   */\r\n  readonly color = input<XProgressColor>();\r\n  /**\r\n   * @zh_CN 渐变颜色\r\n   * @en_US Gradient color\r\n   */\r\n  readonly gradient = input<XProgressGradient>();\r\n  /**\r\n   * @zh_CN 步骤进度条\r\n   * @en_US Steps progress bar\r\n   */\r\n  readonly steps = input<number | null, XNumber>(null, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 单个步骤的宽度\r\n   * @en_US Single step width\r\n   */\r\n  readonly stepWidth = input<string, XNumber>('2rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 单个步骤的宽度自适应\r\n   * @en_US Single step width flex\r\n   */\r\n  readonly stepFlex = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 圆环/仪表盘厚度\r\n   * @en_US Ring thickness\r\n   */\r\n  readonly thickness = input<string, XNumber>('1rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 圆环/仪表盘尺寸\r\n   * @en_US Ring size\r\n   */\r\n  readonly size = input<string, XNumber>('8rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 仪表盘缺口角度 0~300\r\n   * @en_US Dashboard notch angle\r\n   */\r\n  readonly notchAngle = input<number, XNumber>(80, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 分段显示颜色，只适用 type = 'line'\r\n   * @en_US Segmentation display color, only use of type = 'line'\r\n   */\r\n  readonly subsection = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n\r\n/**\r\n * @zh_CN 进度条类型\r\n * @en_US Progress bar type\r\n */\r\nexport type XProgressType = 'line' | 'circle' | 'dashboard';\r\n\r\n/**\r\n * @zh_CN 进度条颜色\r\n * @en_US Progress bar color\r\n */\r\nexport type XProgressColor = string | XProgressColorNode[] | Function;\r\n\r\n/**\r\n * @zh_CN 进度条节点颜色\r\n * @en_US Progress bar node color\r\n */\r\nexport interface XProgressColorNode {\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color: string;\r\n  /**\r\n   * @zh_CN 百分比\r\n   * @en_US Percent\r\n   */\r\n  percent: number;\r\n}\r\n/**\r\n * @zh_CN 状态\r\n * @en_US Status\r\n */\r\nexport type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';\r\n\r\n/**\r\n * @zh_CN 渐变颜色\r\n * @en_US Gradient color\r\n */\r\nexport type XProgressGradient = { direction?: string } & ({ from: string; to: string } | { [percent: string]: string });\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed } from '@angular/core';\r\nimport { XProgressPrefix, XProgressProperty } from './progress.property';\r\nimport { XIsFunction, XIsString, XIsObjectArray, XIsEmpty, XIsNumber } from '@ng-nest/ui/core';\r\nimport { XProgressColorNode } from './progress.property';\r\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport type { XNumber } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XProgressPrefix}`,\r\n  standalone: true,\r\n  imports: [NgClass, NgTemplateOutlet, FormsModule, XIconComponent],\r\n  templateUrl: './progress.component.html',\r\n  styleUrls: ['./progress.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XProgressComponent extends XProgressProperty {\r\n  maskWidth = computed(() => (XIsNumber(this.percent()) ? 100 - this.percent() : 100));\r\n\r\n  classMap = computed(() => ({\r\n    [`${XProgressPrefix}-${this.status()}`]: true,\r\n    [`${XProgressPrefix}-${this.type()}`]: true,\r\n    [`${XProgressPrefix}-inside`]: this.inside()\r\n  }));\r\n\r\n  stepsArray = computed(() => {\r\n    const steps = this.steps();\r\n    if (XIsEmpty(steps)) {\r\n      return [];\r\n    } else {\r\n      const critical = Math.ceil((this.percent() / 100) * steps!);\r\n      return Array.from({ length: steps! }).map((_, index) => index + 1 <= critical);\r\n    }\r\n  });\r\n\r\n  currentColor = computed(() => {\r\n    if (this.subsection()) return '';\r\n    const color = this.color();\r\n    if (XIsEmpty(color)) return '';\r\n    if (XIsString(color)) {\r\n      return color;\r\n    } else if (XIsObjectArray(color)) {\r\n      return this.getLevelColor(this.percent(), color as XProgressColorNode[]);\r\n    } else if (XIsFunction(color)) {\r\n      return (color as Function)(this.percent());\r\n    }\r\n  });\r\n\r\n  linearGradient = computed(() => {\r\n    if (this.subsection()) return '';\r\n    if (XIsEmpty(this.gradient())) {\r\n      return '';\r\n    } else {\r\n      const { from, to, direction = 'to right', ...percents } = this.gradient() || {};\r\n      if (Object.keys(percents).length !== 0) {\r\n        return `linear-gradient(${direction}, ${this.sortGradient(percents as { [percent: string]: string }).map(\r\n          ({ key, value }) => `${value} ${key}%`\r\n        )})`;\r\n      }\r\n      return `linear-gradient(${direction}, ${from}, ${to})`;\r\n    }\r\n  });\r\n\r\n  /**\r\n   * circle 中的 100% 等于 clip-path 中的 400%\r\n   */\r\n  circleClipPath = computed(() => {\r\n    if (this.type() !== 'circle') return '';\r\n    let value = this.percent() * 4;\r\n    let k1 = 'polygon(50% 50%,50% 0%,';\r\n    let k2 = k1 + '100% 0%,';\r\n    let k3 = k2 + '100% 100%,';\r\n    let k4 = k3 + '0% 100%,';\r\n    let k5 = k4 + '0% 0%,';\r\n    if (value <= 50) {\r\n      value += 50;\r\n      return `${k1}${value}% 0%)`;\r\n    } else if (value > 50 && value <= 150) {\r\n      value -= 50;\r\n      return `${k2}100% ${value}%)`;\r\n    } else if (value > 150 && value <= 250) {\r\n      value = 250 - value;\r\n      return `${k3}${value}% 100%)`;\r\n    } else if (value > 250 && value <= 350) {\r\n      value = 350 - value;\r\n      return `${k4}0% ${value}%)`;\r\n    } else if (value > 350 && value <= 400) {\r\n      value -= 350;\r\n      return `${k5}${value}% 0%)`;\r\n    }\r\n    return '';\r\n  });\r\n\r\n  railValue = computed(() => {\r\n    if (this.type() !== 'dashboard') return 0;\r\n    return (this.notchAngle() / 360) * 50 * 4;\r\n  });\r\n\r\n  dashboardStart = computed(() => {\r\n    if (this.type() !== 'dashboard') return '';\r\n    let k1 = `polygon(50% 50%,`;\r\n    let per = 0;\r\n    let railValue = this.railValue();\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      return `${k1} ${per}% 100%`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      return `${k1} 0% ${per}%`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      return `${k1} ${per}% 0%`;\r\n    }\r\n    return '';\r\n  });\r\n\r\n  /**\r\n   *\r\n   * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);\r\n   * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);\r\n   * 270 polygon(50% 50%, 0% 0%, 100% 0%);\r\n   */\r\n  dashboardRailClipPath = computed(() => {\r\n    if (this.type() !== 'dashboard') return '';\r\n    let start = this.dashboardStart();\r\n    let per = 0;\r\n    let railValue = this.railValue();\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      return `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${100 - per}% 100%)`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      return `${start}, 0% 0%, 100% 0%, 100% ${per}%)`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      return `${start}, ${100 - per}% 0%)`;\r\n    }\r\n    return '';\r\n  });\r\n\r\n  dashboardClipPath = computed(() => {\r\n    if (this.type() !== 'dashboard') return '';\r\n    return this.setCircleClipPathValue(this.dashboardStart(), this.railValue());\r\n  });\r\n\r\n  subLinearGradient = computed(() => {\r\n    if (!this.subsection()) return '';\r\n    let colors = this.color() as XProgressColorNode[];\r\n    if (!colors || colors.length <= 0) {\r\n      return `linear-gradient(to right, var(--x-primary) 0%, var(--x-primary) 100%)`;\r\n    } else if (colors.length === 1) {\r\n      colors.push({ percent: 100, color: 'var(--x-primary)' });\r\n    }\r\n    colors = colors.sort((a, b) => a.percent - b.percent);\r\n    let lgs: string[] = [];\r\n    colors.reduce((a, b, index) => {\r\n      if (index === 1 && a.percent > 0) {\r\n        lgs.push(`${a.color} 0%, ${a.color} ${a.percent}%`);\r\n      }\r\n      lgs.push(`${b.color} ${a.percent}%, ${b.color} ${b.percent}%`);\r\n      if (index === colors.length - 1 && b.percent < 100) {\r\n        lgs.push(`var(--x-primary) ${b.percent}%, var(--x-primary) 100%`);\r\n      }\r\n      return b;\r\n    });\r\n    return `linear-gradient(to right,${lgs.join(',')})`;\r\n  });\r\n\r\n  getLevelColor(percent: XNumber, color: XProgressColorNode[]) {\r\n    let colors = color.sort((a, b) => a.percent - b.percent);\r\n    for (let i = 0; i < colors.length; i++) {\r\n      if (colors[i].percent > Number(percent)) {\r\n        return colors[i].color;\r\n      }\r\n    }\r\n    return colors[colors.length - 1].color;\r\n  }\r\n\r\n  sortGradient(percents: { [percent: string]: string }) {\r\n    let arr: { key: number; value: string }[] = [];\r\n    Object.keys(percents).forEach((key) => {\r\n      const value = percents[key];\r\n      const numKey = +key.replace('%', '');\r\n      if (!isNaN(numKey)) {\r\n        arr.push({ key: numKey, value });\r\n      }\r\n    });\r\n    return arr.sort((a, b) => a.key - b.key);\r\n  }\r\n\r\n  setCircleClipPathValue(start: string, railValue: number) {\r\n    let value = ((400 - railValue * 2) / 100) * this.percent();\r\n    let val = value + railValue;\r\n    if (val <= 50) {\r\n      val = 50 - val;\r\n      return `${start}, ${val}% 100%)`;\r\n    } else if (val > 50 && val <= 150) {\r\n      val = 150 - val;\r\n      return `${start}, 0% 100%, 0% ${val}%)`;\r\n    } else if (val > 150 && val <= 250) {\r\n      val = val - 150;\r\n      return `${start}, 0% 100%, 0% 0%, ${val}% 0%)`;\r\n    } else if (val > 250 && val <= 350) {\r\n      val = val - 250;\r\n      return `${start}, 0% 100%, 0% 0%, 100% 0%, 100% ${val}%)`;\r\n    } else if (val > 350 && val <= 400) {\r\n      val = 100 - (val - 350);\r\n      return `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${val}% 100%)`;\r\n    }\r\n    return '';\r\n  }\r\n}\r\n","<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-progress-steps]=\"stepsArray().length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex()\"\r\n>\r\n  @switch (type()) {\r\n    @case ('circle') {\r\n      <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n    }\r\n    @case ('dashboard') {\r\n      <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n    }\r\n    @default {\r\n      <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n    }\r\n  }\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  @if (stepsArray().length === 0) {\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  }\r\n  @if (stepsArray().length > 0) {\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  }\r\n  @if (info() && !inside()) {\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size()\" [style.height]=\"size()\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness()\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath()\"\r\n      [style.background-color]=\"currentColor()\"\r\n      [style.border-width]=\"thickness()\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size()\" [style.height]=\"size()\">\r\n    <div\r\n      class=\"x-progress-ring-rail\"\r\n      [style.clip-path]=\"dashboardRailClipPath()\"\r\n      [style.border-width]=\"thickness()\"\r\n    ></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath()\"\r\n      [style.background-color]=\"currentColor()\"\r\n      [style.border-width]=\"thickness()\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div\r\n      class=\"x-progress-rail\"\r\n      [class.x-progress-mask]=\"subsection()\"\r\n      [style.background-image]=\"subsection() ? subLinearGradient() : 'none'\"\r\n    >\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent()\"\r\n        [style.background-color]=\"currentColor()\"\r\n        [style.background-image]=\"linearGradient()\"\r\n        [style.height]=\"height()\"\r\n        [style.line-height]=\"height()\"\r\n      >\r\n        @if (info() && inside()) {\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        }\r\n      </div>\r\n      @if (subsection()) {\r\n        <div\r\n          class=\"x-progress-bg-mask\"\r\n          [style.width.%]=\"maskWidth()\"\r\n          [style.height]=\"height()\"\r\n          [style.line-height]=\"height()\"\r\n        ></div>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  @for (step of stepsArray(); track i; let i = $index) {\r\n    <div\r\n      class=\"x-progress-step\"\r\n      [class.x-progress-step-active]=\"step\"\r\n      [style.background-color]=\"currentColor()\"\r\n      [style.width]=\"stepWidth()\"\r\n      [style.flex]=\"stepFlex() ? 1 : 'none'\"\r\n      [style.height]=\"height()\"\r\n      [style.line-height]=\"height()\"\r\n    ></div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [style.width]=\"infoWidth()\">\r\n    @switch (status()) {\r\n      @case ('success') {\r\n        <x-icon type=\"fto-check-circle\"></x-icon>\r\n      }\r\n      @case ('exception') {\r\n        <x-icon type=\"fto-x-circle\"></x-icon>\r\n      }\r\n      @case ('warning') {\r\n        <x-icon type=\"fto-help-circle\"></x-icon>\r\n      }\r\n      @default {\r\n        @if (format()) {\r\n          {{ format()!(percent()) }}\r\n        } @else {\r\n          {{ percent() }}%\r\n        }\r\n      }\r\n    }\r\n  </span>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { XProgressComponent } from './progress.component';\r\n\r\n@NgModule({\r\n  exports: [XProgressComponent],\r\n  imports: [XProgressComponent]\r\n})\r\nexport class XProgressModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-radio.mjs

@@ -168,10 +168,10 @@ class XRadioProperty extends XFormControlFunction(X_RADIO_CONFIG_NAME) {
          */
         this.inputValidator = input();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: XRadioProperty, selector: "x-radio-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, tagBordered: { classPropertyName: "tagBordered", publicName: "tagBordered", isSignal: true, isRequired: false, transformFunction: null }, tagDark: { classPropertyName: "tagDark", publicName: "tagDark", isSignal: true, isRequired: false, transformFunction: null }, allowCancel: { classPropertyName: "allowCancel", publicName: "allowCancel", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, valueTpl: { classPropertyName: "valueTpl", publicName: "valueTpl", isSignal: true, isRequired: false, transformFunction: null }, valueTplContext: { classPropertyName: "valueTplContext", publicName: "valueTplContext", isSignal: true, isRequired: false, transformFunction: null }, before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, after: { classPropertyName: "after", publicName: "after", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, inputValidator: { classPropertyName: "inputValidator", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.2", type: XRadioProperty, selector: "x-radio-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, tagBordered: { classPropertyName: "tagBordered", publicName: "tagBordered", isSignal: true, isRequired: false, transformFunction: null }, tagDark: { classPropertyName: "tagDark", publicName: "tagDark", isSignal: true, isRequired: false, transformFunction: null }, allowCancel: { classPropertyName: "allowCancel", publicName: "allowCancel", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, valueTpl: { classPropertyName: "valueTpl", publicName: "valueTpl", isSignal: true, isRequired: false, transformFunction: null }, valueTplContext: { classPropertyName: "valueTplContext", publicName: "valueTplContext", isSignal: true, isRequired: false, transformFunction: null }, before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, after: { classPropertyName: "after", publicName: "after", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, inputValidator: { classPropertyName: "inputValidator", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XRadioPrefix}-property`, template: '' }]
         }] });
@@ -234,20 +234,20 @@ class XRadioComponent extends XRadioProperty {
             this.nodes.set(x);
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: XRadioComponent, isStandalone: true, selector: "x-radio", providers: [XValueAccessor(XRadioComponent)], viewQueries: [{ propertyName: "radio", first: true, predicate: ["radio"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border-radius:var(--x-border-radius);background-color:var(--x-background-a200);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:var(--x-font-size)}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:var(--x-font-size);font-size:var(--x-font-size);cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary);border-width:.375rem}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:var(--x-border-width) solid var(--x-border);border-radius:100%;width:calc(var(--x-height-medium) - .875rem);height:calc(var(--x-height-medium) - .875rem);background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XTagComponent, selector: "x-tag" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: XRadioComponent, isStandalone: true, selector: "x-radio", providers: [XValueAccessor(XRadioComponent)], viewQueries: [{ propertyName: "radio", first: true, predicate: ["radio"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0}.x-radio{width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border-radius:var(--x-border-radius);background-color:var(--x-background-a200);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:var(--x-font-size)}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:var(--x-font-size);font-size:var(--x-font-size);cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary);border-width:.375rem}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:var(--x-border-width) solid var(--x-border);border-radius:100%;width:calc(var(--x-height-medium) - .875rem);height:calc(var(--x-height-medium) - .875rem);background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XTagComponent, selector: "x-tag" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XRadioPrefix}`, standalone: true, imports: [NgClass, FormsModule, XButtonComponent, XButtonsComponent, XTagComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRadioComponent)], template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border-radius:var(--x-border-radius);background-color:var(--x-background-a200);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:var(--x-font-size)}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:var(--x-font-size);font-size:var(--x-font-size);cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary);border-width:.375rem}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:var(--x-border-width) solid var(--x-border);border-radius:100%;width:calc(var(--x-height-medium) - .875rem);height:calc(var(--x-height-medium) - .875rem);background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"] }]
+            args: [{ selector: `${XRadioPrefix}`, standalone: true, imports: [NgClass, FormsModule, XButtonComponent, XButtonsComponent, XTagComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRadioComponent)], template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0}.x-radio{width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border-radius:var(--x-border-radius);background-color:var(--x-background-a200);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:var(--x-font-size)}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:var(--x-font-size);font-size:var(--x-font-size);cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary);border-width:.375rem}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:var(--x-border-width) solid var(--x-border);border-radius:100%;width:calc(var(--x-height-medium) - .875rem);height:calc(var(--x-height-medium) - .875rem);background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"] }]
         }] });
 
 class XRadioModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: XRadioModule, imports: [XRadioComponent], exports: [XRadioComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioModule, imports: [XRadioComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: XRadioModule, imports: [XRadioComponent], exports: [XRadioComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioModule, imports: [XRadioComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRadioModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XRadioComponent],

package/fesm2022/ng-nest-ui-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-radio.mjs","sources":["../../../../lib/ng-nest/ui/radio/radio.property.ts","../../../../lib/ng-nest/ui/radio/radio.component.ts","../../../../lib/ng-nest/ui/radio/radio.component.html","../../../../lib/ng-nest/ui/radio/radio.module.ts","../../../../lib/ng-nest/ui/radio/ng-nest-ui-radio.ts"],"sourcesContent":["import { XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, TemplateRef, input, model } from '@angular/core';\r\nimport { XButtonType } from '@ng-nest/ui/button';\r\nimport { XFormControlFunction, XFormOption } from '@ng-nest/ui/base-form';\r\nimport type {\r\n  XData,\r\n  XIdentityProperty,\r\n  XSize,\r\n  XBoolean,\r\n  XTemplate,\r\n  XDirection,\r\n  XAlign,\r\n  XJustify,\r\n  XNumber\r\n} from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Radio\r\n * @selector x-radio\r\n * @decorator component\r\n */\r\nexport const XRadioPrefix = 'x-radio';\r\nconst X_RADIO_CONFIG_NAME = 'radio';\r\n\r\n/**\r\n * Radio Property\r\n */\r\n@Component({ selector: `${XRadioPrefix}-property`, template: '' })\r\nexport class XRadioProperty extends XFormControlFunction(X_RADIO_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 单选框数据\r\n   * @en_US Radio data\r\n   */\r\n  readonly data = input<XData<XRadioNode>>([]);\r\n  /**\r\n   * @zh_CN 按钮样式\r\n   * @en_US Button style\r\n   */\r\n  readonly button = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 图标样式\r\n   * @en_US Icon style\r\n   */\r\n  readonly icon = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN tag 标签样式\r\n   * @en_US Tag style\r\n   */\r\n  readonly tag = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 按钮/图标/ tag 标签样式时生效\r\n   * @en_US Take effect when button style\r\n   */\r\n  readonly type = input<XButtonType>('initial');\r\n  /**\r\n   * @zh_CN tag 标签边框\r\n   * @en_US Tag bordered\r\n   */\r\n  readonly tagBordered = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN tag 标签深色主题\r\n   * @en_US Tag dark theme\r\n   */\r\n  readonly tagDark = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 允许取消选中\r\n   * @en_US Allow cancel checked\r\n   */\r\n  readonly allowCancel = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 垂直布局，不支持 button 和 icon 样式\r\n   * @en_US Vertical layout, does not support button and icon styles\r\n   */\r\n  readonly vertical = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  override readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 输入框点击样式\r\n   * @en_US Input pointer\r\n   */\r\n  override readonly pointer = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  override readonly label = input<string>('');\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  override readonly labelWidth = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  override readonly labelAlign = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  override readonly justify = input<XJustify>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  override readonly align = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  override readonly direction = input<XDirection>('column');\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  override readonly placeholder = input<string | string[]>('');\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  override readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  override readonly required = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  override readonly readonly = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTplContext = input();\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  override readonly before = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  override readonly after = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  override readonly pattern = input<RegExp | RegExp[] | any>(null);\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  override readonly message = input<string | string[]>([]);\r\n  /**\r\n   * @zh_CN 激活状态\r\n   * @en_US Activation state\r\n   */\r\n  override readonly active = model<boolean>(false);\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  override readonly inputValidator = input<(value: any) => boolean>();\r\n}\r\n\r\n/**\r\n * Radio Option\r\n */\r\nexport interface XRadioOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 单选框数据\r\n   * @en_US Radio data\r\n   */\r\n  data?: XData<XRadioNode>;\r\n  /**\r\n   * @zh_CN 按钮样式\r\n   * @en_US Button style\r\n   */\r\n  button?: boolean;\r\n  /**\r\n   * @zh_CN 图标样式\r\n   * @en_US Icon style\r\n   */\r\n  icon?: boolean;\r\n  /**\r\n   * @zh_CN tag 标签样式\r\n   * @en_US Tag style\r\n   */\r\n  tag?: boolean;\r\n  /**\r\n   * @zh_CN 按钮/图标/ tag 标签样式时生效\r\n   * @en_US Take effect when button style\r\n   */\r\n  type?: XButtonType;\r\n  /**\r\n   * @zh_CN tag 标签边框\r\n   * @en_US Tag bordered\r\n   */\r\n  tagBordered?: boolean;\r\n  /**\r\n   * @zh_CN tag 标签深色主题\r\n   * @en_US Tag dark theme\r\n   */\r\n  tagDark?: boolean;\r\n  /**\r\n   * @zh_CN 允许取消选中\r\n   * @en_US Allow cancel checked\r\n   */\r\n  allowCancel?: boolean;\r\n  /**\r\n   * @zh_CN 垂直布局，不支持 button 和 icon 样式\r\n   * @en_US Vertical layout, does not support button and icon styles\r\n   */\r\n  vertical?: boolean;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 输入框点击样式\r\n   * @en_US Input pointer\r\n   */\r\n  pointer?: boolean;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  label?: string;\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  readonly?: boolean;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  valueTplContext?: any;\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  before?: XTemplate;\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  after?: XTemplate;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 激活状态\r\n   * @en_US Activation state\r\n   */\r\n  active?: boolean;\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n\r\n/**\r\n * @zh_CN Radio 数据对象\r\n * @en_US Radio data object\r\n */\r\nexport interface XRadioNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 图标的提示信息\r\n   * @en_US Icon message\r\n   */\r\n  title?: string;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  TemplateRef,\r\n  OnDestroy,\r\n  viewChild,\r\n  signal,\r\n  computed\r\n} from '@angular/core';\r\nimport { XRadioPrefix, XRadioNode, XRadioProperty } from './radio.property';\r\nimport { Subject } from 'rxjs';\r\nimport { XIsChange, XSetData } from '@ng-nest/ui/core';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { NgClass } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XButtonComponent, XButtonsComponent } from '@ng-nest/ui/button';\r\nimport { XTagComponent } from '@ng-nest/ui/tag';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\n\r\n@Component({\r\n  selector: `${XRadioPrefix}`,\r\n  standalone: true,\r\n  imports: [NgClass, FormsModule, XButtonComponent, XButtonsComponent, XTagComponent, XOutletDirective],\r\n  templateUrl: './radio.component.html',\r\n  styleUrls: ['./radio.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XRadioComponent)]\r\n})\r\nexport class XRadioComponent extends XRadioProperty implements OnChanges, OnDestroy {\r\n  radio = viewChild.required('radio', { read: ElementRef<HTMLElement> });\r\n  nodes = signal<XRadioNode[]>([]);\r\n  private unSubject = new Subject<void>();\r\n\r\n  beforeIsTemplate = computed(() => this.before() instanceof TemplateRef);\r\n  afterIsTemplate = computed(() => this.after() instanceof TemplateRef);\r\n\r\n  classMap = computed(() => ({\r\n    [`x-justify-${this.justify()}`]: !!this.justify(),\r\n    [`x-align-${this.align()}`]: !!this.align(),\r\n    [`x-direction-${this.direction()}`]: !!this.direction()\r\n  }));\r\n  labelMapSignal = computed(() => ({\r\n    [`x-text-align-${this.labelAlign()}`]: !!this.labelAlign()\r\n  }));\r\n  radioType = computed(() => {\r\n    if (this.button()) {\r\n      return 'button';\r\n    } else if (this.icon()) {\r\n      return 'icon';\r\n    } else if (this.tag()) {\r\n      return 'tag';\r\n    } else {\r\n      return 'initial';\r\n    }\r\n  });\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unSubject.next();\r\n    this.unSubject.complete();\r\n  }\r\n\r\n  radioClick(event: Event, node: XRadioNode) {\r\n    event.preventDefault();\r\n    if (this.disabledComputed() || node.disabled || (!this.allowCancel() && node.id === this.value())) return;\r\n    this.formControlValidator();\r\n    if (this.allowCancel() && node.id === this.value()) {\r\n      this.value.set(null);\r\n    } else {\r\n      this.value.set(node.id);\r\n    }\r\n    if (this.onChange) this.onChange(this.value());\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XRadioNode>(this.data(), this.unSubject).subscribe((x) => {\r\n      this.nodes.set(x);\r\n    });\r\n  }\r\n}\r\n","<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XRadioComponent } from './radio.component';\r\n\r\n@NgModule({\r\n  exports: [XRadioComponent],\r\n  imports: [XRadioComponent]\r\n})\r\nexport class XRadioModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-radio.mjs","sources":["../../../../lib/ng-nest/ui/radio/radio.property.ts","../../../../lib/ng-nest/ui/radio/radio.component.ts","../../../../lib/ng-nest/ui/radio/radio.component.html","../../../../lib/ng-nest/ui/radio/radio.module.ts","../../../../lib/ng-nest/ui/radio/ng-nest-ui-radio.ts"],"sourcesContent":["import { XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, TemplateRef, input, model } from '@angular/core';\r\nimport { XButtonType } from '@ng-nest/ui/button';\r\nimport { XFormControlFunction, XFormOption } from '@ng-nest/ui/base-form';\r\nimport type {\r\n  XData,\r\n  XIdentityProperty,\r\n  XSize,\r\n  XBoolean,\r\n  XTemplate,\r\n  XDirection,\r\n  XAlign,\r\n  XJustify,\r\n  XNumber\r\n} from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Radio\r\n * @selector x-radio\r\n * @decorator component\r\n */\r\nexport const XRadioPrefix = 'x-radio';\r\nconst X_RADIO_CONFIG_NAME = 'radio';\r\n\r\n/**\r\n * Radio Property\r\n */\r\n@Component({ selector: `${XRadioPrefix}-property`, template: '' })\r\nexport class XRadioProperty extends XFormControlFunction(X_RADIO_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 单选框数据\r\n   * @en_US Radio data\r\n   */\r\n  readonly data = input<XData<XRadioNode>>([]);\r\n  /**\r\n   * @zh_CN 按钮样式\r\n   * @en_US Button style\r\n   */\r\n  readonly button = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 图标样式\r\n   * @en_US Icon style\r\n   */\r\n  readonly icon = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN tag 标签样式\r\n   * @en_US Tag style\r\n   */\r\n  readonly tag = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 按钮/图标/ tag 标签样式时生效\r\n   * @en_US Take effect when button style\r\n   */\r\n  readonly type = input<XButtonType>('initial');\r\n  /**\r\n   * @zh_CN tag 标签边框\r\n   * @en_US Tag bordered\r\n   */\r\n  readonly tagBordered = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN tag 标签深色主题\r\n   * @en_US Tag dark theme\r\n   */\r\n  readonly tagDark = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 允许取消选中\r\n   * @en_US Allow cancel checked\r\n   */\r\n  readonly allowCancel = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 垂直布局，不支持 button 和 icon 样式\r\n   * @en_US Vertical layout, does not support button and icon styles\r\n   */\r\n  readonly vertical = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  override readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 输入框点击样式\r\n   * @en_US Input pointer\r\n   */\r\n  override readonly pointer = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  override readonly label = input<string>('');\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  override readonly labelWidth = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  override readonly labelAlign = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  override readonly justify = input<XJustify>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  override readonly align = input<XAlign>('start');\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  override readonly direction = input<XDirection>('column');\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  override readonly placeholder = input<string | string[]>('');\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  override readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  override readonly required = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  override readonly readonly = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  override readonly valueTplContext = input();\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  override readonly before = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  override readonly after = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  override readonly pattern = input<RegExp | RegExp[] | any>(null);\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  override readonly message = input<string | string[]>([]);\r\n  /**\r\n   * @zh_CN 激活状态\r\n   * @en_US Activation state\r\n   */\r\n  override readonly active = model<boolean>(false);\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  override readonly inputValidator = input<(value: any) => boolean>();\r\n}\r\n\r\n/**\r\n * Radio Option\r\n */\r\nexport interface XRadioOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 单选框数据\r\n   * @en_US Radio data\r\n   */\r\n  data?: XData<XRadioNode>;\r\n  /**\r\n   * @zh_CN 按钮样式\r\n   * @en_US Button style\r\n   */\r\n  button?: boolean;\r\n  /**\r\n   * @zh_CN 图标样式\r\n   * @en_US Icon style\r\n   */\r\n  icon?: boolean;\r\n  /**\r\n   * @zh_CN tag 标签样式\r\n   * @en_US Tag style\r\n   */\r\n  tag?: boolean;\r\n  /**\r\n   * @zh_CN 按钮/图标/ tag 标签样式时生效\r\n   * @en_US Take effect when button style\r\n   */\r\n  type?: XButtonType;\r\n  /**\r\n   * @zh_CN tag 标签边框\r\n   * @en_US Tag bordered\r\n   */\r\n  tagBordered?: boolean;\r\n  /**\r\n   * @zh_CN tag 标签深色主题\r\n   * @en_US Tag dark theme\r\n   */\r\n  tagDark?: boolean;\r\n  /**\r\n   * @zh_CN 允许取消选中\r\n   * @en_US Allow cancel checked\r\n   */\r\n  allowCancel?: boolean;\r\n  /**\r\n   * @zh_CN 垂直布局，不支持 button 和 icon 样式\r\n   * @en_US Vertical layout, does not support button and icon styles\r\n   */\r\n  vertical?: boolean;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 输入框点击样式\r\n   * @en_US Input pointer\r\n   */\r\n  pointer?: boolean;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US Label\r\n   */\r\n  label?: string;\r\n  /**\r\n   * @zh_CN 标签宽度\r\n   * @en_US Label width\r\n   */\r\n  labelWidth?: string;\r\n  /**\r\n   * @zh_CN 标签文字对齐方式\r\n   * @en_US Label text alignment method\r\n   */\r\n  labelAlign?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素水平排列方式\r\n   * @en_US The level of sub-element level arrangement under flex layout\r\n   */\r\n  justify?: XJustify;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素垂直排列方式\r\n   * @en_US sub-element vertical arrangement method under flex layout\r\n   */\r\n  align?: XAlign;\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向\r\n   * @en_US The direction of the sub-element arrangement under flex layout\r\n   */\r\n  direction?: XDirection;\r\n  /**\r\n   * @zh_CN 输入提示信息\r\n   * @en_US Enter prompt information\r\n   */\r\n  placeholder?: string;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 必填\r\n   * @en_US Required\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * @zh_CN 只读\r\n   * @en_US Readonly\r\n   */\r\n  readonly?: boolean;\r\n  /**\r\n   * @zh_CN 值模板\r\n   * @en_US Node template\r\n   */\r\n  valueTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 值模板参数\r\n   * @en_US Node template\r\n   */\r\n  valueTplContext?: any;\r\n  /**\r\n   * @zh_CN 前置标签\r\n   * @en_US Before label\r\n   */\r\n  before?: XTemplate;\r\n  /**\r\n   * @zh_CN 后置标签\r\n   * @en_US After label\r\n   */\r\n  after?: XTemplate;\r\n  /**\r\n   * @zh_CN 正则验证规则\r\n   * @en_US Regular verification rules\r\n   */\r\n  pattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 验证不通过提示文字\r\n   * @en_US Verify not pass the prompt text\r\n   */\r\n  message?: string | string[];\r\n  /**\r\n   * @zh_CN 激活状态\r\n   * @en_US Activation state\r\n   */\r\n  active?: boolean;\r\n  /**\r\n   * @zh_CN 输入验证函数\r\n   * @en_US Enter the verification function\r\n   */\r\n  inputValidator?: (value: any) => boolean;\r\n}\r\n\r\n/**\r\n * @zh_CN Radio 数据对象\r\n * @en_US Radio data object\r\n */\r\nexport interface XRadioNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 图标的提示信息\r\n   * @en_US Icon message\r\n   */\r\n  title?: string;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  TemplateRef,\r\n  OnDestroy,\r\n  viewChild,\r\n  signal,\r\n  computed\r\n} from '@angular/core';\r\nimport { XRadioPrefix, XRadioNode, XRadioProperty } from './radio.property';\r\nimport { Subject } from 'rxjs';\r\nimport { XIsChange, XSetData } from '@ng-nest/ui/core';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { NgClass } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XButtonComponent, XButtonsComponent } from '@ng-nest/ui/button';\r\nimport { XTagComponent } from '@ng-nest/ui/tag';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\n\r\n@Component({\r\n  selector: `${XRadioPrefix}`,\r\n  standalone: true,\r\n  imports: [NgClass, FormsModule, XButtonComponent, XButtonsComponent, XTagComponent, XOutletDirective],\r\n  templateUrl: './radio.component.html',\r\n  styleUrls: ['./radio.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XRadioComponent)]\r\n})\r\nexport class XRadioComponent extends XRadioProperty implements OnChanges, OnDestroy {\r\n  radio = viewChild.required('radio', { read: ElementRef<HTMLElement> });\r\n  nodes = signal<XRadioNode[]>([]);\r\n  private unSubject = new Subject<void>();\r\n\r\n  beforeIsTemplate = computed(() => this.before() instanceof TemplateRef);\r\n  afterIsTemplate = computed(() => this.after() instanceof TemplateRef);\r\n\r\n  classMap = computed(() => ({\r\n    [`x-justify-${this.justify()}`]: !!this.justify(),\r\n    [`x-align-${this.align()}`]: !!this.align(),\r\n    [`x-direction-${this.direction()}`]: !!this.direction()\r\n  }));\r\n  labelMapSignal = computed(() => ({\r\n    [`x-text-align-${this.labelAlign()}`]: !!this.labelAlign()\r\n  }));\r\n  radioType = computed(() => {\r\n    if (this.button()) {\r\n      return 'button';\r\n    } else if (this.icon()) {\r\n      return 'icon';\r\n    } else if (this.tag()) {\r\n      return 'tag';\r\n    } else {\r\n      return 'initial';\r\n    }\r\n  });\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unSubject.next();\r\n    this.unSubject.complete();\r\n  }\r\n\r\n  radioClick(event: Event, node: XRadioNode) {\r\n    event.preventDefault();\r\n    if (this.disabledComputed() || node.disabled || (!this.allowCancel() && node.id === this.value())) return;\r\n    this.formControlValidator();\r\n    if (this.allowCancel() && node.id === this.value()) {\r\n      this.value.set(null);\r\n    } else {\r\n      this.value.set(node.id);\r\n    }\r\n    if (this.onChange) this.onChange(this.value());\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XRadioNode>(this.data(), this.unSubject).subscribe((x) => {\r\n      this.nodes.set(x);\r\n    });\r\n  }\r\n}\r\n","<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XRadioComponent } from './radio.component';\r\n\r\n@NgModule({\r\n  exports: [XRadioComponent],\r\n  imports: [XRadioComponent]\r\n})\r\nexport class XRadioModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-rate.mjs

@@ -136,10 +136,10 @@ class XRateProperty extends XFormControlFunction(X_RATE_CONFIG_NAME) {
          */
         this.inputValidator = input();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: XRateProperty, selector: "x-rate-property", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, half: { classPropertyName: "half", publicName: "half", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customTemp: { classPropertyName: "customTemp", publicName: "customTemp", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, valueTpl: { classPropertyName: "valueTpl", publicName: "valueTpl", isSignal: true, isRequired: false, transformFunction: null }, valueTplContext: { classPropertyName: "valueTplContext", publicName: "valueTplContext", isSignal: true, isRequired: false, transformFunction: null }, before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, after: { classPropertyName: "after", publicName: "after", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, inputValidator: { classPropertyName: "inputValidator", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.2", type: XRateProperty, selector: "x-rate-property", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, half: { classPropertyName: "half", publicName: "half", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customTemp: { classPropertyName: "customTemp", publicName: "customTemp", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, labelAlign: { classPropertyName: "labelAlign", publicName: "labelAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, valueTpl: { classPropertyName: "valueTpl", publicName: "valueTpl", isSignal: true, isRequired: false, transformFunction: null }, valueTplContext: { classPropertyName: "valueTplContext", publicName: "valueTplContext", isSignal: true, isRequired: false, transformFunction: null }, before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, after: { classPropertyName: "after", publicName: "after", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, inputValidator: { classPropertyName: "inputValidator", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XRatePrefix}-property`, template: '' }]
         }] });
@@ -226,20 +226,20 @@ class XRateComponent extends XRateProperty {
             this.onChange(this.value());
     }
     formControlChanges() { }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: XRateComponent, isStandalone: true, selector: "x-rate", providers: [XValueAccessor(XRateComponent)], viewQueries: [{ propertyName: "rate", first: true, predicate: ["rate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n>\r\n  @if (label()) {\r\n    <label [class.x-rate-label-required]=\"requiredComputed()\" [style.width]=\"labelWidth()\" [ngClass]=\"labelMapSignal()\">{{\r\n      label()\r\n    }}</label>\r\n  }\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    @for (rate of rates(); track rate; let i = $index) {\r\n      <div\r\n        class=\"x-rate-icon\"\r\n        [class.activated]=\"rate <= hoverActivated()\"\r\n        [class.half-activated]=\"rate <= hoverHalfActivated()\"\r\n        [style.color]=\"rate <= hoverActivated() ? getColor() : ''\"\r\n      >\r\n        @if (half()) {\r\n          <div\r\n            class=\"x-rate-half\"\r\n            [style.color]=\"rate <= hoverHalfActivated() ? getColor() : ''\"\r\n            (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n            (click)=\"rateHalfClick(rate, $event)\"\r\n          >\r\n            @if (customTemp()) {\r\n              <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n            } @else {\r\n              <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n            }\r\n          </div>\r\n        }\r\n        <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n          @if (customTemp()) {\r\n            <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n          } @else {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0;width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:var(--x-height-medium);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: XRateComponent, isStandalone: true, selector: "x-rate", providers: [XValueAccessor(XRateComponent)], viewQueries: [{ propertyName: "rate", first: true, predicate: ["rate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n>\r\n  @if (label()) {\r\n    <label [class.x-rate-label-required]=\"requiredComputed()\" [style.width]=\"labelWidth()\" [ngClass]=\"labelMapSignal()\">{{\r\n      label()\r\n    }}</label>\r\n  }\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    @for (rate of rates(); track rate; let i = $index) {\r\n      <div\r\n        class=\"x-rate-icon\"\r\n        [class.activated]=\"rate <= hoverActivated()\"\r\n        [class.half-activated]=\"rate <= hoverHalfActivated()\"\r\n        [style.color]=\"rate <= hoverActivated() ? getColor() : ''\"\r\n      >\r\n        @if (half()) {\r\n          <div\r\n            class=\"x-rate-half\"\r\n            [style.color]=\"rate <= hoverHalfActivated() ? getColor() : ''\"\r\n            (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n            (click)=\"rateHalfClick(rate, $event)\"\r\n          >\r\n            @if (customTemp()) {\r\n              <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n            } @else {\r\n              <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n            }\r\n          </div>\r\n        }\r\n        <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n          @if (customTemp()) {\r\n            <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n          } @else {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0}.x-rate{width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:var(--x-height-medium);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XRatePrefix}`, standalone: true, imports: [NgClass, NgTemplateOutlet, FormsModule, XButtonComponent, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRateComponent)], template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n>\r\n  @if (label()) {\r\n    <label [class.x-rate-label-required]=\"requiredComputed()\" [style.width]=\"labelWidth()\" [ngClass]=\"labelMapSignal()\">{{\r\n      label()\r\n    }}</label>\r\n  }\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    @for (rate of rates(); track rate; let i = $index) {\r\n      <div\r\n        class=\"x-rate-icon\"\r\n        [class.activated]=\"rate <= hoverActivated()\"\r\n        [class.half-activated]=\"rate <= hoverHalfActivated()\"\r\n        [style.color]=\"rate <= hoverActivated() ? getColor() : ''\"\r\n      >\r\n        @if (half()) {\r\n          <div\r\n            class=\"x-rate-half\"\r\n            [style.color]=\"rate <= hoverHalfActivated() ? getColor() : ''\"\r\n            (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n            (click)=\"rateHalfClick(rate, $event)\"\r\n          >\r\n            @if (customTemp()) {\r\n              <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n            } @else {\r\n              <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n            }\r\n          </div>\r\n        }\r\n        <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n          @if (customTemp()) {\r\n            <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n          } @else {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0;width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:var(--x-height-medium);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"] }]
+            args: [{ selector: `${XRatePrefix}`, standalone: true, imports: [NgClass, NgTemplateOutlet, FormsModule, XButtonComponent, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRateComponent)], template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n>\r\n  @if (label()) {\r\n    <label [class.x-rate-label-required]=\"requiredComputed()\" [style.width]=\"labelWidth()\" [ngClass]=\"labelMapSignal()\">{{\r\n      label()\r\n    }}</label>\r\n  }\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    @for (rate of rates(); track rate; let i = $index) {\r\n      <div\r\n        class=\"x-rate-icon\"\r\n        [class.activated]=\"rate <= hoverActivated()\"\r\n        [class.half-activated]=\"rate <= hoverHalfActivated()\"\r\n        [style.color]=\"rate <= hoverActivated() ? getColor() : ''\"\r\n      >\r\n        @if (half()) {\r\n          <div\r\n            class=\"x-rate-half\"\r\n            [style.color]=\"rate <= hoverHalfActivated() ? getColor() : ''\"\r\n            (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n            (click)=\"rateHalfClick(rate, $event)\"\r\n          >\r\n            @if (customTemp()) {\r\n              <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n            } @else {\r\n              <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n            }\r\n          </div>\r\n        }\r\n        <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n          @if (customTemp()) {\r\n            <ng-container *ngTemplateOutlet=\"customTemp()!\"></ng-container>\r\n          } @else {\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0}.x-rate{width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:var(--x-height-medium);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"] }]
         }] });
 
 class XRateModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: XRateModule, imports: [XRateComponent], exports: [XRateComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateModule, imports: [XRateComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: XRateModule, imports: [XRateComponent], exports: [XRateComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateModule, imports: [XRateComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XRateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRateModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XRateComponent],