@simplysm/angular 1.0.135 → 14.0.1

package/scss/providers/_sd-toast.scss

@@ -1,70 +0,0 @@
-sd-toast-container,
-._sd-toast-container {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  pointer-events: none;
-  padding: get($gap, xxl);
-  z-index: $z-index-toast;
-
-  > sd-toast,
-  > ._sd-toast {
-    display: block;
-    margin-bottom: get($gap, sm);
-    text-align: center;
-
-    > ._sd-toast-block {
-      display: inline-block;
-      text-align: left;
-      color: white;
-      animation: _sd-toast-show .1s ease-out forwards;
-      transform: translateY(-100%);
-      border-radius: 4px;
-      opacity: .9;
-      @include elevation(6);
-
-      > ._sd-toast-message {
-        padding: get($gap, sm) get($gap, default);
-      }
-
-      > ._sd-toast-progress {
-        background: get($theme-color, grey, default);
-        height: 4px;
-        border-radius: 4px;
-
-        > ._sd-toast-progress-bar {
-          height: 4px;
-          transition: width 1s ease-out;
-        }
-      }
-    }
-
-    @each $key, $val in $theme-color {
-      &[sd-theme=#{$key}],
-      &._sd-toast-#{$key} {
-        > ._sd-toast-block {
-          background: get($val, default);
-
-          > ._sd-toast-progress {
-            > ._sd-toast-progress-bar {
-              background: get($val, default);
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-@keyframes _sd-toast-show {
-  //from {
-  //  $left-calc: calc(get($gap, lg) - 100%);
-  //  transform: translateX($left-calc);
-  //}
-  to {
-    transform: none;
-  }
-}

package/src/SdAngularModule.ts

@@ -1,183 +0,0 @@
-import {CommonModule} from "@angular/common";
-import {ErrorHandler, ModuleWithProviders, NgModule, Provider} from "@angular/core";
-import {Type} from "@simplysm/common";
-import {SdCardControl} from "./controls/SdCardControl";
-import {SdFormControl} from "./controls/SdFormControl";
-import {SdTextfieldControl} from "./controls/SdTextfieldControl";
-import {SdButtonControl} from "./controls/SdButtonControl";
-import {SdSidebarControl} from "./controls/SdSidebarControl";
-import {SdPaneControl} from "./controls/SdPaneControl";
-import {SdIconControl} from "./controls/SdIconControl";
-import {FontAwesomeModule} from "@fortawesome/angular-fontawesome";
-import {SdNavigateDirective} from "./directives/SdNavigateDirective";
-import {SdBusyContainerControl} from "./controls/SdBusyContainerControl";
-import {SdCheckboxControl} from "./controls/SdCheckboxControl";
-import {SdComboboxControl} from "./controls/SdComboboxControl";
-import {SdComboboxItemControl} from "./controls/SdComboboxItemControl";
-import {SdDockControl} from "./controls/SdDockControl";
-import {SdDockContainerControl} from "./controls/SdDockContainerControl";
-import {SdLabelControl} from "./controls/SdLabelControl";
-import {SdListControl} from "./controls/SdListControl";
-import {SdListItemControl} from "./controls/SdListItemControl";
-import {SdPaginationControl} from "./controls/SdPaginationControl";
-import {SdSheetControl} from "./controls/SdSheetControl";
-import {SdSheetColumnControl} from "./controls/SdSheetColumnControl";
-import {SdTopbarControl} from "./controls/SdTopbarControl";
-import {SdTopbarContainerControl} from "./controls/SdTopbarContainerControl";
-import {SdTopbarMenuControl} from "./controls/SdTopbarMenuControl";
-import {SdSelectControl} from "./controls/SdSelectControl";
-import {SdSelectItemControl} from "./controls/SdSelectItemControl";
-import {SdDropdownControl} from "./controls/SdDropdownControl";
-import {SdMultiSelectItemControl} from "./controls/SdMultiSelectItemControl";
-import {SdMultiSelectControl} from "./controls/SdMultiSelectControl";
-import {SdDropdownPopupControl} from "./controls/SdDropdownPopupControl";
-import {SdGridControl} from "./controls/SdGridControl";
-import {SdGridItemControl} from "./controls/SdGridItemControl";
-import {SdBarcodeControl} from "./controls/SdBarcodeControl";
-import {SdMarkdownEditorControl} from "./controls/SdMarkdownEditorControl";
-import {SdCheckboxGroupControl} from "./controls/SdCheckboxGroupControl";
-import {SdTabviewControl} from "./controls/SdTabviewControl";
-import {SdTabviewItemControl} from "./controls/SdTabviewItemControl";
-import {SdTabControl} from "./controls/SdTabControl";
-import {SdTabItemControl} from "./controls/SdTabItemControl";
-import {SdViewControl} from "./controls/SdViewControl";
-import {SdViewItemControl} from "./controls/SdViewItemControl";
-import {SdHtmlEditorControl} from "./controls/SdHtmlEditorControl";
-import {SdNoteControl} from "./controls/SdNoteControl";
-import {SdAddressSearchModal} from "./modals/SdAddressSearchModal";
-import {SdModalControl} from "./controls/SdModalControl";
-import {SdCasePipe} from "./pipes/SdCasePipe";
-import {SdDomValidatorProvider} from "./providers/SdDomValidatorProvider";
-import {SdToastProvider} from "./providers/SdToastProvider";
-import {SdLocalStorageProvider} from "./providers/SdLocalStorageProvider";
-import {SdFileDialogProvider} from "./providers/SdFileDialogProvider";
-import {SdModalProvider} from "./providers/SdModalProvider";
-import {SdPrintProvider} from "./providers/SdPrintProvider";
-import {EVENT_MANAGER_PLUGINS} from "@angular/platform-browser";
-import {ResizeEventPlugin} from "./plugins/ResizeEventPlugin";
-import {GlobalErrorHandler} from "./plugins/GlobalErrorHandler";
-import {SdFormItemControl} from "./controls/SdFormItemControl";
-import {SdSidebarContainerControl} from "./controls/SdSidebarContainerControl";
-import {SdCheckboxGroupItemControl} from "./controls/SdCheckboxGroupItemControl";
-import {SdWebSocketProvider} from "./providers/SdWebSocketProvider";
-import {SdOrmProvider} from "./providers/SdOrmProvider";
-import {SdSmtpClientProvider} from "./providers/SdSmtpClientProvider";
-import {SdCryptoProvider} from "./providers/SdCryptoProvider";
-import {SdSidebarBrandControl} from "./controls/SdSidebarBrandControl";
-import {SdSidebarUserControl} from "./controls/SdSidebarUserControl";
-import {SdSidebarUserMenuControl} from "./controls/SdSidebarUserMenuControl";
-import {SdTableControl} from "./controls/SdTableControl";
-import {SdListItemButtonControl} from "./controls/SdListItemButtonControl";
-import {LinkActionDirective} from "./directives/LinkActionDirective";
-import {SdBarobillProvider} from "./providers/SdBarobillProvider";
-import {SdToastContainerControl} from "./controls/SdToastContainerControl";
-import {SdToastControl} from "./controls/SdToastControl";
-
-const controls: Type<any>[] = [
-  SdBusyContainerControl,
-  SdButtonControl,
-  SdCheckboxControl,
-  SdComboboxControl,
-  SdComboboxItemControl,
-  SdDockControl,
-  SdDockContainerControl,
-  SdFormControl,
-  SdFormItemControl,
-  SdIconControl,
-  SdLabelControl,
-  SdListControl,
-  SdListItemControl,
-  SdListItemButtonControl,
-  SdPaginationControl,
-  SdPaneControl,
-  SdSheetControl,
-  SdSheetColumnControl,
-  SdSidebarControl,
-  SdSidebarContainerControl,
-  SdSidebarBrandControl,
-  SdSidebarUserControl,
-  SdSidebarUserMenuControl,
-  SdTextfieldControl,
-  SdTopbarControl,
-  SdTopbarContainerControl,
-  SdTopbarMenuControl,
-  SdSelectControl,
-  SdSelectItemControl,
-  SdMultiSelectControl,
-  SdMultiSelectItemControl,
-  SdDropdownControl,
-  SdDropdownPopupControl,
-  SdGridControl,
-  SdGridItemControl,
-  SdBarcodeControl,
-  SdCardControl,
-  SdMarkdownEditorControl,
-  SdCheckboxGroupControl,
-  SdCheckboxGroupItemControl,
-  SdTabviewControl,
-  SdTabviewItemControl,
-  SdTabControl,
-  SdTabItemControl,
-  SdViewControl,
-  SdViewItemControl,
-  SdHtmlEditorControl,
-  SdNoteControl,
-  SdTableControl
-];
-
-const entryControls: Type<any>[] = [
-  SdModalControl,
-  SdAddressSearchModal,
-  SdToastContainerControl,
-  SdToastControl
-];
-
-const directives: Type<any>[] = [
-  SdNavigateDirective,
-  LinkActionDirective
-];
-
-const pipes: Type<any>[] = [
-  SdCasePipe
-];
-
-const providers: Provider[] = [
-  SdDomValidatorProvider,
-  SdFileDialogProvider,
-  SdLocalStorageProvider,
-  SdModalProvider,
-  SdPrintProvider,
-  SdWebSocketProvider,
-  SdToastProvider,
-  SdOrmProvider,
-  SdSmtpClientProvider,
-  SdCryptoProvider,
-  SdBarobillProvider,
-  {provide: EVENT_MANAGER_PLUGINS, useClass: ResizeEventPlugin, multi: true},
-  {provide: ErrorHandler, useClass: GlobalErrorHandler}
-];
-
-@NgModule({
-  imports: [
-    CommonModule,
-    FontAwesomeModule
-  ],
-  exports: [
-    ...controls,
-    ...entryControls,
-    ...directives,
-    ...pipes
-  ],
-  declarations: [
-    ...controls,
-    ...entryControls,
-    ...directives,
-    ...pipes
-  ],
-  entryComponents: entryControls
-})
-export class SdAngularModule {
-  public static forRoot(): ModuleWithProviders {
-    return {ngModule: SdAngularModule, providers};
-  }
-}

package/src/commons/ElementExtensions.ts

@@ -1,80 +0,0 @@
-// tslint:disable-next-line:interface-name
-declare interface Element {
-  prependChild<T extends Node>(newChild: T): T;
-
-  findAll(selector: string): Element[];
-
-  findParent(element: Element): Element | undefined;
-
-  findParent(selector: string): Element | undefined;
-
-  findFocusableAll(): HTMLElement[];
-
-  findFocusableAllIncludeMe(): HTMLElement[];
-
-  findFirstFocusableParent(): HTMLElement | undefined;
-}
-
-Element.prototype.prependChild = function <T extends Node>(newChild: T): T {
-  return this.insertBefore(newChild, this.childNodes.item(0));
-};
-
-Element.prototype.findAll = function (selector: string): Element[] {
-  return Array.from(this.querySelectorAll(selector.split(",").map(item => `:scope ${item}`).join(","))).ofType(Element);
-};
-
-Element.prototype.findParent = function (arg: string | Element): Element | undefined {
-  let cursor = this.parentElement;
-  while (cursor) {
-    if (typeof arg === "string" && cursor.matches(arg)) {
-      break;
-    }
-    else if (arg instanceof Element && arg === cursor) {
-      break;
-    }
-
-    cursor = cursor.parentElement;
-  }
-
-  return cursor || undefined;
-};
-
-const focusableSelectorList = [
-  "a[href]:not([hidden])",
-  "button:not([disabled]):not([hidden])",
-  "area[href]:not([hidden])",
-  "input:not([disabled]):not([hidden])",
-  "select:not([disabled]):not([hidden])",
-  "textarea:not([disabled]):not([hidden])",
-  "iframe:not([hidden])",
-  "object:not([hidden])",
-  "embed:not([hidden])",
-  "*[tabindex]:not([hidden])",
-  "*[contenteditable]:not([hidden])"
-];
-
-Element.prototype.findFocusableAll = function (): HTMLElement[] {
-  return Array.from(this.querySelectorAll(focusableSelectorList.map(item => `:scope ${item}`).join(", "))).ofType(HTMLElement);
-};
-
-Element.prototype.findFocusableAllIncludeMe = function (): HTMLElement[] {
-  const result: HTMLElement[] = [];
-  if (this.matches(focusableSelectorList.join(", "))) {
-    result.push(this as HTMLElement);
-  }
-
-  result.pushRange(this.findFocusableAll());
-  return result;
-};
-
-Element.prototype.findFirstFocusableParent = function (): HTMLElement | undefined {
-  let parentEl = this.parentElement;
-  while (parentEl) {
-    if (parentEl.matches(focusableSelectorList.join(", "))) {
-      return parentEl;
-    }
-    parentEl = parentEl.parentElement;
-  }
-
-  return undefined;
-};

package/src/commons/HTMLElementExtensions.ts

@@ -1,125 +0,0 @@
-import {SdMutationEvent} from "./SdMutationEvent";
-import {ResizeEvent} from "./ResizeEvent";
-
-declare global {
-  // tslint:disable-next-line:interface-name
-  interface HTMLElement {
-    readonly windowOffset: { top: number; left: number };
-  }
-}
-
-Object.defineProperty(HTMLElement.prototype, "windowOffset", {
-  get(this: HTMLElement): { top: number; left: number } {
-    let cursor = this;
-    let top = cursor.offsetTop;
-    let left = cursor.offsetLeft;
-    while (cursor.offsetParent) {
-      cursor = cursor.offsetParent as HTMLElement;
-      top += cursor.offsetTop;
-      left += cursor.offsetLeft;
-    }
-
-    cursor = this;
-    while (cursor.parentElement) {
-      cursor = cursor.parentElement as HTMLElement;
-      top -= cursor.scrollTop;
-      left -= cursor.scrollLeft;
-    }
-
-    return {top, left};
-  }
-});
-
-HTMLElement.prototype["orgAddEventListener"] = HTMLElement.prototype["orgAddEventListener"] || HTMLElement.prototype.addEventListener;
-HTMLElement.prototype.addEventListener = function (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void {
-  if (type === "resize") {
-    let prevWidth = this.offsetWidth;
-    let prevHeight = this.offsetHeight;
-
-    if (window["ResizeObserver"]) {
-      const observer = new window["ResizeObserver"](() => {
-        const dimensions: ("width" | "height")[] = [];
-
-        if (prevWidth !== this.offsetWidth) {
-          dimensions.push("width");
-          prevWidth = this.offsetWidth;
-        }
-
-        if (prevHeight !== this.offsetHeight) {
-          dimensions.push("height");
-          prevHeight = this.offsetHeight;
-        }
-
-        if (dimensions.length > 0) {
-          const event = new CustomEvent("resize", {detail: {dimensions}}) as ResizeEvent;
-          if (listener["handleEvent"]) {
-            (listener as EventListenerObject).handleEvent(event);
-          }
-          else {
-            (listener as EventListener)(event);
-          }
-        }
-      });
-      observer.observe(this);
-    }
-    else {
-      const timeout = window.setInterval(() => {
-        const dimensions: ("width" | "height")[] = [];
-
-        if (prevWidth !== this.offsetWidth) {
-          dimensions.push("width");
-          prevWidth = this.offsetWidth;
-        }
-        if (prevHeight !== this.offsetHeight) {
-          dimensions.push("height");
-          prevHeight = this.offsetHeight;
-        }
-
-        if (dimensions.length > 0) {
-          const event = new CustomEvent("resize", {detail: {dimensions}}) as ResizeEvent;
-          if (listener["handleEvent"]) {
-            (listener as EventListenerObject).handleEvent(event);
-          }
-          else {
-            (listener as EventListener)(event);
-          }
-        }
-      }, 100);
-
-      const removedEventListener = (e: Event) => {
-        if (this === e.target || this.findParent(e.target as Element)) {
-          window.clearTimeout(timeout);
-          document.body.removeEventListener("DOMNodeRemoved", removedEventListener);
-        }
-      };
-      document.body.addEventListener("DOMNodeRemoved", removedEventListener);
-    }
-  }
-  else if (type === "mutation") {
-    if (window["MutationObserver"]) {
-      const observer = new MutationObserver(mutations => {
-        const event = new CustomEvent("mutation", {detail: {mutations}}) as SdMutationEvent;
-        if (listener["handleEvent"]) {
-          (listener as EventListenerObject).handleEvent(event);
-        }
-        else {
-          (listener as EventListener)(event);
-        }
-      });
-      observer.observe(this, {
-        childList: true,
-        attributes: true,
-        attributeOldValue: true,
-        characterData: true,
-        characterDataOldValue: true,
-        subtree: true
-      });
-    }
-    else {
-      throw new Error("지원하지 않는 브라우져 입니다." + (process.env.NODE_ENV === "production" ? "" : "(MutationObserver)"));
-    }
-  }
-  else {
-    this["orgAddEventListener"](type, listener, options);
-  }
-};

package/src/commons/ResizeEvent.ts

@@ -1,3 +0,0 @@
-// tslint:disable-next-line:interface-name
-export interface ResizeEvent extends CustomEvent<{ dimensions: ("width" | "height")[] }> {
-}

package/src/commons/SdMutationEvent.ts

@@ -1,3 +0,0 @@
-// tslint:disable-next-line:interface-name
-export interface SdMutationEvent extends CustomEvent<{ mutations: MutationRecord[] }> {
-}

package/src/commons/SdNotifyPropertyChange.ts

@@ -1,43 +0,0 @@
-const symbol = `sd-notify-property-change`;
-
-export function SdNotifyPropertyChange(): any {
-  return (target: ISdNotifyPropertyChange, propertyKey: string, inputDescriptor: PropertyDescriptor | undefined) => {
-    const descriptor = inputDescriptor || Object.getOwnPropertyDescriptor(target, propertyKey);
-    const prevSetter = descriptor ? descriptor.set : undefined;
-
-    const getter = function (this: any): any {
-      return core.Reflect.getMetadata(symbol, this, propertyKey);
-    };
-
-    const setter = function (this: any, value: any): void {
-      const oldValue = this[propertyKey];
-
-      if (prevSetter) {
-        prevSetter.bind(this)(value);
-      }
-      else {
-        core.Reflect.defineMetadata(symbol, value, this, propertyKey);
-      }
-
-      this.sdOnPropertyChange(propertyKey, oldValue, value);
-    };
-
-    if (descriptor) {
-      descriptor.set = setter;
-    }
-    else {
-      if (delete target[propertyKey]) {
-        Object.defineProperty(target, propertyKey, {
-          get: getter,
-          set: setter,
-          enumerable: true,
-          configurable: true
-        });
-      }
-    }
-  };
-}
-
-export interface ISdNotifyPropertyChange {
-  sdOnPropertyChange(propertyName: string, oldValue: any, newValue: any): void;
-}

package/src/commons/SdTypeValidate.ts

@@ -1,55 +0,0 @@
-import {ValidateDef} from "@simplysm/common";
-
-const symbol = `sd-type-validate`;
-
-export function SdTypeValidate(params: ValidateDef): any {
-  return (target: any, propertyKey: string, inputDescriptor: PropertyDescriptor | undefined) => {
-    const descriptor = inputDescriptor || Object.getOwnPropertyDescriptor(target, propertyKey);
-    const prevSetter = descriptor ? descriptor.set : undefined;
-
-    const getter = function (this: any): any {
-      return core.Reflect.getMetadata(symbol, this, propertyKey);
-    };
-
-    const setter = function (this: any, value: any): void {
-      let realValue = value;
-      if (
-        (
-          params === Boolean ||
-          (params instanceof Array && params.includes(Boolean)) ||
-          params["type"] === Boolean ||
-          (params["type"] instanceof Array && params["type"].includes(Boolean))
-        ) &&
-        realValue === ""
-      ) {
-        realValue = true;
-      }
-
-      const error = Object.validate(realValue, params);
-      if (error) {
-        throw new Error(`입력값이 잘못되었습니다: ${JSON.stringify({component: target.constructor.name, propertyKey, ...error})}`);
-      }
-
-      if (prevSetter) {
-        prevSetter.bind(this)(realValue);
-      }
-      else {
-        core.Reflect.defineMetadata(symbol, realValue, this, propertyKey);
-      }
-    };
-
-    if (descriptor) {
-      descriptor.set = setter;
-    }
-    else {
-      if (delete target[propertyKey]) {
-        Object.defineProperty(target, propertyKey, {
-          get: getter,
-          set: setter,
-          enumerable: true,
-          configurable: true
-        });
-      }
-    }
-  };
-}

package/src/controls/SdBarcodeControl.ts

@@ -1,57 +0,0 @@
-import {ChangeDetectionStrategy, Component, ElementRef, Input} from "@angular/core";
-import {ISdNotifyPropertyChange, SdNotifyPropertyChange} from "../commons/SdNotifyPropertyChange";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-
-// tslint:disable-next-line:no-var-requires no-require-imports
-require("jsbarcode");
-
-@Component({
-  selector: "sd-barcode",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <canvas></canvas>`
-})
-export class SdBarcodeControl implements ISdNotifyPropertyChange {
-  @Input()
-  @SdTypeValidate(String)
-  @SdNotifyPropertyChange()
-  public value?: string;
-
-  @Input()
-  @SdTypeValidate(String)
-  @SdNotifyPropertyChange()
-  public type = "code128";
-
-  @Input()
-  @SdTypeValidate(Number)
-  @SdNotifyPropertyChange()
-  public lineWidth = 1;
-
-  @Input()
-  @SdTypeValidate(Number)
-  @SdNotifyPropertyChange()
-  public height = 58;
-
-  public constructor(private readonly _elRef: ElementRef<HTMLElement>) {
-  }
-
-  public sdOnPropertyChange(propertyName: string, oldValue: any, newValue: any): void {
-    if (newValue) {
-      const canvasEl = this._elRef.nativeElement.findAll("canvas")[0];
-
-      if (canvasEl) {
-        window["JsBarcode"](
-          canvasEl,
-          this.value,
-          {
-            format: this.type,
-            width: this.lineWidth,
-            height: this.height,
-            fontOptions: "bold",
-            fontSize: this.lineWidth * 12
-          }
-        );
-      }
-    }
-  }
-}

package/src/controls/SdBusyContainerControl.ts

@@ -1,28 +0,0 @@
-import {ChangeDetectionStrategy, Component, HostBinding, HostListener, Input} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-
-@Component({
-  selector: "sd-busy-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <div class="_screen">
-      <div class="_rect">
-        <div class="_indicator"></div>
-      </div>
-    </div>
-    <ng-content></ng-content>`
-})
-export class SdBusyContainerControl {
-  @Input()
-  @SdTypeValidate(Boolean)
-  @HostBinding("attr.sd-busy")
-  public busy?: boolean;
-
-  @HostListener("keydown", ["$event"])
-  public onKeydown(event: KeyboardEvent): void {
-    if (this.busy) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  }
-}