@simplysm/angular 1.0.138 → 14.0.4

package/src/controls/SdSidebarBrandControl.ts

@@ -1,10 +0,0 @@
-import {ChangeDetectionStrategy, Component} from "@angular/core";
-
-@Component({
-  selector: "sd-sidebar-brand",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdSidebarBrandControl {
-}

package/src/controls/SdSidebarContainerControl.ts

@@ -1,22 +0,0 @@
-import {ChangeDetectionStrategy, Component, HostBinding} from "@angular/core";
-import {NavigationStart, Router} from "@angular/router";
-
-@Component({
-  selector: "sd-sidebar-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>
-    <div class="_backdrop" (click)="toggle = false"></div>`
-})
-export class SdSidebarContainerControl {
-  @HostBinding("attr.sd-toggle")
-  public toggle = false;
-
-  public constructor(private readonly _router: Router) {
-    this._router.events.subscribe(value => {
-      if (value instanceof NavigationStart) {
-        this.toggle = false;
-      }
-    });
-  }
-}

package/src/controls/SdSidebarControl.ts

@@ -1,20 +0,0 @@
-import {ChangeDetectionStrategy, Component} from "@angular/core";
-
-@Component({
-  selector: "sd-sidebar",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <sd-dock-container>
-      <sd-dock class="_brand">
-        <ng-content select="sd-sidebar-brand"></ng-content>
-      </sd-dock>
-      <sd-dock class="_user">
-        <ng-content select="sd-sidebar-user"></ng-content>
-      </sd-dock>
-      <sd-pane>
-        <ng-content></ng-content>
-      </sd-pane>
-    </sd-dock-container>`
-})
-export class SdSidebarControl {
-}

package/src/controls/SdSidebarUserControl.ts

@@ -1,82 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  HostBinding,
-  Input,
-  ViewChild
-} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-import {ISdNotifyPropertyChange, SdNotifyPropertyChange} from "../commons/SdNotifyPropertyChange";
-
-@Component({
-  selector: "sd-sidebar-user",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <div class="_content">
-      <div class="_content-user">
-        <div class="sd-padding-v-sm">
-          <sd-icon style="font-size: 48px;" [icon]="'user-circle'" [fw]="true"></sd-icon>
-        </div>
-        <ng-content></ng-content>        
-      </div>
-      <div class="_btn" (click)="open = !open">
-        내 계정 정보
-        <sd-icon class="_angle-icon" [icon]="'chevron-down'" [fw]="true"></sd-icon>
-      </div>
-    </div>
-    <div class="_child">
-      <div #childContent class="_child-content">
-        <ng-content select="sd-sidebar-user-menu"></ng-content>        
-      </div>
-    </div>`
-})
-export class SdSidebarUserControl implements AfterViewInit, ISdNotifyPropertyChange {
-  @Input()
-  @SdTypeValidate(Boolean)
-  @SdNotifyPropertyChange()
-  @HostBinding("attr.sd-open")
-  public open?: boolean;
-
-  @ViewChild("childContent")
-  public childContentElRef?: ElementRef<HTMLDivElement>;
-
-  public ngAfterViewInit(): void {
-    const childContentEl = this.childContentElRef!.nativeElement;
-
-    Object.assign(
-      childContentEl.style,
-      {
-        marginTop: (-childContentEl.offsetHeight) + "px",
-        transition: "margin-top .1s ease-in"
-      }
-    );
-  }
-
-  public sdOnPropertyChange(propertyName: string, oldValue: any, newValue: any): void {
-    if (propertyName === "open") {
-      if (!this.childContentElRef) return;
-      const childContentEl = this.childContentElRef.nativeElement;
-
-      if (newValue) {
-        Object.assign(
-          childContentEl.style,
-          {
-            marginTop: "0",
-            transition: "margin-top .1s ease-out"
-          }
-        );
-      }
-      else {
-        Object.assign(
-          childContentEl.style,
-          {
-            marginTop: (-childContentEl.offsetHeight) + "px",
-            transition: "margin-top .1s ease-in"
-          }
-        );
-      }
-    }
-  }
-}

package/src/controls/SdSidebarUserMenuControl.ts

@@ -1,10 +0,0 @@
-import {ChangeDetectionStrategy, Component} from "@angular/core";
-
-@Component({
-  selector: "sd-sidebar-user-menu",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdSidebarUserMenuControl {
-}

package/src/controls/SdTabControl.ts

@@ -1,20 +0,0 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from "@angular/core";
-
-@Component({
-  selector: "sd-tab",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdTabControl {
-  @Input()
-  public value?: any;
-
-  @Output()
-  public readonly valueChange = new EventEmitter<any>();
-
-  public setValue(value: any): void {
-    this.value = value;
-    this.valueChange.emit(value);
-  }
-}

package/src/controls/SdTabItemControl.ts

@@ -1,27 +0,0 @@
-import {ChangeDetectionStrategy, Component, forwardRef, HostBinding, HostListener, Inject, Input} from "@angular/core";
-import {SdTabControl} from "./SdTabControl";
-
-@Component({
-  selector: "sd-tab-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdTabItemControl {
-  @Input()
-  public value?: any;
-
-  @HostBinding("attr.sd-selected")
-  public get isSelected(): boolean {
-    return this._parentControl.value === this.value;
-  }
-
-  public constructor(@Inject(forwardRef(() => SdTabControl))
-                     private readonly _parentControl: SdTabControl) {
-  }
-
-  @HostListener("click")
-  public onClick(): void {
-    this._parentControl.setValue(this.value);
-  }
-}

package/src/controls/SdTableControl.ts

@@ -1,12 +0,0 @@
-import {ChangeDetectionStrategy, Component} from "@angular/core";
-
-@Component({
-  selector: "sd-table",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <table>
-      <ng-content></ng-content>
-    </table>`
-})
-export class SdTableControl {
-}

package/src/controls/SdTabviewControl.ts

@@ -1,42 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ContentChildren,
-  EventEmitter,
-  Input,
-  Output,
-  QueryList
-} from "@angular/core";
-import {SdTabviewItemControl} from "./SdTabviewItemControl";
-
-@Component({
-  selector: "sd-tabview",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <sd-dock-container>
-      <sd-dock>
-        <sd-tab [(value)]="value" (valueChange)="valueChange.emit($event)">
-          <sd-tab-item *ngFor="let itemControl of itemControls; trackBy: trackByValueFn"
-                       [value]="itemControl.value">
-            {{ itemControl.header || itemControl.value }}
-          </sd-tab-item>
-        </sd-tab>
-      </sd-dock>
-
-      <sd-pane>
-        <ng-content></ng-content>
-      </sd-pane>
-    </sd-dock-container>`
-})
-export class SdTabviewControl {
-  @Input()
-  public value?: any;
-
-  @Output()
-  public readonly valueChange = new EventEmitter<any>();
-
-  @ContentChildren(SdTabviewItemControl)
-  public itemControls?: QueryList<SdTabviewItemControl>;
-
-  public trackByValueFn = (i: number, item: any) => item.value || item;
-}

package/src/controls/SdTabviewItemControl.ts

@@ -1,27 +0,0 @@
-import {ChangeDetectionStrategy, Component, forwardRef, HostBinding, Inject, Input} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-import {SdTabviewControl} from "./SdTabviewControl";
-
-@Component({
-  selector: "sd-tabview-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdTabviewItemControl {
-  @Input()
-  public value?: any;
-
-  @Input()
-  @SdTypeValidate(String)
-  public header?: string;
-
-  @HostBinding("attr.sd-selected")
-  public get isSelected(): boolean {
-    return this._parentControl.value === this.value;
-  }
-
-  public constructor(@Inject(forwardRef(() => SdTabviewControl))
-                     private readonly _parentControl: SdTabviewControl) {
-  }
-}

package/src/controls/SdTextfieldControl.ts

@@ -1,193 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  EventEmitter,
-  HostBinding,
-  Input,
-  Output,
-  ViewChild
-} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-import {ISdNotifyPropertyChange, SdNotifyPropertyChange} from "../commons/SdNotifyPropertyChange";
-import {DateOnly, DateTime, Time} from "@simplysm/common";
-
-@Component({
-  selector: "sd-textfield",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <input #input
-           [attr.type]="type === 'number' ? 'text' : type === 'datetime' ? 'datetime-local' : type"
-           [required]="required"
-           [value]="controlValue"
-           [placeholder]="placeholder || ''"
-           [attr.pattern]="pattern"
-           [attr.sd-invalid]="getIsInvalid()"
-           (input)="onInputInput($event)"
-           (focus)="onFocus($event)"
-           (blur)="onBlur($event)"
-           [disabled]="disabled"
-           [style.text-align]="type === 'number' ? 'right' : undefined"
-           *ngIf="!multiline"/>
-    <textarea #input
-              [required]="required"
-              [value]="controlValue"
-              [placeholder]="placeholder || ''"
-              [attr.pattern]="pattern"
-              [attr.sd-invalid]="getIsInvalid()"
-              (input)="onInputInput($event)"
-              (focus)="onFocus($event)"
-              (blur)="onBlur($event)"
-              [disabled]="disabled"
-              [style.text-align]="type === 'number' ? 'right' : undefined"
-              *ngIf="multiline"></textarea>
-    <div class="_invalid-indicator"></div>`
-})
-export class SdTextfieldControl implements ISdNotifyPropertyChange {
-  @Input()
-  @SdTypeValidate({
-    type: String,
-    includes: ["number", "text", "password", "date", "datetime", "time", "month", "year", "color", "email"],
-    notnull: true
-  })
-  public type: "number" | "text" | "password" | "date" | "datetime" | "time" | "month" | "year" | "color" | "email" = "text";
-
-  @Input()
-  @SdTypeValidate(String)
-  public placeholder?: string;
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  public required?: boolean;
-
-  @Input()
-  @SdTypeValidate([Number, String, DateOnly, DateTime, Time])
-  public value?: number | string | DateOnly | DateTime | Time;
-
-  @Output()
-  public readonly valueChange = new EventEmitter<string | number | DateOnly | DateTime | Time | undefined>();
-
-  @Input()
-  @SdTypeValidate({type: Boolean, notnull: true})
-  @SdNotifyPropertyChange()
-  public focused = false;
-
-  @Output()
-  public readonly focusedChange = new EventEmitter<boolean>();
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  public disabled?: boolean;
-
-  @Input()
-  @SdTypeValidate(Number)
-  public min?: number;
-
-  @Input()
-  @SdTypeValidate(Number)
-  public step?: number;
-
-  @Input()
-  @SdTypeValidate(String)
-  public pattern?: string;
-
-  @ViewChild("input")
-  public inputElRef?: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  @HostBinding("attr.sd-inset")
-  public inset?: boolean;
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  @HostBinding("attr.sd-inline")
-  public inline?: boolean;
-
-  @Input()
-  @SdTypeValidate({
-    type: String,
-    includes: ["sm", "lg"]
-  })
-  @HostBinding("attr.sd-size")
-  public size?: "sm" | "lg";
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  public multiline?: boolean;
-
-  public getIsInvalid(): boolean {
-    const hasMinError = this.min !== undefined && this.value !== undefined && this.type === "number" && this.value < this.min;
-    const hasStepError = this.step !== undefined && this.value !== undefined && this.type === "number" && Math.abs(Number(this.value) % this.step) >= 1;
-    const hasRequiredError = this.required && (this.value === "" || this.value === undefined);
-    return hasMinError || hasStepError || !!hasRequiredError;
-  }
-
-  public get controlValue(): number | string {
-    return this.value === undefined ? ""
-      : this.value instanceof DateTime ? this.value.toFormatString("yyyy-MM-ddTHH:mm")
-        : this.value instanceof DateOnly ? ((this.type === "year" && this.value instanceof DateOnly) ? this.value.toFormatString("yyyy") : this.type === "month" ? this.value.toFormatString("yyyy-MM") : this.value.toString())
-          : this.value instanceof Time ? this.value.toFormatString("HH:mm")
-            : this.type === "number" && typeof this.value === "number" ? this.value.toLocaleString()
-              : this.value;
-  }
-
-  public onInputInput(event: Event): void {
-    const inputEl = event.target as (HTMLInputElement | HTMLTextAreaElement);
-    let value;
-    if (this.type === "number") {
-      value = !inputEl.value ? undefined : Number(inputEl.value.replace(/,/g, ""));
-    }
-    else if (this.type === "year") {
-      value = !inputEl.value ? undefined : inputEl.value.length === 4 ? DateOnly.parse(inputEl.value) : inputEl.value;
-    }
-    else if (this.type === "date" || this.type === "month") {
-      value = !inputEl.value ? undefined : DateOnly.parse(inputEl.value);
-    }
-    else if (this.type === "datetime") {
-      value = !inputEl.value ? undefined : DateTime.parse(inputEl.value);
-    }
-    else if (this.type === "time") {
-      value = !inputEl.value ? undefined : Time.parse(inputEl.value);
-    }
-    else {
-      value = inputEl.value;
-    }
-
-    if (this.value !== value) {
-      this.value = value;
-      this.valueChange.emit(this.value);
-    }
-  }
-
-  public onFocus(event: Event): void {
-    event.preventDefault();
-    if (!this.focused) {
-      this.focused = true;
-      this.focusedChange.emit(this.focused);
-    }
-  }
-
-  public onBlur(event: Event): void {
-    event.preventDefault();
-    if (this.focused) {
-      this.focused = false;
-      this.focusedChange.emit(false);
-    }
-  }
-
-  public sdOnPropertyChange(propertyName: string, oldValue: any, newValue: any): void {
-    if (propertyName === "focused" && this.inputElRef) {
-      if (newValue) {
-        if (document.activeElement !== this.inputElRef.nativeElement) {
-          this.inputElRef.nativeElement.focus();
-        }
-      }
-      else {
-        if (document.activeElement === this.inputElRef.nativeElement) {
-          this.inputElRef.nativeElement.blur();
-        }
-      }
-    }
-  }
-}

