@ng-nest/ui 18.0.0 → 18.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-layout.mjs","sources":["../../../../lib/ng-nest/ui/layout/layout.property.ts","../../../../lib/ng-nest/ui/layout/row.component.ts","../../../../lib/ng-nest/ui/layout/col.component.ts","../../../../lib/ng-nest/ui/layout/layout.module.ts","../../../../lib/ng-nest/ui/layout/ng-nest-ui-layout.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean, XToCssPixelValue, XToNumber } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XJustify, XAlign, XNumber, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Row\r\n * @selector x-row\r\n * @decorator component\r\n */\r\nexport const XRowPrefix = 'x-row';\r\nconst X_ROW_CONFIG_NAME = 'row';\r\n\r\n/**\r\n * Row Property\r\n */\r\n@Component({ selector: `${XRowPrefix}-property`, template: '' })\r\nexport class XRowProperty extends XPropertyFunction(X_ROW_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 列间隔\r\n   * @en_US Column interval\r\n   */\r\n  readonly space = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN flex 布局下的水平排列方式\r\n   * @en_US Horizontal arrangement under flex layout\r\n   */\r\n  readonly justify = input<XJustify>();\r\n  /**\r\n   * @zh_CN flex 布局下的垂直排列方式\r\n   * @en_US Vertical arrangement under flex layout\r\n   */\r\n  readonly align = input<XAlign>();\r\n}\r\n\r\n/**\r\n * Col\r\n * @selector x-col\r\n * @decorator component\r\n */\r\nexport const XColPrefix = 'x-col';\r\nconst X_COL_CONFIG_NAME = 'col';\r\n\r\n/**\r\n * Col Property\r\n */\r\n@Component({ selector: `${XColPrefix}-property`, template: '' })\r\nexport class XColProperty extends XPropertyFunction(X_COL_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 24栅格布局，列占的宽度\r\n   * @en_US 24 grid layout, column width\r\n   */\r\n  readonly span = input<number, XNumber>(24, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 栅格左侧的间隔格数\r\n   * @en_US The number of intervals on the left side of the grid\r\n   */\r\n  readonly offset = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * <768px\r\n   */\r\n  readonly xs = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥768px\r\n   */\r\n  readonly sm = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥992px\r\n   */\r\n  readonly md = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥1200px\r\n   */\r\n  readonly lg = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥1920px\r\n   */\r\n  readonly xl = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 默认样式\r\n   * @en_US Default style\r\n   */\r\n  readonly inherit = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject, computed } from '@angular/core';\r\nimport { XRowPrefix, XRowProperty } from './layout.property';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XComputedStyle, XToCssPx } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XRowPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./row.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XRowComponent extends XRowProperty {\r\n  private document: Document = inject(DOCUMENT);\r\n  private fontSize = computed(() => parseFloat(XComputedStyle(this.document.documentElement, 'font-size')));\r\n  @HostBinding(`class.x-flex`) get getFlex() {\r\n    return this.justify() || this.align() ? true : false;\r\n  }\r\n  @HostBinding('class') get cls() {\r\n    let cls: string[] = [XRowPrefix];\r\n    if (this.justify()) cls.push(`x-justify-${this.justify()}`);\r\n    if (this.align()) cls.push(`x-align-${this.align()}`);\r\n    return cls.join(' ');\r\n  }\r\n  @HostBinding('style.marginLeft') get marginLeft() {\r\n    return `-${this.spaceSignal() / 2}px`;\r\n  }\r\n  @HostBinding('style.marginRight') get marginRight() {\r\n    return `-${this.spaceSignal() / 2}px`;\r\n  }\r\n\r\n  spaceSignal = computed(() => {\r\n    if (!this.space()) return 0;\r\n    const space = this.space();\r\n    return XToCssPx(space, this.fontSize());\r\n  });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject, computed } from '@angular/core';\r\nimport { XColPrefix, XColProperty } from './layout.property';\r\nimport { XRowComponent } from './row.component';\r\nimport { XComputedStyle, XToCssPx } from '@ng-nest/ui/core';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XColPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./col.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XColComponent extends XColProperty {\r\n  private rowComponent = inject(XRowComponent, { optional: true, host: true });\r\n  private document: Document = inject(DOCUMENT);\r\n  private fontSize = computed(() => parseFloat(XComputedStyle(this.document.documentElement, 'font-size')));\r\n  @HostBinding(`class.x-col-24`) get getFlex() {\r\n    return this.xs() || this.sm() || this.md() || this.lg() || this.xl() || this.span() == 24 ? true : false;\r\n  }\r\n  @HostBinding('class') get cls() {\r\n    let cls: string[] = [XColPrefix];\r\n    if (this.span()) cls.push(`${XColPrefix}-${this.span()}`);\r\n    if (this.offset()) cls.push(`${XColPrefix}-offset-${this.offset()}`);\r\n    if (this.xs()) cls.push(`${XColPrefix}-xs-${this.xs()}`);\r\n    if (this.sm()) cls.push(`${XColPrefix}-sm-${this.sm()}`);\r\n    if (this.md()) cls.push(`${XColPrefix}-md-${this.md()}`);\r\n    if (this.lg()) cls.push(`${XColPrefix}-lg-${this.lg()}`);\r\n    if (this.xl()) cls.push(`${XColPrefix}-xl-${this.xl()}`);\r\n    if (this.inherit()) cls.push(`${XColPrefix}-inherit`);\r\n    return cls.join(' ');\r\n  }\r\n  @HostBinding('style.paddingLeft') get paddingLeft() {\r\n    return `${this.space() / 2}px`;\r\n  }\r\n  @HostBinding('style.paddingRight') get paddingRight() {\r\n    return `${this.space() / 2}px`;\r\n  }\r\n\r\n  space = computed(() => {\r\n    if (!this.rowComponent?.space()) return 0;\r\n    const space = this.rowComponent.space();\r\n    return XToCssPx(space, this.fontSize());\r\n  });\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XRowComponent } from './row.component';\r\nimport { XColComponent } from './col.component';\r\n\r\n@NgModule({\r\n  exports: [XRowComponent, XColComponent],\r\n  imports: [XRowComponent, XColComponent]\r\n})\r\nexport class XLayoutModule {}\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-layout.mjs","sources":["../../../../lib/ng-nest/ui/layout/layout.property.ts","../../../../lib/ng-nest/ui/layout/row.component.ts","../../../../lib/ng-nest/ui/layout/col.component.ts","../../../../lib/ng-nest/ui/layout/layout.module.ts","../../../../lib/ng-nest/ui/layout/ng-nest-ui-layout.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean, XToCssPixelValue, XToNumber } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XJustify, XAlign, XNumber, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Row\r\n * @selector x-row\r\n * @decorator component\r\n */\r\nexport const XRowPrefix = 'x-row';\r\nconst X_ROW_CONFIG_NAME = 'row';\r\n\r\n/**\r\n * Row Property\r\n */\r\n@Component({ selector: `${XRowPrefix}-property`, template: '' })\r\nexport class XRowProperty extends XPropertyFunction(X_ROW_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 列间隔\r\n   * @en_US Column interval\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-row space=\"1rem\">\r\n   *   <x-col span=\"6\">col-1</x-col>\r\n   *   <x-col span=\"6\">col-2</x-col>\r\n   * </x-row>\r\n   * ```\r\n   *\r\n   */\r\n  readonly space = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN flex 布局下的水平排列方式\r\n   * @en_US Horizontal arrangement under flex layout\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-row justify=\"end\">\r\n   *   <x-col span=\"6\">col-1</x-col>\r\n   *   <x-col span=\"6\">col-2</x-col>\r\n   * </x-row>\r\n   * ```\r\n   *\r\n   */\r\n  readonly justify = input<XJustify>();\r\n  /**\r\n   * @zh_CN flex 布局下的垂直排列方式\r\n   * @en_US Vertical arrangement under flex layout\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-row align=\"end\">\r\n   *   <x-col span=\"6\">col-1</x-col>\r\n   *   <x-col span=\"6\">col-2</x-col>\r\n   * </x-row>\r\n   * ```\r\n   *\r\n   */\r\n  readonly align = input<XAlign>();\r\n}\r\n\r\n/**\r\n * Col\r\n * @selector x-col\r\n * @decorator component\r\n */\r\nexport const XColPrefix = 'x-col';\r\nconst X_COL_CONFIG_NAME = 'col';\r\n\r\n/**\r\n * Col Property\r\n */\r\n@Component({ selector: `${XColPrefix}-property`, template: '' })\r\nexport class XColProperty extends XPropertyFunction(X_COL_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 24栅格布局，列占的宽度\r\n   * @en_US 24 grid layout, column width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-row>\r\n   *   <x-col span=\"6\">col-1</x-col>\r\n   *   <x-col span=\"18\">col-2</x-col>\r\n   * </x-row>\r\n   * ```\r\n   *\r\n   */\r\n  readonly span = input<number, XNumber>(24, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 栅格左侧的间隔格数\r\n   * @en_US The number of intervals on the left side of the grid\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-row>\r\n   *   <x-col span=\"6\">col-1</x-col>\r\n   *   <x-col span=\"12\" offset=\"6\">col-2</x-col>\r\n   * </x-row>\r\n   * ```\r\n   *\r\n   */\r\n  readonly offset = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * <768px\r\n   */\r\n  readonly xs = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥768px\r\n   */\r\n  readonly sm = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥992px\r\n   */\r\n  readonly md = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥1200px\r\n   */\r\n  readonly lg = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * ≥1920px\r\n   */\r\n  readonly xl = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 默认样式\r\n   * @en_US Default style\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-row>\r\n   *   <x-col span=\"6\" inherit>col-1</x-col>\r\n   *   <x-col span=\"12\" offset=\"6\" inherit>col-2</x-col>\r\n   * </x-row>\r\n   * ```\r\n   *\r\n   */\r\n  readonly inherit = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject, computed } from '@angular/core';\r\nimport { XRowPrefix, XRowProperty } from './layout.property';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XComputedStyle, XToCssPx } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XRowPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./row.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XRowComponent extends XRowProperty {\r\n  private document: Document = inject(DOCUMENT);\r\n  private fontSize = computed(() => parseFloat(XComputedStyle(this.document.documentElement, 'font-size')));\r\n  @HostBinding(`class.x-flex`) get getFlex() {\r\n    return this.justify() || this.align() ? true : false;\r\n  }\r\n  @HostBinding('class') get cls() {\r\n    let cls: string[] = [XRowPrefix];\r\n    if (this.justify()) cls.push(`x-justify-${this.justify()}`);\r\n    if (this.align()) cls.push(`x-align-${this.align()}`);\r\n    return cls.join(' ');\r\n  }\r\n  @HostBinding('style.marginLeft') get marginLeft() {\r\n    return `-${this.spaceSignal() / 2}px`;\r\n  }\r\n  @HostBinding('style.marginRight') get marginRight() {\r\n    return `-${this.spaceSignal() / 2}px`;\r\n  }\r\n\r\n  spaceSignal = computed(() => {\r\n    if (!this.space()) return 0;\r\n    const space = this.space();\r\n    return XToCssPx(space, this.fontSize());\r\n  });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject, computed } from '@angular/core';\r\nimport { XColPrefix, XColProperty } from './layout.property';\r\nimport { XRowComponent } from './row.component';\r\nimport { XComputedStyle, XToCssPx } from '@ng-nest/ui/core';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XColPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./col.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XColComponent extends XColProperty {\r\n  private rowComponent = inject(XRowComponent, { optional: true, host: true });\r\n  private document: Document = inject(DOCUMENT);\r\n  private fontSize = computed(() => parseFloat(XComputedStyle(this.document.documentElement, 'font-size')));\r\n  @HostBinding(`class.x-col-24`) get getFlex() {\r\n    return this.xs() || this.sm() || this.md() || this.lg() || this.xl() || this.span() == 24 ? true : false;\r\n  }\r\n  @HostBinding('class') get cls() {\r\n    let cls: string[] = [XColPrefix];\r\n    if (this.span()) cls.push(`${XColPrefix}-${this.span()}`);\r\n    if (this.offset()) cls.push(`${XColPrefix}-offset-${this.offset()}`);\r\n    if (this.xs()) cls.push(`${XColPrefix}-xs-${this.xs()}`);\r\n    if (this.sm()) cls.push(`${XColPrefix}-sm-${this.sm()}`);\r\n    if (this.md()) cls.push(`${XColPrefix}-md-${this.md()}`);\r\n    if (this.lg()) cls.push(`${XColPrefix}-lg-${this.lg()}`);\r\n    if (this.xl()) cls.push(`${XColPrefix}-xl-${this.xl()}`);\r\n    if (this.inherit()) cls.push(`${XColPrefix}-inherit`);\r\n    return cls.join(' ');\r\n  }\r\n  @HostBinding('style.paddingLeft') get paddingLeft() {\r\n    return `${this.space() / 2}px`;\r\n  }\r\n  @HostBinding('style.paddingRight') get paddingRight() {\r\n    return `${this.space() / 2}px`;\r\n  }\r\n\r\n  space = computed(() => {\r\n    if (!this.rowComponent?.space()) return 0;\r\n    const space = this.rowComponent.space();\r\n    return XToCssPx(space, this.fontSize());\r\n  });\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XRowComponent } from './row.component';\r\nimport { XColComponent } from './col.component';\r\n\r\n@NgModule({\r\n  exports: [XRowComponent, XColComponent],\r\n  imports: [XRowComponent, XColComponent]\r\n})\r\nexport class XLayoutModule {}\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-link.mjs

@@ -74,11 +74,6 @@ class XLinkProperty extends XPropertyFunction(X_LINK_CONFIG_NAME) {
          *
          */
         this.iconRight = input(this.config?.iconRight ?? false, { transform: XToBoolean });
-        /**
-         * @zh_CN 阻止超链接的默认行为
-         * @en_US Block the default behavior of hyperlinks
-         */
-        this.preventDefault = input(this.config?.preventDefault ?? false, { transform: XToBoolean });
         /**
          * @zh_CN 链接类型
          * @en_US Link type
@@ -107,10 +102,10 @@ class XLinkProperty extends XPropertyFunction(X_LINK_CONFIG_NAME) {
          */
         this.target = input();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XLinkProperty, selector: "x-link-property", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, preventDefault: { classPropertyName: "preventDefault", publicName: "preventDefault", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: XLinkProperty, selector: "x-link-property", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLinkProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XLinkPrefix}-property`, template: '' }]
         }] });
@@ -129,20 +124,20 @@ class XLinkComponent extends XLinkProperty {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XLinkComponent, isStandalone: true, selector: "x-link", viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link-initial{color:var(--x-text)}.x-link-initial:hover{color:var(--x-primary)}.x-link-initial:hover:after{border-color:var(--x-primary)}.x-link-initial:active{color:var(--x-primary-a100)}.x-link-initial.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link-initial.x-link-disabled:active{transform:none}.x-link-initial.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.0.6", ngImport: i0, type: XLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: XLinkComponent, isStandalone: true, selector: "x-link", viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link-initial{color:var(--x-text)}.x-link-initial:hover{color:var(--x-primary)}.x-link-initial:hover:after{border-color:var(--x-primary)}.x-link-initial:active{color:var(--x-primary-a100)}.x-link-initial.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link-initial.x-link-disabled:active{transform:none}.x-link-initial.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XLinkPrefix}`, standalone: true, imports: [NgClass, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link-initial{color:var(--x-text)}.x-link-initial:hover{color:var(--x-primary)}.x-link-initial:hover:after{border-color:var(--x-primary)}.x-link-initial:active{color:var(--x-primary-a100)}.x-link-initial.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link-initial.x-link-disabled:active{transform:none}.x-link-initial.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"] }]
         }], ctorParameters: () => [] });
 
 class XLinkModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, imports: [XLinkComponent], exports: [XLinkComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, imports: [XLinkComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: XLinkModule, imports: [XLinkComponent], exports: [XLinkComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLinkModule, imports: [XLinkComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XLinkComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-link.mjs","sources":["../../../../lib/ng-nest/ui/link/link.property.ts","../../../../lib/ng-nest/ui/link/link.component.ts","../../../../lib/ng-nest/ui/link/link.component.html","../../../../lib/ng-nest/ui/link/link.module.ts","../../../../lib/ng-nest/ui/link/ng-nest-ui-link.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Link\r\n * @selector x-link\r\n * @decorator component\r\n */\r\nexport const XLinkPrefix = 'x-link';\r\nconst X_LINK_CONFIG_NAME = 'link';\r\n\r\n/**\r\n * Link Property\r\n */\r\n@Component({ selector: `${XLinkPrefix}-property`, template: '' })\r\nexport class XLinkProperty extends XPropertyFunction(X_LINK_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 链接\r\n   * @en_US Link\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link href=\"https://www.ngnest.com\" target=\"_blank\">ng-nest</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly href = input<string>();\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link icon=\"fto-chevron-left\">left</x-link>\r\n   * <x-link icon=\"fto-chevron-right\">right</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly icon = input<string>();\r\n  /**\r\n   * @zh_CN 下划线\r\n   * @en_US Underscore\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link underline>underline</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly underline = input<boolean, XBoolean>(this.config?.underline ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link disabled>disabled</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 图标靠右对齐\r\n   * @en_US Icons are aligned to the right\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link icon=\"fto-chevron-left\">left</x-link>\r\n   * <x-link icon=\"fto-chevron-right\" iconRight>right</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly iconRight = input<boolean, XBoolean>(this.config?.iconRight ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 阻止超链接的默认行为\r\n   * @en_US Block the default behavior of hyperlinks\r\n   */\r\n  readonly preventDefault = input<boolean, XBoolean>(this.config?.preventDefault ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 链接类型\r\n   * @en_US Link type\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link type=\"primary\">primary</x-link>\r\n   * <x-link type=\"success\">success</x-link>\r\n   * <x-link type=\"warning\">warning</x-link>\r\n   * <x-link type=\"danger\">danger</x-link>\r\n   * <x-link type=\"info\">info</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly type = input<XLinkType>('initial');\r\n  /**\r\n   * @zh_CN 打开方式\r\n   * @en_US Open method\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link href=\"https://www.ngnest.com\" target=\"_self\">ng-nest</x-link>\r\n   * <x-link href=\"https://www.ngnest.com\" target=\"_blank\">ng-nest</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly target = input<string>();\r\n}\r\n\r\n/**\r\n * @zh_CN 链接类型\r\n * @en_US Link type\r\n */\r\nexport type XLinkType = XType;\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n  inject,\r\n  computed,\r\n  viewChild,\r\n  effect\r\n} from '@angular/core';\r\nimport { XLinkPrefix, XLinkProperty } from './link.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { NgClass } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XLinkPrefix}`,\r\n  standalone: true,\r\n  imports: [NgClass, XIconComponent],\r\n  templateUrl: './link.component.html',\r\n  styleUrls: ['./link.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XLinkComponent extends XLinkProperty {\r\n  link = viewChild.required<ElementRef<HTMLLinkElement>>('link');\r\n\r\n  classMap = computed(() => ({\r\n    [`${XLinkPrefix}-${this.type()}`]: !XIsEmpty(this.type())\r\n  }));\r\n\r\n  private renderer = inject(Renderer2);\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (XIsEmpty(this.href()) && this.link()) {\r\n        this.renderer.removeAttribute(this.link().nativeElement, 'href');\r\n      }\r\n    });\r\n  }\r\n}\r\n","<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n","import { NgModule } from '@angular/core';\r\nimport { XLinkComponent } from './link.component';\r\n\r\n@NgModule({\r\n  exports: [XLinkComponent],\r\n  imports: [XLinkComponent]\r\n})\r\nexport class XLinkModule {}\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-link.mjs","sources":["../../../../lib/ng-nest/ui/link/link.property.ts","../../../../lib/ng-nest/ui/link/link.component.ts","../../../../lib/ng-nest/ui/link/link.component.html","../../../../lib/ng-nest/ui/link/link.module.ts","../../../../lib/ng-nest/ui/link/ng-nest-ui-link.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Link\r\n * @selector x-link\r\n * @decorator component\r\n */\r\nexport const XLinkPrefix = 'x-link';\r\nconst X_LINK_CONFIG_NAME = 'link';\r\n\r\n/**\r\n * Link Property\r\n */\r\n@Component({ selector: `${XLinkPrefix}-property`, template: '' })\r\nexport class XLinkProperty extends XPropertyFunction(X_LINK_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 链接\r\n   * @en_US Link\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link href=\"https://www.ngnest.com\" target=\"_blank\">ng-nest</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly href = input<string>();\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link icon=\"fto-chevron-left\">left</x-link>\r\n   * <x-link icon=\"fto-chevron-right\">right</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly icon = input<string>();\r\n  /**\r\n   * @zh_CN 下划线\r\n   * @en_US Underscore\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link underline>underline</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly underline = input<boolean, XBoolean>(this.config?.underline ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US Disabled\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link disabled>disabled</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 图标靠右对齐\r\n   * @en_US Icons are aligned to the right\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link icon=\"fto-chevron-left\">left</x-link>\r\n   * <x-link icon=\"fto-chevron-right\" iconRight>right</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly iconRight = input<boolean, XBoolean>(this.config?.iconRight ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 链接类型\r\n   * @en_US Link type\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link type=\"primary\">primary</x-link>\r\n   * <x-link type=\"success\">success</x-link>\r\n   * <x-link type=\"warning\">warning</x-link>\r\n   * <x-link type=\"danger\">danger</x-link>\r\n   * <x-link type=\"info\">info</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly type = input<XLinkType>('initial');\r\n  /**\r\n   * @zh_CN 打开方式\r\n   * @en_US Open method\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-link href=\"https://www.ngnest.com\" target=\"_self\">ng-nest</x-link>\r\n   * <x-link href=\"https://www.ngnest.com\" target=\"_blank\">ng-nest</x-link>\r\n   * ```\r\n   *\r\n   */\r\n  readonly target = input<string>();\r\n}\r\n\r\n/**\r\n * @zh_CN 链接类型\r\n * @en_US Link type\r\n */\r\nexport type XLinkType = XType;\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n  inject,\r\n  computed,\r\n  viewChild,\r\n  effect\r\n} from '@angular/core';\r\nimport { XLinkPrefix, XLinkProperty } from './link.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { NgClass } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XLinkPrefix}`,\r\n  standalone: true,\r\n  imports: [NgClass, XIconComponent],\r\n  templateUrl: './link.component.html',\r\n  styleUrls: ['./link.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XLinkComponent extends XLinkProperty {\r\n  link = viewChild.required<ElementRef<HTMLLinkElement>>('link');\r\n\r\n  classMap = computed(() => ({\r\n    [`${XLinkPrefix}-${this.type()}`]: !XIsEmpty(this.type())\r\n  }));\r\n\r\n  private renderer = inject(Renderer2);\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (XIsEmpty(this.href()) && this.link()) {\r\n        this.renderer.removeAttribute(this.link().nativeElement, 'href');\r\n      }\r\n    });\r\n  }\r\n}\r\n","<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n","import { NgModule } from '@angular/core';\r\nimport { XLinkComponent } from './link.component';\r\n\r\n@NgModule({\r\n  exports: [XLinkComponent],\r\n  imports: [XLinkComponent]\r\n})\r\nexport class XLinkModule {}\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-list.mjs

@@ -186,10 +186,10 @@ class XListProperty extends XFormControlFunction(X_LIST_CONFIG_NAME) {
          */
         this.size = input(this.config?.size ?? 'medium');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XListProperty, selector: "x-list-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, objectArray: { classPropertyName: "objectArray", publicName: "objectArray", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, scrollElement: { classPropertyName: "scrollElement", publicName: "scrollElement", isSignal: true, isRequired: false, transformFunction: null }, loadMore: { classPropertyName: "loadMore", publicName: "loadMore", isSignal: true, isRequired: false, transformFunction: null }, loadMoreText: { classPropertyName: "loadMoreText", publicName: "loadMoreText", isSignal: true, isRequired: false, transformFunction: null }, loadingMoreText: { classPropertyName: "loadingMoreText", publicName: "loadingMoreText", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, heightAdaption: { classPropertyName: "heightAdaption", publicName: "heightAdaption", isSignal: true, isRequired: false, transformFunction: null }, minBufferPx: { classPropertyName: "minBufferPx", publicName: "minBufferPx", isSignal: true, isRequired: false, transformFunction: null }, maxBufferPx: { classPropertyName: "maxBufferPx", publicName: "maxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, inPortal: { classPropertyName: "inPortal", publicName: "inPortal", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectAll: "onSelectAll", nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", dropListDropped: "dropListDropped", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: XListProperty, selector: "x-list-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, objectArray: { classPropertyName: "objectArray", publicName: "objectArray", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, scrollElement: { classPropertyName: "scrollElement", publicName: "scrollElement", isSignal: true, isRequired: false, transformFunction: null }, loadMore: { classPropertyName: "loadMore", publicName: "loadMore", isSignal: true, isRequired: false, transformFunction: null }, loadMoreText: { classPropertyName: "loadMoreText", publicName: "loadMoreText", isSignal: true, isRequired: false, transformFunction: null }, loadingMoreText: { classPropertyName: "loadingMoreText", publicName: "loadingMoreText", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, heightAdaption: { classPropertyName: "heightAdaption", publicName: "heightAdaption", isSignal: true, isRequired: false, transformFunction: null }, minBufferPx: { classPropertyName: "minBufferPx", publicName: "minBufferPx", isSignal: true, isRequired: false, transformFunction: null }, maxBufferPx: { classPropertyName: "maxBufferPx", publicName: "maxBufferPx", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, inPortal: { classPropertyName: "inPortal", publicName: "inPortal", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectAll: "onSelectAll", nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", dropListDropped: "dropListDropped", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XListPrefix}-property`, template: '' }]
         }] });
@@ -280,10 +280,10 @@ class XListOptionProperty {
          */
         this.caseSensitive = input(true, { transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XListOptionProperty, selector: "x-list-option-property", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, forbidden: { classPropertyName: "forbidden", publicName: "forbidden", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, openPortal: { classPropertyName: "openPortal", publicName: "openPortal", isSignal: true, isRequired: false, transformFunction: null }, optionClass: { classPropertyName: "optionClass", publicName: "optionClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leaf: { classPropertyName: "leaf", publicName: "leaf", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: XListOptionProperty, selector: "x-list-option-property", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, forbidden: { classPropertyName: "forbidden", publicName: "forbidden", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, openPortal: { classPropertyName: "openPortal", publicName: "openPortal", isSignal: true, isRequired: false, transformFunction: null }, optionClass: { classPropertyName: "optionClass", publicName: "optionClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leaf: { classPropertyName: "leaf", publicName: "leaf", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, keywordText: { classPropertyName: "keywordText", publicName: "keywordText", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListOptionProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListOptionProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XListOptionPrefix}-property`, template: '' }]
         }] });
@@ -308,10 +308,10 @@ class XListOptionComponent extends XListOptionProperty {
     getLabel() {
         return this.label();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XListOptionComponent, isStandalone: true, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-selected]=\"selected()\"\r\n  [class.x-disabled]=\"forbidden()\"\r\n  [class.x-open-portal]=\"openPortal()\"\r\n  [class.x-active]=\"active()\"\r\n  [class.x-list-icon]=\"icon()\"\r\n  [class.x-list-divided]=\"divided()\"\r\n>\r\n  <div class=\"x-list-option-content\">\r\n    @if (nodeTpl()) {\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl()!; context: { $node: node() }\"></ng-template>\r\n    } @else {\r\n      @if (icon()) {\r\n        <x-icon [type]=\"icon()\"></x-icon>\r\n      }\r\n      <span x-keyword [text]=\"keywordText()\" [caseSensitive]=\"caseSensitive()\">{{ label() }}</span>\r\n    }\r\n  </div>\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\"></x-icon>\r\n  }\r\n  @if (checked() && !leaf() && selected()) {\r\n    <x-icon class=\"x-list-checked\" type=\"fto-check\"></x-icon>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected:not(.x-disabled){background-color:var(--x-primary-900);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: XListOptionComponent, isStandalone: true, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-selected]=\"selected()\"\r\n  [class.x-disabled]=\"forbidden()\"\r\n  [class.x-open-portal]=\"openPortal()\"\r\n  [class.x-active]=\"active()\"\r\n  [class.x-list-icon]=\"icon()\"\r\n  [class.x-list-divided]=\"divided()\"\r\n>\r\n  <div class=\"x-list-option-content\">\r\n    @if (nodeTpl()) {\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl()!; context: { $node: node() }\"></ng-template>\r\n    } @else {\r\n      @if (icon()) {\r\n        <x-icon [type]=\"icon()\"></x-icon>\r\n      }\r\n      <span x-keyword [text]=\"keywordText()\" [caseSensitive]=\"caseSensitive()\">{{ label() }}</span>\r\n    }\r\n  </div>\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\"></x-icon>\r\n  }\r\n  @if (checked() && !leaf() && selected()) {\r\n    <x-icon class=\"x-list-checked\" type=\"fto-check\"></x-icon>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected:not(.x-disabled){background-color:var(--x-primary-900);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XKeywordDirective, selector: "[x-keyword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XListOptionPrefix}`, standalone: true, imports: [NgClass, NgTemplateOutlet, XIconComponent, XKeywordDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-list-option\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-selected]=\"selected()\"\r\n  [class.x-disabled]=\"forbidden()\"\r\n  [class.x-open-portal]=\"openPortal()\"\r\n  [class.x-active]=\"active()\"\r\n  [class.x-list-icon]=\"icon()\"\r\n  [class.x-list-divided]=\"divided()\"\r\n>\r\n  <div class=\"x-list-option-content\">\r\n    @if (nodeTpl()) {\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl()!; context: { $node: node() }\"></ng-template>\r\n    } @else {\r\n      @if (icon()) {\r\n        <x-icon [type]=\"icon()\"></x-icon>\r\n      }\r\n      <span x-keyword [text]=\"keywordText()\" [caseSensitive]=\"caseSensitive()\">{{ label() }}</span>\r\n    }\r\n  </div>\r\n  @if (leaf()) {\r\n    <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\"></x-icon>\r\n  }\r\n  @if (checked() && !leaf() && selected()) {\r\n    <x-icon class=\"x-list-checked\" type=\"fto-check\"></x-icon>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover:not(.x-disabled),.x-list-option.x-active:not(.x-disabled){background-color:var(--x-background-a200)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected:not(.x-disabled){background-color:var(--x-primary-900);color:var(--x-primary)}.x-list-option.x-selected:not(.x-disabled)>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}.x-list-option-big{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-option-large{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-option-medium{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-option-small{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-option-mini{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { role: [{
@@ -342,10 +342,10 @@ class XListDropGroup {
     ngOnDestroy() {
         this.dropLists.clear();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.1", type: XListDropGroup, isStandalone: true, selector: "[xListDropGroup]", inputs: { disabled: { classPropertyName: "disabled", publicName: "xListDropGroupDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListDropGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.6", type: XListDropGroup, isStandalone: true, selector: "[xListDropGroup]", inputs: { disabled: { classPropertyName: "disabled", publicName: "xListDropGroupDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: X_LIST_DROP_GROUP, useExisting: XListDropGroup }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListDropGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListDropGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[xListDropGroup]',
@@ -696,10 +696,10 @@ class XListComponent extends XListProperty {
         if (num > -1)
             this.nodes()[num].active = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XListComponent, isStandalone: true, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true, isSignal: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true, isSignal: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true, isSignal: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (selectAll() && multiple() === 0) {\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [label]=\"getSelectAllText()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\r\n      class=\"x-list-content\"\r\n      [style.height.px]=\"getVirtualScrollHeight()\"\r\n      [hidden]=\"isEmpty()\"\r\n    >\r\n      <x-list-option\r\n        *cdkVirtualFor=\"let node of nodes(); trackBy: trackByNode\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [size]=\"size()\"\r\n        [keywordText]=\"keywordText()\"\r\n        [caseSensitive]=\"caseSensitive()\"\r\n        (click)=\"onNodeClick($event, node)\"\r\n        (mouseenter)=\"onMouseenter($event, node)\"\r\n        (mouseleave)=\"onMouseleave($event, node)\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <div\r\n      class=\"x-list-content\"\r\n      cdkDropList\r\n      (cdkDropListDropped)=\"dropCdk($event)\"\r\n      [cdkDropListDisabled]=\"!drag()\"\r\n      [hidden]=\"isEmpty()\"\r\n      [cdkDropListData]=\"nodes()\"\r\n      [cdkDropListEnterPredicate]=\"predicate\"\r\n    >\r\n      @for (node of nodes(); track node.id) {\r\n        <x-list-option\r\n          cdkDrag\r\n          [cdkDragDisabled]=\"node.disabled\"\r\n          [node]=\"node\"\r\n          [checked]=\"checked()\"\r\n          [nodeTpl]=\"nodeTpl()\"\r\n          [selected]=\"node.selected!\"\r\n          [forbidden]=\"node.disabled!\"\r\n          [active]=\"node.active!\"\r\n          (activeChange)=\"node.active = $event\"\r\n          [openPortal]=\"node.openPortal!\"\r\n          [icon]=\"node.icon\"\r\n          [label]=\"node.label\"\r\n          [leaf]=\"node.leaf!\"\r\n          [size]=\"size()\"\r\n          [keywordText]=\"keywordText()\"\r\n          [caseSensitive]=\"caseSensitive()\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          (mouseenter)=\"onMouseenter($event, node)\"\r\n          (mouseleave)=\"onMouseleave($event, node)\"\r\n        ></x-list-option>\r\n      }\r\n    </div>\r\n  }\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size()\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}\r\n    </ng-template>\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0;width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}.x-list-big .x-list-header,.x-list-big .x-list-footer{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }, { 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.0.6", ngImport: i0, type: XListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: XListComponent, isStandalone: true, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "headerRef", first: true, predicate: ["headerRef"], descendants: true, isSignal: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true, isSignal: true }, { propertyName: "selectAllRef", first: true, predicate: ["selectAllRef"], descendants: true, isSignal: true }, { propertyName: "loadMoreRef", first: true, predicate: ["loadMoreRef"], descendants: true, isSignal: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true, isSignal: true }, { propertyName: "dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-list\" [class.x-list-portal]=\"inPortal()\" [ngClass]=\"classMap()\">\r\n  @if (header()) {\r\n    <div #headerRef class=\"x-list-header\" *xOutlet=\"header()\">{{ header() }}</div>\r\n  }\r\n  @if (selectAll() && multiple() === 0) {\r\n    <div #selectAllRef class=\"x-list-select-all\">\r\n      <x-list-option\r\n        [size]=\"size()\"\r\n        [label]=\"getSelectAllText()\"\r\n        [checked]=\"true\"\r\n        [selected]=\"isSelectAll()\"\r\n        (click)=\"onSelectAllNodes()\"\r\n      ></x-list-option>\r\n    </div>\r\n  }\r\n  @if (virtualScroll()) {\r\n    <cdk-virtual-scroll-viewport\r\n      #virtualBody\r\n      [itemSize]=\"itemSize()\"\r\n      [minBufferPx]=\"minBufferPxSignal()\"\r\n      [maxBufferPx]=\"maxBufferPxSignal()\"\r\n      class=\"x-list-content\"\r\n      [style.height.px]=\"getVirtualScrollHeight()\"\r\n      [hidden]=\"isEmpty()\"\r\n    >\r\n      <x-list-option\r\n        *cdkVirtualFor=\"let node of nodes(); trackBy: trackByNode\"\r\n        [node]=\"node\"\r\n        [checked]=\"checked()\"\r\n        [nodeTpl]=\"nodeTpl()\"\r\n        [selected]=\"node.selected!\"\r\n        [forbidden]=\"node.disabled!\"\r\n        [active]=\"node.active!\"\r\n        (activeChange)=\"node.active = $event\"\r\n        [openPortal]=\"node.openPortal!\"\r\n        [icon]=\"node.icon\"\r\n        [label]=\"node.label\"\r\n        [leaf]=\"node.leaf!\"\r\n        [size]=\"size()\"\r\n        [keywordText]=\"keywordText()\"\r\n        [caseSensitive]=\"caseSensitive()\"\r\n        (click)=\"onNodeClick($event, node)\"\r\n        (mouseenter)=\"onMouseenter($event, node)\"\r\n        (mouseleave)=\"onMouseleave($event, node)\"\r\n      ></x-list-option>\r\n    </cdk-virtual-scroll-viewport>\r\n  } @else {\r\n    <div\r\n      class=\"x-list-content\"\r\n      cdkDropList\r\n      (cdkDropListDropped)=\"dropCdk($event)\"\r\n      [cdkDropListDisabled]=\"!drag()\"\r\n      [hidden]=\"isEmpty()\"\r\n      [cdkDropListData]=\"nodes()\"\r\n      [cdkDropListEnterPredicate]=\"predicate\"\r\n    >\r\n      @for (node of nodes(); track node.id) {\r\n        <x-list-option\r\n          cdkDrag\r\n          [cdkDragDisabled]=\"node.disabled\"\r\n          [node]=\"node\"\r\n          [checked]=\"checked()\"\r\n          [nodeTpl]=\"nodeTpl()\"\r\n          [selected]=\"node.selected!\"\r\n          [forbidden]=\"node.disabled!\"\r\n          [active]=\"node.active!\"\r\n          (activeChange)=\"node.active = $event\"\r\n          [openPortal]=\"node.openPortal!\"\r\n          [icon]=\"node.icon\"\r\n          [label]=\"node.label\"\r\n          [leaf]=\"node.leaf!\"\r\n          [size]=\"size()\"\r\n          [keywordText]=\"keywordText()\"\r\n          [caseSensitive]=\"caseSensitive()\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          (mouseenter)=\"onMouseenter($event, node)\"\r\n          (mouseleave)=\"onMouseleave($event, node)\"\r\n        ></x-list-option>\r\n      }\r\n    </div>\r\n  }\r\n  @if (loadMore() && !isEmpty()) {\r\n    <div #loadMoreRef class=\"x-list-load-more\">\r\n      <x-list-option [size]=\"size()\" [nodeTpl]=\"loadMoreTpl\" (click)=\"onLoadMore()\"></x-list-option>\r\n    </div>\r\n    <ng-template #loadMoreTpl>\r\n      @if (icon() && iconSpin()) {\r\n        <x-icon [type]=\"icon()\" [spin]=\"iconSpin()\"></x-icon>\r\n      }\r\n      {{ icon() && iconSpin() ? getLoadingMoreText() : getLoadMoreText() }}\r\n    </ng-template>\r\n  }\r\n  @if (isEmpty()) {\r\n    <x-empty></x-empty>\r\n  }\r\n  @if (footer()) {\r\n    <div #footerRef class=\"x-list-footer\" *xOutlet=\"footer()\">{{ footer() }}</div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}.x-list{margin:0;padding:0;width:100%}.x-list:focus{outline:none}.x-list-select-all{cursor:pointer;font-weight:700}.x-list-load-more,.x-list-content{cursor:pointer}.x-list-content.cdk-drop-list-dragging x-list-option.cdk-drag-placeholder .x-list-option{border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}.x-list-content.cdk-drop-list-dragging x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-header,.x-list-footer{font-weight:700}.x-list-portal{padding:.125rem .25rem}.x-list-portal x-list-option .x-list-option{padding:0 calc(var(--x-padding-medium) - .5rem);margin:.125rem 0;border-radius:var(--x-border-small-radius)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}.x-list>x-empty{margin:1rem;display:block}.x-list-big .x-list-header,.x-list-big .x-list-footer{padding:0 var(--x-padding-big);height:var(--x-height-big);line-height:var(--x-height-big)}.x-list-large .x-list-header,.x-list-large .x-list-footer{padding:0 var(--x-padding-large);height:var(--x-height-large);line-height:var(--x-height-large)}.x-list-medium .x-list-header,.x-list-medium .x-list-footer{padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-list-small .x-list-header,.x-list-small .x-list-footer{padding:0 var(--x-padding-small);height:var(--x-height-small);line-height:var(--x-height-small)}.x-list-mini .x-list-header,.x-list-mini .x-list-footer{padding:0 var(--x-padding-mini);height:var(--x-height-mini);line-height:var(--x-height-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XEmptyComponent, selector: "x-empty" }, { kind: "component", type: XListOptionComponent, selector: "x-list-option" }, { 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.1", ngImport: i0, type: XListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XListPrefix}`, standalone: true, imports: [
                         NgClass,
@@ -728,11 +728,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
             }] } });
 
 class XListModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XListModule, imports: [XListComponent, XListDropGroup, XListOptionComponent], exports: [XListComponent, XListDropGroup, XListOptionComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListModule, imports: [XListComponent, XListOptionComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: XListModule, imports: [XListComponent, XListDropGroup, XListOptionComponent], exports: [XListComponent, XListDropGroup, XListOptionComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListModule, imports: [XListComponent, XListOptionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XListModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XListComponent, XListDropGroup, XListOptionComponent],

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

@@ -65,10 +65,10 @@ class XLoadingProperty extends XPropertyFunction(X_LOADING_CONFIG_NAME) {
          */
         this.background = input(this.config?.background);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XLoadingProperty, selector: "x-loading-property", inputs: { loading: { classPropertyName: "loading", publicName: "x-loading", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: XLoadingProperty, selector: "x-loading-property", inputs: { loading: { classPropertyName: "loading", publicName: "x-loading", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLoadingProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XLoadingPrefix}-property`, template: '' }]
         }] });
@@ -131,10 +131,10 @@ class XLoadingComponent extends XLoadingProperty {
             this.portalRef.overlayRef.detach();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XLoadingComponent, isStandalone: true, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen()) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading()) {\r\n    <div\r\n      #loading\r\n      class=\"x-loading\"\r\n      [ngClass]=\"classMap()\"\r\n      [style.background]=\"background()\"\r\n      [style.zIndex]=\"zIndex()\"\r\n      [class.x-loading-radius]=\"isRadius()\"\r\n      [class.x-loading-top-left-radius]=\"includeRadius('top-start')\"\r\n      [class.x-loading-top-right-radius]=\"includeRadius('top-end')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-start')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-end')\"\r\n    >\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color()\">\r\n        @if (icon()) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber()\">\r\n            <x-icon [type]=\"icon()\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber()\"\r\n            [style.height.px]=\"sizeNumber()\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text()\">{{ text() }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-radius{border-radius:var(--x-border-radius)}.x-loading-top-left-radius{border-top-left-radius:var(--x-border-radius)}.x-loading-top-right-radius{border-top-right-radius:var(--x-border-radius)}.x-loading-bottom-left-radius{border-bottom-left-radius:var(--x-border-radius)}.x-loading-bottom-right-radius{border-bottom-right-radius:var(--x-border-radius)}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { 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.0.6", ngImport: i0, type: XLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: XLoadingComponent, isStandalone: true, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen()) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading()) {\r\n    <div\r\n      #loading\r\n      class=\"x-loading\"\r\n      [ngClass]=\"classMap()\"\r\n      [style.background]=\"background()\"\r\n      [style.zIndex]=\"zIndex()\"\r\n      [class.x-loading-radius]=\"isRadius()\"\r\n      [class.x-loading-top-left-radius]=\"includeRadius('top-start')\"\r\n      [class.x-loading-top-right-radius]=\"includeRadius('top-end')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-start')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-end')\"\r\n    >\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color()\">\r\n        @if (icon()) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber()\">\r\n            <x-icon [type]=\"icon()\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber()\"\r\n            [style.height.px]=\"sizeNumber()\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text()\">{{ text() }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-radius{border-radius:var(--x-border-radius)}.x-loading-top-left-radius{border-top-left-radius:var(--x-border-radius)}.x-loading-top-right-radius{border-top-right-radius:var(--x-border-radius)}.x-loading-bottom-left-radius{border-bottom-left-radius:var(--x-border-radius)}.x-loading-bottom-right-radius{border-bottom-right-radius:var(--x-border-radius)}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { 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.1", ngImport: i0, type: XLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`, standalone: true, imports: [NgClass, NgTemplateOutlet, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n\r\n@if (!fullScreen()) {\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n}\r\n\r\n<ng-template #loadingTpl>\r\n  @if (loading()) {\r\n    <div\r\n      #loading\r\n      class=\"x-loading\"\r\n      [ngClass]=\"classMap()\"\r\n      [style.background]=\"background()\"\r\n      [style.zIndex]=\"zIndex()\"\r\n      [class.x-loading-radius]=\"isRadius()\"\r\n      [class.x-loading-top-left-radius]=\"includeRadius('top-start')\"\r\n      [class.x-loading-top-right-radius]=\"includeRadius('top-end')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-start')\"\r\n      [class.x-loading-bottom-left-radius]=\"includeRadius('bottom-end')\"\r\n    >\r\n      <div class=\"x-loading-spinner\" [style.color]=\"color()\">\r\n        @if (icon()) {\r\n          <div class=\"x-loading-icon\" [style.font-size.px]=\"sizeNumber()\">\r\n            <x-icon [type]=\"icon()\"></x-icon>\r\n          </div>\r\n        } @else {\r\n          <svg\r\n            class=\"x-loading-circular\"\r\n            [style.width.px]=\"sizeNumber()\"\r\n            [style.height.px]=\"sizeNumber()\"\r\n            viewBox=\"25 25 50 50\"\r\n          >\r\n            <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n          </svg>\r\n        }\r\n        <div class=\"x-loading-text\">\r\n          <ng-container *xOutlet=\"text()\">{{ text() }}</ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #circularTpl> </ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-radius{border-radius:var(--x-border-radius)}.x-loading-top-left-radius{border-top-left-radius:var(--x-border-radius)}.x-loading-top-right-radius{border-top-right-radius:var(--x-border-radius)}.x-loading-bottom-left-radius{border-bottom-left-radius:var(--x-border-radius)}.x-loading-bottom-right-radius{border-bottom-right-radius:var(--x-border-radius)}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { getLoading: [{
@@ -143,11 +143,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
             }] } });
 
 class XLoadingModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent], exports: [XLoadingComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.6", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent], exports: [XLoadingComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLoadingModule, imports: [XLoadingComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: XLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XLoadingComponent],