@delon/abc 12.4.1 → 13.0.0

package/fesm2020/se.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"se.mjs","sources":["../../../../packages/abc/se/se-container.component.ts","../../../../packages/abc/se/se.component.ts","../../../../packages/abc/se/se.component.html","../../../../packages/abc/se/se.module.ts","../../../../packages/abc/se/se.types.ts","../../../../packages/abc/se/se.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Host,\n  Input,\n  OnInit,\n  Optional,\n  Renderer2,\n  TemplateRef,\n  ViewEncapsulation\n} from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\nimport type { REP_TYPE } from '@delon/theme';\nimport { AlainConfigService } from '@delon/util/config';\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput, toNumber } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nimport { SEErrorRefresh, SELayout } from './se.types';\n\n@Component({\n  selector: 'se-container, [se-container]',\n  exportAs: 'seContainer',\n  template: `\n    <div se-title *ngIf=\"title\">\n      <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n    </div>\n    <ng-content></ng-content>\n  `,\n  host: {\n    '[class.ant-row]': `true`,\n    '[class.se__container]': `true`,\n    '[class.se__horizontal]': `nzLayout === 'horizontal'`,\n    '[class.se__vertical]': `nzLayout === 'vertical'`,\n    '[class.se__inline]': `nzLayout === 'inline'`,\n    '[class.se__compact]': `size === 'compact'`,\n    '[style.margin-left.px]': `margin`,\n    '[style.margin-right.px]': `margin`\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SEContainerComponent {\n  static ngAcceptInputType_gutter: NumberInput;\n  static ngAcceptInputType_col: NumberInput;\n  static ngAcceptInputType_colInCon: NumberInput;\n  static ngAcceptInputType_labelWidth: NumberInput;\n  static ngAcceptInputType_firstVisual: BooleanInput;\n  static ngAcceptInputType_ingoreDirty: BooleanInput;\n  static ngAcceptInputType_line: BooleanInput;\n  static ngAcceptInputType_noColon: BooleanInput;\n\n  private errorNotify$ = new BehaviorSubject<SEErrorRefresh>(null as NzSafeAny);\n  @Input('se-container') @InputNumber(null) colInCon?: REP_TYPE;\n  @Input() @InputNumber(null) col!: REP_TYPE;\n  @Input() @InputNumber(null) labelWidth!: number;\n  @Input() @InputBoolean() noColon = false;\n  @Input() title?: string | TemplateRef<void> | null;\n\n  @Input()\n  get gutter(): number {\n    return this.nzLayout === 'horizontal' ? this._gutter : 0;\n  }\n  set gutter(value: number) {\n    this._gutter = toNumber(value);\n  }\n  private _gutter!: number;\n\n  @Input()\n  get nzLayout(): SELayout {\n    return this._nzLayout;\n  }\n  set nzLayout(value: SELayout) {\n    this._nzLayout = value;\n    if (value === 'inline') {\n      this.size = 'compact';\n    }\n  }\n  private _nzLayout!: SELayout;\n\n  @Input() size!: 'default' | 'compact';\n  @Input() @InputBoolean() firstVisual!: boolean;\n  @Input() @InputBoolean() ingoreDirty!: boolean;\n  @Input() @InputBoolean() line = false;\n  @Input()\n  set errors(val: SEErrorRefresh[]) {\n    this.setErrors(val);\n  }\n\n  get margin(): number {\n    return -((this.gutter as number) / 2);\n  }\n\n  get errorNotify(): Observable<SEErrorRefresh> {\n    return this.errorNotify$.pipe(filter(v => v != null));\n  }\n\n  constructor(configSrv: AlainConfigService) {\n    configSrv.attach(this, 'se', {\n      size: 'default',\n      nzLayout: 'horizontal',\n      gutter: 32,\n      col: 2,\n      labelWidth: 150,\n      firstVisual: false,\n      ingoreDirty: false\n    });\n  }\n\n  setErrors(errors: SEErrorRefresh[]): void {\n    for (const error of errors) {\n      this.errorNotify$.next(error);\n    }\n  }\n}\n\n@Component({\n  selector: 'se-title, [se-title]',\n  exportAs: 'seTitle',\n  template: '<ng-content></ng-content>',\n  host: {\n    '[class.se__title]': 'true'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SETitleComponent implements OnInit {\n  private el: HTMLElement;\n  constructor(\n    @Host()\n    @Optional()\n    private parent: SEContainerComponent,\n    el: ElementRef,\n    private ren: Renderer2\n  ) {\n    if (parent == null) {\n      throw new Error(`[se-title] must include 'se-container' component`);\n    }\n    this.el = el.nativeElement;\n  }\n\n  private setClass(): void {\n    const { el } = this;\n    const gutter = this.parent.gutter as number;\n    this.ren.setStyle(el, 'padding-left', `${gutter / 2}px`);\n    this.ren.setStyle(el, 'padding-right', `${gutter / 2}px`);\n  }\n\n  ngOnInit(): void {\n    this.setClass();\n  }\n}\n","import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  Host,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Optional,\n  Renderer2,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport { FormControlName, NgModel, RequiredValidator, Validator } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { ResponsiveService } from '@delon/theme';\nimport { isEmpty } from '@delon/util/browser';\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';\nimport { helpMotion } from 'ng-zorro-antd/core/animation';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nimport { SEContainerComponent } from './se-container.component';\nimport { SEError, SEErrorType } from './se.types';\n\nconst prefixCls = `se`;\nlet nextUniqueId = 0;\n\n@Component({\n  selector: 'se',\n  exportAs: 'se',\n  templateUrl: './se.component.html',\n  host: {\n    '[style.padding-left.px]': 'paddingValue',\n    '[style.padding-right.px]': 'paddingValue',\n    '[class.se__hide-label]': 'hideLabel',\n    '[class.ant-form-item-has-error]': 'invalid',\n    '[class.ant-form-item-with-help]': 'showErr'\n  },\n  preserveWhitespaces: false,\n  animations: [helpMotion],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SEComponent implements OnChanges, AfterContentInit, AfterViewInit, OnDestroy {\n  static ngAcceptInputType_col: NumberInput;\n  static ngAcceptInputType_required: BooleanInput;\n  static ngAcceptInputType_line: BooleanInput;\n  static ngAcceptInputType_labelWidth: NumberInput;\n  static ngAcceptInputType_noColon: BooleanInput;\n  static ngAcceptInputType_hideLabel: BooleanInput;\n\n  private el: HTMLElement;\n  private unsubscribe$ = new Subject<void>();\n  @ContentChild(NgModel, { static: true }) private readonly ngModel?: NgModel;\n  @ContentChild(FormControlName, { static: true })\n  private readonly formControlName?: FormControlName;\n  @ViewChild('contentElement', { static: true }) private readonly contentElement!: ElementRef;\n  private clsMap: string[] = [];\n  private inited = false;\n  private onceFlag = false;\n  private errorData: SEError = {};\n  private isBindModel = false;\n  invalid = false;\n  _labelWidth: number | null = null;\n  _noColon: boolean | null = null;\n  _error?: string | TemplateRef<void>;\n\n  // #region fields\n\n  @Input() optional?: string | TemplateRef<void> | null = null;\n  @Input() optionalHelp?: string | TemplateRef<void> | null = null;\n  @Input() optionalHelpColor?: string;\n  @Input()\n  set error(val: SEErrorType) {\n    this.errorData = typeof val === 'string' || val instanceof TemplateRef ? { '': val } : val;\n  }\n  @Input() extra?: string | TemplateRef<void> | null;\n  @Input() label?: string | TemplateRef<void> | null;\n  @Input() @InputNumber(null) col?: number | null;\n  @Input() @InputBoolean() required = false;\n  @Input() controlClass?: string | null = '';\n  @Input() @InputBoolean(null) line?: boolean | null;\n  @Input() @InputNumber(null) labelWidth?: number | null;\n  @Input() @InputBoolean(null) noColon?: boolean | null;\n  @Input() @InputBoolean() hideLabel = false;\n\n  @Input()\n  set id(value: string) {\n    this._id = value;\n    this._autoId = false;\n  }\n\n  _id = `_se-${++nextUniqueId}`;\n  _autoId = true;\n\n  // #endregion\n\n  get paddingValue(): number {\n    return (this.parent.gutter as number) / 2;\n  }\n\n  get showErr(): boolean {\n    return this.invalid && !!this._error && !this.compact;\n  }\n\n  get compact(): boolean {\n    return this.parent.size === 'compact';\n  }\n\n  private get ngControl(): NgModel | FormControlName | null | undefined {\n    return this.ngModel || this.formControlName;\n  }\n\n  constructor(\n    el: ElementRef,\n    @Optional() @Host() private parent: SEContainerComponent,\n    private rep: ResponsiveService,\n    private ren: Renderer2,\n    private cdr: ChangeDetectorRef\n  ) {\n    if (parent == null) {\n      throw new Error(`[se] must include 'se-container' component`);\n    }\n    this.el = el.nativeElement;\n    parent.errorNotify\n      .pipe(\n        takeUntil(this.unsubscribe$),\n        filter(w => this.inited && this.ngControl != null && this.ngControl.name === w.name)\n      )\n      .subscribe(item => {\n        this.error = item.error;\n        this.updateStatus(this.ngControl!.invalid!);\n      });\n  }\n\n  private setClass(): this {\n    const { el, ren, clsMap, col, parent, cdr, line, labelWidth, rep, noColon } = this;\n    this._noColon = noColon != null ? noColon : parent.noColon;\n    this._labelWidth = parent.nzLayout === 'horizontal' ? (labelWidth != null ? labelWidth : parent.labelWidth) : null;\n    clsMap.forEach(cls => ren.removeClass(el, cls));\n    clsMap.length = 0;\n    const repCls =\n      parent.nzLayout === 'horizontal' ? rep.genCls(col != null ? col : parent.colInCon || parent.col) : [];\n    clsMap.push(`ant-form-item`, ...repCls, `${prefixCls}__item`);\n    if (line || parent.line) {\n      clsMap.push(`${prefixCls}__line`);\n    }\n    clsMap.forEach(cls => ren.addClass(el, cls));\n    cdr.detectChanges();\n    return this;\n  }\n\n  private bindModel(): void {\n    if (!this.ngControl || this.isBindModel) return;\n\n    this.isBindModel = true;\n    this.ngControl\n      .statusChanges!.pipe(takeUntil(this.unsubscribe$))\n      .subscribe(res => this.updateStatus(res === 'INVALID'));\n    if (this._autoId) {\n      const controlAccessor = this.ngControl.valueAccessor as NzSafeAny;\n      const control = (controlAccessor?.elementRef || controlAccessor?._elementRef)?.nativeElement as HTMLElement;\n      if (!!control) {\n        if (control.id) {\n          this._id = control.id;\n        } else {\n          control.id = this._id;\n        }\n      }\n    }\n    // auto required\n    if (this.required !== true) {\n      const rawValidators = (this.ngControl as NzSafeAny)?._rawValidators as Validator[];\n      this.required = rawValidators.find(w => w instanceof RequiredValidator) != null;\n      this.cdr.detectChanges();\n    }\n  }\n\n  private updateStatus(invalid: boolean): void {\n    if (this.ngControl?.disabled || this.ngControl?.isDisabled) {\n      return;\n    }\n    this.invalid =\n      !this.onceFlag && invalid && this.parent.ingoreDirty === false && !this.ngControl?.dirty ? false : invalid;\n    const errors = this.ngControl?.errors;\n    if (errors != null && Object.keys(errors).length > 0) {\n      const key = Object.keys(errors)[0] || '';\n      const err = this.errorData[key];\n      this._error = err != null ? err : this.errorData[''] || '';\n    }\n\n    this.cdr.detectChanges();\n  }\n\n  checkContent(): void {\n    const el = this.contentElement.nativeElement;\n    const cls = `${prefixCls}__item-empty`;\n    if (isEmpty(el)) {\n      this.ren.addClass(el, cls);\n    } else {\n      this.ren.removeClass(el, cls);\n    }\n  }\n\n  ngAfterContentInit(): void {\n    this.checkContent();\n  }\n\n  ngOnChanges(): void {\n    this.onceFlag = this.parent.firstVisual;\n    if (this.inited) {\n      this.setClass().bindModel();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.setClass().bindModel();\n    this.inited = true;\n    if (this.onceFlag) {\n      Promise.resolve().then(() => {\n        this.updateStatus(this.ngControl?.invalid!);\n        this.onceFlag = false;\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    const { unsubscribe$ } = this;\n    unsubscribe$.next();\n    unsubscribe$.complete();\n  }\n}\n","<div class=\"ant-form-item-label\" [class.se__nolabel]=\"hideLabel || !label\" [style.width.px]=\"_labelWidth\">\n  <label\n    *ngIf=\"label\"\n    [attr.for]=\"_id\"\n    class=\"se__label\"\n    [ngClass]=\"{ 'ant-form-item-required': required, 'se__no-colon': _noColon }\"\n  >\n    <span class=\"se__label-text\">\n      <ng-container *nzStringTemplateOutlet=\"label\">{{ label }}</ng-container>\n    </span>\n    <span *ngIf=\"optional || optionalHelp\" class=\"se__label-optional\" [class.se__label-optional-no-text]=\"!optional\">\n      <ng-container *nzStringTemplateOutlet=\"optional\">{{ optional }}</ng-container>\n      <i\n        *ngIf=\"optionalHelp\"\n        nz-tooltip\n        [nzTooltipTitle]=\"optionalHelp\"\n        [nzTooltipColor]=\"optionalHelpColor\"\n        nz-icon\n        nzType=\"question-circle\"\n      ></i>\n    </span>\n  </label>\n</div>\n<div class=\"ant-form-item-control se__control\">\n  <div class=\"ant-form-item-control-input {{ controlClass }}\">\n    <div class=\"ant-form-item-control-input-content\" (cdkObserveContent)=\"checkContent()\" #contentElement>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"ant-form-item-explain ant-form-item-explain-error\" *ngIf=\"showErr\">\n    <div @helpMotion>\n      <ng-container *nzStringTemplateOutlet=\"_error\">{{ _error }}</ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"extra && !compact\" class=\"ant-form-item-extra\">\n    <ng-container *nzStringTemplateOutlet=\"extra\">{{ extra }}</ng-container>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\nimport { NzToolTipModule } from 'ng-zorro-antd/tooltip';\n\nimport { SEContainerComponent, SETitleComponent } from './se-container.component';\nimport { SEComponent } from './se.component';\n\nconst COMPONENTS = [SEContainerComponent, SEComponent, SETitleComponent];\n\n@NgModule({\n  imports: [CommonModule, NzToolTipModule, NzIconModule, NzOutletModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class SEModule {}\n","import { TemplateRef } from '@angular/core';\n\nexport type SELayout = 'horizontal' | 'vertical' | 'inline';\n\nexport type SESize = 'default' | 'compact';\n\nexport type SEErrorType = string | TemplateRef<void> | SEError;\n\nexport interface SEError {\n  [key: string]: string | TemplateRef<void>;\n}\n\nexport interface SEErrorRefresh {\n  name: string;\n  error: SEErrorType;\n}\n\n// /**\n//  * Error collection\n//  * - `name`: The value of` ngModel` or `formControlName`\n//  * - `error`: Replaced error value\n//  */\n// errors: Array<{ name: string; error: SEErrorType }>;\n// /**\n//  * Whether force show error, even if the form component has not invalid, Default: `false`\n//  * - `false`: Whether to display error by `invalid`\n//  * - `true`: Force show display error\n//  */\n// force?: boolean;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/sg.mjs

@@ -0,0 +1,137 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Optional, Host, NgModule } from '@angular/core';
+import { InputNumber } from '@delon/util/decorator';
+import * as i1 from '@delon/util/config';
+import * as i2 from '@delon/theme';
+import { CommonModule } from '@angular/common';
+
+class SGContainerComponent {
+    constructor(configSrv) {
+        configSrv.attach(this, 'sg', {
+            gutter: 32,
+            col: 2
+        });
+    }
+    get marginValue() {
+        return -(this.gutter / 2);
+    }
+}
+SGContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGContainerComponent, deps: [{ token: i1.AlainConfigService }], target: i0.ɵɵFactoryTarget.Component });
+SGContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SGContainerComponent, selector: "sg-container, [sg-container]", inputs: { gutter: "gutter", colInCon: ["sg-container", "colInCon"], col: "col" }, host: { properties: { "style.margin-left.px": "marginValue", "style.margin-right.px": "marginValue", "class.ant-row": "true", "class.sg__wrap": "true" } }, exportAs: ["sgContainer"], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputNumber()
+], SGContainerComponent.prototype, "gutter", void 0);
+__decorate([
+    InputNumber(null)
+], SGContainerComponent.prototype, "colInCon", void 0);
+__decorate([
+    InputNumber(null)
+], SGContainerComponent.prototype, "col", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sg-container, [sg-container]',
+                    exportAs: 'sgContainer',
+                    template: ` <ng-content></ng-content> `,
+                    host: {
+                        '[style.margin-left.px]': 'marginValue',
+                        '[style.margin-right.px]': 'marginValue',
+                        '[class.ant-row]': 'true',
+                        '[class.sg__wrap]': 'true'
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i1.AlainConfigService }]; }, propDecorators: { gutter: [{
+                type: Input
+            }], colInCon: [{
+                type: Input,
+                args: ['sg-container']
+            }], col: [{
+                type: Input
+            }] } });
+
+const prefixCls = `sg`;
+class SGComponent {
+    constructor(el, ren, parent, rep) {
+        this.ren = ren;
+        this.parent = parent;
+        this.rep = rep;
+        this.clsMap = [];
+        this.inited = false;
+        this.col = null;
+        if (parent == null) {
+            throw new Error(`[sg] must include 'sg-container' component`);
+        }
+        this.el = el.nativeElement;
+    }
+    get paddingValue() {
+        return this.parent.gutter / 2;
+    }
+    setClass() {
+        const { el, ren, clsMap, col, parent } = this;
+        clsMap.forEach(cls => ren.removeClass(el, cls));
+        clsMap.length = 0;
+        clsMap.push(...this.rep.genCls(col != null ? col : parent.colInCon || parent.col), `${prefixCls}__item`);
+        clsMap.forEach(cls => ren.addClass(el, cls));
+        return this;
+    }
+    ngOnChanges() {
+        if (this.inited)
+            this.setClass();
+    }
+    ngAfterViewInit() {
+        this.setClass();
+        this.inited = true;
+    }
+}
+SGComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SGContainerComponent, host: true, optional: true }, { token: i2.ResponsiveService }], target: i0.ɵɵFactoryTarget.Component });
+SGComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SGComponent, selector: "sg", inputs: { col: "col" }, host: { properties: { "style.padding-left.px": "paddingValue", "style.padding-right.px": "paddingValue" } }, exportAs: ["sg"], usesOnChanges: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputNumber(null)
+], SGComponent.prototype, "col", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sg',
+                    exportAs: 'sg',
+                    template: ` <ng-content></ng-content> `,
+                    host: {
+                        '[style.padding-left.px]': 'paddingValue',
+                        '[style.padding-right.px]': 'paddingValue'
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SGContainerComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: i2.ResponsiveService }]; }, propDecorators: { col: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [SGContainerComponent, SGComponent];
+class SGModule {
+}
+SGModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SGModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGModule, declarations: [SGContainerComponent, SGComponent], imports: [CommonModule], exports: [SGContainerComponent, SGComponent] });
+SGModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SGModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SGComponent, SGContainerComponent, SGModule };
+//# sourceMappingURL=sg.mjs.map

package/fesm2020/sg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sg.mjs","sources":["../../../../packages/abc/sg/sg-container.component.ts","../../../../packages/abc/sg/sg.component.ts","../../../../packages/abc/sg/sg.module.ts","../../../../packages/abc/sg/sg.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nimport { REP_TYPE } from '@delon/theme';\nimport { AlainConfigService } from '@delon/util/config';\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\n\n@Component({\n  selector: 'sg-container, [sg-container]',\n  exportAs: 'sgContainer',\n  template: ` <ng-content></ng-content> `,\n  host: {\n    '[style.margin-left.px]': 'marginValue',\n    '[style.margin-right.px]': 'marginValue',\n    '[class.ant-row]': 'true',\n    '[class.sg__wrap]': 'true'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SGContainerComponent {\n  static ngAcceptInputType_gutter: NumberInput;\n  static ngAcceptInputType_colInCon: NumberInput;\n  static ngAcceptInputType_col: NumberInput;\n\n  @Input() @InputNumber() gutter!: number;\n  @Input('sg-container') @InputNumber(null) colInCon?: REP_TYPE;\n  @Input() @InputNumber(null) col!: REP_TYPE;\n\n  get marginValue(): number {\n    return -(this.gutter / 2);\n  }\n\n  constructor(configSrv: AlainConfigService) {\n    configSrv.attach(this, 'sg', {\n      gutter: 32,\n      col: 2\n    });\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Host,\n  Input,\n  OnChanges,\n  Optional,\n  Renderer2,\n  ViewEncapsulation\n} from '@angular/core';\n\nimport { ResponsiveService } from '@delon/theme';\nimport { InputNumber, NumberInput } from '@delon/util/decorator';\n\nimport { SGContainerComponent } from './sg-container.component';\n\nconst prefixCls = `sg`;\n\n@Component({\n  selector: 'sg',\n  exportAs: 'sg',\n  template: ` <ng-content></ng-content> `,\n  host: {\n    '[style.padding-left.px]': 'paddingValue',\n    '[style.padding-right.px]': 'paddingValue'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SGComponent implements OnChanges, AfterViewInit {\n  static ngAcceptInputType_col: NumberInput;\n\n  private el: HTMLElement;\n  private clsMap: string[] = [];\n  private inited = false;\n\n  @Input() @InputNumber(null) col: number | null = null;\n\n  get paddingValue(): number {\n    return this.parent.gutter / 2;\n  }\n\n  constructor(\n    el: ElementRef,\n    private ren: Renderer2,\n    @Optional() @Host() private parent: SGContainerComponent,\n    private rep: ResponsiveService\n  ) {\n    if (parent == null) {\n      throw new Error(`[sg] must include 'sg-container' component`);\n    }\n    this.el = el.nativeElement;\n  }\n\n  private setClass(): this {\n    const { el, ren, clsMap, col, parent } = this;\n    clsMap.forEach(cls => ren.removeClass(el, cls));\n    clsMap.length = 0;\n    clsMap.push(...this.rep.genCls(col != null ? col : parent.colInCon || parent.col), `${prefixCls}__item`);\n    clsMap.forEach(cls => ren.addClass(el, cls));\n    return this;\n  }\n\n  ngOnChanges(): void {\n    if (this.inited) this.setClass();\n  }\n\n  ngAfterViewInit(): void {\n    this.setClass();\n    this.inited = true;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SGContainerComponent } from './sg-container.component';\nimport { SGComponent } from './sg.component';\n\nconst COMPONENTS = [SGContainerComponent, SGComponent];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class SGModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}