@ng-nest/ui 16.0.3 → 16.0.5

package/esm2022/popover/popover.property.mjs

@@ -31,8 +31,8 @@ class XPopoverProperty extends XProperty {
          */
         this.visibleChange = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: XPopoverProperty, selector: "[x-popover], x-popover", inputs: { title: "title", content: "content", footer: "footer", panelClass: "panelClass", connectTo: "connectTo", placement: "placement", trigger: "trigger", width: "width", visible: "visible", condition: "condition", mouseEnterDelay: "mouseEnterDelay", mouseLeaveDelay: "mouseLeaveDelay" }, outputs: { visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: XPopoverProperty, selector: "[x-popover], x-popover", inputs: { title: "title", content: "content", footer: "footer", panelClass: "panelClass", connectTo: "connectTo", placement: "placement", trigger: "trigger", width: "width", visible: "visible", condition: "condition", mouseEnterDelay: "mouseEnterDelay", mouseLeaveDelay: "mouseLeaveDelay" }, outputs: { visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'bottom')
@@ -50,7 +50,7 @@ __decorate([
     XInputBoolean()
 ], XPopoverProperty.prototype, "condition", void 0);
 export { XPopoverProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPopoverProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPopoverProperty, decorators: [{
             type: Directive,
             args: [{ selector: `[${XPopoverPrefix}], ${XPopoverPrefix}` }]
         }], propDecorators: { title: [{

package/esm2022/portal/portal.module.mjs

@@ -4,12 +4,12 @@ import { PortalModule } from '@angular/cdk/portal';
 import { XPortalService } from './portal.service';
 import * as i0 from "@angular/core";
 class XPortalModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, imports: [OverlayModule, PortalModule], exports: [OverlayModule, PortalModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, providers: [XPortalService], imports: [OverlayModule, PortalModule, OverlayModule, PortalModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, imports: [OverlayModule, PortalModule], exports: [OverlayModule, PortalModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, providers: [XPortalService], imports: [OverlayModule, PortalModule, OverlayModule, PortalModule] }); }
 }
 export { XPortalModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OverlayModule, PortalModule],

package/esm2022/portal/portal.service.mjs

@@ -180,11 +180,11 @@ class XPortalService {
         placement.forEach((place) => result.push(XPortalPlacement[place]));
         return result;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalService }); }
 }
 export { XPortalService };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XPortalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XPortalService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }, { type: i0.RendererFactory2 }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGFsLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9wb3J0YWwvcG9ydGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFVBQVUsRUFDVixXQUFXLEVBQ1gsUUFBUSxFQU1ULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pGLE9BQU8sRUFBaUMsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQUU1RTs7R0FFRztBQUNILE1BQ2EsY0FBYztJQUV6QixZQUFtQixPQUFnQixFQUFTLFFBQWtCLEVBQVMsZUFBaUM7UUFBckYsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUFTLGFBQVEsR0FBUixRQUFRLENBQVU7UUFBUyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUFDdEcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELE1BQU0sQ0FBSSxNQUF1QjtRQUMvQixJQUFJLE1BQU0sR0FBeUIsRUFBRSxDQUFDO1FBQ3RDLElBQUksT0FBTyxNQUFNLENBQUMsT0FBTyxLQUFLLFdBQVc7WUFBRSxPQUFPLE1BQU0sQ0FBQztRQUN6RCxNQUFNLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRCxJQUFJLE1BQU0sQ0FBQyxPQUFPLFlBQVksV0FBVyxJQUFJLE1BQU0sQ0FBQyxnQkFBZ0IsRUFBRTtZQUNwRSxNQUFNLENBQUMsY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFD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Q0FBQyxDQUFDLENBQUM7UUFDeEYsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztpSUF6TFUsY0FBYztxSUFBZCxjQUFjOztTQUFkLGNBQWM7MkZBQWQsY0FBYztrQkFEMUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgSW5qZWN0YWJsZSxcclxuICBUZW1wbGF0ZVJlZixcclxuICBJbmplY3RvcixcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbiAgU3RhdGljUHJvdmlkZXIsXHJcbiAgUmVuZGVyZXJGYWN0b3J5MixcclxuICBSZW5kZXJlcjJcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVJlZiwgUG9zaXRpb25TdHJhdGVneSwgQ29ubmVjdGVkUG9zaXRpb24sIENvbXBvbmVudFR5cGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IFRlbXBsYXRlUG9ydGFsLCBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgWFBvcnRhbFByb3BlcnR5LCBYUG9ydGFsT3ZlcmxheVJlZiwgWFBvcnRhbFBsYWNlbWVudCB9IGZyb20gJy4vcG9ydGFsLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWFBsYWNlbWVudCwgWFBvc2l0aW9uLCBYUGxhY2UsIFhDb21wdXRlZCB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIOWKqOaAgeWIm+W7uuinhuWbvuacjeWKoVxyXG4gKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgWFBvcnRhbFNlcnZpY2Uge1xyXG4gIHJlbmRlcmVyITogUmVuZGVyZXIyO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBvdmVybGF5OiBPdmVybGF5LCBwdWJsaWMgaW5qZWN0b3I6IEluamVjdG9yLCBwdWJsaWMgcmVuZGVyZXJGYWN0b3J5OiBSZW5kZXJlckZhY3RvcnkyKSB7XHJcbiAgICB0aGlzLnJlbmRlcmVyID0gdGhpcy5yZW5kZXJlckZhY3RvcnkuY3JlYXRlUmVuZGVyZXIobnVsbCwgbnVsbCk7XHJcbiAgfVxyXG5cclxuICBhdHRhY2g8VD4ob3B0aW9uOiBYUG9ydGFsUHJvcGVydHkpOiBYUG9ydGFsT3ZlcmxheVJlZjxUPiB7XHJcbiAgICBsZXQgcG9ydGFsOiBYUG9ydGFsT3ZlcmxheVJlZjxUPiA9IHt9O1xyXG4gICAgaWYgKHR5cGVvZiBvcHRpb24uY29udGVudCA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBwb3J0YWw7XHJcbiAgICBwb3J0YWwub3ZlcmxheVJlZiA9IHRoaXMuY3JlYXRlT3ZlcmxheVJlZihvcHRpb24pO1xyXG4gICAgaWYgKG9wdGlvbi5jb250ZW50IGluc3RhbmNlb2YgVGVtcGxhdGVSZWYgJiYgb3B0aW9uLnZpZXdDb250YWluZXJSZWYpIHtcclxuICAgICAgcG9ydGFsLnRlbXBsYXRlUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKG9wdGlvbi5jb250ZW50LCBvcHRpb24udmlld0NvbnRhaW5lclJlZiwgb3B0aW9uLmNvbnRleHQpO1xyXG4gICAgICBwb3J0YWwuZW1iZWRkZWRWaWV3UmVmID0gcG9ydGFsLm92ZXJsYXlSZWYuYXR0YWNoKHBvcnRhbC50ZW1wbGF0ZVBvcnRhbCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBwb3J0YWwuY29tcG9uZW50UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChcclxuICAgICAgICBvcHRpb24uY29udGVudCBhcyBDb21wb25lbnRUeXBlPGFueT4sXHJcbiAgICAgICAgb3B0aW9uLnZpZXdDb250YWluZXJSZWYsXHJcbiAgICAgICAgb3B0aW9uLmluamVjdG9yLFxyXG4gICAgICAgIG9wdGlvbi5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXJcclxuICAgICAgKTtcclxuICAgICAgcG9ydGFsLmNvbXBvbmVudFJlZiA9IHBvcnRhbC5vdmVybGF5UmVmLmF0dGFjaChwb3J0YWwuY29tcG9uZW50UG9ydGFsKTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gcG9ydGFsO1xyXG4gIH1cclxuXHJcbiAgY3JlYXRlSW5qZWN0b3IocHJvdmlkZXJzOiBTdGF0aWNQcm92aWRlcltdLCB2aWV3Q29udGFpbmVyUmVmPzogVmlld0NvbnRhaW5lclJlZikge1xyXG4gICAgY29uc3QgaW5qZWN0b3IgPSB2aWV3Q29udGFpbmVyUmVmICYmIHZpZXdDb250YWluZXJSZWYuaW5qZWN0b3I7XHJcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHsgcGFyZW50OiBpbmplY3RvciB8fCB0aGlzLmluamVjdG9yLCBwcm92aWRlcnMgfSk7XHJcbiAgfVxyXG5cclxuICBzZXRQbGFjZW1lbnQocGFyYW0/OiB7IGVsZW1lbnRSZWY/OiBFbGVtZW50UmVmOyBwbGFjZW1lbnQ/OiBYUGxhY2VbXSB8IFhQbGFjZW1lbnRbXTsgdHJhbnNmb3JtT3JpZ2luT24/OiBzdHJpbmcgfSk6IFBvc2l0aW9uU3RyYXRlZ3kge1xyXG4gICAgaWYgKCFwYXJhbSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkuY2VudGVySG9yaXpvbnRhbGx5KCkuY2VudGVyVmVydGljYWxseSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIChcclxuICAgICAgICB0aGlzLm92ZXJsYXlcclxuICAgICAgICAgIC5wb3NpdGlvbigpXHJcbiAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyhwYXJhbS5lbGVtZW50UmVmISlcclxuICAgICAgICAgIC8vIC53aXRoTG9ja2VkUG9zaXRpb24odHJ1ZSlcclxuICAgICAgICAgIC53aXRoRmxleGlibGVEaW1lbnNpb25zKGZhbHNlKVxyXG4gICAgICAgICAgLndpdGhQdXNoKGZhbHNlKVxyXG4gICAgICAgICAgLndpdGhQb3NpdGlvbnModGhpcy5zZXRDb25uZWN0ZWRQb3NpdGlvbiguLi5wYXJhbS5wbGFjZW1lbnQpKVxyXG4gICAgICAgICAgLndpdGhUcmFuc2Zvcm1PcmlnaW5PbihwYXJhbS50cmFuc2Zvcm1PcmlnaW5PbiEpXHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZXRQb3NpdGlvbihwb3NpdGlvbj86IFhQb3NpdGlvbiwgd2lkdGg/OiBzdHJpbmcsIGhlaWdodD86IHN0cmluZyk6IFBvc2l0aW9uU3RyYXRlZ3kge1xyXG4gICAgbGV0IHJlc3VsdCA9IHRoaXMub3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLndpZHRoKHdpZHRoKS5oZWlnaHQoaGVpZ2h0KTtcclxuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcclxuICAgICAgY2FzZSAnbGVmdCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC5sZWZ0KCk7XHJcbiAgICAgIGNhc2UgJ3JpZ2h0JzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LnJpZ2h0KCk7XHJcbiAgICAgIGNhc2UgJ3RvcCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC50b3AoKTtcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmJvdHRvbSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2V0UGxhY2UocGxhY2U/OiBYUGxhY2UsIC4uLm9mZnNldDogc3RyaW5nW10pOiBQb3NpdGlvblN0cmF0ZWd5IHtcclxuICAgIGxldCByZXN1bHQgPSB0aGlzLm92ZXJsYXkucG9zaXRpb24oKS5nbG9iYWwoKTtcclxuICAgIGxldCBbdG9wLCByaWdodCwgYm90dG9tLCBsZWZ0XSA9IHRoaXMuZ2V0T2Zmc2V0KG9mZnNldCk7XHJcbiAgICBzd2l0Y2ggKHBsYWNlKSB7XHJcbiAgICAgIGNhc2UgJ3RvcC1zdGFydCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC50b3AodG9wKS5sZWZ0KGxlZnQpO1xyXG4gICAgICBjYXNlICd0b3AnOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQuY2VudGVySG9yaXpvbnRhbGx5KCkudG9wKHRvcCk7XHJcbiAgICAgIGNhc2UgJ3RvcC1lbmQnOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQudG9wKHRvcCkucmlnaHQocmlnaHQpO1xyXG4gICAgICBjYXNlICdsZWZ0JzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmNlbnRlclZlcnRpY2FsbHkoKS5sZWZ0KGxlZnQpO1xyXG4gICAgICBjYXNlICdjZW50ZXInOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQuY2VudGVyVmVydGljYWxseSgpLmNlbnRlckhvcml6b250YWxseSgpO1xyXG4gICAgICBjYXNlICdyaWdodCc6XHJcbiAgICAgICAgcmV0dXJuIHJlc3VsdC5jZW50ZXJWZXJ0aWNhbGx5KCkucmlnaHQocmlnaHQpO1xyXG4gICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxyXG4gICAgICAgIHJldHVybiByZXN1bHQuYm90dG9tKGJvdHRvbSkubGVmdChsZWZ0KTtcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmNlbnRlckhvcml6b250YWxseSgpLmJvdHRvbShib3R0b20pO1xyXG4gICAgICBjYXNlICdib3R0b20tZW5kJzpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmJvdHRvbShib3R0b20pLnJpZ2h0KHJpZ2h0KTtcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gcmVzdWx0LmNlbnRlclZlcnRpY2FsbHkoKS5jZW50ZXJIb3Jpem9udGFsbHkoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNldFJlc2l6YWJsZShlbGU6IEhUTUxFbGVtZW50LCBwbGFjZT86IFhQbGFjZSkge1xyXG4gICAgY29uc3QgeyBjbGllbnRXaWR0aCwgY2xpZW50SGVpZ2h0IH0gPSBlbGU7XHJcbiAgICBjb25zdCBjb21wdXRlZFN0eWxlID0gWENvbXB1dGVkKGVsZSk7XHJcbiAgICBjb25zdCBtYXJnaW5SaWdodCA9IHBhcnNlRmxvYXQoY29tcHV0ZWRTdHlsZS5tYXJnaW5SaWdodCk7XHJcbiAgICBjb25zdCBtYXJnaW5Cb3R0b20gPSBwYXJzZUZsb2F0KGNvbXB1dGVkU3R5bGUubWFyZ2luQm90dG9tKTtcclxuICAgIGxldCBtYXJnaW5MZWZ0ID0gbnVsbDtcclxuICAgIGxldCBtYXJnaW5Ub3AgPSBudWxsO1xyXG4gICAgc3dpdGNoIChwbGFjZSkge1xyXG4gICAgICBjYXNlICd0b3Atc3RhcnQnOlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICd0b3AnOlxyXG4gICAgICAgIG1hcmdpbkxlZnQgPSBgY2FsYyg1MHZ3IC0gJHtjbGllbnRXaWR0aCAvIDJ9cHgpYDtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAndG9wLWVuZCc6XHJcbiAgICAgICAgbWFyZ2luTGVmdCA9IGBjYWxjKDEwMHZ3IC0gJHtjbGllbnRXaWR0aCArIG1hcmdpblJpZ2h0fXB4KWA7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ2xlZnQnOlxyXG4gICAgICAgIG1hcmdpblRvcCA9IGBjYWxjKDUwdmggLSAke2NsaWVudEhlaWdodCAvIDJ9cHgpYDtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnY2VudGVyJzpcclxuICAgICAgICBtYXJnaW5MZWZ0ID0gYGNhbGMoNTB2dyAtICR7Y2xpZW50V2lkdGggLyAyfXB4KWA7XHJcbiAgICAgICAgbWFyZ2luVG9wID0gYGNhbGMoNTB2aCAtICR7Y2xpZW50SGVpZ2h0IC8gMn1weClgO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdyaWdodCc6XHJcbiAgICAgICAgbWFyZ2luTGVmdCA9IGBjYWxjKDEwMHZ3IC0gJHtjbGllbnRXaWR0aCArIG1hcmdpblJpZ2h0fXB4KWA7XHJcbiAgICAgICAgbWFyZ2luVG9wID0gYGNhbGMoNTB2aCAtICR7Y2xpZW50SGVpZ2h0IC8gMn1weClgO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxyXG4gICAgICAgIG1hcmdpblRvcCA9IGBjYWxjKDEwMHZoIC0gJHtjbGllbnRIZWlnaHQgKyBtYXJnaW5Cb3R0b219cHgpYDtcclxuICAgICAgICBicmVhaztcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgICBtYXJnaW5MZWZ0ID0gYGNhbGMoNTB2dyAtICR7Y2xpZW50V2lkdGggLyAyfXB4KWA7XHJcbiAgICAgICAgbWFyZ2luVG9wID0gYGNhbGMoMTAwdmggLSAke2NsaWVudEhlaWdodCArIG1hcmdpbkJvdHRvbX1weClgO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdib3R0b20tZW5kJzpcclxuICAgICAgICBtYXJnaW5MZWZ0ID0gYGNhbGMoMTAwdncgLSAke2NsaWVudFdpZHRoICsgbWFyZ2luUmlnaHR9cHgpYDtcclxuICAgICAgICBtYXJnaW5Ub3AgPSBgY2FsYygxMDB2aCAtICR7Y2xpZW50SGVpZ2h0ICsgbWFyZ2luQm90dG9tfXB4KWA7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgbWFyZ2luTGVmdCA9IGBjYWxjKDUwdncgLSAke2NsaWVudFdpZHRoIC8gMn1weClgO1xyXG4gICAgICAgIG1hcmdpblRvcCA9IGBjYWxjKDEwMHZoIC0gJHtjbGllbnRIZWlnaHQgLyAyfXB4KWA7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICB9XHJcbiAgICBtYXJnaW5MZWZ0ICYmIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWxlLCAnbWFyZ2luLWxlZnQnLCBtYXJnaW5MZWZ0KTtcclxuICAgIG1hcmdpblRvcCAmJiB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsZSwgJ21hcmdpbi10b3AnLCBtYXJnaW5Ub3ApO1xyXG5cclxuICAgIHJldHVybiB7XHJcbiAgICAgIG1hcmdpbkxlZnQ6IG1hcmdpbkxlZnQgfHwgY29tcHV0ZWRTdHlsZS5tYXJnaW5MZWZ0LFxyXG4gICAgICBtYXJnaW5Ub3A6IG1hcmdpblRvcCB8fCBjb21wdXRlZFN0eWxlLm1hcmdpblRvcCxcclxuICAgICAgbWFyZ2luQm90dG9tOiBjb21wdXRlZFN0eWxlLm1hcmdpbkJvdHRvbSxcclxuICAgICAgbWFyZ2luUmlnaHQ6IGNvbXB1dGVkU3R5bGUubWFyZ2luUmlnaHRcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBzZXRDb250YWluZXJTdHlsZShwbGFjZT86IFhQbGFjZSwgLi4ub2Zmc2V0OiBzdHJpbmdbXSkge1xyXG4gICAgbGV0IFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdID0gdGhpcy5nZXRPZmZzZXQob2Zmc2V0KTtcclxuICAgIHN3aXRjaCAocGxhY2UpIHtcclxuICAgICAgY2FzZSAndG9wLXN0YXJ0JzpcclxuICAgICAgICByZXR1cm4geyB0b3AsIGxlZnQgfTtcclxuICAgICAgY2FzZSAndG9wJzpcclxuICAgICAgICByZXR1cm4geyB0b3AgfTtcclxuICAgICAgY2FzZSAndG9wLWVuZCc6XHJcbiAgICAgICAgcmV0dXJuIHsgdG9wLCByaWdodCB9O1xyXG4gICAgICBjYXNlICdsZWZ0JzpcclxuICAgICAgICByZXR1cm4geyBsZWZ0IH07XHJcbiAgICAgIGNhc2UgJ2NlbnRlcic6XHJcbiAgICAgICAgcmV0dXJuIHt9O1xyXG4gICAgICBjYXNlICdyaWdodCc6XHJcbiAgICAgICAgcmV0dXJuIHsgcmlnaHQgfTtcclxuICAgICAgY2FzZSAnYm90dG9tLXN0YXJ0JzpcclxuICAgICAgICByZXR1cm4geyBib3R0b20sIGxlZnQgfTtcclxuICAgICAgY2FzZSAnYm90dG9tJzpcclxuICAgICAgICByZXR1cm4geyBib3R0b20gfTtcclxuICAgICAgY2FzZSAnYm90dG9tLWVuZCc6XHJcbiAgICAgICAgcmV0dXJuIHsgYm90dG9tLCByaWdodCB9O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHt9O1xyXG4gIH1cclxuXHJcbiAgZ2V0T2Zmc2V0KG9mZnNldDogc3RyaW5nW10pIHtcclxuICAgIGlmIChvZmZzZXQubGVuZ3RoID09PSAwKSBvZmZzZXQgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiA0IH0pLm1hcCgoKSA9PiBgMGApO1xyXG4gICAgZWxzZSBpZiAob2Zmc2V0Lmxlbmd0aCA8IDQpIHtcclxuICAgICAgQXJyYXkuZnJvbSh7IGxlbmd0aDogNCAtIG9mZnNldC5sZW5ndGggfSkubWFwKCgpID0+IChvZmZzZXQgPSBbLi4ub2Zmc2V0LCBvZmZzZXRbb2Zmc2V0Lmxlbmd0aCAtIDFdXSkpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG9mZnNldDtcclxuICB9XHJcblxyXG4gIGNyZWF0ZU92ZXJsYXlSZWYob3B0aW9uOiBYUG9ydGFsUHJvcGVydHkpOiBPdmVybGF5UmVmIHtcclxuICAgIHJldHVybiB0aGlzLm92ZXJsYXkuY3JlYXRlKG9wdGlvbi5vdmVybGF5Q29uZmlnKTtcclxuICB9XHJcblxyXG4gIHNldENvbm5lY3RlZFBvc2l0aW9uKC4uLnBsYWNlbWVudDogWFBsYWNlW10gfCBYUGxhY2VtZW50W10pOiBDb25uZWN0ZWRQb3NpdGlvbltdIHtcclxuICAgIGxldCByZXN1bHQ6IENvbm5lY3RlZFBvc2l0aW9uW10gPSBbXTtcclxuICAgIHBsYWNlbWVudC5mb3JFYWNoKChwbGFjZTogWFBsYWNlIHwgWFBsYWNlbWVudCkgPT4gcmVzdWx0LnB1c2goWFBvcnRhbFBsYWNlbWVudFtwbGFjZV0pKTtcclxuICAgIHJldHVybiByZXN1bHQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/progress/progress.component.mjs

@@ -211,11 +211,11 @@ class XProgressComponent extends XProgressProperty {
     onFormat(percent) {
         return this.format && this.format(percent);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XProgressComponent, selector: "x-progress", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n", styles: ["@keyframes x-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}x-progress{display:initial}.x-progress{margin:0;padding:0;display:inline-flex;align-items:center;width:100%}.x-progress-track{width:100%;display:inline-flex;align-items:center}.x-progress-rail{position:relative;display:inline-flex;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-bg{position:relative;background-color:var(--x-primary);transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;border-radius:var(--x-border-radius);text-align:right;color:#fff}.x-progress-bg>span{margin:0 .325rem}.x-progress-circle,.x-progress-dashboard,.x-progress-steps:not(.x-progress-steps-flex){width:initial}.x-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.x-progress-ring-rail{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-border-100);border-radius:100%}.x-progress-ring-bg{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-primary);border-radius:100%;transition:clip-path .3s cubic-bezier(.08,.82,.17,1) 0s}.x-progress-ring .x-progress-text{margin-left:0;justify-content:center;font-size:var(--x-font-size-large)}.x-progress-mask .x-progress-bg{background:transparent}.x-progress-bg-mask{transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;background-color:var(--x-border-100);border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-progress-step{background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-step:not(:first-child){margin-left:.125rem}.x-progress-step-active{background-color:var(--x-primary)}.x-progress-text{margin-left:.5rem;width:3.25rem;display:inline-flex;align-items:center;white-space:nowrap}.x-progress-active .x-progress-bg:before{position:absolute;inset:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:x-progress-active 2s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.x-progress-exception .x-progress-text{color:var(--x-danger)}.x-progress-exception .x-progress-bg,.x-progress-exception .x-progress-step-active{background-color:var(--x-danger)}.x-progress-exception .x-progress-ring-bg{border-color:var(--x-danger)}.x-progress-success .x-progress-text{color:var(--x-success)}.x-progress-success .x-progress-bg,.x-progress-success .x-progress-step-active{background-color:var(--x-success)}.x-progress-success .x-progress-ring-bg{border-color:var(--x-success)}.x-progress-warning .x-progress-text{color:var(--x-warning)}.x-progress-warning .x-progress-bg,.x-progress-warning .x-progress-step-active{background-color:var(--x-warning)}.x-progress-warning .x-progress-ring-bg{border-color:var(--x-warning)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XProgressComponent, selector: "x-progress", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n", styles: ["@keyframes x-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}x-progress{display:initial}.x-progress{margin:0;padding:0;display:inline-flex;align-items:center;width:100%}.x-progress-track{width:100%;display:inline-flex;align-items:center}.x-progress-rail{position:relative;display:inline-flex;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-bg{position:relative;background-color:var(--x-primary);transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;border-radius:var(--x-border-radius);text-align:right;color:#fff}.x-progress-bg>span{margin:0 .325rem}.x-progress-circle,.x-progress-dashboard,.x-progress-steps:not(.x-progress-steps-flex){width:initial}.x-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.x-progress-ring-rail{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-border-100);border-radius:100%}.x-progress-ring-bg{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-primary);border-radius:100%;transition:clip-path .3s cubic-bezier(.08,.82,.17,1) 0s}.x-progress-ring .x-progress-text{margin-left:0;justify-content:center;font-size:var(--x-font-size-large)}.x-progress-mask .x-progress-bg{background:transparent}.x-progress-bg-mask{transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;background-color:var(--x-border-100);border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-progress-step{background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-step:not(:first-child){margin-left:.125rem}.x-progress-step-active{background-color:var(--x-primary)}.x-progress-text{margin-left:.5rem;width:3.25rem;display:inline-flex;align-items:center;white-space:nowrap}.x-progress-active .x-progress-bg:before{position:absolute;inset:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:x-progress-active 2s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.x-progress-exception .x-progress-text{color:var(--x-danger)}.x-progress-exception .x-progress-bg,.x-progress-exception .x-progress-step-active{background-color:var(--x-danger)}.x-progress-exception .x-progress-ring-bg{border-color:var(--x-danger)}.x-progress-success .x-progress-text{color:var(--x-success)}.x-progress-success .x-progress-bg,.x-progress-success .x-progress-step-active{background-color:var(--x-success)}.x-progress-success .x-progress-ring-bg{border-color:var(--x-success)}.x-progress-warning .x-progress-text{color:var(--x-warning)}.x-progress-warning .x-progress-bg,.x-progress-warning .x-progress-step-active{background-color:var(--x-warning)}.x-progress-warning .x-progress-ring-bg{border-color:var(--x-warning)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XProgressComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XProgressPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"x-progress\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-progress-steps]=\"stepsArray.length > 0\"\r\n  [class.x-progress-steps-flex]=\"stepFlex\"\r\n  [ngSwitch]=\"type\"\r\n>\r\n  <ng-container *ngSwitchCase=\"'circle'\">\r\n    <ng-container *ngTemplateOutlet=\"circleTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dashboard'\">\r\n    <ng-container *ngTemplateOutlet=\"dashboardTpl\"> </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchDefault>\r\n    <ng-container *ngTemplateOutlet=\"lineTpl\"> </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #lineTpl>\r\n  <ng-container *ngIf=\"stepsArray.length === 0\">\r\n    <ng-container *ngTemplateOutlet=\"trackTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"stepsArray.length > 0\">\r\n    <ng-container *ngTemplateOutlet=\"stepsTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"info && !inside\">\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #circleTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"circleClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dashboardTpl>\r\n  <div class=\"x-progress-ring\" [style.width]=\"size\" [style.height]=\"size\">\r\n    <div class=\"x-progress-ring-rail\" [style.clip-path]=\"dashboardRailClipPath\" [style.border-width]=\"thickness\"></div>\r\n    <div\r\n      class=\"x-progress-ring-bg\"\r\n      [style.clip-path]=\"dashboardClipPath\"\r\n      [style.background-color]=\"currentColor\"\r\n      [style.border-width]=\"thickness\"\r\n    ></div>\r\n    <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #trackTpl>\r\n  <div class=\"x-progress-track\">\r\n    <div class=\"x-progress-rail\" [class.x-progress-mask]=\"subsection\" [style.background-image]=\"subsection ? subLinearGradient : 'none'\">\r\n      <div\r\n        class=\"x-progress-bg\"\r\n        [style.width.%]=\"percent\"\r\n        [style.background-color]=\"currentColor\"\r\n        [style.background-image]=\"linearGradient\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      >\r\n        <ng-container *ngIf=\"info && inside\">\r\n          <ng-container *ngTemplateOutlet=\"textTpl\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"subsection\"\r\n        class=\"x-progress-bg-mask\"\r\n        [style.width.%]=\"maskWidth\"\r\n        [style.height]=\"height\"\r\n        [style.line-height]=\"height\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #stepsTpl>\r\n  <div\r\n    *ngFor=\"let step of stepsArray\"\r\n    class=\"x-progress-step\"\r\n    [class.x-progress-step-active]=\"step\"\r\n    [style.background-color]=\"currentColor\"\r\n    [style.width]=\"stepWidth\"\r\n    [style.flex]=\"stepFlex ? 1 : 'none'\"\r\n    [style.height]=\"height\"\r\n    [style.line-height]=\"height\"\r\n  ></div>\r\n</ng-template>\r\n\r\n<ng-template #textTpl>\r\n  <span class=\"x-progress-text\" [ngSwitch]=\"status\">\r\n    <ng-container *ngSwitchCase=\"'success'\">\r\n      <x-icon type=\"fto-check-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'exception'\">\r\n      <x-icon type=\"fto-x-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'warning'\">\r\n      <x-icon type=\"fto-help-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngIf=\"format; else defaultTemp\">{{ onFormat(percent) }}</ng-container>\r\n      <ng-template #defaultTemp>{{ percent }}%</ng-template>\r\n    </ng-container>\r\n  </span>\r\n</ng-template>\r\n", styles: ["@keyframes x-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}x-progress{display:initial}.x-progress{margin:0;padding:0;display:inline-flex;align-items:center;width:100%}.x-progress-track{width:100%;display:inline-flex;align-items:center}.x-progress-rail{position:relative;display:inline-flex;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-bg{position:relative;background-color:var(--x-primary);transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;border-radius:var(--x-border-radius);text-align:right;color:#fff}.x-progress-bg>span{margin:0 .325rem}.x-progress-circle,.x-progress-dashboard,.x-progress-steps:not(.x-progress-steps-flex){width:initial}.x-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.x-progress-ring-rail{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-border-100);border-radius:100%}.x-progress-ring-bg{position:absolute;width:100%;height:100%;border-style:solid;border-color:var(--x-primary);border-radius:100%;transition:clip-path .3s cubic-bezier(.08,.82,.17,1) 0s}.x-progress-ring .x-progress-text{margin-left:0;justify-content:center;font-size:var(--x-font-size-large)}.x-progress-mask .x-progress-bg{background:transparent}.x-progress-bg-mask{transition:width .3s cubic-bezier(.08,.82,.17,1) 0s;background-color:var(--x-border-100);border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-progress-step{background-color:var(--x-border-100);border-radius:var(--x-border-radius)}.x-progress-step:not(:first-child){margin-left:.125rem}.x-progress-step-active{background-color:var(--x-primary)}.x-progress-text{margin-left:.5rem;width:3.25rem;display:inline-flex;align-items:center;white-space:nowrap}.x-progress-active .x-progress-bg:before{position:absolute;inset:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:x-progress-active 2s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.x-progress-exception .x-progress-text{color:var(--x-danger)}.x-progress-exception .x-progress-bg,.x-progress-exception .x-progress-step-active{background-color:var(--x-danger)}.x-progress-exception .x-progress-ring-bg{border-color:var(--x-danger)}.x-progress-success .x-progress-text{color:var(--x-success)}.x-progress-success .x-progress-bg,.x-progress-success .x-progress-step-active{background-color:var(--x-success)}.x-progress-success .x-progress-ring-bg{border-color:var(--x-success)}.x-progress-warning .x-progress-text{color:var(--x-warning)}.x-progress-warning .x-progress-bg,.x-progress-warning .x-progress-step-active{background-color:var(--x-warning)}.x-progress-warning .x-progress-ring-bg{border-color:var(--x-warning)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });

package/esm2022/progress/progress.module.mjs

@@ -6,12 +6,12 @@ import { XIconModule } from '@ng-nest/ui/icon';
 import { XProgressProperty } from './progress.property';
 import * as i0 from "@angular/core";
 class XProgressModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, declarations: [XProgressComponent, XProgressProperty], imports: [CommonModule, FormsModule, XIconModule], exports: [XProgressComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, imports: [CommonModule, FormsModule, XIconModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, declarations: [XProgressComponent, XProgressProperty], imports: [CommonModule, FormsModule, XIconModule], exports: [XProgressComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, imports: [CommonModule, FormsModule, XIconModule] }); }
 }
 export { XProgressModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XProgressComponent, XProgressProperty],

package/esm2022/progress/progress.property.mjs

@@ -51,8 +51,8 @@ class XProgressProperty extends XProperty {
          */
         this.notchAngle = 80;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XProgressProperty, selector: "x-progress-property", inputs: { type: "type", percent: "percent", height: "height", status: "status", info: "info", inside: "inside", format: "format", color: "color", gradient: "gradient", steps: "steps", stepWidth: "stepWidth", stepFlex: "stepFlex", thickness: "thickness", size: "size", notchAngle: "notchAngle", subsection: "subsection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XProgressProperty, selector: "x-progress-property", inputs: { type: "type", percent: "percent", height: "height", status: "status", info: "info", inside: "inside", format: "format", color: "color", gradient: "gradient", steps: "steps", stepWidth: "stepWidth", stepFlex: "stepFlex", thickness: "thickness", size: "size", notchAngle: "notchAngle", subsection: "subsection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XInputNumber()
@@ -76,7 +76,7 @@ __decorate([
     XInputBoolean()
 ], XProgressProperty.prototype, "subsection", void 0);
 export { XProgressProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XProgressProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XProgressProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XProgressPrefix}-property`, template: '' }]
         }], propDecorators: { type: [{

package/esm2022/radio/radio.component.mjs

@@ -90,11 +90,11 @@ class XRadioComponent extends XRadioProperty {
         this.ngOnInit();
         this.cdr.detectChanges();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XRadioComponent, selector: "x-radio", providers: [XValueAccessor(XRadioComponent)], viewQueries: [{ propertyName: "radio", first: true, predicate: ["radio"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-radio-button]=\"button\"\r\n  [class.x-radio-icon]=\"icon\"\r\n  [class.x-radio-after]=\"after\"\r\n  [class.x-radio-before]=\"before\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate\"\r\n>\r\n  <label *ngIf=\"label\" [class.x-radio-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-radio-row\">\r\n    <div class=\"x-radio-row-before\" *ngIf=\"before\">\r\n      <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n    </div>\r\n    <div class=\"x-radio-row-list\" [ngSwitch]=\"radioType\">\r\n      <ng-container *ngSwitchCase=\"'initial'\">\r\n        <div\r\n          class=\"x-radio-row-item\"\r\n          *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n          [class.x-checked]=\"item.id === value\"\r\n          [class.x-disabled]=\"disabled || item.disabled\"\r\n          (click)=\"radioClick($event, item)\"\r\n        >\r\n          <span class=\"x-radio-box\"></span>\r\n          <span class=\"x-radio-label\">{{ item.label }}</span>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'button'\">\r\n        <x-buttons>\r\n          <x-button\r\n            *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n            [icon]=\"item.icon\"\r\n            [size]=\"size\"\r\n            [type]=\"type\"\r\n            [activated]=\"item.id === value\"\r\n            [disabled]=\"disabled || item.disabled\"\r\n            attrType=\"button\"\r\n            (click)=\"radioClick($event, item)\"\r\n            >{{ item.label }}</x-button\r\n          >\r\n        </x-buttons>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'icon'\">\r\n        <x-buttons>\r\n          <x-button\r\n            *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n            [icon]=\"item.icon\"\r\n            [size]=\"size\"\r\n            [type]=\"type\"\r\n            [activated]=\"item.id === value\"\r\n            [disabled]=\"disabled || item.disabled\"\r\n            attrType=\"button\"\r\n            (click)=\"radioClick($event, item)\"\r\n            >{{ item.label }}</x-button\r\n          >\r\n        </x-buttons>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'tag'\">\r\n        <x-tag\r\n          *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n          checked\r\n          manual\r\n          [type]=\"type\"\r\n          [size]=\"size\"\r\n          [bordered]=\"tagBordered\"\r\n          [dark]=\"tagDark\"\r\n          [disabled]=\"disabled! || item.disabled!\"\r\n          [selected]=\"value === item.id\"\r\n          (click)=\"radioClick($event, item)\"\r\n          >{{ item.label }}</x-tag\r\n        >\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"x-radio-row-after\" *ngIf=\"after\">\r\n      <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:.875rem}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input:hover,.x-radio-before-template.x-radio-button .x-radio-row-before input:focus,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before input:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before input:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input:hover,.x-radio-after-template.x-radio-button .x-radio-row-after input:focus,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after input:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after input:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "component", type: i3.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i4.XTagComponent, selector: "x-tag" }, { kind: "directive", type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XRadioComponent, selector: "x-radio", providers: [XValueAccessor(XRadioComponent)], viewQueries: [{ propertyName: "radio", first: true, predicate: ["radio"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-radio-button]=\"button\"\r\n  [class.x-radio-icon]=\"icon\"\r\n  [class.x-radio-after]=\"after\"\r\n  [class.x-radio-before]=\"before\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate\"\r\n>\r\n  <label *ngIf=\"label\" [class.x-radio-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-radio-row\">\r\n    <div class=\"x-radio-row-before\" *ngIf=\"before\">\r\n      <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n    </div>\r\n    <div class=\"x-radio-row-list\" [ngSwitch]=\"radioType\">\r\n      <ng-container *ngSwitchCase=\"'initial'\">\r\n        <div\r\n          class=\"x-radio-row-item\"\r\n          *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n          [class.x-checked]=\"item.id === value\"\r\n          [class.x-disabled]=\"disabled || item.disabled\"\r\n          (click)=\"radioClick($event, item)\"\r\n        >\r\n          <span class=\"x-radio-box\"></span>\r\n          <span class=\"x-radio-label\">{{ item.label }}</span>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'button'\">\r\n        <x-buttons>\r\n          <x-button\r\n            *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n            [icon]=\"item.icon\"\r\n            [size]=\"size\"\r\n            [type]=\"type\"\r\n            [activated]=\"item.id === value\"\r\n            [disabled]=\"disabled || item.disabled\"\r\n            attrType=\"button\"\r\n            (click)=\"radioClick($event, item)\"\r\n            >{{ item.label }}</x-button\r\n          >\r\n        </x-buttons>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'icon'\">\r\n        <x-buttons>\r\n          <x-button\r\n            *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n            [icon]=\"item.icon\"\r\n            [size]=\"size\"\r\n            [type]=\"type\"\r\n            [activated]=\"item.id === value\"\r\n            [disabled]=\"disabled || item.disabled\"\r\n            attrType=\"button\"\r\n            (click)=\"radioClick($event, item)\"\r\n            >{{ item.label }}</x-button\r\n          >\r\n        </x-buttons>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'tag'\">\r\n        <x-tag\r\n          *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n          checked\r\n          manual\r\n          [type]=\"type\"\r\n          [size]=\"size\"\r\n          [bordered]=\"tagBordered\"\r\n          [dark]=\"tagDark\"\r\n          [disabled]=\"disabled! || item.disabled!\"\r\n          [selected]=\"value === item.id\"\r\n          (click)=\"radioClick($event, item)\"\r\n          >{{ item.label }}</x-tag\r\n        >\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"x-radio-row-after\" *ngIf=\"after\">\r\n      <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:.875rem}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input:hover,.x-radio-before-template.x-radio-button .x-radio-row-before input:focus,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before input:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before input:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input:hover,.x-radio-after-template.x-radio-button .x-radio-row-after input:focus,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after input:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after input:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "component", type: i3.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i4.XTagComponent, selector: "x-tag" }, { kind: "directive", type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XRadioComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XRadioPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRadioComponent)], template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-radio-button]=\"button\"\r\n  [class.x-radio-icon]=\"icon\"\r\n  [class.x-radio-after]=\"after\"\r\n  [class.x-radio-before]=\"before\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate\"\r\n>\r\n  <label *ngIf=\"label\" [class.x-radio-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-radio-row\">\r\n    <div class=\"x-radio-row-before\" *ngIf=\"before\">\r\n      <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n    </div>\r\n    <div class=\"x-radio-row-list\" [ngSwitch]=\"radioType\">\r\n      <ng-container *ngSwitchCase=\"'initial'\">\r\n        <div\r\n          class=\"x-radio-row-item\"\r\n          *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n          [class.x-checked]=\"item.id === value\"\r\n          [class.x-disabled]=\"disabled || item.disabled\"\r\n          (click)=\"radioClick($event, item)\"\r\n        >\r\n          <span class=\"x-radio-box\"></span>\r\n          <span class=\"x-radio-label\">{{ item.label }}</span>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'button'\">\r\n        <x-buttons>\r\n          <x-button\r\n            *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n            [icon]=\"item.icon\"\r\n            [size]=\"size\"\r\n            [type]=\"type\"\r\n            [activated]=\"item.id === value\"\r\n            [disabled]=\"disabled || item.disabled\"\r\n            attrType=\"button\"\r\n            (click)=\"radioClick($event, item)\"\r\n            >{{ item.label }}</x-button\r\n          >\r\n        </x-buttons>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'icon'\">\r\n        <x-buttons>\r\n          <x-button\r\n            *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n            [icon]=\"item.icon\"\r\n            [size]=\"size\"\r\n            [type]=\"type\"\r\n            [activated]=\"item.id === value\"\r\n            [disabled]=\"disabled || item.disabled\"\r\n            attrType=\"button\"\r\n            (click)=\"radioClick($event, item)\"\r\n            >{{ item.label }}</x-button\r\n          >\r\n        </x-buttons>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'tag'\">\r\n        <x-tag\r\n          *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n          checked\r\n          manual\r\n          [type]=\"type\"\r\n          [size]=\"size\"\r\n          [bordered]=\"tagBordered\"\r\n          [dark]=\"tagDark\"\r\n          [disabled]=\"disabled! || item.disabled!\"\r\n          [selected]=\"value === item.id\"\r\n          (click)=\"radioClick($event, item)\"\r\n          >{{ item.label }}</x-tag\r\n        >\r\n      </ng-container>\r\n    </div>\r\n    <div class=\"x-radio-row-after\" *ngIf=\"after\">\r\n      <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:.875rem}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input:hover,.x-radio-before-template.x-radio-button .x-radio-row-before input:focus,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before input:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before input:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input:hover,.x-radio-after-template.x-radio-button .x-radio-row-after input:focus,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after input:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after input:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { radio: [{

package/esm2022/radio/radio.module.mjs

@@ -9,12 +9,12 @@ import { XOutletModule } from '@ng-nest/ui/outlet';
 import { XTagModule } from '@ng-nest/ui/tag';
 import * as i0 from "@angular/core";
 class XRadioModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XRadioModule, declarations: [XRadioComponent, XRadioProperty], imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule], exports: [XRadioComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioModule, imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XRadioModule, declarations: [XRadioComponent, XRadioProperty], imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule], exports: [XRadioComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioModule, imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule] }); }
 }
 export { XRadioModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XRadioComponent, XRadioProperty],

package/esm2022/radio/radio.property.mjs

@@ -32,8 +32,8 @@ class XRadioProperty extends XControlValueAccessor {
          */
         this.tagBordered = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XRadioProperty, selector: "x-radio-property", inputs: { data: "data", button: "button", icon: "icon", tag: "tag", size: "size", type: "type", tagBordered: "tagBordered", tagDark: "tagDark", allowCancel: "allowCancel", before: "before", after: "after" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XRadioProperty, selector: "x-radio-property", inputs: { data: "data", button: "button", icon: "icon", tag: "tag", size: "size", type: "type", tagBordered: "tagBordered", tagDark: "tagDark", allowCancel: "allowCancel", before: "before", after: "after" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XDataConvert()
@@ -60,7 +60,7 @@ __decorate([
     XInputBoolean()
 ], XRadioProperty.prototype, "allowCancel", void 0);
 export { XRadioProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRadioProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRadioProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XRadioPrefix}-property`, template: '' }]
         }], propDecorators: { data: [{

package/esm2022/rate/rate.component.mjs

@@ -104,11 +104,11 @@ class XRateComponent extends XRateProperty {
         this.ngOnInit();
         this.cdr.detectChanges();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XRateComponent, selector: "x-rate", providers: [XValueAccessor(XRateComponent)], viewQueries: [{ propertyName: "rate", first: true, predicate: ["rate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [class.x-rate-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    <div\r\n      class=\"x-rate-icon\"\r\n      [class.activated]=\"rate <= hoverActivated\"\r\n      [class.half-activated]=\"rate <= hoverHalfActivated\"\r\n      [style.color]=\"rate <= hoverActivated ? getColor : ''\"\r\n      *ngFor=\"let rate of rates; index as i; trackBy: trackByItem\"\r\n    >\r\n      <div\r\n        *ngIf=\"half\"\r\n        class=\"x-rate-half\"\r\n        [style.color]=\"rate <= hoverHalfActivated ? getColor : ''\"\r\n        (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n        (click)=\"rateHalfClick(rate, $event)\"\r\n      >\r\n        <ng-container *ngIf=\"customTemp; else iconTpl\">\r\n          <ng-container *ngTemplateOutlet=\"customTemp\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n        <ng-container *ngIf=\"customTemp; else iconTpl\">\r\n          <ng-container *ngTemplateOutlet=\"customTemp\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0;width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:calc(var(--x-font-size) + .875rem);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XRateComponent, selector: "x-rate", providers: [XValueAccessor(XRateComponent)], viewQueries: [{ propertyName: "rate", first: true, predicate: ["rate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [class.x-rate-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    <div\r\n      class=\"x-rate-icon\"\r\n      [class.activated]=\"rate <= hoverActivated\"\r\n      [class.half-activated]=\"rate <= hoverHalfActivated\"\r\n      [style.color]=\"rate <= hoverActivated ? getColor : ''\"\r\n      *ngFor=\"let rate of rates; index as i; trackBy: trackByItem\"\r\n    >\r\n      <div\r\n        *ngIf=\"half\"\r\n        class=\"x-rate-half\"\r\n        [style.color]=\"rate <= hoverHalfActivated ? getColor : ''\"\r\n        (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n        (click)=\"rateHalfClick(rate, $event)\"\r\n      >\r\n        <ng-container *ngIf=\"customTemp; else iconTpl\">\r\n          <ng-container *ngTemplateOutlet=\"customTemp\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n        <ng-container *ngIf=\"customTemp; else iconTpl\">\r\n          <ng-container *ngTemplateOutlet=\"customTemp\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0;width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:calc(var(--x-font-size) + .875rem);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XRateComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XRatePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRateComponent)], template: "<div\r\n  #rate\r\n  class=\"x-rate\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [class.x-rate-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-rate-icons\" (mouseleave)=\"leaveRates()\">\r\n    <div\r\n      class=\"x-rate-icon\"\r\n      [class.activated]=\"rate <= hoverActivated\"\r\n      [class.half-activated]=\"rate <= hoverHalfActivated\"\r\n      [style.color]=\"rate <= hoverActivated ? getColor : ''\"\r\n      *ngFor=\"let rate of rates; index as i; trackBy: trackByItem\"\r\n    >\r\n      <div\r\n        *ngIf=\"half\"\r\n        class=\"x-rate-half\"\r\n        [style.color]=\"rate <= hoverHalfActivated ? getColor : ''\"\r\n        (mouseenter)=\"rateHalfHover(rate, $event)\"\r\n        (click)=\"rateHalfClick(rate, $event)\"\r\n      >\r\n        <ng-container *ngIf=\"customTemp; else iconTpl\">\r\n          <ng-container *ngTemplateOutlet=\"customTemp\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div class=\"x-rate-back\" (mouseenter)=\"rateHover(rate, $event)\" (click)=\"rateClick(rate, $event)\">\r\n        <ng-container *ngIf=\"customTemp; else iconTpl\">\r\n          <ng-container *ngTemplateOutlet=\"customTemp\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #iconTpl>\r\n  <x-icon type=\"adf-star\"></x-icon>\r\n</ng-template>\r\n", styles: [".x-rate{margin:0;padding:0;width:100%}.x-rate.x-flex{display:flex}.x-rate.x-justify-start{justify-content:flex-start}.x-rate.x-justify-center{justify-content:center}.x-rate.x-justify-end{justify-content:flex-end}.x-rate.x-justify-space-between{justify-content:space-between}.x-rate.x-justify-space-around{justify-content:space-around}.x-rate.x-align-start{align-items:flex-start}.x-rate.x-align-center{align-items:center}.x-rate.x-align-end{align-items:flex-end}.x-rate.x-direction-column{flex-direction:column}.x-rate.x-direction-column-reverse{flex-direction:column-reverse}.x-rate.x-direction-row{flex-direction:row}.x-rate.x-direction-row-reverse{flex-direction:row-reverse}.x-rate>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-rate>label.x-text-align-start{text-align:start}.x-rate>label.x-text-align-center{text-align:center}.x-rate>label.x-text-align-end{text-align:end}.x-rate-icons{display:inline-flex;align-items:center;height:calc(var(--x-font-size) + .875rem);cursor:pointer}.x-rate-icon{margin:0 .2rem;display:flex;align-items:center;position:relative;color:var(--x-info);transition:transform var(--x-animation-duration-base),color var(--x-animation-duration-base);font-size:calc(var(--x-font-size-big) + .125rem)}.x-rate-icon .x-icon{vertical-align:0}.x-rate-icon:hover{transform:scale(1.1)}.x-rate-icon.activated,.x-rate-icon.half-activated .x-rate-half{color:var(--x-warning)}.x-rate-half{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;display:flex;align-items:center}.x-rate-half:hover{opacity:1}.x-rate-back{display:flex;align-items:center}.x-rate-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-rate.x-invalid>label,.x-rate.x-required>label{color:var(--x-danger)}.x-rate.x-disabled .x-rate-icons{cursor:not-allowed;opacity:.8}.x-rate.x-direction-row>label{padding:0 .5rem 0 0}.x-rate.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-rate.x-direction-column,.x-rate.x-direction-column-reverse{align-items:inherit}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { rate: [{

package/esm2022/rate/rate.module.mjs

@@ -8,12 +8,12 @@ import { XIconModule } from '@ng-nest/ui/icon';
 import { XBaseFormModule } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 class XRateModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XRateModule, declarations: [XRateComponent, XRateProperty], imports: [CommonModule, FormsModule, XButtonModule, XIconModule, XBaseFormModule], exports: [XRateComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateModule, imports: [CommonModule, FormsModule, XButtonModule, XIconModule, XBaseFormModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XRateModule, declarations: [XRateComponent, XRateProperty], imports: [CommonModule, FormsModule, XButtonModule, XIconModule, XBaseFormModule], exports: [XRateComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateModule, imports: [CommonModule, FormsModule, XButtonModule, XIconModule, XBaseFormModule] }); }
 }
 export { XRateModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XRateComponent, XRateProperty],

package/esm2022/rate/rate.property.mjs

@@ -22,8 +22,8 @@ class XRateProperty extends XControlValueAccessor {
          */
         this.count = 5;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XRateProperty, selector: "x-rate-property", inputs: { count: "count", half: "half", color: "color", customTemp: "customTemp" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XRateProperty, selector: "x-rate-property", inputs: { count: "count", half: "half", color: "color", customTemp: "customTemp" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XInputNumber()
@@ -35,7 +35,7 @@ __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XRateProperty.prototype, "color", void 0);
 export { XRateProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XRateProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XRateProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XRatePrefix}-property`, template: '' }]
         }], propDecorators: { count: [{

package/esm2022/resizable/resizable.directive.mjs

@@ -248,11 +248,11 @@ class XResizableDirective extends XResizableProperty {
             this.mouseUpSub = undefined;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: XResizableDirective, selector: "[xResizable]", host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)" }, properties: { "class.x-resizable-disabled": "this.getDisabled" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: XResizableDirective, selector: "[xResizable]", host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)" }, properties: { "class.x-resizable-disabled": "this.getDisabled" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 export { XResizableDirective };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[xResizable]' }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { getDisabled: [{

package/esm2022/resizable/resizable.module.mjs

@@ -3,12 +3,12 @@ import { CommonModule } from '@angular/common';
 import { XResizableDirective } from './resizable.directive';
 import * as i0 from "@angular/core";
 class XResizableModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XResizableModule, declarations: [XResizableDirective], imports: [CommonModule], exports: [XResizableDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: XResizableModule, declarations: [XResizableDirective], imports: [CommonModule], exports: [XResizableDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableModule, imports: [CommonModule] }); }
 }
 export { XResizableModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XResizableDirective],

package/esm2022/resizable/resizable.property.mjs

@@ -56,8 +56,8 @@ class XResizableProperty extends XProperty {
          */
         this.resizeEnd = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: XResizableProperty, selector: "[xResizable]", inputs: { xResizable: "xResizable", position: "position", ghost: "ghost", offsetLeft: "offsetLeft", offsetTop: "offsetTop" }, outputs: { resizeBegin: "resizeBegin", resizing: "resizing", resizeEnd: "resizeEnd" }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: XResizableProperty, selector: "[xResizable]", inputs: { xResizable: "xResizable", position: "position", ghost: "ghost", offsetLeft: "offsetLeft", offsetTop: "offsetTop" }, outputs: { resizeBegin: "resizeBegin", resizing: "resizing", resizeEnd: "resizeEnd" }, usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     XInputBoolean()
@@ -72,7 +72,7 @@ __decorate([
     XInputNumber()
 ], XResizableProperty.prototype, "offsetTop", void 0);
 export { XResizableProperty };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResizableProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResizableProperty, decorators: [{
             type: Directive,
             args: [{ selector: '[xResizable]' }]
         }], propDecorators: { xResizable: [{

package/esm2022/result/result.component.mjs

@@ -23,11 +23,11 @@ class XResultComponent extends XResultProperty {
     setClassMap() {
         this.classMap[`${XResultPrefix}-${this.status}`] = !XIsEmpty(this.status);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResultComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XResultComponent, selector: "x-result", usesInheritance: true, ngImport: i0, template: "<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    <ng-container *ngIf=\"!icon; else iconTpl\" [ngSwitch]=\"status\">\r\n      <x-icon *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'warning'\" type=\"adf-warning\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'403'\" type=\"fto-lock\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'404'\" type=\"fto-code\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'500'\" type=\"adf-close-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-template #iconTpl>\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"strIcon\"></x-icon>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResultComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: XResultComponent, selector: "x-result", usesInheritance: true, ngImport: i0, template: "<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    <ng-container *ngIf=\"!icon; else iconTpl\" [ngSwitch]=\"status\">\r\n      <x-icon *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'warning'\" type=\"adf-warning\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'403'\" type=\"fto-lock\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'404'\" type=\"fto-code\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'500'\" type=\"adf-close-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-template #iconTpl>\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"strIcon\"></x-icon>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { XResultComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XResultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: XResultComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XResultPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    <ng-container *ngIf=\"!icon; else iconTpl\" [ngSwitch]=\"status\">\r\n      <x-icon *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'warning'\" type=\"adf-warning\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'403'\" type=\"fto-lock\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'404'\" type=\"fto-code\"></x-icon>\r\n      <x-icon *ngSwitchCase=\"'500'\" type=\"adf-close-circle\"></x-icon>\r\n    </ng-container>\r\n    <ng-template #iconTpl>\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"strIcon\"></x-icon>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });