@ng-nest/ui 15.0.19 → 16.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-alert.mjs","sources":["../../../../lib/ng-nest/ui/alert/alert.property.ts","../../../../lib/ng-nest/ui/alert/alert.component.ts","../../../../lib/ng-nest/ui/alert/alert.component.html","../../../../lib/ng-nest/ui/alert/alert.module.ts","../../../../lib/ng-nest/ui/alert/ng-nest-ui-alert.ts"],"sourcesContent":["import { XStatus, XTemplate, XEffect, XProperty, XInputBoolean, XInputNumber, XBoolean, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component, ElementRef } from '@angular/core';\r\nimport { CdkDragEnd } from '@angular/cdk/drag-drop';\r\nimport { XResizableEvent } from '@ng-nest/ui/resizable';\r\n\r\n/**\r\n * Alert\r\n * @selector x-alert\r\n * @decorator component\r\n */\r\nexport const XAlertPrefix = 'x-alert';\r\nconst X_CONFIG_NAME = 'alert';\r\n\r\n/**\r\n * Alert Property\r\n */\r\n@Component({ selector: `${XAlertPrefix}-property`, template: '' })\r\nexport class XAlertProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 隐藏\r\n   * @en_US Hide\r\n   */\r\n  @Input() @XInputBoolean() hide?: XBoolean;\r\n  /**\r\n   * @zh_CN 标题\r\n   * @en_US Title\r\n   */\r\n  @Input() title?: XTemplate;\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  @Input() content?: XTemplate;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Alert type\r\n   */\r\n  @Input() type?: XAlertType = 'info';\r\n  /**\r\n   * @zh_CN 主题\r\n   * @en_US Theme\r\n   */\r\n  @Input() @XWithConfig<XEffect>(X_CONFIG_NAME, 'light') effect?: XEffect;\r\n  /**\r\n   * @zh_CN 隐藏关闭按钮\r\n   * @en_US Hide close button\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() hideClose?: XBoolean;\r\n  /**\r\n   * @zh_CN 使用文本关闭按钮\r\n   * @en_US Use the text to close button\r\n   */\r\n  @Input() closeText?: string;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() showIcon?: XBoolean;\r\n  /**\r\n   * @zh_CN 禁用动画\r\n   * @en_US Disable animation\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME) @XInputBoolean() disabledAnimation?: XBoolean;\r\n  /**\r\n   * @zh_CN 延迟关闭，默认 0 表示不关闭\r\n   * @en_US Delay close, the default value of 0 means do not close\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() duration?: XNumber;\r\n  /**\r\n   * @zh_CN 手动处理关闭事件\r\n   * @en_US Manually handle close events\r\n   */\r\n  @Input() @XInputBoolean() manual?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动提示框\r\n   * @en_US Drag dialog\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() draggable?: XBoolean;\r\n  /**\r\n   * @zh_CN 调整提示框大小\r\n   * @en_US Adjust the size of the box\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() resizable?: XBoolean;\r\n  /**\r\n   * @zh_CN 开启 resizable 调整大小，偏移屏幕左边\r\n   * @en_US Open the resizable resize, offset screen left\r\n   */\r\n  @Input() @XInputNumber() offsetLeft: XNumber = 0;\r\n  /**\r\n   * @zh_CN 开启 resizable 调整大小，偏移屏幕顶部\r\n   * @en_US Open the resizable resize, offset screen top\r\n   */\r\n  @Input() @XInputNumber() offsetTop: XNumber = 0;\r\n  /**\r\n   * @zh_CN 最小宽度\r\n   * @en_US Min width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0rem') minWidth?: string;\r\n  /**\r\n   * @zh_CN 最小高度\r\n   * @en_US Min height\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0rem') minHeight?: string;\r\n  /**\r\n   * @zh_CN 拖动范围限制，父节点选择器或者对象\r\n   * @en_US Drag dialog\r\n   */\r\n  @Input() dragBoundary!: string | ElementRef<HTMLElement> | HTMLElement;\r\n  /**\r\n   * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置\r\n   * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users\r\n   */\r\n  @Input() dragFreeDragPosition!: XAlertDragFreeDragPosition;\r\n  /**\r\n   * @zh_CN 自定义操作\r\n   * @en_US Custom operation\r\n   */\r\n  @Input() operationTpl!: XTemplate;\r\n  /**\r\n   * @zh_CN 关闭的事件\r\n   * @en_US Closed events\r\n   */\r\n  @Output() close = new EventEmitter();\r\n  /**\r\n   * @zh_CN 拖动结束的事件\r\n   * @en_US Drag end event\r\n   */\r\n  @Output() dragEnded = new EventEmitter<CdkDragEnd>();\r\n  /**\r\n   * @zh_CN 改变尺寸事件\r\n   * @en_US Change the size event\r\n   */\r\n  @Output() resizing = new EventEmitter<XResizableEvent>();\r\n}\r\n\r\n/**\r\n * Alert Option\r\n * @undocument true\r\n */\r\nexport interface XAlertOption {\r\n  /**\r\n   * 隐藏\r\n   */\r\n  hide?: boolean;\r\n  /**\r\n   * 标题\r\n   */\r\n  title?: XTemplate;\r\n  /**\r\n   * 内容\r\n   */\r\n  content?: XTemplate;\r\n  /**\r\n   * 类型\r\n   */\r\n  type?: XAlertType;\r\n  /**\r\n   * 主题\r\n   */\r\n  effect?: XEffect;\r\n  /**\r\n   * 隐藏关闭按钮\r\n   */\r\n  hideClose?: boolean;\r\n  /**\r\n   * 关闭按钮文字替换\r\n   */\r\n  closeText?: string;\r\n  /**\r\n   * 显示图标\r\n   */\r\n  showIcon?: boolean;\r\n  /**\r\n   * 禁用动画\r\n   */\r\n  disabledAnimation?: boolean;\r\n  /**\r\n   * 延迟关闭，默认 0 表示不关闭\r\n   */\r\n  duration?: number;\r\n  /**\r\n   * 手动处理关闭事件\r\n   */\r\n  manual?: boolean;\r\n  /**\r\n   * 拖动提示框\r\n   */\r\n  draggable?: boolean;\r\n  /**\r\n   * 调整提示框大小\r\n   */\r\n  resizable?: boolean;\r\n  /**\r\n   * 开启 resizable 调整大小，偏移屏幕左边\r\n   */\r\n  offsetLeft?: number;\r\n  /**\r\n   * 开启 resizable 调整大小，偏移屏幕顶部\r\n   */\r\n  offsetTop?: number;\r\n  /**\r\n   * 最小宽度\r\n   */\r\n  minWidth?: string;\r\n  /**\r\n   * 最小高度\r\n   */\r\n  minHeight?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Type\r\n * @value \"success\"\r\n * @value \"info\"\r\n * @value \"warning\"\r\n * @value \"error\"\r\n */\r\nexport type XAlertType = XStatus;\r\n\r\n/**\r\n * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置\r\n * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users\r\n */\r\nexport type XAlertDragFreeDragPosition = { x: number; y: number };\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  OnDestroy,\r\n  SimpleChanges,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XAlertPrefix, XAlertProperty } from './alert.property';\r\nimport { XFadeAnimation, XIsEmpty, XConfigService, XIsChange, XClearClass } from '@ng-nest/ui/core';\r\nimport { of, Subject } from 'rxjs';\r\nimport { delay, takeUntil } from 'rxjs/operators';\r\nimport { CdkDrag } from '@angular/cdk/drag-drop';\r\n\r\n@Component({\r\n  selector: `${XAlertPrefix}`,\r\n  templateUrl: './alert.component.html',\r\n  styleUrls: ['./alert.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XFadeAnimation]\r\n})\r\nexport class XAlertComponent extends XAlertProperty implements OnInit, OnDestroy {\r\n  @ViewChild('alert') alert!: CdkDrag;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(public cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setDuration();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { type, effect, title, content, showIcon, draggable } = changes;\r\n    XIsChange(type, effect, title, content, showIcon, draggable) && this.setClassMap(); \r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap = {\r\n      [`${XAlertPrefix}-${this.type}`]: !XIsEmpty(this.type),\r\n      [`x-${this.effect}`]: !XIsEmpty(this.effect),\r\n      [`${XAlertPrefix}-icon-medium`]: !XIsEmpty(this.title) && !XIsEmpty(this.content) && !XIsEmpty(this.showIcon),\r\n      [`${XAlertPrefix}-draggable`]: Boolean(this.draggable)\r\n    };\r\n    \r\n  }\r\n\r\n  setDuration() {\r\n    if (this.duration) {\r\n      of(true)\r\n        .pipe(delay(Number(this.duration)), takeUntil(this._unSubject))\r\n        .subscribe(() => {\r\n          this.onClose();\r\n        });\r\n    }\r\n  }\r\n\r\n  onClose() {\r\n    if (this.manual) {\r\n      this.close?.emit();\r\n    } else {\r\n      this.hide = true;\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  onCloseAnimationDone() {\r\n    if (this.hide) {\r\n      this.close?.emit();\r\n    }\r\n  }\r\n}\r\n","<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n  [cdkDragFreeDragPosition]=\"dragFreeDragPosition\"\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n  [xResizable]=\"resizable!\"\r\n  (resizing)=\"resizing.emit($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"minWidth\"\r\n  [style.minHeight]=\"minHeight\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <div class=\"x-alert-close\">\r\n      <div class=\"x-alert-operation\" *xOutlet=\"operationTpl\">{{ operationTpl }}</div>\r\n      <x-button\r\n        *ngIf=\"!hideClose\"\r\n        size=\"small\"\r\n        [icon]=\"!closeText ? 'fto-x' : ''\"\r\n        [onlyIcon]=\"!closeText\"\r\n        [type]=\"closeText ? 'text' : 'initial'\"\r\n        (click)=\"onClose()\"\r\n        closable\r\n        >{{ closeText }}</x-button\r\n      >\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAlertComponent } from './alert.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XAlertProperty } from './alert.property';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XResizableModule } from '@ng-nest/ui/resizable';\r\n\r\n@NgModule({\r\n  declarations: [XAlertComponent, XAlertProperty],\r\n  exports: [XAlertComponent],\r\n  imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule]\r\n})\r\nexport class XAlertModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,257 @@
+import * as i0 from '@angular/core';
+import { Component, Input, inject, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XWithConfig, XComputedStyle, XIsEmpty, XIsUndefined, XIsNumber, reqAnimFrame } from '@ng-nest/ui/core';
+import * as i2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { Subject, fromEvent } from 'rxjs';
+import { distinctUntilChanged, takeUntil, throttleTime } from 'rxjs/operators';
+import * as i3 from '@ng-nest/ui/affix';
+import { XAffixModule } from '@ng-nest/ui/affix';
+import * as i4 from '@ng-nest/ui/slider';
+import { XSliderModule } from '@ng-nest/ui/slider';
+
+/**
+ * Anchor
+ * @selector x-anchor
+ * @decorator component
+ */
+const XAnchorPrefix = 'x-anchor';
+const X_CONFIG_NAME = 'anchor';
+/**
+ * Anchor Property
+ */
+class XAnchorProperty extends XProperty {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAnchorProperty, selector: "x-anchor-property", inputs: { scroll: "scroll", affixTop: "affixTop", layout: "layout", justify: "justify" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '0')
+], XAnchorProperty.prototype, "affixTop", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'right')
+], XAnchorProperty.prototype, "layout", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'start')
+], XAnchorProperty.prototype, "justify", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAnchorPrefix}-property`, template: '' }]
+        }], propDecorators: { scroll: [{
+                type: Input
+            }], affixTop: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], justify: [{
+                type: Input
+            }] } });
+/**
+ * Anchor inner
+ * @selector x-anchor-inner
+ * @decorator component
+ */
+const XAnchorInnerPrefix = 'x-anchor-inner';
+/**
+ * Anchor inner Property
+ */
+class XAnchorInnerProperty {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorInnerProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAnchorInnerProperty, selector: "x-anchor-inner-property", ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorInnerProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAnchorInnerPrefix}-property`, template: '' }]
+        }] });
+
+class XAnchorComponent extends XAnchorProperty {
+    constructor(renderer, elementRef, cdr, configService) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.configService = configService;
+        this.sliderData = [];
+        this.activatedIndex = 0;
+        this.document = inject(DOCUMENT);
+        this.contentChange = new Subject();
+        this._scrolling = false;
+        this._unSubject = new Subject();
+        this._fontSize = parseFloat(XComputedStyle(this.document.documentElement, 'font-size'));
+    }
+    ngAfterContentChecked() {
+        this.contentChange.next(this.elementRef.nativeElement.innerHTML);
+    }
+    ngOnInit() {
+        this.setClassMap();
+        this.setSliderData();
+        this.setHeight();
+    }
+    ngAfterViewInit() {
+        this.setScroll();
+        this.contentChange.pipe(distinctUntilChanged(), takeUntil(this._unSubject)).subscribe(() => {
+            this.setSliderData();
+            this.setHeight();
+            this.cdr.detectChanges();
+        });
+    }
+    ngOnDestroy() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    activatedChange(index) {
+        if (XIsEmpty(this.hElements) || XIsUndefined(this.scroll))
+            return;
+        this._scrolling = true;
+        const hElement = this.hElements[index];
+        let scrollTop = hElement.offsetTop - this.anchor.nativeElement.offsetTop - parseFloat(XComputedStyle(hElement, 'margin-top'));
+        let maxScrollTop = this.scroll.scrollHeight - this.scroll.clientHeight;
+        if (scrollTop > maxScrollTop)
+            scrollTop = maxScrollTop;
+        this.scrollTo(this.scroll, parseInt(`${scrollTop}`), 150);
+    }
+    setClassMap() {
+        this.classMap[`${XAnchorPrefix}-${this.layout}`] = !XIsEmpty(this.layout);
+    }
+    setScroll() {
+        fromEvent(this.scroll ? this.scroll : this.document.defaultView, 'scroll')
+            .pipe(throttleTime(10), takeUntil(this._unSubject))
+            .subscribe(() => {
+            if (this._scrolling)
+                return;
+            this.setActivatedByScroll();
+        });
+        if (!this.scroll) {
+            this.scroll = this.document.documentElement;
+        }
+    }
+    setActivatedByScroll() {
+        let now = 0;
+        this.hElements.forEach((h, index) => {
+            let distance = this.scroll.scrollTop + this.anchor.nativeElement.offsetTop;
+            if (distance >= h.offsetTop) {
+                now = index;
+                return;
+            }
+        });
+        this.activatedIndex = now;
+        this.cdr.detectChanges();
+    }
+    setSliderData() {
+        this.hElements = this.content.nativeElement.querySelectorAll(':scope> h1,:scope> h2,:scope> h3,:scope> h4,:scope> h5,:scope> x-anchor-inner> h1,:scope> x-anchor-inner>h2,:scope> x-anchor-inner>h3,:scope> x-anchor-inner>h4,:scope> x-anchor-inner>h5');
+        if (this.hElements.length > 0) {
+            let list = [];
+            this.hElements.forEach((x, i) => {
+                const link = `x-anchor-${i}`;
+                const left = this.setLeft(x);
+                this.renderer.setAttribute(x, 'id', link);
+                list = [
+                    ...list,
+                    {
+                        id: i,
+                        label: x.innerText,
+                        left: left,
+                        link: link
+                    }
+                ];
+            });
+            this.sliderData = list;
+        }
+        else {
+            this.sliderData = [];
+        }
+    }
+    setLeft(element) {
+        const eles = ['H1', 'H2', 'H3', 'H4', 'H5'];
+        const index = eles.indexOf(element.tagName);
+        return index + 1;
+    }
+    setHeight() {
+        if (this.scroll) {
+            if (XIsEmpty(this.sliderData)) {
+                this.sliderHeight = 0;
+            }
+            else {
+                let height = this.scroll.offsetHeight;
+                let top = parseFloat(XComputedStyle(this.scroll, 'padding-top'));
+                let borderTop = parseFloat(XComputedStyle(this.scroll, 'border-top'));
+                let bottom = parseFloat(XComputedStyle(this.scroll, 'padding-bottom'));
+                let borderBottom = parseFloat(XComputedStyle(this.scroll, 'border-bottom'));
+                this.sliderHeight = height - top - bottom - borderTop - borderBottom - this.getTop();
+            }
+        }
+    }
+    getTop() {
+        if (this.affixTop === '0')
+            return 0;
+        if (XIsNumber(this.affixTop))
+            return Number(this.affixTop);
+        else if (this.affixTop.indexOf('rem') !== -1)
+            return Number(this.affixTop.replace(/rem/g, '')) * this._fontSize;
+        else if (this.affixTop.indexOf('px') !== -1)
+            return Number(this.affixTop.replace(/px/g, ''));
+        return 0;
+    }
+    scrollTo(element, to, duration) {
+        const difference = to - element.scrollTop;
+        const perTick = (difference / duration) * 10;
+        reqAnimFrame(() => {
+            element.scrollTop = element.scrollTop + perTick;
+            if (element.scrollTop === to || duration <= 0) {
+                setTimeout(() => (this._scrolling = false), 20);
+                return;
+            }
+            else {
+                this.scrollTo(element, to, duration - 10);
+            }
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorComponent, 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: XAnchorComponent, selector: "x-anchor", viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        [showAnchor]=\"true\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-slider .x-slider{overflow:hidden}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.XAffixComponent, selector: "x-affix" }, { kind: "component", type: i4.XSliderComponent, selector: "x-slider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAnchorPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        [showAnchor]=\"true\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n", styles: [".x-anchor{margin:0;padding:0;display:flex}.x-anchor-content{flex:1}.x-anchor-affix{display:block}.x-anchor-slider{float:left}.x-anchor-slider:hover{overflow-y:auto}.x-anchor-slider .x-slider{overflow:hidden}.x-anchor-right{flex-direction:row}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-left:.125rem solid var(--x-border)}.x-anchor-right .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2;border-left:.125rem solid var(--x-primary)}.x-anchor-left{flex-direction:row-reverse}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll{overflow-y:auto}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li{border-right:.125rem solid var(--x-border)}.x-anchor-left .x-anchor-slider .x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border:none;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border-right:.125rem solid var(--x-primary)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { anchor: [{
+                type: ViewChild,
+                args: ['anchor', { static: true }]
+            }], content: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }] } });
+
+class XAnchorInnerComponent extends XAnchorInnerProperty {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorInnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAnchorInnerComponent, selector: "x-anchor-inner", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorInnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `${XAnchorInnerPrefix}`,
+                    template: '<ng-content></ng-content>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+class XAnchorModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XAnchorModule, declarations: [XAnchorComponent, XAnchorProperty, XAnchorInnerComponent, XAnchorInnerProperty], imports: [CommonModule, XAffixModule, XSliderModule], exports: [XAnchorComponent, XAnchorInnerComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorModule, imports: [CommonModule, XAffixModule, XSliderModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAnchorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XAnchorComponent, XAnchorProperty, XAnchorInnerComponent, XAnchorInnerProperty],
+                    exports: [XAnchorComponent, XAnchorInnerComponent],
+                    imports: [CommonModule, XAffixModule, XSliderModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XAnchorComponent, XAnchorInnerComponent, XAnchorInnerPrefix, XAnchorInnerProperty, XAnchorModule, XAnchorPrefix, XAnchorProperty };
+//# sourceMappingURL=ng-nest-ui-anchor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-anchor.mjs","sources":["../../../../lib/ng-nest/ui/anchor/anchor.property.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.ts","../../../../lib/ng-nest/ui/anchor/anchor.component.html","../../../../lib/ng-nest/ui/anchor/anchor-inner.component.ts","../../../../lib/ng-nest/ui/anchor/anchor.module.ts","../../../../lib/ng-nest/ui/anchor/ng-nest-ui-anchor.ts"],"sourcesContent":["import { XIdentityProperty, XProperty, XJustify, XWithConfig, XPositionLeftRight } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Anchor\r\n * @selector x-anchor\r\n * @decorator component\r\n */\r\nexport const XAnchorPrefix = 'x-anchor';\r\nconst X_CONFIG_NAME = 'anchor';\r\n\r\n/**\r\n * Anchor Property\r\n */\r\n@Component({ selector: `${XAnchorPrefix}-property`, template: '' })\r\nexport class XAnchorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 滚动区域对象\r\n   * @en_US Scroll area object\r\n   */\r\n  @Input() scroll!: HTMLElement;\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Top distance\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0') affixTop!: string;\r\n  /**\r\n   * @zh_CN 导航相对内容位置\r\n   * @en_US Navigation relative content position\r\n   */\r\n  @Input() @XWithConfig<XAnchorLayout>(X_CONFIG_NAME, 'right') layout!: XAnchorLayout;\r\n  /**\r\n   * @zh_CN 对齐方式\r\n   * @en_US Alignment\r\n   */\r\n  @Input() @XWithConfig<XJustify>(X_CONFIG_NAME, 'start') justify!: XJustify;\r\n}\r\n\r\n/**\r\n * Anchor inner\r\n * @selector x-anchor-inner\r\n * @decorator component\r\n */\r\nexport const XAnchorInnerPrefix = 'x-anchor-inner';\r\n\r\n/**\r\n * Anchor inner Property\r\n */\r\n@Component({ selector: `${XAnchorInnerPrefix}-property`, template: '' })\r\nexport class XAnchorInnerProperty {}\r\n\r\n/**\r\n * Anchor Node\r\n */\r\nexport interface XAnchorNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 左内边距，用来显示层级\r\n   * @en_US Left inner margin, used to display hierarchy\r\n   */\r\n  left?: number;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 锚点的链接\r\n   * @en_US Anchor link\r\n   */\r\n  link?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式，相对内容的位置\r\n * @en_US Layout method, relative content position\r\n */\r\nexport type XAnchorLayout = XPositionLeftRight;\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  AfterViewInit,\r\n  OnDestroy,\r\n  AfterContentChecked,\r\n  inject\r\n} from '@angular/core';\r\nimport { XAnchorPrefix, XAnchorNode, XAnchorProperty } from './anchor.property';\r\nimport { XComputedStyle, XIsEmpty, reqAnimFrame, XIsNumber, XIsUndefined, XConfigService } from '@ng-nest/ui/core';\r\nimport { XSliderNode } from '@ng-nest/ui/slider';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { throttleTime, takeUntil, distinctUntilChanged } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XAnchorPrefix}`,\r\n  templateUrl: './anchor.component.html',\r\n  styleUrls: ['./anchor.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAnchorComponent extends XAnchorProperty implements OnInit, AfterViewInit, OnDestroy, AfterContentChecked {\r\n  @ViewChild('anchor', { static: true }) anchor!: ElementRef<HTMLElement>;\r\n  @ViewChild('content', { static: true }) content!: ElementRef<HTMLElement>;\r\n  hElements!: NodeListOf<HTMLElement>;\r\n  sliderData: XSliderNode[] = [];\r\n  activatedIndex: number = 0;\r\n  sliderHeight?: number;\r\n  document: Document = inject(DOCUMENT);\r\n  contentChange = new Subject();\r\n  private _scrolling = false;\r\n  private _fontSize: number;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef<HTMLElement>,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this._fontSize = parseFloat(XComputedStyle(this.document.documentElement, 'font-size'));\r\n  }\r\n  ngAfterContentChecked(): void {\r\n    this.contentChange.next(this.elementRef.nativeElement.innerHTML);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n    this.setSliderData();\r\n    this.setHeight();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setScroll();\r\n    this.contentChange.pipe(distinctUntilChanged(), takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setSliderData();\r\n      this.setHeight();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  activatedChange(index: number) {\r\n    if (XIsEmpty(this.hElements) || XIsUndefined(this.scroll)) return;\r\n\r\n    this._scrolling = true;\r\n    const hElement = this.hElements[index];\r\n    let scrollTop = hElement.offsetTop - this.anchor.nativeElement.offsetTop - parseFloat(XComputedStyle(hElement, 'margin-top'));\r\n    let maxScrollTop = this.scroll.scrollHeight - this.scroll.clientHeight;\r\n    if (scrollTop > maxScrollTop) scrollTop = maxScrollTop;\r\n    this.scrollTo(this.scroll, parseInt(`${scrollTop}`), 150);\r\n  }\r\n\r\n  private setClassMap() {\r\n    this.classMap[`${XAnchorPrefix}-${this.layout}`] = !XIsEmpty(this.layout);\r\n  }\r\n\r\n  private setScroll() {\r\n    fromEvent(this.scroll ? this.scroll : this.document.defaultView!, 'scroll')\r\n      .pipe(throttleTime(10), takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        if (this._scrolling) return;\r\n        this.setActivatedByScroll();\r\n      });\r\n    if (!this.scroll) {\r\n      this.scroll = this.document.documentElement;\r\n    }\r\n  }\r\n\r\n  private setActivatedByScroll() {\r\n    let now = 0;\r\n    this.hElements.forEach((h, index) => {\r\n      let distance = this.scroll.scrollTop + this.anchor.nativeElement.offsetTop;\r\n      if (distance >= h.offsetTop) {\r\n        now = index;\r\n        return;\r\n      }\r\n    });\r\n    this.activatedIndex = now;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setSliderData() {\r\n    this.hElements = this.content.nativeElement.querySelectorAll(\r\n      ':scope> h1,:scope> h2,:scope> h3,:scope> h4,:scope> h5,:scope> x-anchor-inner> h1,:scope> x-anchor-inner>h2,:scope> x-anchor-inner>h3,:scope> x-anchor-inner>h4,:scope> x-anchor-inner>h5'\r\n    );\r\n    if (this.hElements.length > 0) {\r\n      let list: XAnchorNode[] = [];\r\n      this.hElements.forEach((x: HTMLElement, i: number) => {\r\n        const link = `x-anchor-${i}`;\r\n        const left = this.setLeft(x);\r\n        this.renderer.setAttribute(x, 'id', link);\r\n        list = [\r\n          ...list,\r\n          {\r\n            id: i,\r\n            label: x.innerText,\r\n            left: left,\r\n            link: link\r\n          }\r\n        ];\r\n      });\r\n      this.sliderData = list;\r\n    } else {\r\n      this.sliderData = [];\r\n    }\r\n  }\r\n\r\n  private setLeft(element: HTMLElement): number {\r\n    const eles = ['H1', 'H2', 'H3', 'H4', 'H5'];\r\n    const index = eles.indexOf(element.tagName);\r\n    return index + 1;\r\n  }\r\n\r\n  private setHeight() {\r\n    if (this.scroll) {\r\n      if (XIsEmpty(this.sliderData)) {\r\n        this.sliderHeight = 0;\r\n      } else {\r\n        let height = this.scroll.offsetHeight;\r\n        let top = parseFloat(XComputedStyle(this.scroll, 'padding-top'));\r\n        let borderTop = parseFloat(XComputedStyle(this.scroll, 'border-top'));\r\n        let bottom = parseFloat(XComputedStyle(this.scroll, 'padding-bottom'));\r\n        let borderBottom = parseFloat(XComputedStyle(this.scroll, 'border-bottom'));\r\n        this.sliderHeight = height - top - bottom - borderTop - borderBottom - this.getTop();\r\n      }\r\n    }\r\n  }\r\n\r\n  private getTop() {\r\n    if (this.affixTop === '0') return 0;\r\n    if (XIsNumber(this.affixTop)) return Number(this.affixTop);\r\n    else if (this.affixTop.indexOf('rem') !== -1) return Number(this.affixTop.replace(/rem/g, '')) * this._fontSize;\r\n    else if (this.affixTop.indexOf('px') !== -1) return Number(this.affixTop.replace(/px/g, ''));\r\n    return 0;\r\n  }\r\n\r\n  private scrollTo(element: HTMLElement, to: number, duration: number) {\r\n    const difference = to - element.scrollTop;\r\n    const perTick = (difference / duration) * 10;\r\n    reqAnimFrame(() => {\r\n      element.scrollTop = element.scrollTop + perTick;\r\n      if (element.scrollTop === to || duration <= 0) {\r\n        setTimeout(() => (this._scrolling = false), 20);\r\n        return;\r\n      } else {\r\n        this.scrollTo(element, to, duration - 10);\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div #anchor class=\"x-anchor\" [ngClass]=\"classMap\">\r\n  <div #content class=\"x-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <x-affix class=\"x-anchor-affix\" [top]=\"affixTop\">\r\n    <div class=\"x-anchor-slider\" [style.height.px]=\"sliderHeight\">\r\n      <x-slider\r\n        [data]=\"sliderData\"\r\n        layout=\"column\"\r\n        [activatedIndex]=\"activatedIndex\"\r\n        [nodeJustify]=\"justify\"\r\n        [nodeTpl]=\"sliderNodeTpl\"\r\n        [showAnchor]=\"true\"\r\n        (indexChange)=\"activatedChange($event)\"\r\n      ></x-slider>\r\n    </div>\r\n  </x-affix>\r\n</div>\r\n\r\n<ng-template #sliderNodeTpl let-node=\"$node\">\r\n  <span [style.padding-left.rem]=\"node.left - 1\">{{ node.label }}</span>\r\n</ng-template>\r\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\r\nimport { XAnchorInnerPrefix, XAnchorInnerProperty } from './anchor.property';\r\n\r\n@Component({\r\n  selector: `${XAnchorInnerPrefix}`,\r\n  template: '<ng-content></ng-content>',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAnchorInnerComponent extends XAnchorInnerProperty {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAnchorComponent } from './anchor.component';\r\nimport { XAffixModule } from '@ng-nest/ui/affix';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XAnchorInnerProperty, XAnchorProperty } from './anchor.property';\r\nimport { XAnchorInnerComponent } from './anchor-inner.component';\r\n\r\n@NgModule({\r\n  declarations: [XAnchorComponent, XAnchorProperty, XAnchorInnerComponent, XAnchorInnerProperty],\r\n  exports: [XAnchorComponent, XAnchorInnerComponent],\r\n  imports: [CommonModule, XAffixModule, XSliderModule]\r\n})\r\nexport class XAnchorModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@ng-nest/ui/core';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Api
+ * @selector x-api
+ * @decorator component
+ */
+const XApiPrefix = 'x-api';
+
+class XApiComponent {
+    constructor(renderer, elementRef, configService) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XApiComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XApiComponent, selector: "x-api", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XApiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XApiPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-api{margin:0;padding:0;display:block}.x-api>.x-api-selector>span:first-child{font-size:1.25rem}.x-api>.x-api-selector>span:last-child{padding:.125rem;margin-left:.5rem;border:.0625rem solid var(--x-primary);color:var(--x-primary);font-size:.825rem;border-radius:var(--x-border-radius)}.x-api>.x-api-interface{margin-top:1rem}.x-api>.x-api-interface>tr>td:nth-child(1){width:20%}.x-api>.x-api-interface>tr>td:nth-child(1)>span{color:#690}.x-api>.x-api-interface>tr>td:nth-child(3){color:#07a;width:22%}.x-api>.x-api-interface>tr>td:nth-child(4){color:#dd4a68;width:16%}.x-api>.x-api-type>tr>td:nth-child(1){color:#07a;width:20%}.x-api>.x-api-type>tr>td:nth-child(3){color:#dd4a68;width:35%}.x-api table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-api table tr>th,.x-api table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-api table tr:last-child>th,.x-api table tr:last-child>td{border-width:0px}.x-api table tr th{white-space:nowrap;color:var(--x-text)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+
+class XApiModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XApiModule, declarations: [XApiComponent], imports: [CommonModule], exports: [XApiComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XApiModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XApiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XApiComponent],
+                    exports: [XApiComponent],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XApiComponent, XApiModule, XApiPrefix };
+//# sourceMappingURL=ng-nest-ui-api.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-api.mjs","sources":["../../../../lib/ng-nest/ui/api/api.property.ts","../../../../lib/ng-nest/ui/api/api.component.ts","../../../../lib/ng-nest/ui/api/api.component.html","../../../../lib/ng-nest/ui/api/api.module.ts","../../../../lib/ng-nest/ui/api/ng-nest-ui-api.ts"],"sourcesContent":["/**\r\n * Api\r\n * @selector x-api\r\n * @decorator component\r\n */\r\nexport const XApiPrefix = 'x-api';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XApiPrefix } from './api.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XApiPrefix}`,\r\n  templateUrl: './api.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XApiComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef<HTMLElement>, public configService: XConfigService) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XApiPrefix);\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XApiComponent } from './api.component';\r\n\r\n@NgModule({\r\n  declarations: [XApiComponent],\r\n  exports: [XApiComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XApiModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAA;;;;AAIG;AACI,MAAM,UAAU,GAAG;;ACD1B,MAOa,aAAa,CAAA;AACxB,IAAA,WAAA,CAAoB,QAAmB,EAAU,UAAmC,EAAS,aAA6B,EAAA;QAAtG,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QAAU,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAAS,IAAa,CAAA,aAAA,GAAb,aAAa,CAAgB;AACxH,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;KACnE;iIAHU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,6CCX1B,+BACA,EAAA,MAAA,EAAA,CAAA,qmCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDUa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;+BACE,CAAG,EAAA,UAAU,EAAE,EAGV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,qmCAAA,CAAA,EAAA,CAAA;;;AELjD,MAKa,UAAU,CAAA;iIAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAV,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAJN,YAAA,EAAA,CAAA,aAAa,CAElB,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;AAGZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAFX,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEX,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}