@ng-nest/ui 18.0.12 → 19.0.0

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

@@ -36,12 +36,12 @@ class XKeywordProperty extends XPropertyFunction(X_KEYWORD_CONFIG_NAME) {
          */
         this.text = input();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.2", type: XKeywordProperty, isStandalone: true, selector: "[x-keyword]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.1", type: XKeywordProperty, isStandalone: true, selector: "[x-keyword]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordProperty, decorators: [{
             type: Directive,
-            args: [{ selector: '[x-keyword]', standalone: true }]
+            args: [{ selector: '[x-keyword]' }]
         }] });
 
 class XKeywordDirective extends XKeywordProperty {
@@ -87,14 +87,13 @@ class XKeywordDirective extends XKeywordProperty {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: XKeywordDirective, isStandalone: true, selector: "[x-keyword]", host: { properties: { "class": "this.cls" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: XKeywordDirective, isStandalone: true, selector: "[x-keyword]", host: { properties: { "class": "this.cls" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[${XKeywordPrefix}]`,
-                    standalone: true
+                    selector: `[${XKeywordPrefix}]`
                 }]
         }], ctorParameters: () => [], propDecorators: { cls: [{
                 type: HostBinding,
@@ -102,11 +101,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             }] } });
 
 class XKeywordModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: XKeywordModule, imports: [XKeywordDirective], exports: [XKeywordDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: XKeywordModule, imports: [XKeywordDirective], exports: [XKeywordDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XKeywordModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XKeywordModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XKeywordDirective],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-keyword.mjs","sources":["../../../../lib/ng-nest/ui/keyword/keyword.property.ts","../../../../lib/ng-nest/ui/keyword/keyword.directive.ts","../../../../lib/ng-nest/ui/keyword/keyword.module.ts","../../../../lib/ng-nest/ui/keyword/ng-nest-ui-keyword.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Directive, input } from '@angular/core';\r\nimport type { XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Keyword\r\n * @selector x-keyword\r\n * @decorator directive\r\n */\r\nexport const XKeywordPrefix = 'x-keyword';\r\nconst X_KEYWORD_CONFIG_NAME = 'keyword';\r\n\r\n/**\r\n * Keyword Property\r\n */\r\n@Directive({ selector: '[x-keyword]', standalone: true })\r\nexport class XKeywordProperty extends XPropertyFunction(X_KEYWORD_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  readonly type = input<XKeywordType>(this.config?.type ?? 'primary');\r\n  /**\r\n   * @zh_CN 匹配关键字区分大小写\r\n   * @en_US Case-sensitive\r\n   */\r\n  readonly caseSensitive = input<boolean, XBoolean>(this.config?.caseSensitive ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US color\r\n   */\r\n  readonly color = input<string>(this.config?.color ?? '');\r\n  /**\r\n   * @zh_CN 文字\r\n   * @en_US text\r\n   */\r\n  readonly text = input<string | string[]>();\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Keyword type\r\n */\r\nexport type XKeywordType = XType;\r\n","import { ElementRef, Directive, inject, effect, HostBinding, computed } from '@angular/core';\r\nimport { XIsArray, XIsString, XIsUndefined } from '@ng-nest/ui/core';\r\nimport { XKeywordPrefix, XKeywordProperty } from './keyword.property';\r\n\r\n@Directive({\r\n  selector: `[${XKeywordPrefix}]`,\r\n  standalone: true\r\n})\r\nexport class XKeywordDirective extends XKeywordProperty {\r\n  private elementRef = inject(ElementRef);\r\n  @HostBinding('class') get cls() {\r\n    if (!this.color()) {\r\n      return `${XKeywordPrefix}-${this.type()}`;\r\n    }\r\n    return '';\r\n  }\r\n  textContent = computed(() => {\r\n    const text = this.text();\r\n    if (XIsUndefined(this.text())) return;\r\n    const hele = this.elementRef.nativeElement as HTMLElement;\r\n    let textContent = hele.textContent;\r\n    if (!textContent) return;\r\n    let texts: string[] = [];\r\n    if (XIsArray(text)) {\r\n      texts = text;\r\n    } else if (XIsString(text)) {\r\n      texts = [text];\r\n    }\r\n    const flags = this.caseSensitive() ? 'g' : 'gi';\r\n    for (let tx of texts) {\r\n      const reg = new RegExp(tx, flags);\r\n      textContent = textContent.replace(reg, (p1) => {\r\n        if (this.color()) {\r\n          return `<span class=\"x-keyword-text\" style=\"color:${this.color()}\">${p1}</span>`;\r\n        }\r\n        return `<span class=\"x-keyword-text\">${p1}</span>`;\r\n      });\r\n    }\r\n    return textContent;\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (!XIsUndefined(this.text())) {\r\n        this.elementRef.nativeElement.innerHTML = this.textContent();\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XKeywordDirective } from './keyword.directive';\r\n\r\n@NgModule({\r\n  exports: [XKeywordDirective],\r\n  imports: [XKeywordDirective]\r\n})\r\nexport class XKeywordModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA;;;;AAIG;AACI,MAAM,cAAc,GAAG,YAAY;AAC1C,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAExC;;AAEG;MAEU,gBAAiB,SAAQ,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;AAD9E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,CAAe,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC;AACpE;;;AAGG;AACM,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAoB,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AACjH;;;AAGG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AACzD;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,EAAqB,CAAC;AAC5C,KAAA;iIArBY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;;;ACPlD,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AAErD,IAAA,IAA0B,GAAG,GAAA;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,CAAA,EAAG,cAAc,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;SAC3C;AACD,QAAA,OAAO,EAAE,CAAC;KACX;AA0BD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AAjCF,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAOxC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;AACzB,YAAA,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBAAE,OAAO;AACtC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B,CAAC;AAC1D,YAAA,IAAI,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AACnC,YAAA,IAAI,CAAC,WAAW;gBAAE,OAAO;YACzB,IAAI,KAAK,GAAa,EAAE,CAAC;AACzB,YAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAClB,KAAK,GAAG,IAAI,CAAC;aACd;AAAM,iBAAA,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;AAC1B,gBAAA,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;aAChB;AACD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC;AAChD,YAAA,KAAK,IAAI,EAAE,IAAI,KAAK,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;gBAClC,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAI;AAC5C,oBAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;wBAChB,OAAO,CAAA,0CAAA,EAA6C,IAAI,CAAC,KAAK,EAAE,CAAK,EAAA,EAAA,EAAE,SAAS,CAAC;qBAClF;oBACD,OAAO,CAAA,6BAAA,EAAgC,EAAE,CAAA,OAAA,CAAS,CAAC;AACrD,iBAAC,CAAC,CAAC;aACJ;AACD,YAAA,OAAO,WAAW,CAAC;AACrB,SAAC,CAAC,CAAC;QAID,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC9B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;aAC9D;AACH,SAAC,CAAC,CAAC;KACJ;iIAxCU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,QAAQ,EAAE,CAAI,CAAA,EAAA,cAAc,CAAG,CAAA,CAAA;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;wDAG2B,GAAG,EAAA,CAAA;sBAA5B,WAAW;uBAAC,OAAO,CAAA;;;MCHT,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAd,cAAc,EAAA,OAAA,EAAA,CAFf,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADjB,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;kIAGhB,cAAc,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-keyword.mjs","sources":["../../../../lib/ng-nest/ui/keyword/keyword.property.ts","../../../../lib/ng-nest/ui/keyword/keyword.directive.ts","../../../../lib/ng-nest/ui/keyword/keyword.module.ts","../../../../lib/ng-nest/ui/keyword/ng-nest-ui-keyword.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Directive, input } from '@angular/core';\r\nimport type { XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Keyword\r\n * @selector x-keyword\r\n * @decorator directive\r\n */\r\nexport const XKeywordPrefix = 'x-keyword';\r\nconst X_KEYWORD_CONFIG_NAME = 'keyword';\r\n\r\n/**\r\n * Keyword Property\r\n */\r\n@Directive({ selector: '[x-keyword]' })\r\nexport class XKeywordProperty extends XPropertyFunction(X_KEYWORD_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   */\r\n  readonly type = input<XKeywordType>(this.config?.type ?? 'primary');\r\n  /**\r\n   * @zh_CN 匹配关键字区分大小写\r\n   * @en_US Case-sensitive\r\n   */\r\n  readonly caseSensitive = input<boolean, XBoolean>(this.config?.caseSensitive ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US color\r\n   */\r\n  readonly color = input<string>(this.config?.color ?? '');\r\n  /**\r\n   * @zh_CN 文字\r\n   * @en_US text\r\n   */\r\n  readonly text = input<string | string[]>();\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Keyword type\r\n */\r\nexport type XKeywordType = XType;\r\n","import { ElementRef, Directive, inject, effect, HostBinding, computed } from '@angular/core';\r\nimport { XIsArray, XIsString, XIsUndefined } from '@ng-nest/ui/core';\r\nimport { XKeywordPrefix, XKeywordProperty } from './keyword.property';\r\n\r\n@Directive({\r\n  selector: `[${XKeywordPrefix}]`\r\n})\r\nexport class XKeywordDirective extends XKeywordProperty {\r\n  private elementRef = inject(ElementRef);\r\n  @HostBinding('class') get cls() {\r\n    if (!this.color()) {\r\n      return `${XKeywordPrefix}-${this.type()}`;\r\n    }\r\n    return '';\r\n  }\r\n  textContent = computed(() => {\r\n    const text = this.text();\r\n    if (XIsUndefined(this.text())) return;\r\n    const hele = this.elementRef.nativeElement as HTMLElement;\r\n    let textContent = hele.textContent;\r\n    if (!textContent) return;\r\n    let texts: string[] = [];\r\n    if (XIsArray(text)) {\r\n      texts = text;\r\n    } else if (XIsString(text)) {\r\n      texts = [text];\r\n    }\r\n    const flags = this.caseSensitive() ? 'g' : 'gi';\r\n    for (let tx of texts) {\r\n      const reg = new RegExp(tx, flags);\r\n      textContent = textContent.replace(reg, (p1) => {\r\n        if (this.color()) {\r\n          return `<span class=\"x-keyword-text\" style=\"color:${this.color()}\">${p1}</span>`;\r\n        }\r\n        return `<span class=\"x-keyword-text\">${p1}</span>`;\r\n      });\r\n    }\r\n    return textContent;\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (!XIsUndefined(this.text())) {\r\n        this.elementRef.nativeElement.innerHTML = this.textContent();\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XKeywordDirective } from './keyword.directive';\r\n\r\n@NgModule({\r\n  exports: [XKeywordDirective],\r\n  imports: [XKeywordDirective]\r\n})\r\nexport class XKeywordModule {}\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-layout.mjs

@@ -59,10 +59,10 @@ class XRowProperty extends XPropertyFunction(X_ROW_CONFIG_NAME) {
          */
         this.align = input();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRowProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.2", type: XRowProperty, selector: "x-row-property", inputs: { space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XRowProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: XRowProperty, isStandalone: true, selector: "x-row-property", inputs: { space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRowProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XRowProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XRowPrefix}-property`, template: '' }]
         }] });
@@ -142,10 +142,10 @@ class XColProperty extends XPropertyFunction(X_COL_CONFIG_NAME) {
          */
         this.inherit = input(false, { transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XColProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.2", type: XColProperty, selector: "x-col-property", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, inherit: { classPropertyName: "inherit", publicName: "inherit", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XColProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: XColProperty, isStandalone: true, selector: "x-col-property", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, inherit: { classPropertyName: "inherit", publicName: "inherit", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XColProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XColProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XColPrefix}-property`, template: '' }]
         }] });
@@ -179,12 +179,12 @@ class XRowComponent extends XRowProperty {
     get marginRight() {
         return `-${this.spaceSignal() / 2}px`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: XRowComponent, isStandalone: true, selector: "x-row", host: { properties: { "class.x-flex": "this.getFlex", "class": "this.cls", "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-row{display:block;position:relative;height:auto}.x-row:before,.x-row:after{content:\"\";display:table;clear:both}.x-row.x-flex{display:flex}.x-row.x-justify-start{justify-content:flex-start}.x-row.x-justify-center{justify-content:center}.x-row.x-justify-end{justify-content:flex-end}.x-row.x-justify-space-between{justify-content:space-between}.x-row.x-justify-space-around{justify-content:space-around}.x-row.x-align-start{align-items:flex-start}.x-row.x-align-center{align-items:center}.x-row.x-align-end{align-items:flex-end}.x-row.x-direction-column{flex-direction:column}.x-row.x-direction-column-reverse{flex-direction:column-reverse}.x-row.x-direction-row{flex-direction:row}.x-row.x-direction-row-reverse{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: XRowComponent, isStandalone: true, selector: "x-row", host: { properties: { "class.x-flex": "this.getFlex", "class": "this.cls", "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-row{display:block;position:relative;height:auto}.x-row:before,.x-row:after{content:\"\";display:table;clear:both}.x-row.x-flex{display:flex}.x-row.x-justify-start{justify-content:flex-start}.x-row.x-justify-center{justify-content:center}.x-row.x-justify-end{justify-content:flex-end}.x-row.x-justify-space-between{justify-content:space-between}.x-row.x-justify-space-around{justify-content:space-around}.x-row.x-align-start{align-items:flex-start}.x-row.x-align-center{align-items:center}.x-row.x-align-end{align-items:flex-end}.x-row.x-direction-column{flex-direction:column}.x-row.x-direction-column-reverse{flex-direction:column-reverse}.x-row.x-direction-row{flex-direction:row}.x-row.x-direction-row-reverse{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XRowPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-row{display:block;position:relative;height:auto}.x-row:before,.x-row:after{content:\"\";display:table;clear:both}.x-row.x-flex{display:flex}.x-row.x-justify-start{justify-content:flex-start}.x-row.x-justify-center{justify-content:center}.x-row.x-justify-end{justify-content:flex-end}.x-row.x-justify-space-between{justify-content:space-between}.x-row.x-justify-space-around{justify-content:space-around}.x-row.x-align-start{align-items:flex-start}.x-row.x-align-center{align-items:center}.x-row.x-align-end{align-items:flex-end}.x-row.x-direction-column{flex-direction:column}.x-row.x-direction-column-reverse{flex-direction:column-reverse}.x-row.x-direction-row{flex-direction:row}.x-row.x-direction-row-reverse{flex-direction:row-reverse}\n"] }]
+            args: [{ selector: `${XRowPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-row{display:block;position:relative;height:auto}.x-row:before,.x-row:after{content:\"\";display:table;clear:both}.x-row.x-flex{display:flex}.x-row.x-justify-start{justify-content:flex-start}.x-row.x-justify-center{justify-content:center}.x-row.x-justify-end{justify-content:flex-end}.x-row.x-justify-space-between{justify-content:space-between}.x-row.x-justify-space-around{justify-content:space-around}.x-row.x-align-start{align-items:flex-start}.x-row.x-align-center{align-items:center}.x-row.x-align-end{align-items:flex-end}.x-row.x-direction-column{flex-direction:column}.x-row.x-direction-column-reverse{flex-direction:column-reverse}.x-row.x-direction-row{flex-direction:row}.x-row.x-direction-row-reverse{flex-direction:row-reverse}\n"] }]
         }], propDecorators: { getFlex: [{
                 type: HostBinding,
                 args: [`class.x-flex`]
@@ -241,12 +241,12 @@ class XColComponent extends XColProperty {
     get paddingRight() {
         return `${this.space() / 2}px`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XColComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: XColComponent, isStandalone: true, selector: "x-col", host: { properties: { "class.x-col-24": "this.getFlex", "class": "this.cls", "style.paddingLeft": "this.paddingLeft", "style.paddingRight": "this.paddingRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-col{position:relative;float:left;display:block;width:100%;box-sizing:border-box}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}@media only screen and (max-width: 767px){.x-col-xs-24{width:100%}}@media only screen and (max-width: 767px){.x-col-xs-23{width:95.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-22{width:91.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-21{width:87.5%}}@media only screen and (max-width: 767px){.x-col-xs-20{width:83.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-19{width:79.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-18{width:75%}}@media only screen and (max-width: 767px){.x-col-xs-17{width:70.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-16{width:66.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-15{width:62.5%}}@media only screen and (max-width: 767px){.x-col-xs-14{width:58.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-13{width:54.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-12{width:50%}}@media only screen and (max-width: 767px){.x-col-xs-11{width:45.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-10{width:41.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-9{width:37.5%}}@media only screen and (max-width: 767px){.x-col-xs-8{width:33.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-7{width:29.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-6{width:25%}}@media only screen and (max-width: 767px){.x-col-xs-5{width:20.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-4{width:16.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-3{width:12.5%}}@media only screen and (max-width: 767px){.x-col-xs-2{width:8.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-1{width:4.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-24{width:100%}}@media only screen and (min-width: 768px){.x-col-sm-23{width:95.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-22{width:91.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-21{width:87.5%}}@media only screen and (min-width: 768px){.x-col-sm-20{width:83.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-19{width:79.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-18{width:75%}}@media only screen and (min-width: 768px){.x-col-sm-17{width:70.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-16{width:66.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-15{width:62.5%}}@media only screen and (min-width: 768px){.x-col-sm-14{width:58.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-13{width:54.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-12{width:50%}}@media only screen and (min-width: 768px){.x-col-sm-11{width:45.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-10{width:41.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-9{width:37.5%}}@media only screen and (min-width: 768px){.x-col-sm-8{width:33.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-7{width:29.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-6{width:25%}}@media only screen and (min-width: 768px){.x-col-sm-5{width:20.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-4{width:16.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-3{width:12.5%}}@media only screen and (min-width: 768px){.x-col-sm-2{width:8.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-1{width:4.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-24{width:100%}}@media only screen and (min-width: 992px){.x-col-md-23{width:95.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-22{width:91.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-21{width:87.5%}}@media only screen and (min-width: 992px){.x-col-md-20{width:83.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-19{width:79.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-18{width:75%}}@media only screen and (min-width: 992px){.x-col-md-17{width:70.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-16{width:66.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-15{width:62.5%}}@media only screen and (min-width: 992px){.x-col-md-14{width:58.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-13{width:54.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-12{width:50%}}@media only screen and (min-width: 992px){.x-col-md-11{width:45.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-10{width:41.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-9{width:37.5%}}@media only screen and (min-width: 992px){.x-col-md-8{width:33.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-7{width:29.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-6{width:25%}}@media only screen and (min-width: 992px){.x-col-md-5{width:20.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-4{width:16.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-3{width:12.5%}}@media only screen and (min-width: 992px){.x-col-md-2{width:8.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-1{width:4.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-24{width:100%}}@media only screen and (min-width: 1200px){.x-col-lg-23{width:95.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-22{width:91.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-21{width:87.5%}}@media only screen and (min-width: 1200px){.x-col-lg-20{width:83.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-19{width:79.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-18{width:75%}}@media only screen and (min-width: 1200px){.x-col-lg-17{width:70.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-16{width:66.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-15{width:62.5%}}@media only screen and (min-width: 1200px){.x-col-lg-14{width:58.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-13{width:54.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-12{width:50%}}@media only screen and (min-width: 1200px){.x-col-lg-11{width:45.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-10{width:41.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-9{width:37.5%}}@media only screen and (min-width: 1200px){.x-col-lg-8{width:33.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-7{width:29.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-6{width:25%}}@media only screen and (min-width: 1200px){.x-col-lg-5{width:20.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-4{width:16.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-3{width:12.5%}}@media only screen and (min-width: 1200px){.x-col-lg-2{width:8.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-1{width:4.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-24{width:100%}}@media only screen and (min-width: 1920px){.x-col-xl-23{width:95.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-22{width:91.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-21{width:87.5%}}@media only screen and (min-width: 1920px){.x-col-xl-20{width:83.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-19{width:79.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-18{width:75%}}@media only screen and (min-width: 1920px){.x-col-xl-17{width:70.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-16{width:66.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-15{width:62.5%}}@media only screen and (min-width: 1920px){.x-col-xl-14{width:58.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-13{width:54.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-12{width:50%}}@media only screen and (min-width: 1920px){.x-col-xl-11{width:45.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-10{width:41.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-9{width:37.5%}}@media only screen and (min-width: 1920px){.x-col-xl-8{width:33.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-7{width:29.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-6{width:25%}}@media only screen and (min-width: 1920px){.x-col-xl-5{width:20.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-4{width:16.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-3{width:12.5%}}@media only screen and (min-width: 1920px){.x-col-xl-2{width:8.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-1{width:4.1666666667%}}.x-col-inherit{width:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XColComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: XColComponent, isStandalone: true, selector: "x-col", host: { properties: { "class.x-col-24": "this.getFlex", "class": "this.cls", "style.paddingLeft": "this.paddingLeft", "style.paddingRight": "this.paddingRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-col{position:relative;float:left;display:block;width:100%;box-sizing:border-box}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}@media only screen and (max-width: 767px){.x-col-xs-24{width:100%}}@media only screen and (max-width: 767px){.x-col-xs-23{width:95.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-22{width:91.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-21{width:87.5%}}@media only screen and (max-width: 767px){.x-col-xs-20{width:83.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-19{width:79.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-18{width:75%}}@media only screen and (max-width: 767px){.x-col-xs-17{width:70.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-16{width:66.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-15{width:62.5%}}@media only screen and (max-width: 767px){.x-col-xs-14{width:58.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-13{width:54.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-12{width:50%}}@media only screen and (max-width: 767px){.x-col-xs-11{width:45.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-10{width:41.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-9{width:37.5%}}@media only screen and (max-width: 767px){.x-col-xs-8{width:33.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-7{width:29.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-6{width:25%}}@media only screen and (max-width: 767px){.x-col-xs-5{width:20.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-4{width:16.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-3{width:12.5%}}@media only screen and (max-width: 767px){.x-col-xs-2{width:8.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-1{width:4.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-24{width:100%}}@media only screen and (min-width: 768px){.x-col-sm-23{width:95.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-22{width:91.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-21{width:87.5%}}@media only screen and (min-width: 768px){.x-col-sm-20{width:83.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-19{width:79.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-18{width:75%}}@media only screen and (min-width: 768px){.x-col-sm-17{width:70.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-16{width:66.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-15{width:62.5%}}@media only screen and (min-width: 768px){.x-col-sm-14{width:58.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-13{width:54.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-12{width:50%}}@media only screen and (min-width: 768px){.x-col-sm-11{width:45.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-10{width:41.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-9{width:37.5%}}@media only screen and (min-width: 768px){.x-col-sm-8{width:33.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-7{width:29.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-6{width:25%}}@media only screen and (min-width: 768px){.x-col-sm-5{width:20.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-4{width:16.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-3{width:12.5%}}@media only screen and (min-width: 768px){.x-col-sm-2{width:8.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-1{width:4.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-24{width:100%}}@media only screen and (min-width: 992px){.x-col-md-23{width:95.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-22{width:91.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-21{width:87.5%}}@media only screen and (min-width: 992px){.x-col-md-20{width:83.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-19{width:79.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-18{width:75%}}@media only screen and (min-width: 992px){.x-col-md-17{width:70.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-16{width:66.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-15{width:62.5%}}@media only screen and (min-width: 992px){.x-col-md-14{width:58.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-13{width:54.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-12{width:50%}}@media only screen and (min-width: 992px){.x-col-md-11{width:45.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-10{width:41.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-9{width:37.5%}}@media only screen and (min-width: 992px){.x-col-md-8{width:33.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-7{width:29.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-6{width:25%}}@media only screen and (min-width: 992px){.x-col-md-5{width:20.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-4{width:16.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-3{width:12.5%}}@media only screen and (min-width: 992px){.x-col-md-2{width:8.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-1{width:4.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-24{width:100%}}@media only screen and (min-width: 1200px){.x-col-lg-23{width:95.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-22{width:91.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-21{width:87.5%}}@media only screen and (min-width: 1200px){.x-col-lg-20{width:83.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-19{width:79.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-18{width:75%}}@media only screen and (min-width: 1200px){.x-col-lg-17{width:70.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-16{width:66.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-15{width:62.5%}}@media only screen and (min-width: 1200px){.x-col-lg-14{width:58.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-13{width:54.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-12{width:50%}}@media only screen and (min-width: 1200px){.x-col-lg-11{width:45.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-10{width:41.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-9{width:37.5%}}@media only screen and (min-width: 1200px){.x-col-lg-8{width:33.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-7{width:29.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-6{width:25%}}@media only screen and (min-width: 1200px){.x-col-lg-5{width:20.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-4{width:16.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-3{width:12.5%}}@media only screen and (min-width: 1200px){.x-col-lg-2{width:8.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-1{width:4.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-24{width:100%}}@media only screen and (min-width: 1920px){.x-col-xl-23{width:95.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-22{width:91.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-21{width:87.5%}}@media only screen and (min-width: 1920px){.x-col-xl-20{width:83.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-19{width:79.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-18{width:75%}}@media only screen and (min-width: 1920px){.x-col-xl-17{width:70.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-16{width:66.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-15{width:62.5%}}@media only screen and (min-width: 1920px){.x-col-xl-14{width:58.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-13{width:54.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-12{width:50%}}@media only screen and (min-width: 1920px){.x-col-xl-11{width:45.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-10{width:41.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-9{width:37.5%}}@media only screen and (min-width: 1920px){.x-col-xl-8{width:33.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-7{width:29.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-6{width:25%}}@media only screen and (min-width: 1920px){.x-col-xl-5{width:20.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-4{width:16.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-3{width:12.5%}}@media only screen and (min-width: 1920px){.x-col-xl-2{width:8.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-1{width:4.1666666667%}}.x-col-inherit{width:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XColComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XColComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XColPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-col{position:relative;float:left;display:block;width:100%;box-sizing:border-box}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}@media only screen and (max-width: 767px){.x-col-xs-24{width:100%}}@media only screen and (max-width: 767px){.x-col-xs-23{width:95.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-22{width:91.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-21{width:87.5%}}@media only screen and (max-width: 767px){.x-col-xs-20{width:83.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-19{width:79.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-18{width:75%}}@media only screen and (max-width: 767px){.x-col-xs-17{width:70.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-16{width:66.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-15{width:62.5%}}@media only screen and (max-width: 767px){.x-col-xs-14{width:58.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-13{width:54.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-12{width:50%}}@media only screen and (max-width: 767px){.x-col-xs-11{width:45.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-10{width:41.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-9{width:37.5%}}@media only screen and (max-width: 767px){.x-col-xs-8{width:33.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-7{width:29.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-6{width:25%}}@media only screen and (max-width: 767px){.x-col-xs-5{width:20.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-4{width:16.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-3{width:12.5%}}@media only screen and (max-width: 767px){.x-col-xs-2{width:8.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-1{width:4.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-24{width:100%}}@media only screen and (min-width: 768px){.x-col-sm-23{width:95.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-22{width:91.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-21{width:87.5%}}@media only screen and (min-width: 768px){.x-col-sm-20{width:83.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-19{width:79.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-18{width:75%}}@media only screen and (min-width: 768px){.x-col-sm-17{width:70.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-16{width:66.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-15{width:62.5%}}@media only screen and (min-width: 768px){.x-col-sm-14{width:58.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-13{width:54.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-12{width:50%}}@media only screen and (min-width: 768px){.x-col-sm-11{width:45.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-10{width:41.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-9{width:37.5%}}@media only screen and (min-width: 768px){.x-col-sm-8{width:33.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-7{width:29.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-6{width:25%}}@media only screen and (min-width: 768px){.x-col-sm-5{width:20.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-4{width:16.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-3{width:12.5%}}@media only screen and (min-width: 768px){.x-col-sm-2{width:8.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-1{width:4.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-24{width:100%}}@media only screen and (min-width: 992px){.x-col-md-23{width:95.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-22{width:91.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-21{width:87.5%}}@media only screen and (min-width: 992px){.x-col-md-20{width:83.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-19{width:79.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-18{width:75%}}@media only screen and (min-width: 992px){.x-col-md-17{width:70.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-16{width:66.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-15{width:62.5%}}@media only screen and (min-width: 992px){.x-col-md-14{width:58.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-13{width:54.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-12{width:50%}}@media only screen and (min-width: 992px){.x-col-md-11{width:45.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-10{width:41.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-9{width:37.5%}}@media only screen and (min-width: 992px){.x-col-md-8{width:33.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-7{width:29.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-6{width:25%}}@media only screen and (min-width: 992px){.x-col-md-5{width:20.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-4{width:16.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-3{width:12.5%}}@media only screen and (min-width: 992px){.x-col-md-2{width:8.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-1{width:4.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-24{width:100%}}@media only screen and (min-width: 1200px){.x-col-lg-23{width:95.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-22{width:91.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-21{width:87.5%}}@media only screen and (min-width: 1200px){.x-col-lg-20{width:83.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-19{width:79.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-18{width:75%}}@media only screen and (min-width: 1200px){.x-col-lg-17{width:70.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-16{width:66.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-15{width:62.5%}}@media only screen and (min-width: 1200px){.x-col-lg-14{width:58.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-13{width:54.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-12{width:50%}}@media only screen and (min-width: 1200px){.x-col-lg-11{width:45.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-10{width:41.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-9{width:37.5%}}@media only screen and (min-width: 1200px){.x-col-lg-8{width:33.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-7{width:29.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-6{width:25%}}@media only screen and (min-width: 1200px){.x-col-lg-5{width:20.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-4{width:16.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-3{width:12.5%}}@media only screen and (min-width: 1200px){.x-col-lg-2{width:8.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-1{width:4.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-24{width:100%}}@media only screen and (min-width: 1920px){.x-col-xl-23{width:95.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-22{width:91.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-21{width:87.5%}}@media only screen and (min-width: 1920px){.x-col-xl-20{width:83.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-19{width:79.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-18{width:75%}}@media only screen and (min-width: 1920px){.x-col-xl-17{width:70.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-16{width:66.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-15{width:62.5%}}@media only screen and (min-width: 1920px){.x-col-xl-14{width:58.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-13{width:54.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-12{width:50%}}@media only screen and (min-width: 1920px){.x-col-xl-11{width:45.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-10{width:41.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-9{width:37.5%}}@media only screen and (min-width: 1920px){.x-col-xl-8{width:33.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-7{width:29.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-6{width:25%}}@media only screen and (min-width: 1920px){.x-col-xl-5{width:20.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-4{width:16.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-3{width:12.5%}}@media only screen and (min-width: 1920px){.x-col-xl-2{width:8.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-1{width:4.1666666667%}}.x-col-inherit{width:inherit}\n"] }]
+            args: [{ selector: `${XColPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-col{position:relative;float:left;display:block;width:100%;box-sizing:border-box}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}@media only screen and (max-width: 767px){.x-col-xs-24{width:100%}}@media only screen and (max-width: 767px){.x-col-xs-23{width:95.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-22{width:91.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-21{width:87.5%}}@media only screen and (max-width: 767px){.x-col-xs-20{width:83.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-19{width:79.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-18{width:75%}}@media only screen and (max-width: 767px){.x-col-xs-17{width:70.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-16{width:66.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-15{width:62.5%}}@media only screen and (max-width: 767px){.x-col-xs-14{width:58.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-13{width:54.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-12{width:50%}}@media only screen and (max-width: 767px){.x-col-xs-11{width:45.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-10{width:41.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-9{width:37.5%}}@media only screen and (max-width: 767px){.x-col-xs-8{width:33.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-7{width:29.1666666667%}}@media only screen and (max-width: 767px){.x-col-xs-6{width:25%}}@media only screen and (max-width: 767px){.x-col-xs-5{width:20.8333333333%}}@media only screen and (max-width: 767px){.x-col-xs-4{width:16.6666666667%}}@media only screen and (max-width: 767px){.x-col-xs-3{width:12.5%}}@media only screen and (max-width: 767px){.x-col-xs-2{width:8.3333333333%}}@media only screen and (max-width: 767px){.x-col-xs-1{width:4.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-24{width:100%}}@media only screen and (min-width: 768px){.x-col-sm-23{width:95.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-22{width:91.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-21{width:87.5%}}@media only screen and (min-width: 768px){.x-col-sm-20{width:83.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-19{width:79.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-18{width:75%}}@media only screen and (min-width: 768px){.x-col-sm-17{width:70.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-16{width:66.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-15{width:62.5%}}@media only screen and (min-width: 768px){.x-col-sm-14{width:58.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-13{width:54.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-12{width:50%}}@media only screen and (min-width: 768px){.x-col-sm-11{width:45.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-10{width:41.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-9{width:37.5%}}@media only screen and (min-width: 768px){.x-col-sm-8{width:33.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-7{width:29.1666666667%}}@media only screen and (min-width: 768px){.x-col-sm-6{width:25%}}@media only screen and (min-width: 768px){.x-col-sm-5{width:20.8333333333%}}@media only screen and (min-width: 768px){.x-col-sm-4{width:16.6666666667%}}@media only screen and (min-width: 768px){.x-col-sm-3{width:12.5%}}@media only screen and (min-width: 768px){.x-col-sm-2{width:8.3333333333%}}@media only screen and (min-width: 768px){.x-col-sm-1{width:4.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-24{width:100%}}@media only screen and (min-width: 992px){.x-col-md-23{width:95.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-22{width:91.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-21{width:87.5%}}@media only screen and (min-width: 992px){.x-col-md-20{width:83.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-19{width:79.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-18{width:75%}}@media only screen and (min-width: 992px){.x-col-md-17{width:70.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-16{width:66.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-15{width:62.5%}}@media only screen and (min-width: 992px){.x-col-md-14{width:58.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-13{width:54.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-12{width:50%}}@media only screen and (min-width: 992px){.x-col-md-11{width:45.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-10{width:41.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-9{width:37.5%}}@media only screen and (min-width: 992px){.x-col-md-8{width:33.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-7{width:29.1666666667%}}@media only screen and (min-width: 992px){.x-col-md-6{width:25%}}@media only screen and (min-width: 992px){.x-col-md-5{width:20.8333333333%}}@media only screen and (min-width: 992px){.x-col-md-4{width:16.6666666667%}}@media only screen and (min-width: 992px){.x-col-md-3{width:12.5%}}@media only screen and (min-width: 992px){.x-col-md-2{width:8.3333333333%}}@media only screen and (min-width: 992px){.x-col-md-1{width:4.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-24{width:100%}}@media only screen and (min-width: 1200px){.x-col-lg-23{width:95.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-22{width:91.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-21{width:87.5%}}@media only screen and (min-width: 1200px){.x-col-lg-20{width:83.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-19{width:79.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-18{width:75%}}@media only screen and (min-width: 1200px){.x-col-lg-17{width:70.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-16{width:66.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-15{width:62.5%}}@media only screen and (min-width: 1200px){.x-col-lg-14{width:58.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-13{width:54.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-12{width:50%}}@media only screen and (min-width: 1200px){.x-col-lg-11{width:45.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-10{width:41.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-9{width:37.5%}}@media only screen and (min-width: 1200px){.x-col-lg-8{width:33.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-7{width:29.1666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-6{width:25%}}@media only screen and (min-width: 1200px){.x-col-lg-5{width:20.8333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-4{width:16.6666666667%}}@media only screen and (min-width: 1200px){.x-col-lg-3{width:12.5%}}@media only screen and (min-width: 1200px){.x-col-lg-2{width:8.3333333333%}}@media only screen and (min-width: 1200px){.x-col-lg-1{width:4.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-24{width:100%}}@media only screen and (min-width: 1920px){.x-col-xl-23{width:95.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-22{width:91.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-21{width:87.5%}}@media only screen and (min-width: 1920px){.x-col-xl-20{width:83.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-19{width:79.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-18{width:75%}}@media only screen and (min-width: 1920px){.x-col-xl-17{width:70.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-16{width:66.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-15{width:62.5%}}@media only screen and (min-width: 1920px){.x-col-xl-14{width:58.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-13{width:54.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-12{width:50%}}@media only screen and (min-width: 1920px){.x-col-xl-11{width:45.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-10{width:41.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-9{width:37.5%}}@media only screen and (min-width: 1920px){.x-col-xl-8{width:33.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-7{width:29.1666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-6{width:25%}}@media only screen and (min-width: 1920px){.x-col-xl-5{width:20.8333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-4{width:16.6666666667%}}@media only screen and (min-width: 1920px){.x-col-xl-3{width:12.5%}}@media only screen and (min-width: 1920px){.x-col-xl-2{width:8.3333333333%}}@media only screen and (min-width: 1920px){.x-col-xl-1{width:4.1666666667%}}.x-col-inherit{width:inherit}\n"] }]
         }], propDecorators: { getFlex: [{
                 type: HostBinding,
                 args: [`class.x-col-24`]
@@ -262,11 +262,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             }] } });
 
 class XLayoutModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: XLayoutModule, imports: [XRowComponent, XColComponent], exports: [XRowComponent, XColComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XLayoutModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: XLayoutModule, imports: [XRowComponent, XColComponent], exports: [XRowComponent, XColComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLayoutModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XRowComponent, XColComponent],

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   * @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":";;;;;AAIA;;;;AAIG;AACI,MAAM,UAAU,GAAG,QAAQ;AAClC,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEhC;;AAEG;MAEU,YAAa,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AADtE,IAAA,WAAA,GAAA;;AAEE;;;;;;;;;;;;AAYG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,CAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAC7E;;;;;;;;;;;;AAYG;QACM,IAAO,CAAA,OAAA,GAAG,KAAK,EAAY,CAAC;AACrC;;;;;;;;;;;;AAYG;QACM,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AAClC,KAAA;iIA3CY,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,ucADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAChD,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,UAAU,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;AA8C/D;;;;AAIG;AACI,MAAM,UAAU,GAAG,QAAQ;AAClC,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEhC;;AAEG;MAEU,YAAa,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AADtE,IAAA,WAAA,GAAA;;AAEE;;;;;;;;;;;;AAYG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,CAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AACrE;;;;;;;;;;;;AAYG;QACM,IAAM,CAAA,MAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AACtE;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AAClE;;;;;;;;;;;;AAYG;QACM,IAAO,CAAA,OAAA,GAAG,KAAK,CAAoB,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAC/E,KAAA;iIA/DY,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,k/BADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAChD,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,UAAU,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;;AC3DzD,MAAO,aAAc,SAAQ,YAAY,CAAA;AAR/C,IAAA,WAAA,GAAA;;AASU,QAAA,IAAA,CAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAiB1G,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AAAE,gBAAA,OAAO,CAAC,CAAC;AAC5B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAC3B,OAAO,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC1C,SAAC,CAAC,CAAC;AACJ,KAAA;AArBC,IAAA,IAAiC,OAAO,GAAA;AACtC,QAAA,OAAO,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC;KACtD;AACD,IAAA,IAA0B,GAAG,GAAA;AAC3B,QAAA,IAAI,GAAG,GAAa,CAAC,UAAU,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,OAAO,EAAE;YAAE,GAAG,CAAC,IAAI,CAAC,CAAa,UAAA,EAAA,IAAI,CAAC,OAAO,EAAE,CAAE,CAAA,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,KAAK,EAAE;YAAE,GAAG,CAAC,IAAI,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,KAAK,EAAE,CAAE,CAAA,CAAC,CAAC;AACtD,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACtB;AACD,IAAA,IAAqC,UAAU,GAAA;QAC7C,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,IAAI,CAAC;KACvC;AACD,IAAA,IAAsC,WAAW,GAAA;QAC/C,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,IAAI,CAAC;KACvC;iIAjBU,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,uPALd,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2uBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,UAAU,CAAA,CAAE,EACb,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2uBAAA,CAAA,EAAA,CAAA;8BAKd,OAAO,EAAA,CAAA;sBAAvC,WAAW;uBAAC,CAAc,YAAA,CAAA,CAAA;gBAGD,GAAG,EAAA,CAAA;sBAA5B,WAAW;uBAAC,OAAO,CAAA;gBAMiB,UAAU,EAAA,CAAA;sBAA9C,WAAW;uBAAC,kBAAkB,CAAA;gBAGO,WAAW,EAAA,CAAA;sBAAhD,WAAW;uBAAC,mBAAmB,CAAA;;;ACd5B,MAAO,aAAc,SAAQ,YAAY,CAAA;AAR/C,IAAA,WAAA,GAAA;;AASU,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACrE,QAAA,IAAA,CAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAuB1G,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE;AAAE,gBAAA,OAAO,CAAC,CAAC;YAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;YACxC,OAAO,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC1C,SAAC,CAAC,CAAC;AACJ,KAAA;AA3BC,IAAA,IAAmC,OAAO,GAAA;AACxC,QAAA,OAAO,IAAI,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC;KAC1G;AACD,IAAA,IAA0B,GAAG,GAAA;AAC3B,QAAA,IAAI,GAAG,GAAa,CAAC,UAAU,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,IAAI,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,EAAE,CAAE,CAAA,CAAC,CAAC;QAC1D,IAAI,IAAI,CAAC,MAAM,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,QAAA,EAAW,IAAI,CAAC,MAAM,EAAE,CAAE,CAAA,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,EAAE,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,EAAO,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,EAAE,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,EAAO,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,EAAE,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,EAAO,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,EAAE,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,EAAO,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,EAAE,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,EAAO,IAAI,CAAC,EAAE,EAAE,CAAE,CAAA,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,OAAO,EAAE;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,GAAG,UAAU,CAAA,QAAA,CAAU,CAAC,CAAC;AACtD,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACtB;AACD,IAAA,IAAsC,WAAW,GAAA;QAC/C,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC;KAChC;AACD,IAAA,IAAuC,YAAY,GAAA;QACjD,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC;KAChC;iIAxBU,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,6PALd,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,80UAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,UAAU,CAAA,CAAE,EACb,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,80UAAA,CAAA,EAAA,CAAA;8BAMZ,OAAO,EAAA,CAAA;sBAAzC,WAAW;uBAAC,CAAgB,cAAA,CAAA,CAAA;gBAGH,GAAG,EAAA,CAAA;sBAA5B,WAAW;uBAAC,OAAO,CAAA;gBAYkB,WAAW,EAAA,CAAA;sBAAhD,WAAW;uBAAC,mBAAmB,CAAA;gBAGO,YAAY,EAAA,CAAA;sBAAlD,WAAW;uBAAC,oBAAoB,CAAA;;;MC5BtB,aAAa,CAAA;iIAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAFd,aAAa,EAAE,aAAa,CAD5B,EAAA,OAAA,EAAA,CAAA,aAAa,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;kIAG3B,aAAa,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;AACxC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}
+{"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  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  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

@@ -102,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.2.2", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.2", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: XLinkProperty, isStandalone: true, 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.2.2", ngImport: i0, type: XLinkProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLinkProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XLinkPrefix}-property`, template: '' }]
         }] });
@@ -124,20 +124,20 @@ class XLinkComponent extends XLinkProperty {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", 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;padding:0}.x-link{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: "19.0.1", ngImport: i0, type: XLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.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;padding:0}.x-link{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.2.2", ngImport: i0, type: XLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", 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;padding:0}.x-link{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"] }]
+            args: [{ selector: `${XLinkPrefix}`, 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;padding:0}.x-link{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.2.2", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: XLinkModule, imports: [XLinkComponent], exports: [XLinkComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XLinkModule, imports: [XLinkComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: XLinkModule, imports: [XLinkComponent], exports: [XLinkComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XLinkModule, imports: [XLinkComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: XLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", 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 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  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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"}