@simplysm/angular 1.0.138 → 14.0.4

package/src/controls/SdMultiSelectItemControl.ts

@@ -1,81 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ContentChild,
-  DoCheck,
-  ElementRef,
-  forwardRef,
-  HostBinding,
-  Inject,
-  Input,
-  IterableDiffer,
-  IterableDiffers,
-  TemplateRef
-} from "@angular/core";
-import {SdMultiSelectControl} from "./SdMultiSelectControl";
-
-@Component({
-  selector: "sd-multi-select-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <sd-checkbox [value]="getIsSelected()" (valueChange)="setIsSelected($event)">
-      <span class="_label">
-        <ng-content></ng-content>
-      </span>
-      <span class="_labelTemplate" hidden *ngIf="labelTemplateRef">
-        <ng-template [ngTemplateOutlet]="labelTemplateRef"></ng-template>
-      </span>
-    </sd-checkbox>`
-})
-export class SdMultiSelectItemControl implements DoCheck {
-  @HostBinding("attr.tabindex")
-  public tabIndex = 0;
-
-  @Input()
-  public value?: any;
-
-  @ContentChild("label")
-  public labelTemplateRef?: TemplateRef<any>;
-
-  private readonly _iterableDiffer: IterableDiffer<any>;
-
-  public constructor(private readonly _iterableDiffers: IterableDiffers,
-                     private readonly _cdr: ChangeDetectorRef,
-                     public readonly elRef: ElementRef<HTMLElement>,
-                     @Inject(forwardRef(() => SdMultiSelectControl))
-                     private readonly _parentControl: SdMultiSelectControl) {
-    this._iterableDiffer = this._iterableDiffers.find([]).create((index, item) => item);
-  }
-
-  public ngDoCheck(): void {
-    if (this._parentControl.value && this._iterableDiffer.diff(this._parentControl.value)) {
-      this._cdr.markForCheck();
-    }
-  }
-
-  public getIsSelected(): boolean {
-    return this._parentControl.getIsItemSelected(this);
-  }
-
-  public setIsSelected(selected: boolean): void {
-    if (selected) {
-      if (!this.getIsSelected()) {
-        this._parentControl.value = this._parentControl.value || [];
-        this._parentControl.value!.push(this.value);
-        this._parentControl.valueChange.emit(this._parentControl.value);
-      }
-    }
-    else {
-      if (this.getIsSelected()) {
-        if (this._parentControl.keyProp) {
-          this._parentControl.value!.remove((item: any) => item[this._parentControl.keyProp!] === this.value[this._parentControl.keyProp!]);
-        }
-        else {
-          this._parentControl.value!.remove(this.value);
-        }
-        this._parentControl.valueChange.emit(this._parentControl.value);
-      }
-    }
-  }
-}

package/src/controls/SdNoteControl.ts

@@ -1,18 +0,0 @@
-import {ChangeDetectionStrategy, Component, HostBinding, Input} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-
-@Component({
-  selector: "sd-note",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <ng-content></ng-content>`
-})
-export class SdNoteControl {
-  @Input()
-  @SdTypeValidate({
-    type: String,
-    includes: ["primary", "info", "success", "warning", "danger"]
-  })
-  @HostBinding("attr.sd-theme")
-  public theme?: "primary" | "info" | "success" | "warning" | "danger";
-}

package/src/controls/SdPaginationControl.ts