package/src/controls/SdToastContainerControl.ts

@@ -1,9 +0,0 @@
-import {ChangeDetectionStrategy, Component} from "@angular/core";
-
-@Component({
-  selector: "sd-toast-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: ``
-})
-export class SdToastContainerControl {
-}

package/src/controls/SdToastControl.ts

@@ -1,30 +0,0 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-
-@Component({
-  selector: "sd-toast",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <div class="_sd-toast-block">
-      <div class="_sd-toast-message">
-        <ng-content></ng-content>
-      </div>
-    </div>`
-})
-export class SdToastControl {
-  @Input()
-  @SdTypeValidate(Boolean)
-  @HostBinding("attr.sd-open")
-  public open?: boolean;
-
-  public close = new EventEmitter<any>();
-
-  @Input()
-  @SdTypeValidate({
-    type: String,
-    notnull: true,
-    includes: ["primary", "secondary", "info", "success", "warning", "danger"]
-  })
-  @HostBinding("attr.sd-theme")
-  public theme?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" = "info";
-}

package/src/controls/SdTopbarContainerControl.ts

@@ -1,15 +0,0 @@
-import {ChangeDetectionStrategy, Component, HostBinding, Input} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-
-@Component({
-  selector: "sd-topbar-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdTopbarContainerControl {
-  @Input()
-  @SdTypeValidate(Boolean)
-  @HostBinding("attr.sd-hide-topbar")
-  public hideTopbar?: boolean;
-}

package/src/controls/SdTopbarControl.ts

@@ -1,21 +0,0 @@
-import {ChangeDetectionStrategy, Component, Injector} from "@angular/core";
-import {SdSidebarContainerControl} from "./SdSidebarContainerControl";
-
-@Component({
-  selector: "sd-topbar",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <a (click)="toggleSidebar()" style="font-size: 16px;">
-      <sd-icon [icon]="'bars'" [fw]="true"></sd-icon>
-    </a>
-    <ng-content></ng-content>`
-})
-export class SdTopbarControl {
-  public constructor(private readonly _injector: Injector) {
-  }
-
-  public toggleSidebar(): void {
-    const sidebarControl = this._injector.get<{ toggle: boolean }>(SdSidebarContainerControl, {toggle: false});
-    sidebarControl.toggle = !sidebarControl.toggle;
-  }
-}

