@ng-nest/ui 17.0.0 → 17.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-portal.mjs","sources":["../../../../lib/ng-nest/ui/portal/portal.property.ts","../../../../lib/ng-nest/ui/portal/portal.service.ts","../../../../lib/ng-nest/ui/portal/portal.module.ts","../../../../lib/ng-nest/ui/portal/ng-nest-ui-portal.ts"],"sourcesContent":["import { TemplateRef, ViewContainerRef, ComponentFactoryResolver, ComponentRef, EmbeddedViewRef } from '@angular/core';\r\nimport { ComponentType, TemplatePortal, ComponentPortal } from '@angular/cdk/portal';\r\nimport { OverlayRef, OverlayConfig, ConnectedPosition } from '@angular/cdk/overlay';\r\nimport { XInvertKeyValues } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Portal\r\n * @selector x-portal\r\n * @decorator component\r\n */\r\nexport const PortalPrefix = 'x-portal';\r\nexport const PortalResizablePrefix = 'x-portal-resizable';\r\n\r\nexport const XPortalPlacement: { [proptery: string]: ConnectedPosition } = {\r\n  bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\r\n  left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },\r\n  right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },\r\n  top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\r\n  'bottom-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\r\n  'bottom-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\r\n  'left-end': { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom' },\r\n  'left-start': { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top' },\r\n  'right-end': { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom' },\r\n  'right-start': { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' },\r\n  'top-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },\r\n  'top-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }\r\n};\r\n\r\nexport const XPortalConnectedPosition: Map<ConnectedPosition, string> = XInvertKeyValues(XPortalPlacement);\r\n\r\n/**\r\n * Portal Property\r\n */\r\nexport interface XPortalProperty {\r\n  /**\r\n   * @zh_CN 内容，模板/组件\r\n   * @en_US Content, template/component\r\n   */\r\n  content?: TemplateRef<any> | ComponentType<any>;\r\n  /**\r\n   * @zh_CN 视图容器\r\n   * @en_US View container\r\n   */\r\n  viewContainerRef?: ViewContainerRef;\r\n  /**\r\n   * @zh_CN 上下文\r\n   * @en_US Context\r\n   */\r\n  context?: any;\r\n  /**\r\n   * @zh_CN 注入器\r\n   * @en_US Injector\r\n   */\r\n  injector?: any;\r\n  /**\r\n   * @zh_CN 组件解析器\r\n   * @en_US Component parser\r\n   */\r\n  componentFactoryResolver?: ComponentFactoryResolver;\r\n  /**\r\n   * @zh_CN 覆盖视图层配置\r\n   * @en_US Overlay view layer configuration\r\n   */\r\n  overlayConfig?: OverlayConfig;\r\n}\r\n\r\nexport interface XPortalOverlayRef<T> {\r\n  /**\r\n   * @zh_CN cdk 创建的覆盖视图层\r\n   * @en_US Overlay view layer created by cdk\r\n   */\r\n  overlayRef?: OverlayRef;\r\n  /**\r\n   * @zh_CN cdk 模板视图\r\n   * @en_US Cdk template view\r\n   */\r\n  templatePortal?: TemplatePortal<any>;\r\n  /**\r\n   * @zh_CN cdk 组件视图\r\n   * @en_US Cdk component view\r\n   */\r\n  componentPortal?: ComponentPortal<T>;\r\n  /**\r\n   * @zh_CN 组件视图\r\n   * @en_US Component view\r\n   */\r\n  componentRef?: ComponentRef<T>;\r\n  /**\r\n   * @zh_CN 模板视图\r\n   * @en_US Template view\r\n   */\r\n  embeddedViewRef?: EmbeddedViewRef<any>;\r\n}\r\n","import {\r\n  Injectable,\r\n  TemplateRef,\r\n  Injector,\r\n  ElementRef,\r\n  ViewContainerRef,\r\n  StaticProvider,\r\n  RendererFactory2,\r\n  Renderer2\r\n} from '@angular/core';\r\nimport { Overlay, OverlayRef, PositionStrategy, ConnectedPosition, ComponentType } from '@angular/cdk/overlay';\r\nimport { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';\r\nimport { XPortalProperty, XPortalOverlayRef, XPortalPlacement } from './portal.property';\r\nimport { XPlacement, XPosition, XPlace, XComputed } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * 动态创建视图服务\r\n */\r\n@Injectable()\r\nexport class XPortalService {\r\n  renderer!: Renderer2;\r\n  constructor(public overlay: Overlay, public injector: Injector, public rendererFactory: RendererFactory2) {\r\n    this.renderer = this.rendererFactory.createRenderer(null, null);\r\n  }\r\n\r\n  attach<T>(option: XPortalProperty): XPortalOverlayRef<T> {\r\n    let portal: XPortalOverlayRef<T> = {};\r\n    if (typeof option.content === 'undefined') return portal;\r\n    portal.overlayRef = this.createOverlayRef(option);\r\n    if (option.content instanceof TemplateRef && option.viewContainerRef) {\r\n      portal.templatePortal = new TemplatePortal(option.content, option.viewContainerRef, option.context);\r\n      portal.embeddedViewRef = portal.overlayRef.attach(portal.templatePortal);\r\n    } else {\r\n      portal.componentPortal = new ComponentPortal(\r\n        option.content as ComponentType<any>,\r\n        option.viewContainerRef,\r\n        option.injector,\r\n        option.componentFactoryResolver\r\n      );\r\n      portal.componentRef = portal.overlayRef.attach(portal.componentPortal);\r\n    }\r\n\r\n    return portal;\r\n  }\r\n\r\n  createInjector(providers: StaticProvider[], viewContainerRef?: ViewContainerRef) {\r\n    const injector = viewContainerRef && viewContainerRef.injector;\r\n    return Injector.create({ parent: injector || this.injector, providers });\r\n  }\r\n\r\n  setPlacement(param?: { elementRef?: ElementRef; placement?: XPlace[] | XPlacement[]; transformOriginOn?: string }): PositionStrategy {\r\n    if (!param) {\r\n      return this.overlay.position().global().centerHorizontally().centerVertically();\r\n    } else {\r\n      return (\r\n        this.overlay\r\n          .position()\r\n          .flexibleConnectedTo(param.elementRef!)\r\n          // .withLockedPosition(true)\r\n          .withFlexibleDimensions(false)\r\n          .withPush(false)\r\n          .withPositions(this.setConnectedPosition(...param.placement!))\r\n          .withTransformOriginOn(param.transformOriginOn!)\r\n      );\r\n    }\r\n  }\r\n\r\n  setPosition(position?: XPosition, width?: string, height?: string): PositionStrategy {\r\n    let result = this.overlay.position().global().width(width).height(height);\r\n    switch (position) {\r\n      case 'left':\r\n        return result.left();\r\n      case 'right':\r\n        return result.right();\r\n      case 'top':\r\n        return result.top();\r\n      case 'bottom':\r\n      default:\r\n        return result.bottom();\r\n    }\r\n  }\r\n\r\n  setPlace(place?: XPlace, ...offset: string[]): PositionStrategy {\r\n    let result = this.overlay.position().global();\r\n    let [top, right, bottom, left] = this.getOffset(offset);\r\n    switch (place) {\r\n      case 'top-start':\r\n        return result.top(top).left(left);\r\n      case 'top':\r\n        return result.centerHorizontally().top(top);\r\n      case 'top-end':\r\n        return result.top(top).right(right);\r\n      case 'left':\r\n        return result.centerVertically().left(left);\r\n      case 'center':\r\n        return result.centerVertically().centerHorizontally();\r\n      case 'right':\r\n        return result.centerVertically().right(right);\r\n      case 'bottom-start':\r\n        return result.bottom(bottom).left(left);\r\n      case 'bottom':\r\n        return result.centerHorizontally().bottom(bottom);\r\n      case 'bottom-end':\r\n        return result.bottom(bottom).right(right);\r\n      default:\r\n        return result.centerVertically().centerHorizontally();\r\n    }\r\n  }\r\n\r\n  setResizable(ele: HTMLElement, place?: XPlace) {\r\n    const { clientWidth, clientHeight } = ele;\r\n    const computedStyle = XComputed(ele);\r\n    const marginRight = parseFloat(computedStyle.marginRight);\r\n    const marginBottom = parseFloat(computedStyle.marginBottom);\r\n    let marginLeft = null;\r\n    let marginTop = null;\r\n    switch (place) {\r\n      case 'top-start':\r\n        break;\r\n      case 'top':\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        break;\r\n      case 'top-end':\r\n        marginLeft = `calc(100vw - ${clientWidth + marginRight}px)`;\r\n        break;\r\n      case 'left':\r\n        marginTop = `calc(50vh - ${clientHeight / 2}px)`;\r\n        break;\r\n      case 'center':\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        marginTop = `calc(50vh - ${clientHeight / 2}px)`;\r\n        break;\r\n      case 'right':\r\n        marginLeft = `calc(100vw - ${clientWidth + marginRight}px)`;\r\n        marginTop = `calc(50vh - ${clientHeight / 2}px)`;\r\n        break;\r\n      case 'bottom-start':\r\n        marginTop = `calc(100vh - ${clientHeight + marginBottom}px)`;\r\n        break;\r\n      case 'bottom':\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        marginTop = `calc(100vh - ${clientHeight + marginBottom}px)`;\r\n        break;\r\n      case 'bottom-end':\r\n        marginLeft = `calc(100vw - ${clientWidth + marginRight}px)`;\r\n        marginTop = `calc(100vh - ${clientHeight + marginBottom}px)`;\r\n        break;\r\n      default:\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        marginTop = `calc(100vh - ${clientHeight / 2}px)`;\r\n        break;\r\n    }\r\n    marginLeft && this.renderer.setStyle(ele, 'margin-left', marginLeft);\r\n    marginTop && this.renderer.setStyle(ele, 'margin-top', marginTop);\r\n\r\n    return {\r\n      marginLeft: marginLeft || computedStyle.marginLeft,\r\n      marginTop: marginTop || computedStyle.marginTop,\r\n      marginBottom: computedStyle.marginBottom,\r\n      marginRight: computedStyle.marginRight\r\n    };\r\n  }\r\n\r\n  setContainerStyle(place?: XPlace, ...offset: string[]) {\r\n    let [top, right, bottom, left] = this.getOffset(offset);\r\n    switch (place) {\r\n      case 'top-start':\r\n        return { top, left };\r\n      case 'top':\r\n        return { top };\r\n      case 'top-end':\r\n        return { top, right };\r\n      case 'left':\r\n        return { left };\r\n      case 'center':\r\n        return {};\r\n      case 'right':\r\n        return { right };\r\n      case 'bottom-start':\r\n        return { bottom, left };\r\n      case 'bottom':\r\n        return { bottom };\r\n      case 'bottom-end':\r\n        return { bottom, right };\r\n    }\r\n    return {};\r\n  }\r\n\r\n  getOffset(offset: string[]) {\r\n    if (offset.length === 0) offset = Array.from({ length: 4 }).map(() => `0`);\r\n    else if (offset.length < 4) {\r\n      Array.from({ length: 4 - offset.length }).map(() => (offset = [...offset, offset[offset.length - 1]]));\r\n    }\r\n    return offset;\r\n  }\r\n\r\n  createOverlayRef(option: XPortalProperty): OverlayRef {\r\n    return this.overlay.create(option.overlayConfig);\r\n  }\r\n\r\n  setConnectedPosition(...placement: XPlace[] | XPlacement[]): ConnectedPosition[] {\r\n    let result: ConnectedPosition[] = [];\r\n    placement.forEach((place: XPlace | XPlacement) => result.push(XPortalPlacement[place]));\r\n    return result;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { XPortalService } from './portal.service';\r\n\r\n@NgModule({\r\n  imports: [OverlayModule, PortalModule],\r\n  exports: [OverlayModule, PortalModule],\r\n  providers: [XPortalService]\r\n})\r\nexport class XPortalModule {}\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-portal.mjs","sources":["../../../../lib/ng-nest/ui/portal/portal.module.ts","../../../../lib/ng-nest/ui/portal/portal.property.ts","../../../../lib/ng-nest/ui/portal/portal.service.ts","../../../../lib/ng-nest/ui/portal/ng-nest-ui-portal.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\n\r\n@NgModule({\r\n  imports: [],\r\n  exports: [],\r\n  providers: []\r\n})\r\nexport class XPortalModule {}\r\n","import { TemplateRef, ViewContainerRef, ComponentFactoryResolver, ComponentRef, EmbeddedViewRef } from '@angular/core';\r\nimport { ComponentType, TemplatePortal, ComponentPortal } from '@angular/cdk/portal';\r\nimport { OverlayRef, OverlayConfig, ConnectedPosition } from '@angular/cdk/overlay';\r\nimport { XInvertKeyValues } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Portal\r\n * @selector x-portal\r\n * @decorator component\r\n */\r\nexport const PortalPrefix = 'x-portal';\r\nexport const PortalResizablePrefix = 'x-portal-resizable';\r\n\r\nexport const XPortalPlacement: { [proptery: string]: ConnectedPosition } = {\r\n  bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\r\n  left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },\r\n  right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },\r\n  top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\r\n  'bottom-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\r\n  'bottom-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\r\n  'left-end': { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom' },\r\n  'left-start': { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top' },\r\n  'right-end': { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom' },\r\n  'right-start': { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' },\r\n  'top-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },\r\n  'top-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }\r\n};\r\n\r\nexport const XPortalConnectedPosition: Map<ConnectedPosition, string> = XInvertKeyValues(XPortalPlacement);\r\n\r\n/**\r\n * Portal Property\r\n */\r\nexport interface XPortalProperty {\r\n  /**\r\n   * @zh_CN 内容，模板/组件\r\n   * @en_US Content, template/component\r\n   */\r\n  content?: TemplateRef<any> | ComponentType<any>;\r\n  /**\r\n   * @zh_CN 视图容器\r\n   * @en_US View container\r\n   */\r\n  viewContainerRef?: ViewContainerRef;\r\n  /**\r\n   * @zh_CN 上下文\r\n   * @en_US Context\r\n   */\r\n  context?: any;\r\n  /**\r\n   * @zh_CN 注入器\r\n   * @en_US Injector\r\n   */\r\n  injector?: any;\r\n  /**\r\n   * @zh_CN 组件解析器\r\n   * @en_US Component parser\r\n   */\r\n  componentFactoryResolver?: ComponentFactoryResolver;\r\n  /**\r\n   * @zh_CN 覆盖视图层配置\r\n   * @en_US Overlay view layer configuration\r\n   */\r\n  overlayConfig?: OverlayConfig;\r\n}\r\n\r\nexport interface XPortalOverlayRef<T> {\r\n  /**\r\n   * @zh_CN cdk 创建的覆盖视图层\r\n   * @en_US Overlay view layer created by cdk\r\n   */\r\n  overlayRef?: OverlayRef;\r\n  /**\r\n   * @zh_CN cdk 模板视图\r\n   * @en_US Cdk template view\r\n   */\r\n  templatePortal?: TemplatePortal<any>;\r\n  /**\r\n   * @zh_CN cdk 组件视图\r\n   * @en_US Cdk component view\r\n   */\r\n  componentPortal?: ComponentPortal<T>;\r\n  /**\r\n   * @zh_CN 组件视图\r\n   * @en_US Component view\r\n   */\r\n  componentRef?: ComponentRef<T>;\r\n  /**\r\n   * @zh_CN 模板视图\r\n   * @en_US Template view\r\n   */\r\n  embeddedViewRef?: EmbeddedViewRef<any>;\r\n}\r\n","import {\r\n  Injectable,\r\n  TemplateRef,\r\n  Injector,\r\n  ElementRef,\r\n  ViewContainerRef,\r\n  StaticProvider,\r\n  RendererFactory2,\r\n  inject\r\n} from '@angular/core';\r\nimport { Overlay, OverlayRef, PositionStrategy, ConnectedPosition, ComponentType } from '@angular/cdk/overlay';\r\nimport { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';\r\nimport { XPortalProperty, XPortalOverlayRef, XPortalPlacement } from './portal.property';\r\nimport { XPlacement, XPosition, XPlace, XComputed } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * 动态创建视图服务\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class XPortalService {\r\n  overlay = inject(Overlay);\r\n  injector = inject(Injector);\r\n  private rendererFactory = inject(RendererFactory2);\r\n  renderer = this.rendererFactory.createRenderer(null, null);\r\n\r\n  attach<T>(option: XPortalProperty): XPortalOverlayRef<T> {\r\n    let portal: XPortalOverlayRef<T> = {};\r\n    if (typeof option.content === 'undefined') return portal;\r\n    portal.overlayRef = this.createOverlayRef(option);\r\n    if (option.content instanceof TemplateRef && option.viewContainerRef) {\r\n      portal.templatePortal = new TemplatePortal(option.content, option.viewContainerRef, option.context);\r\n      portal.embeddedViewRef = portal.overlayRef.attach(portal.templatePortal);\r\n    } else {\r\n      portal.componentPortal = new ComponentPortal(\r\n        option.content as ComponentType<any>,\r\n        option.viewContainerRef,\r\n        option.injector,\r\n        option.componentFactoryResolver\r\n      );\r\n      portal.componentRef = portal.overlayRef.attach(portal.componentPortal);\r\n    }\r\n\r\n    return portal;\r\n  }\r\n\r\n  createInjector(providers: StaticProvider[], viewContainerRef?: ViewContainerRef) {\r\n    const injector = viewContainerRef && viewContainerRef.injector;\r\n    return Injector.create({ parent: injector || this.injector, providers });\r\n  }\r\n\r\n  setPlacement(param?: {\r\n    elementRef?: ElementRef;\r\n    placement?: XPlace[] | XPlacement[];\r\n    transformOriginOn?: string;\r\n  }): PositionStrategy {\r\n    if (!param) {\r\n      return this.overlay.position().global().centerHorizontally().centerVertically();\r\n    } else {\r\n      return (\r\n        this.overlay\r\n          .position()\r\n          .flexibleConnectedTo(param.elementRef!)\r\n          // .withLockedPosition(true)\r\n          .withFlexibleDimensions(false)\r\n          .withPush(false)\r\n          .withPositions(this.setConnectedPosition(...param.placement!))\r\n          .withTransformOriginOn(param.transformOriginOn!)\r\n      );\r\n    }\r\n  }\r\n\r\n  setPosition(position?: XPosition, width?: string, height?: string): PositionStrategy {\r\n    let result = this.overlay.position().global().width(width).height(height);\r\n    switch (position) {\r\n      case 'left':\r\n        return result.left();\r\n      case 'right':\r\n        return result.right();\r\n      case 'top':\r\n        return result.top();\r\n      case 'bottom':\r\n      default:\r\n        return result.bottom();\r\n    }\r\n  }\r\n\r\n  setPlace(place?: XPlace, ...offset: string[]): PositionStrategy {\r\n    let result = this.overlay.position().global();\r\n    let [top, right, bottom, left] = this.getOffset(offset);\r\n    switch (place) {\r\n      case 'top-start':\r\n        return result.top(top).left(left);\r\n      case 'top':\r\n        return result.centerHorizontally().top(top);\r\n      case 'top-end':\r\n        return result.top(top).right(right);\r\n      case 'left':\r\n        return result.centerVertically().left(left);\r\n      case 'center':\r\n        return result.centerVertically().centerHorizontally();\r\n      case 'right':\r\n        return result.centerVertically().right(right);\r\n      case 'bottom-start':\r\n        return result.bottom(bottom).left(left);\r\n      case 'bottom':\r\n        return result.centerHorizontally().bottom(bottom);\r\n      case 'bottom-end':\r\n        return result.bottom(bottom).right(right);\r\n      default:\r\n        return result.centerVertically().centerHorizontally();\r\n    }\r\n  }\r\n\r\n  setResizable(ele: HTMLElement, place?: XPlace) {\r\n    const { clientWidth, clientHeight } = ele;\r\n    const computedStyle = XComputed(ele);\r\n    const marginRight = parseFloat(computedStyle.marginRight);\r\n    const marginBottom = parseFloat(computedStyle.marginBottom);\r\n    let marginLeft = null;\r\n    let marginTop = null;\r\n    switch (place) {\r\n      case 'top-start':\r\n        break;\r\n      case 'top':\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        break;\r\n      case 'top-end':\r\n        marginLeft = `calc(100vw - ${clientWidth + marginRight}px)`;\r\n        break;\r\n      case 'left':\r\n        marginTop = `calc(50vh - ${clientHeight / 2}px)`;\r\n        break;\r\n      case 'center':\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        marginTop = `calc(50vh - ${clientHeight / 2}px)`;\r\n        break;\r\n      case 'right':\r\n        marginLeft = `calc(100vw - ${clientWidth + marginRight}px)`;\r\n        marginTop = `calc(50vh - ${clientHeight / 2}px)`;\r\n        break;\r\n      case 'bottom-start':\r\n        marginTop = `calc(100vh - ${clientHeight + marginBottom}px)`;\r\n        break;\r\n      case 'bottom':\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        marginTop = `calc(100vh - ${clientHeight + marginBottom}px)`;\r\n        break;\r\n      case 'bottom-end':\r\n        marginLeft = `calc(100vw - ${clientWidth + marginRight}px)`;\r\n        marginTop = `calc(100vh - ${clientHeight + marginBottom}px)`;\r\n        break;\r\n      default:\r\n        marginLeft = `calc(50vw - ${clientWidth / 2}px)`;\r\n        marginTop = `calc(100vh - ${clientHeight / 2}px)`;\r\n        break;\r\n    }\r\n    marginLeft && this.renderer.setStyle(ele, 'margin-left', marginLeft);\r\n    marginTop && this.renderer.setStyle(ele, 'margin-top', marginTop);\r\n\r\n    return {\r\n      marginLeft: marginLeft || computedStyle.marginLeft,\r\n      marginTop: marginTop || computedStyle.marginTop,\r\n      marginBottom: computedStyle.marginBottom,\r\n      marginRight: computedStyle.marginRight\r\n    };\r\n  }\r\n\r\n  setContainerStyle(place?: XPlace, ...offset: string[]) {\r\n    let [top, right, bottom, left] = this.getOffset(offset);\r\n    switch (place) {\r\n      case 'top-start':\r\n        return { top, left };\r\n      case 'top':\r\n        return { top };\r\n      case 'top-end':\r\n        return { top, right };\r\n      case 'left':\r\n        return { left };\r\n      case 'center':\r\n        return {};\r\n      case 'right':\r\n        return { right };\r\n      case 'bottom-start':\r\n        return { bottom, left };\r\n      case 'bottom':\r\n        return { bottom };\r\n      case 'bottom-end':\r\n        return { bottom, right };\r\n    }\r\n    return {};\r\n  }\r\n\r\n  getOffset(offset: string[]) {\r\n    if (offset.length === 0) offset = Array.from({ length: 4 }).map(() => `0`);\r\n    else if (offset.length < 4) {\r\n      Array.from({ length: 4 - offset.length }).map(() => (offset = [...offset, offset[offset.length - 1]]));\r\n    }\r\n    return offset;\r\n  }\r\n\r\n  createOverlayRef(option: XPortalProperty): OverlayRef {\r\n    return this.overlay.create(option.overlayConfig);\r\n  }\r\n\r\n  setConnectedPosition(...placement: XPlace[] | XPlacement[]): ConnectedPosition[] {\r\n    let result: ConnectedPosition[] = [];\r\n    placement.forEach((place: XPlace | XPlacement) => result.push(XPortalPlacement[place]));\r\n    return result;\r\n  }\r\n}\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-progress.mjs

@@ -1,13 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, Input, inject, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XInputNumber, XWithConfig, XInputBoolean, XIsNumber, XIsChange, XIsEmpty, XIsString, XIsObjectArray, XIsFunction } from '@ng-nest/ui/core';
-import * as i2 from '@angular/common';
+import { XProperty, XInputNumber, XWithConfig, XInputBoolean, XConfigService, XIsNumber, XIsChange, XIsEmpty, XIsString, XIsObjectArray, XIsFunction } from '@ng-nest/ui/core';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
 import { FormsModule } from '@angular/forms';
+import { XIconComponent } from '@ng-nest/ui/icon';
 
 /**
  * Progress
@@ -120,17 +118,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 
 class XProgressComponent extends XProgressProperty {
+    constructor() {
+        super(...arguments);
+        this.stepsArray = [];
+        this.configService = inject(XConfigService);
+    }
     get maskWidth() {
         return XIsNumber(this.percent) ? 100 - Number(this.percent) : 100;
     }
-    constructor(renderer, elementRef, cdr, configService) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.configService = configService;
-        this.stepsArray = [];
-    }
     ngOnChanges(simples) {
         const { status, percent, gradient, steps, type, notchAngle } = simples;
         XIsChange(type, status) && this.setClassMap();
@@ -325,25 +320,24 @@ class XProgressComponent extends XProgressProperty {
     onFormat(percent) {
         return this.format && this.format(percent);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", 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: "17.0.2", 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: "17.0.2", ngImport: i0, type: XProgressComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XProgressComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", 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: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }] });
+            args: [{ selector: `${XProgressPrefix}`, standalone: true, imports: [CommonModule, FormsModule, XIconComponent], 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"] }]
+        }] });
 
 class XProgressModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: XProgressModule, declarations: [XProgressComponent, XProgressProperty], imports: [CommonModule, FormsModule, XIconModule], exports: [XProgressComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XProgressModule, imports: [CommonModule, FormsModule, XIconModule] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: XProgressModule, imports: [XProgressComponent], exports: [XProgressComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XProgressModule, imports: [XProgressComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XProgressModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [XProgressComponent, XProgressProperty],
                     exports: [XProgressComponent],
-                    imports: [CommonModule, FormsModule, XIconModule]
+                    imports: [XProgressComponent]
                 }]
         }] });
 

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-progress.mjs","sources":["../../../../lib/ng-nest/ui/progress/progress.property.ts","../../../../lib/ng-nest/ui/progress/progress.component.ts","../../../../lib/ng-nest/ui/progress/progress.component.html","../../../../lib/ng-nest/ui/progress/progress.module.ts","../../../../lib/ng-nest/ui/progress/ng-nest-ui-progress.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XInputNumber, XProperty, XInputBoolean, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Progress\r\n * @selector x-progress\r\n * @decorator component\r\n */\r\nexport const XProgressPrefix = 'x-progress';\r\nconst X_CONFIG_NAME = 'progress';\r\n\r\n/**\r\n * Progress Property\r\n */\r\n@Component({ selector: `${XProgressPrefix}-property`, template: '' })\r\nexport class XProgressProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 进度条类型\r\n   * @en_US Progress bar type\r\n   */\r\n  @Input() type: XProgressType = 'line';\r\n  /**\r\n   * @zh_CN 显示进度 0-100\r\n   * @en_US Show progress 0-100\r\n   */\r\n  @Input() @XInputNumber() percent: XNumber = 0;\r\n  /**\r\n   * @zh_CN 进度条高度\r\n   * @en_US Height of progress bar\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0.5rem') height?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  @Input() status: XProgressStatus = 'normal';\r\n  /**\r\n   * @zh_CN 是否显示百分比文本\r\n   * @en_US Whether to display percentage text\r\n   */\r\n  @Input() @XInputBoolean() info: XBoolean = true;\r\n  /**\r\n   * @zh_CN 百分比文本是否显示在进度条里面\r\n   * @en_US Whether the percentage text is displayed in the progress bar\r\n   */\r\n  @Input() @XInputBoolean() inside?: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义百分比文本内容\r\n   * @en_US Custom percentage text content\r\n   */\r\n  @Input() format?: Function;\r\n  /**\r\n   * @zh_CN 自定义颜色\r\n   * @en_US Custom color\r\n   */\r\n  @Input() color?: XProgressColor;\r\n  /**\r\n   * @zh_CN 渐变颜色\r\n   * @en_US Gradient color\r\n   */\r\n  @Input() gradient?: XProgressGradient;\r\n  /**\r\n   * @zh_CN 步骤进度条\r\n   * @en_US Steps progress bar\r\n   */\r\n  @Input() steps?: number;\r\n  /**\r\n   * @zh_CN 单个步骤的宽度\r\n   * @en_US Single step width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '1rem') stepWidth?: string;\r\n  /**\r\n   * @zh_CN 单个步骤的宽度自适应\r\n   * @en_US Single step width flex\r\n   */\r\n  @Input() @XInputBoolean() stepFlex?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆环/仪表盘厚度\r\n   * @en_US Ring thickness\r\n   */\r\n  @Input() thickness?: string = '0.5rem';\r\n  /**\r\n   * @zh_CN 圆环/仪表盘尺寸\r\n   * @en_US Ring size\r\n   */\r\n  @Input() size?: string = '5rem';\r\n  /**\r\n   * @zh_CN 仪表盘缺口角度 0~300\r\n   * @en_US Dashboard notch angle\r\n   */\r\n  @Input() notchAngle?: number = 80;\r\n  /**\r\n   * @zh_CN 分段显示颜色，只适用 type = 'line'\r\n   * @en_US Segmentation display color, only use of type = 'line'\r\n   */\r\n  @Input() @XInputBoolean() subsection?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 进度条类型\r\n * @en_US Progress bar type\r\n */\r\nexport type XProgressType = 'line' | 'circle' | 'dashboard';\r\n\r\n/**\r\n * @zh_CN 进度条颜色\r\n * @en_US Progress bar color\r\n */\r\nexport type XProgressColor = string | XProgressColorNode[] | Function;\r\n\r\n/**\r\n * @zh_CN 进度条节点颜色\r\n * @en_US Progress bar node color\r\n */\r\nexport interface XProgressColorNode {\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color: string;\r\n  /**\r\n   * @zh_CN 百分比\r\n   * @en_US Percent\r\n   */\r\n  percent: number;\r\n}\r\n/**\r\n * @zh_CN 状态\r\n * @en_US Status\r\n */\r\nexport type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';\r\n\r\n/**\r\n * @zh_CN 渐变颜色\r\n * @en_US Gradient color\r\n */\r\nexport type XProgressGradient = { direction?: string } & ({ from: string; to: string } | { [percent: string]: string });\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XProgressPrefix, XProgressProperty } from './progress.property';\r\nimport {\r\n  XIsFunction,\r\n  XIsString,\r\n  XIsObjectArray,\r\n  XIsEmpty,\r\n  XIsChange,\r\n  XNumber,\r\n  XConfigService,\r\n  XIsNumber\r\n} from '@ng-nest/ui/core';\r\nimport { XProgressColorNode } from './progress.property';\r\n\r\n@Component({\r\n  selector: `${XProgressPrefix}`,\r\n  templateUrl: './progress.component.html',\r\n  styleUrls: ['./progress.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XProgressComponent extends XProgressProperty implements OnChanges {\r\n  currentColor!: string;\r\n  linearGradient!: string;\r\n  stepsArray: Array<boolean> = [];\r\n  circleClipPath!: string;\r\n  dashboardClipPath!: string;\r\n  dashboardRailClipPath!: string;\r\n  subLinearGradient!: string;\r\n\r\n  get maskWidth() {\r\n    return XIsNumber(this.percent) ? 100 - Number(this.percent) : 100;\r\n  }\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  }\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { status, percent, gradient, steps, type, notchAngle } = simples;\r\n    XIsChange(type, status) && this.setClassMap();\r\n    XIsChange(percent) && this.setColor();\r\n    XIsChange(gradient) && this.setGradient();\r\n    XIsChange(steps, percent) && this.setSteps();\r\n    XIsChange(type, percent, notchAngle) && this.setType();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XProgressPrefix}-${this.status}`]: true,\r\n      [`${XProgressPrefix}-${this.type}`]: true,\r\n      [`${XProgressPrefix}-inside`]: Boolean(this.inside)\r\n    };\r\n  }\r\n\r\n  setColor() {\r\n    if (this.subsection) {\r\n      this.setSubLinearGradient();\r\n    } else {\r\n      if (XIsEmpty(this.color)) return;\r\n      if (XIsString(this.color)) {\r\n        this.currentColor = this.color as string;\r\n      } else if (XIsObjectArray(this.color)) {\r\n        this.currentColor = this.getLevelColor(this.percent);\r\n      } else if (XIsFunction(this.color)) {\r\n        this.currentColor = (this.color as Function)(this.percent);\r\n      }\r\n    }\r\n  }\r\n\r\n  getLevelColor(percent: XNumber) {\r\n    let colors = (this.color as XProgressColorNode[]).sort((a, b) => a.percent - b.percent);\r\n    for (let i = 0; i < colors.length; i++) {\r\n      if (colors[i].percent > Number(percent)) {\r\n        return colors[i].color;\r\n      }\r\n    }\r\n    return colors[colors.length - 1].color;\r\n  }\r\n\r\n  setGradient() {\r\n    if (this.subsection) return;\r\n    if (XIsEmpty(this.gradient)) {\r\n      this.linearGradient = '';\r\n    } else {\r\n      const { from, to, direction = 'to right', ...percents } = this.gradient || {};\r\n      if (Object.keys(percents).length !== 0) {\r\n        this.linearGradient = `linear-gradient(${direction}, ${this.sortGradient(percents as { [percent: string]: string }).map(\r\n          ({ key, value }) => `${value} ${key}%`\r\n        )})`;\r\n        return;\r\n      }\r\n      this.linearGradient = `linear-gradient(${direction}, ${from}, ${to})`;\r\n    }\r\n  }\r\n\r\n  sortGradient(percents: { [percent: string]: string }) {\r\n    let arr: { key: number; value: string }[] = [];\r\n    Object.keys(percents).forEach((key) => {\r\n      const value = percents[key];\r\n      const numKey = +key.replace('%', '');\r\n      if (!isNaN(numKey)) {\r\n        arr.push({ key: numKey, value });\r\n      }\r\n    });\r\n    return arr.sort((a, b) => a.key - b.key);\r\n  }\r\n\r\n  setSubLinearGradient() {\r\n    let colors = this.color as XProgressColorNode[];\r\n    if (!colors || colors.length <= 0) {\r\n      this.subLinearGradient = `linear-gradient(to right, var(--x-primary) 0%, var(--x-primary) 100%)`;\r\n      return;\r\n    } else if (colors.length === 1) {\r\n      colors.push({ percent: 100, color: 'var(--x-primary)' });\r\n    }\r\n    colors = colors.sort((a, b) => a.percent - b.percent);\r\n    let lgs: string[] = [];\r\n    colors.reduce((a, b, index) => {\r\n      if (index === 1 && a.percent > 0) {\r\n        lgs.push(`${a.color} 0%, ${a.color} ${a.percent}%`);\r\n      }\r\n      lgs.push(`${b.color} ${a.percent}%, ${b.color} ${b.percent}%`);\r\n      if (index === colors.length - 1 && b.percent < 100) {\r\n        lgs.push(`var(--x-primary) ${b.percent}%, var(--x-primary) 100%`);\r\n      }\r\n      return b;\r\n    });\r\n    this.subLinearGradient = `linear-gradient(to right,${lgs.join(',')})`;\r\n  }\r\n\r\n  setSteps() {\r\n    if (XIsEmpty(this.steps)) {\r\n      this.stepsArray = [];\r\n    } else {\r\n      const critical = Math.ceil((Number(this.percent) / 100) * this.steps!);\r\n      this.stepsArray = Array.from({ length: this.steps as number }).map((_, index) => index + 1 <= critical);\r\n    }\r\n  }\r\n\r\n  setType() {\r\n    if (this.type === 'circle') {\r\n      this.setCircleClipPath();\r\n    } else if (this.type === 'dashboard') {\r\n      this.setDashboardClipPath();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * circle 中的 100% 等于 clip-path 中的 400%\r\n   */\r\n  setCircleClipPath() {\r\n    let value = Number(this.percent) * 4;\r\n    let k1 = 'polygon(50% 50%,50% 0%,';\r\n    let k2 = k1 + '100% 0%,';\r\n    let k3 = k2 + '100% 100%,';\r\n    let k4 = k3 + '0% 100%,';\r\n    let k5 = k4 + '0% 0%,';\r\n    if (value <= 50) {\r\n      value += 50;\r\n      this.circleClipPath = `${k1}${value}% 0%)`;\r\n    } else if (value > 50 && value <= 150) {\r\n      value -= 50;\r\n      this.circleClipPath = `${k2}100% ${value}%)`;\r\n    } else if (value > 150 && value <= 250) {\r\n      value = 250 - value;\r\n      this.circleClipPath = `${k3}${value}% 100%)`;\r\n    } else if (value > 250 && value <= 350) {\r\n      value = 350 - value;\r\n      this.circleClipPath = `${k4}0% ${value}%)`;\r\n    } else if (value > 350 && value <= 400) {\r\n      value -= 350;\r\n      this.circleClipPath = `${k5}${value}% 0%)`;\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);\r\n   * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);\r\n   * 270 polygon(50% 50%, 0% 0%, 100% 0%);\r\n   */\r\n  setDashboardClipPath() {\r\n    let railValue = (Number(this.notchAngle) / 360) * 50 * 4;\r\n    let k1 = `polygon(50% 50%,`;\r\n    let start = '';\r\n    let per = 0;\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      start = `${k1} ${per}% 100%`;\r\n      this.dashboardRailClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${100 - per}% 100%)`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      start = `${k1} 0% ${per}%`;\r\n      this.dashboardRailClipPath = `${start}, 0% 0%, 100% 0%, 100% ${per}%)`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      start = `${k1} ${per}% 0%`;\r\n      this.dashboardRailClipPath = `${start}, ${100 - per}% 0%)`;\r\n    }\r\n\r\n    this.setCircleClipPathValue(start, railValue);\r\n  }\r\n\r\n  setCircleClipPathValue(start: string, railValue: number) {\r\n    let value = ((400 - railValue * 2) / 100) * Number(this.percent);\r\n    let val = value + railValue;\r\n    if (val <= 50) {\r\n      val = 50 - val;\r\n      this.dashboardClipPath = `${start}, ${val}% 100%)`;\r\n    } else if (val > 50 && val <= 150) {\r\n      val = 150 - val;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% ${val}%)`;\r\n    } else if (val > 150 && val <= 250) {\r\n      val = val - 150;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, ${val}% 0%)`;\r\n    } else if (val > 250 && val <= 350) {\r\n      val = val - 250;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% ${val}%)`;\r\n    } else if (val > 350 && val <= 400) {\r\n      val = 100 - (val - 350);\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${val}% 100%)`;\r\n    }\r\n  }\r\n\r\n  onFormat(percent: XNumber) {\r\n    return this.format && this.format(percent);\r\n  }\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XProgressComponent } from './progress.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XProgressProperty } from './progress.property';\r\n\r\n@NgModule({\r\n  declarations: [XProgressComponent, XProgressProperty],\r\n  exports: [XProgressComponent],\r\n  imports: [CommonModule, FormsModule, XIconModule]\r\n})\r\nexport class XProgressModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAGA;;;;AAIG;AACI,MAAM,eAAe,GAAG,aAAa;AAC5C,MAAM,aAAa,GAAG,UAAU,CAAC;AAEjC;;AAEG;AAEG,MAAO,iBAAkB,SAAQ,SAAS,CAAA;AADhD,IAAA,WAAA,GAAA;;AAEE;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAkB,MAAM,CAAC;AACtC;;;AAGG;QACsB,IAAO,CAAA,OAAA,GAAY,CAAC,CAAC;AAM9C;;;AAGG;QACM,IAAM,CAAA,MAAA,GAAoB,QAAQ,CAAC;AAC5C;;;AAGG;QACuB,IAAI,CAAA,IAAA,GAAa,IAAI,CAAC;AAoChD;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAY,QAAQ,CAAC;AACvC;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAY,MAAM,CAAC;AAChC;;;AAGG;QACM,IAAU,CAAA,UAAA,GAAY,EAAE,CAAC;AAMnC,KAAA;iIAjFY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,oZADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAWvC,UAAA,CAAA;AAAf,IAAA,YAAY,EAAE;AAAsB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKS,UAAA,CAAA;AAA7C,IAAA,WAAW,CAAS,aAAa,EAAE,QAAQ,CAAC;AAAiB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAU7C,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;AAAuB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKtB,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;AAAmB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAyBS,UAAA,CAAA;AAA3C,IAAA,WAAW,CAAS,aAAa,EAAE,MAAM,CAAC;AAAoB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK9C,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;AAAqB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAoBpB,UAAA,CAAA;AAAhB,IAAA,aAAa,EAAE;AAAuB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FAhFrC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,eAAe,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;8BAMzD,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKmB,OAAO,EAAA,CAAA;sBAA/B,KAAK;gBAKiD,MAAM,EAAA,CAAA;sBAA5D,KAAK;gBAKG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAKoB,IAAI,EAAA,CAAA;sBAA7B,KAAK;gBAKoB,MAAM,EAAA,CAAA;sBAA/B,KAAK;gBAKG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAK+C,SAAS,EAAA,CAAA;sBAA7D,KAAK;gBAKoB,QAAQ,EAAA,CAAA;sBAAjC,KAAK;gBAKG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAKG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAKoB,UAAU,EAAA,CAAA;sBAAnC,KAAK;;;ACjEF,MAAO,kBAAmB,SAAQ,iBAAiB,CAAA;AASvD,IAAA,IAAI,SAAS,GAAA;QACX,OAAO,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;KACnE;AAED,IAAA,WAAA,CACS,QAAmB,EACnB,UAAmC,EACnC,GAAsB,EACtB,aAA6B,EAAA;AAEpC,QAAA,KAAK,EAAE,CAAC;QALD,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACnB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QACtB,IAAa,CAAA,aAAA,GAAb,aAAa,CAAgB;QAdtC,IAAU,CAAA,UAAA,GAAmB,EAAE,CAAC;KAiB/B;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QACvE,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QAC9C,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtC,SAAS,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1C,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC7C,QAAA,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;KACxD;IAED,WAAW,GAAA;QACT,IAAI,CAAC,QAAQ,GAAG;YACd,CAAC,CAAA,EAAG,eAAe,CAAI,CAAA,EAAA,IAAI,CAAC,MAAM,CAAA,CAAE,GAAG,IAAI;YAC3C,CAAC,CAAA,EAAG,eAAe,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;YACzC,CAAC,CAAA,EAAG,eAAe,CAAA,OAAA,CAAS,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;SACpD,CAAC;KACH;IAED,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC7B,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;gBAAE,OAAO;AACjC,YAAA,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACzB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAe,CAAC;AAC1C,aAAA;AAAM,iBAAA,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBACrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACtD,aAAA;AAAM,iBAAA,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBAClC,IAAI,CAAC,YAAY,GAAI,IAAI,CAAC,KAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC5D,aAAA;AACF,SAAA;KACF;AAED,IAAA,aAAa,CAAC,OAAgB,EAAA;QAC5B,IAAI,MAAM,GAAI,IAAI,CAAC,KAA8B,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;AACxF,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE;AACvC,gBAAA,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACxB,aAAA;AACF,SAAA;QACD,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;KACxC;IAED,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;AAC5B,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAC3B,YAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;AAC1B,SAAA;AAAM,aAAA;AACL,YAAA,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;YAC9E,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AACtC,gBAAA,IAAI,CAAC,cAAc,GAAG,CAAA,gBAAA,EAAmB,SAAS,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAC,QAAyC,CAAC,CAAC,GAAG,CACrH,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAG,EAAA,KAAK,CAAI,CAAA,EAAA,GAAG,CAAG,CAAA,CAAA,CACvC,GAAG,CAAC;gBACL,OAAO;AACR,aAAA;YACD,IAAI,CAAC,cAAc,GAAG,CAAmB,gBAAA,EAAA,SAAS,KAAK,IAAI,CAAA,EAAA,EAAK,EAAE,CAAA,CAAA,CAAG,CAAC;AACvE,SAAA;KACF;AAED,IAAA,YAAY,CAAC,QAAuC,EAAA;QAClD,IAAI,GAAG,GAAqC,EAAE,CAAC;QAC/C,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACpC,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAClB,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAClC,aAAA;AACH,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;KAC1C;IAED,oBAAoB,GAAA;AAClB,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,KAA6B,CAAC;QAChD,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,iBAAiB,GAAG,CAAA,qEAAA,CAAuE,CAAC;YACjG,OAAO;AACR,SAAA;AAAM,aAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AAC9B,YAAA,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;AAC1D,SAAA;QACD,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;QACtD,IAAI,GAAG,GAAa,EAAE,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,KAAI;YAC5B,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,EAAE;AAChC,gBAAA,GAAG,CAAC,IAAI,CAAC,CAAG,EAAA,CAAC,CAAC,KAAK,CAAA,KAAA,EAAQ,CAAC,CAAC,KAAK,CAAI,CAAA,EAAA,CAAC,CAAC,OAAO,CAAA,CAAA,CAAG,CAAC,CAAC;AACrD,aAAA;YACD,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,CAAM,GAAA,EAAA,CAAC,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,OAAO,CAAG,CAAA,CAAA,CAAC,CAAC;AAC/D,YAAA,IAAI,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,GAAG,EAAE;gBAClD,GAAG,CAAC,IAAI,CAAC,CAAA,iBAAA,EAAoB,CAAC,CAAC,OAAO,CAA0B,wBAAA,CAAA,CAAC,CAAC;AACnE,aAAA;AACD,YAAA,OAAO,CAAC,CAAC;AACX,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,GAAG,CAA4B,yBAAA,EAAA,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,CAAC;KACvE;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;AACtB,SAAA;AAAM,aAAA;YACL,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,KAAM,CAAC,CAAC;AACvE,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAe,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC;AACzG,SAAA;KACF;IAED,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;AAC1B,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;YACpC,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC7B,SAAA;KACF;AAED;;AAEG;IACH,iBAAiB,GAAA;QACf,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,EAAE,GAAG,yBAAyB,CAAC;AACnC,QAAA,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC;AACzB,QAAA,IAAI,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC;AAC3B,QAAA,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC;AACzB,QAAA,IAAI,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;QACvB,IAAI,KAAK,IAAI,EAAE,EAAE;YACf,KAAK,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,cAAc,GAAG,CAAA,EAAG,EAAE,CAAG,EAAA,KAAK,OAAO,CAAC;AAC5C,SAAA;AAAM,aAAA,IAAI,KAAK,GAAG,EAAE,IAAI,KAAK,IAAI,GAAG,EAAE;YACrC,KAAK,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,cAAc,GAAG,CAAA,EAAG,EAAE,CAAQ,KAAA,EAAA,KAAK,IAAI,CAAC;AAC9C,SAAA;AAAM,aAAA,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE;AACtC,YAAA,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,cAAc,GAAG,CAAA,EAAG,EAAE,CAAG,EAAA,KAAK,SAAS,CAAC;AAC9C,SAAA;AAAM,aAAA,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE;AACtC,YAAA,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,cAAc,GAAG,CAAA,EAAG,EAAE,CAAM,GAAA,EAAA,KAAK,IAAI,CAAC;AAC5C,SAAA;AAAM,aAAA,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,IAAI,GAAG,EAAE;YACtC,KAAK,IAAI,GAAG,CAAC;YACb,IAAI,CAAC,cAAc,GAAG,CAAA,EAAG,EAAE,CAAG,EAAA,KAAK,OAAO,CAAC;AAC5C,SAAA;KACF;AAED;;;;;AAKG;IACH,oBAAoB,GAAA;AAClB,QAAA,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;QACzD,IAAI,EAAE,GAAG,CAAA,gBAAA,CAAkB,CAAC;QAC5B,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,SAAS,IAAI,EAAE,EAAE;AACnB,YAAA,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;AACrB,YAAA,KAAK,GAAG,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,GAAG,QAAQ,CAAC;YAC7B,IAAI,CAAC,qBAAqB,GAAG,CAAG,EAAA,KAAK,yCAAyC,GAAG,GAAG,GAAG,CAAA,OAAA,CAAS,CAAC;AAClG,SAAA;AAAM,aAAA,IAAI,SAAS,GAAG,EAAE,IAAI,SAAS,IAAI,GAAG,EAAE;AAC7C,YAAA,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACtB,YAAA,KAAK,GAAG,CAAG,EAAA,EAAE,CAAO,IAAA,EAAA,GAAG,GAAG,CAAC;YAC3B,IAAI,CAAC,qBAAqB,GAAG,CAAA,EAAG,KAAK,CAA0B,uBAAA,EAAA,GAAG,IAAI,CAAC;AACxE,SAAA;AAAM,aAAA,IAAI,SAAS,GAAG,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;AAC9C,YAAA,GAAG,GAAG,SAAS,GAAG,GAAG,CAAC;AACtB,YAAA,KAAK,GAAG,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,GAAG,MAAM,CAAC;YAC3B,IAAI,CAAC,qBAAqB,GAAG,CAAG,EAAA,KAAK,KAAK,GAAG,GAAG,GAAG,CAAA,KAAA,CAAO,CAAC;AAC5D,SAAA;AAED,QAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;KAC/C;IAED,sBAAsB,CAAC,KAAa,EAAE,SAAiB,EAAA;QACrD,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,SAAS,GAAG,CAAC,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACjE,QAAA,IAAI,GAAG,GAAG,KAAK,GAAG,SAAS,CAAC;QAC5B,IAAI,GAAG,IAAI,EAAE,EAAE;AACb,YAAA,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC;YACf,IAAI,CAAC,iBAAiB,GAAG,CAAA,EAAG,KAAK,CAAK,EAAA,EAAA,GAAG,SAAS,CAAC;AACpD,SAAA;AAAM,aAAA,IAAI,GAAG,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,EAAE;AACjC,YAAA,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,iBAAiB,GAAG,CAAA,EAAG,KAAK,CAAiB,cAAA,EAAA,GAAG,IAAI,CAAC;AAC3D,SAAA;AAAM,aAAA,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;AAClC,YAAA,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,iBAAiB,GAAG,CAAA,EAAG,KAAK,CAAqB,kBAAA,EAAA,GAAG,OAAO,CAAC;AAClE,SAAA;AAAM,aAAA,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;AAClC,YAAA,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,iBAAiB,GAAG,CAAA,EAAG,KAAK,CAAmC,gCAAA,EAAA,GAAG,IAAI,CAAC;AAC7E,SAAA;AAAM,aAAA,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;YAClC,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,iBAAiB,GAAG,CAAA,EAAG,KAAK,CAAyC,sCAAA,EAAA,GAAG,SAAS,CAAC;AACxF,SAAA;KACF;AAED,IAAA,QAAQ,CAAC,OAAgB,EAAA;QACvB,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;KAC5C;iIAnNU,kBAAkB,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,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,8FC9B/B,6lIAgHA,EAAA,MAAA,EAAA,CAAA,mxFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDlFa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;+BACE,CAAG,EAAA,eAAe,EAAE,EAGf,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6lIAAA,EAAA,MAAA,EAAA,CAAA,mxFAAA,CAAA,EAAA,CAAA;;;MEhBpC,eAAe,CAAA;iIAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAf,eAAe,EAAA,YAAA,EAAA,CAJX,kBAAkB,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE1C,YAAY,EAAE,WAAW,EAAE,WAAW,CAAA,EAAA,OAAA,EAAA,CADtC,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGjB,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,eAAe,EAFhB,OAAA,EAAA,CAAA,YAAY,EAAE,WAAW,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAErC,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,CAAC;oBACrD,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAC7B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC;AAClD,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-progress.mjs","sources":["../../../../lib/ng-nest/ui/progress/progress.property.ts","../../../../lib/ng-nest/ui/progress/progress.component.ts","../../../../lib/ng-nest/ui/progress/progress.component.html","../../../../lib/ng-nest/ui/progress/progress.module.ts","../../../../lib/ng-nest/ui/progress/ng-nest-ui-progress.ts"],"sourcesContent":["import { Input, Component } from '@angular/core';\r\nimport { XInputNumber, XProperty, XInputBoolean, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Progress\r\n * @selector x-progress\r\n * @decorator component\r\n */\r\nexport const XProgressPrefix = 'x-progress';\r\nconst X_CONFIG_NAME = 'progress';\r\n\r\n/**\r\n * Progress Property\r\n */\r\n@Component({ selector: `${XProgressPrefix}-property`, template: '' })\r\nexport class XProgressProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 进度条类型\r\n   * @en_US Progress bar type\r\n   */\r\n  @Input() type: XProgressType = 'line';\r\n  /**\r\n   * @zh_CN 显示进度 0-100\r\n   * @en_US Show progress 0-100\r\n   */\r\n  @Input() @XInputNumber() percent: XNumber = 0;\r\n  /**\r\n   * @zh_CN 进度条高度\r\n   * @en_US Height of progress bar\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '0.5rem') height?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US Status\r\n   */\r\n  @Input() status: XProgressStatus = 'normal';\r\n  /**\r\n   * @zh_CN 是否显示百分比文本\r\n   * @en_US Whether to display percentage text\r\n   */\r\n  @Input() @XInputBoolean() info: XBoolean = true;\r\n  /**\r\n   * @zh_CN 百分比文本是否显示在进度条里面\r\n   * @en_US Whether the percentage text is displayed in the progress bar\r\n   */\r\n  @Input() @XInputBoolean() inside?: XBoolean;\r\n  /**\r\n   * @zh_CN 自定义百分比文本内容\r\n   * @en_US Custom percentage text content\r\n   */\r\n  @Input() format?: Function;\r\n  /**\r\n   * @zh_CN 自定义颜色\r\n   * @en_US Custom color\r\n   */\r\n  @Input() color?: XProgressColor;\r\n  /**\r\n   * @zh_CN 渐变颜色\r\n   * @en_US Gradient color\r\n   */\r\n  @Input() gradient?: XProgressGradient;\r\n  /**\r\n   * @zh_CN 步骤进度条\r\n   * @en_US Steps progress bar\r\n   */\r\n  @Input() steps?: number;\r\n  /**\r\n   * @zh_CN 单个步骤的宽度\r\n   * @en_US Single step width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '1rem') stepWidth?: string;\r\n  /**\r\n   * @zh_CN 单个步骤的宽度自适应\r\n   * @en_US Single step width flex\r\n   */\r\n  @Input() @XInputBoolean() stepFlex?: XBoolean;\r\n  /**\r\n   * @zh_CN 圆环/仪表盘厚度\r\n   * @en_US Ring thickness\r\n   */\r\n  @Input() thickness?: string = '0.5rem';\r\n  /**\r\n   * @zh_CN 圆环/仪表盘尺寸\r\n   * @en_US Ring size\r\n   */\r\n  @Input() size?: string = '5rem';\r\n  /**\r\n   * @zh_CN 仪表盘缺口角度 0~300\r\n   * @en_US Dashboard notch angle\r\n   */\r\n  @Input() notchAngle?: number = 80;\r\n  /**\r\n   * @zh_CN 分段显示颜色，只适用 type = 'line'\r\n   * @en_US Segmentation display color, only use of type = 'line'\r\n   */\r\n  @Input() @XInputBoolean() subsection?: XBoolean;\r\n}\r\n\r\n/**\r\n * @zh_CN 进度条类型\r\n * @en_US Progress bar type\r\n */\r\nexport type XProgressType = 'line' | 'circle' | 'dashboard';\r\n\r\n/**\r\n * @zh_CN 进度条颜色\r\n * @en_US Progress bar color\r\n */\r\nexport type XProgressColor = string | XProgressColorNode[] | Function;\r\n\r\n/**\r\n * @zh_CN 进度条节点颜色\r\n * @en_US Progress bar node color\r\n */\r\nexport interface XProgressColorNode {\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color: string;\r\n  /**\r\n   * @zh_CN 百分比\r\n   * @en_US Percent\r\n   */\r\n  percent: number;\r\n}\r\n/**\r\n * @zh_CN 状态\r\n * @en_US Status\r\n */\r\nexport type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';\r\n\r\n/**\r\n * @zh_CN 渐变颜色\r\n * @en_US Gradient color\r\n */\r\nexport type XProgressGradient = { direction?: string } & ({ from: string; to: string } | { [percent: string]: string });\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  inject\r\n} from '@angular/core';\r\nimport { XProgressPrefix, XProgressProperty } from './progress.property';\r\nimport {\r\n  XIsFunction,\r\n  XIsString,\r\n  XIsObjectArray,\r\n  XIsEmpty,\r\n  XIsChange,\r\n  XNumber,\r\n  XConfigService,\r\n  XIsNumber\r\n} from '@ng-nest/ui/core';\r\nimport { XProgressColorNode } from './progress.property';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\n\r\n@Component({\r\n  selector: `${XProgressPrefix}`,\r\n  standalone: true,\r\n  imports: [CommonModule, FormsModule, XIconComponent],\r\n  templateUrl: './progress.component.html',\r\n  styleUrls: ['./progress.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XProgressComponent extends XProgressProperty implements OnChanges {\r\n  currentColor!: string;\r\n  linearGradient!: string;\r\n  stepsArray: Array<boolean> = [];\r\n  circleClipPath!: string;\r\n  dashboardClipPath!: string;\r\n  dashboardRailClipPath!: string;\r\n  subLinearGradient!: string;\r\n\r\n  get maskWidth() {\r\n    return XIsNumber(this.percent) ? 100 - Number(this.percent) : 100;\r\n  }\r\n\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnChanges(simples: SimpleChanges) {\r\n    const { status, percent, gradient, steps, type, notchAngle } = simples;\r\n    XIsChange(type, status) && this.setClassMap();\r\n    XIsChange(percent) && this.setColor();\r\n    XIsChange(gradient) && this.setGradient();\r\n    XIsChange(steps, percent) && this.setSteps();\r\n    XIsChange(type, percent, notchAngle) && this.setType();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap = {\r\n      [`${XProgressPrefix}-${this.status}`]: true,\r\n      [`${XProgressPrefix}-${this.type}`]: true,\r\n      [`${XProgressPrefix}-inside`]: Boolean(this.inside)\r\n    };\r\n  }\r\n\r\n  setColor() {\r\n    if (this.subsection) {\r\n      this.setSubLinearGradient();\r\n    } else {\r\n      if (XIsEmpty(this.color)) return;\r\n      if (XIsString(this.color)) {\r\n        this.currentColor = this.color as string;\r\n      } else if (XIsObjectArray(this.color)) {\r\n        this.currentColor = this.getLevelColor(this.percent);\r\n      } else if (XIsFunction(this.color)) {\r\n        this.currentColor = (this.color as Function)(this.percent);\r\n      }\r\n    }\r\n  }\r\n\r\n  getLevelColor(percent: XNumber) {\r\n    let colors = (this.color as XProgressColorNode[]).sort((a, b) => a.percent - b.percent);\r\n    for (let i = 0; i < colors.length; i++) {\r\n      if (colors[i].percent > Number(percent)) {\r\n        return colors[i].color;\r\n      }\r\n    }\r\n    return colors[colors.length - 1].color;\r\n  }\r\n\r\n  setGradient() {\r\n    if (this.subsection) return;\r\n    if (XIsEmpty(this.gradient)) {\r\n      this.linearGradient = '';\r\n    } else {\r\n      const { from, to, direction = 'to right', ...percents } = this.gradient || {};\r\n      if (Object.keys(percents).length !== 0) {\r\n        this.linearGradient = `linear-gradient(${direction}, ${this.sortGradient(\r\n          percents as { [percent: string]: string }\r\n        ).map(({ key, value }) => `${value} ${key}%`)})`;\r\n        return;\r\n      }\r\n      this.linearGradient = `linear-gradient(${direction}, ${from}, ${to})`;\r\n    }\r\n  }\r\n\r\n  sortGradient(percents: { [percent: string]: string }) {\r\n    let arr: { key: number; value: string }[] = [];\r\n    Object.keys(percents).forEach((key) => {\r\n      const value = percents[key];\r\n      const numKey = +key.replace('%', '');\r\n      if (!isNaN(numKey)) {\r\n        arr.push({ key: numKey, value });\r\n      }\r\n    });\r\n    return arr.sort((a, b) => a.key - b.key);\r\n  }\r\n\r\n  setSubLinearGradient() {\r\n    let colors = this.color as XProgressColorNode[];\r\n    if (!colors || colors.length <= 0) {\r\n      this.subLinearGradient = `linear-gradient(to right, var(--x-primary) 0%, var(--x-primary) 100%)`;\r\n      return;\r\n    } else if (colors.length === 1) {\r\n      colors.push({ percent: 100, color: 'var(--x-primary)' });\r\n    }\r\n    colors = colors.sort((a, b) => a.percent - b.percent);\r\n    let lgs: string[] = [];\r\n    colors.reduce((a, b, index) => {\r\n      if (index === 1 && a.percent > 0) {\r\n        lgs.push(`${a.color} 0%, ${a.color} ${a.percent}%`);\r\n      }\r\n      lgs.push(`${b.color} ${a.percent}%, ${b.color} ${b.percent}%`);\r\n      if (index === colors.length - 1 && b.percent < 100) {\r\n        lgs.push(`var(--x-primary) ${b.percent}%, var(--x-primary) 100%`);\r\n      }\r\n      return b;\r\n    });\r\n    this.subLinearGradient = `linear-gradient(to right,${lgs.join(',')})`;\r\n  }\r\n\r\n  setSteps() {\r\n    if (XIsEmpty(this.steps)) {\r\n      this.stepsArray = [];\r\n    } else {\r\n      const critical = Math.ceil((Number(this.percent) / 100) * this.steps!);\r\n      this.stepsArray = Array.from({ length: this.steps as number }).map((_, index) => index + 1 <= critical);\r\n    }\r\n  }\r\n\r\n  setType() {\r\n    if (this.type === 'circle') {\r\n      this.setCircleClipPath();\r\n    } else if (this.type === 'dashboard') {\r\n      this.setDashboardClipPath();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * circle 中的 100% 等于 clip-path 中的 400%\r\n   */\r\n  setCircleClipPath() {\r\n    let value = Number(this.percent) * 4;\r\n    let k1 = 'polygon(50% 50%,50% 0%,';\r\n    let k2 = k1 + '100% 0%,';\r\n    let k3 = k2 + '100% 100%,';\r\n    let k4 = k3 + '0% 100%,';\r\n    let k5 = k4 + '0% 0%,';\r\n    if (value <= 50) {\r\n      value += 50;\r\n      this.circleClipPath = `${k1}${value}% 0%)`;\r\n    } else if (value > 50 && value <= 150) {\r\n      value -= 50;\r\n      this.circleClipPath = `${k2}100% ${value}%)`;\r\n    } else if (value > 150 && value <= 250) {\r\n      value = 250 - value;\r\n      this.circleClipPath = `${k3}${value}% 100%)`;\r\n    } else if (value > 250 && value <= 350) {\r\n      value = 350 - value;\r\n      this.circleClipPath = `${k4}0% ${value}%)`;\r\n    } else if (value > 350 && value <= 400) {\r\n      value -= 350;\r\n      this.circleClipPath = `${k5}${value}% 0%)`;\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);\r\n   * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);\r\n   * 270 polygon(50% 50%, 0% 0%, 100% 0%);\r\n   */\r\n  setDashboardClipPath() {\r\n    let railValue = (Number(this.notchAngle) / 360) * 50 * 4;\r\n    let k1 = `polygon(50% 50%,`;\r\n    let start = '';\r\n    let per = 0;\r\n    if (railValue <= 50) {\r\n      per = 50 - railValue;\r\n      start = `${k1} ${per}% 100%`;\r\n      this.dashboardRailClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${100 - per}% 100%)`;\r\n    } else if (railValue > 50 && railValue <= 150) {\r\n      per = 150 - railValue;\r\n      start = `${k1} 0% ${per}%`;\r\n      this.dashboardRailClipPath = `${start}, 0% 0%, 100% 0%, 100% ${per}%)`;\r\n    } else if (railValue > 150 && railValue <= 250) {\r\n      per = railValue - 150;\r\n      start = `${k1} ${per}% 0%`;\r\n      this.dashboardRailClipPath = `${start}, ${100 - per}% 0%)`;\r\n    }\r\n\r\n    this.setCircleClipPathValue(start, railValue);\r\n  }\r\n\r\n  setCircleClipPathValue(start: string, railValue: number) {\r\n    let value = ((400 - railValue * 2) / 100) * Number(this.percent);\r\n    let val = value + railValue;\r\n    if (val <= 50) {\r\n      val = 50 - val;\r\n      this.dashboardClipPath = `${start}, ${val}% 100%)`;\r\n    } else if (val > 50 && val <= 150) {\r\n      val = 150 - val;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% ${val}%)`;\r\n    } else if (val > 150 && val <= 250) {\r\n      val = val - 150;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, ${val}% 0%)`;\r\n    } else if (val > 250 && val <= 350) {\r\n      val = val - 250;\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% ${val}%)`;\r\n    } else if (val > 350 && val <= 400) {\r\n      val = 100 - (val - 350);\r\n      this.dashboardClipPath = `${start}, 0% 100%, 0% 0%, 100% 0%, 100% 100%, ${val}% 100%)`;\r\n    }\r\n  }\r\n\r\n  onFormat(percent: XNumber) {\r\n    return this.format && this.format(percent);\r\n  }\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\nimport { XProgressComponent } from './progress.component';\r\n\r\n@NgModule({\r\n  exports: [XProgressComponent],\r\n  imports: [XProgressComponent]\r\n})\r\nexport class XProgressModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}