@@ -1,81 +0,0 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-
-@Component({
-  selector: "sd-pagination",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <a *ngIf="hasPrev" (click)="onPrevClick()">
-      <sd-icon [icon]="'angle-double-left'" [fw]="true"></sd-icon>
-    </a>
-    <a *ngFor="let displayPage of displayPages; trackBy: trackByPageFn" (click)="onPageClick(displayPage)"
-       [attr.sd-selected]="displayPage === page">
-      {{ displayPage + 1 }}
-    </a>
-    <a *ngIf="hasNext" (click)="onNextClick()">
-      <sd-icon [icon]="'angle-double-right'" [fw]="true"></sd-icon>
-    </a>`
-})
-export class SdPaginationControl {
-  @Input()
-  @SdTypeValidate({
-    type: Number,
-    notnull: true
-  })
-  public page = 0;
-
-  @Input()
-  @SdTypeValidate({
-    type: Number,
-    notnull: true
-  })
-  public length = 0;
-
-  @Input()
-  @SdTypeValidate({
-    type: Number,
-    notnull: true
-  })
-  public displayPageLength = 10;
-
-  @Output()
-  public readonly pageChange = new EventEmitter<number>();
-
-  public get displayPages(): number[] {
-    const pages = [];
-    for (let i = 0; i < this.length; i++) {
-      pages.push(i);
-    }
-
-    const from = Math.floor(this.page / this.displayPageLength) * this.displayPageLength;
-    const to = Math.min(from + this.displayPageLength, this.length);
-    return pages.filter(item => item >= from && item < to);
-  }
-
-  public get hasNext(): boolean {
-    return (this.displayPages.last() || 0) < (this.length - 1);
-  }
-
-  public get hasPrev(): boolean {
-    return (this.displayPages[0] || 0) > 0;
-  }
-
-  public trackByPageFn(index: number, value: number): number {
-    return value;
-  }
-
-  public onPageClick(page: number): void {
-    this.page = page;
-    this.pageChange.emit(this.page);
-  }
-
-  public onNextClick(): void {
-    this.page = (this.displayPages.last() || 0) + 1;
-    this.pageChange.emit(this.page);
-  }
-
-  public onPrevClick(): void {
-    this.page = (this.displayPages[0] || 0) - 1;
-    this.pageChange.emit(this.page);
-  }
-}

package/src/controls/SdPaneControl.ts

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

package/src/controls/SdSelectControl.ts

@@ -1,230 +0,0 @@
-import {
-  AfterContentChecked,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ContentChild,
-  DoCheck,
-  ElementRef,
-  EventEmitter,
-  Input,
-  IterableDiffer,
-  IterableDiffers,
-  OnInit,
-  Output,
-  TemplateRef,
-  ViewChild
-} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-import {SdDropdownControl} from "./SdDropdownControl";
-import {JsonConvert} from "@simplysm/common";
-
-@Component({
-  selector: "sd-select",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <sd-dropdown #dropdown [disabled]="disabled">
-      <div class="_sd-select-content"></div>
-      <div class="_invalid-indicator"></div>
-      <div class="_icon">
-        <sd-icon [fw]="true" [icon]="'caret-down'"></sd-icon>
-      </div>
-
-      <sd-dropdown-popup #popup>
-        <ng-container *ngIf="!items">
-          <ng-content></ng-content>
-        </ng-container>
-        <ng-container *ngIf="items">
-          <sd-dock-container>
-            <sd-dock>
-              <ng-template [ngTemplateOutlet]="headerTemplateRef"></ng-template>
-            </sd-dock>
-            <sd-pane>
-              <ng-template [ngTemplateOutlet]="beforeTemplateRef"></ng-template>
-              <ng-template #rowOfList let-items="items">
-                <ng-container *ngFor="let item of items; let i = index; trackBy: trackByItemFn">
-                  <div class="_sd-select-item">
-                    <ng-template [ngTemplateOutlet]="itemTemplateRef"
-                                 [ngTemplateOutletContext]="{item: item}"></ng-template>
-
-                    <ng-container *ngIf="children && children(i, item) && children(i, item).length > 0">
-                      <div class="_children">
-                        <ng-template [ngTemplateOutlet]="rowOfList"
-                                     [ngTemplateOutletContext]="{items: children(i, item)}"></ng-template>
-                      </div>
-                    </ng-container>
-                  </div>
-                </ng-container>
-              </ng-template>
-              <ng-template [ngTemplateOutlet]="rowOfList"
-                           [ngTemplateOutletContext]="{items: items}"></ng-template>
-            </sd-pane>
-          </sd-dock-container>
-        </ng-container>
-      </sd-dropdown-popup>
-    </sd-dropdown>`
-})
-export class SdSelectControl implements DoCheck, AfterContentChecked, OnInit {
-  @Input()
-  public set value(value: any) {
-    this._value = value;
-    this._refreshContent();
-    this._refreshInvalid();
-  }
-
-  public get value(): any {
-    return this._value;
-  }
-
-  private _value: any;
-
-  @Output()
-  public readonly valueChange = new EventEmitter<any>();
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  public set required(value: boolean | undefined) {
-    this._required = value;
-    this._refreshInvalid();
-  }
-
-  public get required(): boolean | undefined {
-    return this._required;
-  }
-
-  private _required: boolean | undefined;
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  public set disabled(value: boolean | undefined) {
-    this._disabled = value;
-
-    if (value) {
-      this._el.setAttribute("sd-disabled", "true");
-    }
-    else {
-      this._el.setAttribute("sd-disabled", "false");
-    }
-  }
-
-  public get disabled(): boolean | undefined {
-    return this._disabled;
-  }
-
-  private _disabled?: boolean;
-
-  @Input()
-  @SdTypeValidate(String)
-  public keyProp?: string;
-
-  @ViewChild("dropdown")
-  public dropdownControl?: SdDropdownControl;
-
-  @ViewChild("popup", {read: ElementRef})
-  public popupElRef?: ElementRef<HTMLElement>;
-
-  @ContentChild("item")
-  public itemTemplateRef?: TemplateRef<any>;
-
-  @ContentChild("header")
-  public headerTemplateRef?: TemplateRef<any>;
-
-  @ContentChild("before")
-  public beforeTemplateRef?: TemplateRef<any>;
-
-  @Input()
-  @SdTypeValidate(Array)
-  public items?: any[];
-
-  @Input()
-  @SdTypeValidate(Function)
-  public trackBy?: (index: number, item: any) => any;
-
-  @Input()
-  @SdTypeValidate(Function)
-  public children?: (index: number, item: any) => any;
-
-  public trackByItemFn(index: number, item: any): any {
-    if (this.trackBy) {
-      return this.trackBy(index, item) || item;
-    }
-    else {
-      return item;
-    }
-  }
-
-  private readonly _iterableDiffer: IterableDiffer<any>;
-  private readonly _itemElsIterableDiffer: IterableDiffer<any>;
-
-  private readonly _el: HTMLElement;
-  private _contentEl!: HTMLElement;
-  private _popupEl!: HTMLElement;
-
-  public constructor(private readonly _iterableDiffers: IterableDiffers,
-                     private readonly _cdr: ChangeDetectorRef,
-                     private readonly _elRef: ElementRef<HTMLElement>) {
-    this._el = this._elRef.nativeElement;
-    this._iterableDiffer = this._iterableDiffers.find([]).create((index, item) => this.trackByItemFn(index, item));
-    this._itemElsIterableDiffer = this._iterableDiffers.find([]).create();
-  }
-
-  public ngOnInit(): void {
-    this._contentEl = this._el.findAll("._sd-select-content")[0] as HTMLElement;
-    this._popupEl = this._el.findAll("sd-dropdown-popup")[0] as HTMLElement;
-
-    this._refreshContent();
-    this._popupEl.addEventListener("mutation", () => {
-      this._refreshContent();
-    });
-  }
-
-  public ngDoCheck(): void {
-    if (this.items && this._iterableDiffer.diff(this.items)) {
-      this._cdr.markForCheck();
-    }
-  }
-
-  public ngAfterContentChecked(): void {
-    if (this.popupElRef) {
-      const itemEls = this.popupElRef.nativeElement.findAll("sd-select-item");
-      if (itemEls && this._itemElsIterableDiffer.diff(itemEls)) {
-        this._cdr.markForCheck();
-      }
-    }
-  }
-
-  public setValue(value: any): void {
-    if (this.value !== value) {
-      this.value = value;
-      this.valueChange.emit(this.value);
-    }
-
-    if (this.dropdownControl) {
-      this.dropdownControl.closePopup();
-    }
-  }
-
-  private _refreshContent(): void {
-    if (!this._contentEl || !this._popupEl) return;
-
-    const selectedItemEl = this._popupEl.findAll("sd-select-item")
-      .single(item => (item.getAttribute("sd-value-json") || undefined) === JsonConvert.stringify(this.value));
-    if (!selectedItemEl) {
-      this._contentEl.innerHTML = "";
-    }
-    else {
-      const labelTemplateEl = selectedItemEl.findAll("> ._labelTemplate")[0];
-      const labelEl = labelTemplateEl ? labelTemplateEl : selectedItemEl.findAll("> ._label")[0] as HTMLElement;
-      this._contentEl.innerHTML = labelEl.innerHTML;
-    }
-  }
-
-  private _refreshInvalid(): void {
-    if (this.required && !this.value) {
-      this._el.setAttribute("sd-invalid", "true");
-    }
-    else {
-      this._el.setAttribute("sd-invalid", "false");
-    }
-  }
-}

