@ng-nest/ui 17.0.12 → 18.0.1

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

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, Input, inject, Renderer2, ChangeDetectorRef, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, HostListener, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import { XProperty, XWithConfig, XInputBoolean, XConfigService, XIsEmpty } from '@ng-nest/ui/core';
+import { input, Component, viewChild, computed, inject, Renderer2, effect, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { XPropertyFunction, XToBoolean, XIsEmpty } from '@ng-nest/ui/core';
 import { XIconComponent } from '@ng-nest/ui/icon';
 import { NgClass } from '@angular/common';
 
@@ -11,105 +10,139 @@ import { NgClass } from '@angular/common';
  * @decorator component
  */
 const XLinkPrefix = 'x-link';
-const X_CONFIG_NAME = 'link';
+const X_LINK_CONFIG_NAME = 'link';
 /**
  * Link Property
  */
-class XLinkProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XLinkProperty, selector: "x-link-property", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", preventDefault: "preventDefault", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+class XLinkProperty extends XPropertyFunction(X_LINK_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 链接
+         * @en_US Link
+         * @example
+         *
+         * ```html
+         * <x-link href="https://www.ngnest.com" target="_blank">ng-nest</x-link>
+         * ```
+         *
+         */
+        this.href = input();
+        /**
+         * @zh_CN 图标
+         * @en_US Icon
+         * @example
+         *
+         * ```html
+         * <x-link icon="fto-chevron-left">left</x-link>
+         * <x-link icon="fto-chevron-right">right</x-link>
+         * ```
+         *
+         */
+        this.icon = input();
+        /**
+         * @zh_CN 下划线
+         * @en_US Underscore
+         * @example
+         *
+         * ```html
+         * <x-link underline>underline</x-link>
+         * ```
+         *
+         */
+        this.underline = input(this.config?.underline ?? false, { transform: XToBoolean });
+        /**
+         * @zh_CN 禁用
+         * @en_US Disabled
+         * @example
+         *
+         * ```html
+         * <x-link disabled>disabled</x-link>
+         * ```
+         *
+         */
+        this.disabled = input(false, { transform: XToBoolean });
+        /**
+         * @zh_CN 图标靠右对齐
+         * @en_US Icons are aligned to the right
+         * @example
+         *
+         * ```html
+         * <x-link icon="fto-chevron-left">left</x-link>
+         * <x-link icon="fto-chevron-right" iconRight>right</x-link>
+         * ```
+         *
+         */
+        this.iconRight = input(this.config?.iconRight ?? false, { transform: XToBoolean });
+        /**
+         * @zh_CN 阻止超链接的默认行为
+         * @en_US Block the default behavior of hyperlinks
+         */
+        this.preventDefault = input(this.config?.preventDefault ?? false, { transform: XToBoolean });
+        /**
+         * @zh_CN 链接类型
+         * @en_US Link type
+         * @example
+         *
+         * ```html
+         * <x-link type="primary">primary</x-link>
+         * <x-link type="success">success</x-link>
+         * <x-link type="warning">warning</x-link>
+         * <x-link type="danger">danger</x-link>
+         * <x-link type="info">info</x-link>
+         * ```
+         *
+         */
+        this.type = input('initial');
+        /**
+         * @zh_CN 打开方式
+         * @en_US Open method
+         * @example
+         *
+         * ```html
+         * <x-link href="https://www.ngnest.com" target="_self">ng-nest</x-link>
+         * <x-link href="https://www.ngnest.com" target="_blank">ng-nest</x-link>
+         * ```
+         *
+         */
+        this.target = input();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XLinkProperty, selector: "x-link-property", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, preventDefault: { classPropertyName: "preventDefault", publicName: "preventDefault", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME, false),
-    XInputBoolean()
-], XLinkProperty.prototype, "underline", void 0);
-__decorate([
-    XInputBoolean()
-], XLinkProperty.prototype, "disabled", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, false),
-    XInputBoolean()
-], XLinkProperty.prototype, "iconRight", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, false),
-    XInputBoolean()
-], XLinkProperty.prototype, "preventDefault", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XLinkPrefix}-property`, template: '' }]
-        }], propDecorators: { href: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], underline: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], iconRight: [{
-                type: Input
-            }], preventDefault: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }] } });
+        }] });
 
 class XLinkComponent extends XLinkProperty {
     constructor() {
-        super(...arguments);
-        this.hover = false;
+        super();
+        this.link = viewChild.required('link');
+        this.classMap = computed(() => ({
+            [`${XLinkPrefix}-${this.type()}`]: !XIsEmpty(this.type())
+        }));
         this.renderer = inject(Renderer2);
-        this.cdr = inject(ChangeDetectorRef);
-        this.configService = inject(XConfigService);
-    }
-    mouseenter() {
-        this.hover = true;
-        this.cdr.detectChanges();
-    }
-    mouseleave() {
-        this.hover = false;
-        this.cdr.detectChanges();
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    ngAfterViewInit() {
-        if (XIsEmpty(this.href)) {
-            this.renderer.removeAttribute(this.link?.nativeElement, 'href');
-        }
-    }
-    onClick(event) {
-        if (this.preventDefault) {
-            event.preventDefault();
-        }
-    }
-    setClassMap() {
-        this.classMap[`${XLinkPrefix}-${this.type}`] = this.type ? true : false;
+        effect(() => {
+            if (XIsEmpty(this.href()) && this.link()) {
+                this.renderer.removeAttribute(this.link().nativeElement, 'href');
+            }
+        });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: XLinkComponent, isStandalone: true, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-link-disabled]=\"disabled\"\r\n  [class.x-link-underline]=\"underline && !disabled\"\r\n  [class.x-link-icon-right]=\"iconRight\"\r\n  [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href\"\r\n  [attr.target]=\"target\"\r\n>\r\n  @if (icon) {\r\n    <x-icon [type]=\"icon\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XLinkComponent, isStandalone: true, selector: "x-link", viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link-initial{color:var(--x-text)}.x-link-initial:hover{color:var(--x-primary)}.x-link-initial:hover:after{border-color:var(--x-primary)}.x-link-initial:active{color:var(--x-primary-a100)}.x-link-initial.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link-initial.x-link-disabled:active{transform:none}.x-link-initial.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XLinkPrefix}`, standalone: true, imports: [NgClass, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-link-disabled]=\"disabled\"\r\n  [class.x-link-underline]=\"underline && !disabled\"\r\n  [class.x-link-icon-right]=\"iconRight\"\r\n  [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href\"\r\n  [attr.target]=\"target\"\r\n>\r\n  @if (icon) {\r\n    <x-icon [type]=\"icon\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"] }]
-        }], propDecorators: { link: [{
-                type: ViewChild,
-                args: ['link', { static: true }]
-            }], mouseenter: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], mouseleave: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
+            args: [{ selector: `${XLinkPrefix}`, standalone: true, imports: [NgClass, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n  #link\r\n  class=\"x-link\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-link-disabled]=\"disabled()\"\r\n  [class.x-link-underline]=\"underline() && !disabled()\"\r\n  [class.x-link-icon-right]=\"iconRight()\"\r\n  [class.x-link-only-icon]=\"icon() && !content.innerHTML.trim()\"\r\n  [attr.href]=\"href()\"\r\n  [attr.target]=\"target()\"\r\n>\r\n  @if (icon()) {\r\n    <x-icon [type]=\"icon()\"></x-icon>\r\n  }\r\n  <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link-initial{color:var(--x-text)}.x-link-initial:hover{color:var(--x-primary)}.x-link-initial:hover:after{border-color:var(--x-primary)}.x-link-initial:active{color:var(--x-primary-a100)}.x-link-initial.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link-initial.x-link-disabled:active{transform:none}.x-link-initial.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"] }]
+        }], ctorParameters: () => [] });
 
 class XLinkModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: XLinkModule, imports: [XLinkComponent], exports: [XLinkComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkModule, imports: [XLinkComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, imports: [XLinkComponent], exports: [XLinkComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, imports: [XLinkComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XLinkComponent],

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

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