package/src/controls/SdTopbarMenuControl.ts

@@ -1,10 +0,0 @@
-import {ChangeDetectionStrategy, Component} from "@angular/core";
-
-@Component({
-  selector: "sd-topbar-menu",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdTopbarMenuControl {
-}

package/src/controls/SdViewControl.ts

@@ -1,12 +0,0 @@
-import {ChangeDetectionStrategy, Component, Input} from "@angular/core";
-
-@Component({
-  selector: "sd-view",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdViewControl {
-  @Input()
-  public value?: any;
-}

package/src/controls/SdViewItemControl.ts

@@ -1,22 +0,0 @@
-import {ChangeDetectionStrategy, Component, forwardRef, HostBinding, Inject, Input} from "@angular/core";
-import {SdViewControl} from "./SdViewControl";
-
-@Component({
-  selector: "sd-view-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdViewItemControl {
-  @Input()
-  public value?: any;
-
-  @HostBinding("attr.sd-selected")
-  public get isSelected(): boolean {
-    return this._parentControl.value === this.value;
-  }
-
-  public constructor(@Inject(forwardRef(() => SdViewControl))
-                     private readonly _parentControl: SdViewControl) {
-  }
-}

package/src/directives/LinkActionDirective.ts

@@ -1,15 +0,0 @@
-import {Directive, HostBinding, Input} from "@angular/core";
-import {SdTypeValidate} from "..";
-
-@Directive({
-  selector: "a" //tslint:disable-line:directive-selector
-})
-export class LinkActionDirective {
-  @HostBinding("attr.tabindex")
-  public tabindex = 0;
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  @HostBinding("class._disabled")
-  public disabled?: boolean;
-}

package/src/directives/SdNavigateDirective.ts

@@ -1,39 +0,0 @@
-import {Directive, HostListener, Input} from "@angular/core";
-import * as querystring from "querystring";
-import {Router} from "@angular/router";
-import {JsonConvert} from "@simplysm/common";
-
-@Directive({
-  selector: "[sdNavigate]"
-})
-export class SdNavigateDirective {
-  @Input()
-  public sdNavigate?: [string, object | undefined];
-
-  public constructor(private readonly _router: Router) {
-  }
-
-  @HostListener("click", ["$event"])
-  public async onClick(event: MouseEvent): Promise<void> {
-    if (!this.sdNavigate) return;
-
-    const obj = this.sdNavigate[1];
-    let newObj: { [key: string]: string } | undefined;
-    if (obj) {
-      newObj = {};
-      for (const key of Object.keys(obj)) {
-        newObj[key] = JsonConvert.stringify(obj[key])!;
-      }
-    }
-
-    if (event.shiftKey || event.ctrlKey || event.altKey) {
-      // 알트키: 새탭
-      // 컨트롤키: 새탭 (새탭이 포커싱되지 않음)
-      // 쉬프트키: 새창
-      window.open(location.pathname + `#${this.sdNavigate[0]};${this.sdNavigate[1] ? querystring.stringify(newObj) : ""}`, "_blank");
-    }
-    else {
-      await this._router.navigate([`${this.sdNavigate[0]}`, ...(newObj ? [newObj] : [])]);
-    }
-  }
-}