package/src/controls/SdSelectItemControl.ts

@@ -1,73 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ContentChild,
-  ElementRef,
-  forwardRef,
-  HostBinding,
-  HostListener,
-  Inject,
-  Input,
-  TemplateRef
-} from "@angular/core";
-import {SdSelectControl} from "./SdSelectControl";
-import {JsonConvert} from "@simplysm/common";
-
-@Component({
-  selector: "sd-select-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <span class="_label">
-      <ng-content></ng-content>
-    </span>
-    <span class="_labelTemplate" hidden *ngIf="labelTemplateRef">
-      <ng-template [ngTemplateOutlet]="labelTemplateRef"></ng-template>
-    </span>`
-})
-export class SdSelectItemControl {
-  @HostBinding("attr.tabindex")
-  public tabIndex = 0;
-
-  @Input()
-  public set value(value: any) {
-    this._value = value;
-
-    this._el.setAttribute("sd-value-json", JsonConvert.stringify(value) || "");
-  }
-
-  public get value(): any {
-    return this._value;
-  }
-
-  private _value: any;
-
-  @ContentChild("label")
-  public labelTemplateRef?: TemplateRef<any>;
-
-  @HostBinding("class._selected")
-  public get isSelected(): boolean {
-    const keyProp = this._selectControl.keyProp;
-    const parentValue = this._selectControl.value;
-
-    const parentKeyValue = keyProp && parentValue ? parentValue[keyProp] : parentValue;
-    const itemKeyValue = keyProp && this.value ? this.value[keyProp] : this.value;
-    return parentKeyValue === itemKeyValue;
-  }
-
-  public get content(): string {
-    return this._elRef.nativeElement.innerHTML.trim();
-  }
-
-  private readonly _el: HTMLElement;
-
-  public constructor(@Inject(forwardRef(() => SdSelectControl))
-                     private readonly _selectControl: SdSelectControl,
-                     private readonly _elRef: ElementRef<HTMLElement>) {
-    this._el = this._elRef.nativeElement;
-  }
-
-  @HostListener("click", ["$event"])
-  public onClick(): void {
-    this._selectControl.setValue(this.value);
-  }
-}

package/src/controls/SdSheetColumnControl.ts

@@ -1,34 +0,0 @@
-import {ChangeDetectionStrategy, Component, ContentChild, Input, TemplateRef} from "@angular/core";
-import {SdTypeValidate} from "../commons/SdTypeValidate";
-import {Uuid} from "@simplysm/common";
-
-@Component({
-  selector: "sd-sheet-column",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: ``
-})
-export class SdSheetColumnControl {
-  public guid = Uuid.newUuid().toString();
-
-  @Input()
-  @SdTypeValidate(String)
-  public header?: string;
-
-  @Input()
-  @SdTypeValidate(String)
-  public help?: string;
-
-  @Input()
-  @SdTypeValidate({
-    type: Number,
-    notnull: true
-  })
-  public width = 140;
-
-  @Input()
-  @SdTypeValidate(Boolean)
-  public fixed?: boolean;
-
-  @ContentChild("cell")
-  public cellTemplateRef?: TemplateRef<any>;
-}