@colijnit/corecomponents_v12 12.0.13 → 12.0.16

package/src/lib/directives/ripple/scrollable.directive.ts

@@ -1,37 +0,0 @@
-// NOTE: Copied and adapted to TwoDSelector from iOneJS on 9-may-2018.
-import { Directive, ElementRef, OnDestroy, OnInit } from '@angular/core';
-
-import { CoScrollDispatcherService } from './scroll-dispatcher.service';
-import { fromEvent, Observable } from 'rxjs';
-
-/**
- * Sends an event when the directive's element is scrolled. Registers itself with the
- * ScrollDispatcher service to include itself as part of its collection of scrolling events that it
- * can be listened to through the service.
- */
-@Directive({
-    selector: '[cdk-scrollable]'
-})
-export class CoScrollableDirective implements OnInit, OnDestroy {
-    constructor(private _elementRef: ElementRef, private _scroll: CoScrollDispatcherService) {
-    }
-
-    ngOnInit(): void {
-        this._scroll.register(this);
-    }
-
-    ngOnDestroy(): void {
-        this._scroll.deregister(this);
-    }
-
-    /**
-     * Returns observable that emits when a scroll event is fired on the host element.
-     */
-    elementScrolled(): Observable<any> {
-        return fromEvent(this._elementRef.nativeElement, 'scroll');
-    }
-
-    getElementRef(): ElementRef {
-        return this._elementRef;
-    }
-}

package/src/lib/directives/ripple/viewport-ruler.service.ts

@@ -1,84 +0,0 @@
-// NOTE: Copied and adapted to TwoDSelector from iOneJS on 9-may-2018.
-import {Injectable, Optional, SkipSelf} from '@angular/core';
-
-import {CoScrollDispatcherService} from "./scroll-dispatcher.service";
-
-/**
- * Simple utility for getting the bounds of the browser viewport.
- * @docs-private
- */
-@Injectable()
-export class CoViewportRulerService {
-
-    /** Cached document client rectangle. */
-    private _documentRect?: ClientRect;
-
-    constructor(scrollDispatcher: CoScrollDispatcherService) {
-        // Initially cache the document rectangle.
-        this._cacheViewportGeometry();
-
-        // Subscribe to scroll and resize events and update the document rectangle on changes.
-        scrollDispatcher.scrolled(null, () => this._cacheViewportGeometry());
-    }
-
-    /** Gets a ClientRect for the viewport's bounds. */
-    getViewportRect(documentRect = this._documentRect): ClientRect {
-        // Use the document element's bounding rect rather than the window scroll properties
-        // (e.g. pageYOffset, scrollY) due to in issue in Chrome and IE where window scroll
-        // properties and client coordinates (boundingClientRect, clientX/Y, etc.) are in different
-        // conceptual viewports. Under most circumstances these viewports are equivalent, but they
-        // can disagree when the page is pinch-zoomed (on devices that support touch).
-        // See https://bugs.chromium.org/p/chromium/issues/detail?id=489206#c4
-        // We use the documentElement instead of the body because, by default (without a css reset)
-        // browsers typically give the document body an 8px margin, which is not included in
-        // getBoundingClientRect().
-        const scrollPosition = this.getViewportScrollPosition(documentRect);
-        const height = window.innerHeight;
-        const width = window.innerWidth;
-
-        return {
-            top: scrollPosition.top,
-            left: scrollPosition.left,
-            bottom: scrollPosition.top + height,
-            right: scrollPosition.left + width,
-            height,
-            width,
-        };
-    }
-
-
-    /**
-     * Gets the (top, left) scroll position of the viewport.
-     * @param documentRect
-     */
-    getViewportScrollPosition(documentRect = this._documentRect) {
-        // The top-left-corner of the viewport is determined by the scroll position of the document
-        // body, normally just (scrollLeft, scrollTop). However, Chrome and Firefox disagree about
-        // whether `document.body` or `document.documentElement` is the scrolled element, so reading
-        // `scrollTop` and `scrollLeft` is inconsistent. However, using the bounding rect of
-        // `document.documentElement` works consistently, where the `top` and `left` values will
-        // equal negative the scroll position.
-        const top = -documentRect.top || document.body.scrollTop || window.scrollY || 0;
-        const left = -documentRect.left || document.body.scrollLeft || window.scrollX || 0;
-
-        return {top, left};
-    }
-
-    /** Caches the latest client rectangle of the document element. */
-    _cacheViewportGeometry() {
-        this._documentRect = document.documentElement.getBoundingClientRect();
-    }
-
-}
-
-export function VIEWPORT_RULER_PROVIDER_FACTORY(parentRuler: CoViewportRulerService,
-    scrollDispatcher: CoScrollDispatcherService) {
-    return parentRuler || new CoViewportRulerService(scrollDispatcher);
-}
-
-export const VIEWPORT_RULER_PROVIDER = {
-    // If there is already a ViewportRuler available, use that. Otherwise, provide a new one.
-    provide: CoViewportRulerService,
-    deps: [[new Optional(), new SkipSelf(), CoViewportRulerService], CoScrollDispatcherService],
-    useFactory: VIEWPORT_RULER_PROVIDER_FACTORY
-};

package/src/lib/directives/stopclick/stop-click.directive.ts

@@ -1,35 +0,0 @@
-import {Directive, ElementRef, Input, NgZone, OnDestroy, OnInit} from "@angular/core";
-
-import {EventUtils} from "../../core/utils/event-utils";
-
-@Directive({
-    selector: '[stopClick]'
-})
-export class StopClickDirective implements OnInit, OnDestroy {
-
-    @Input()
-    public stopClick: boolean;
-
-    constructor(private _elementRef: ElementRef, private _ngZone: NgZone) {
-    }
-
-    ngOnInit(): void {
-        this._ngZone.runOutsideAngular(() => {
-            this._elementRef.nativeElement.addEventListener('click', this._killEventHandler);
-            this._elementRef.nativeElement.addEventListener('dblclick', this._killEventHandler);
-            this._elementRef.nativeElement.addEventListener('mousedown', this._killEventHandler);
-        });
-    }
-
-    ngOnDestroy(): void {
-        this._elementRef.nativeElement.removeEventListener('click', this._killEventHandler);
-        this._elementRef.nativeElement.removeEventListener('dblclick', this._killEventHandler);
-        this._elementRef.nativeElement.removeEventListener('mousedown', this._killEventHandler);
-    }
-
-    private _killEventHandler: EventListener = (event: MouseEvent): void => {
-        if (this.stopClick) {
-            EventUtils.KillEvent(event);
-        }
-    };
-}

package/src/lib/directives/stopclick/stop-click.module.ts

@@ -1,14 +0,0 @@
-import {NgModule} from "@angular/core";
-
-import {StopClickDirective} from "./stop-click.directive";
-
-@NgModule({
-    declarations: [
-        StopClickDirective
-    ],
-    exports: [
-        StopClickDirective
-    ]
-})
-export class StopClickModule {
-}

package/src/lib/directives/template-wrapper/template-wrapper.directive.ts

@@ -1,71 +0,0 @@
-import {Directive, Input, OnChanges, OnDestroy, SimpleChange, SimpleChanges, TemplateRef, ViewContainerRef, ViewRef} from '@angular/core';
-
-@Directive({
-    selector: '[templateWrapper]'
-})
-export class TemplateWrapperDirective implements OnDestroy, OnChanges {
-    @Input()
-    public templateWrapper: TemplateRef<any> | null = null;
-
-    @Input()
-    public templateWrapperContext: Object | null = null;
-
-    private _viewRef: ViewRef;
-
-    constructor(protected viewContainer: ViewContainerRef) {
-    }
-
-    ngOnChanges(changes: SimpleChanges): void {
-        const recreateView: boolean = this._shouldRecreateView(changes);
-
-        if (recreateView) {
-            if (this._viewRef) {
-                this.viewContainer.remove(this.viewContainer.indexOf(this._viewRef));
-            }
-
-            if (this.templateWrapper) {
-                this._viewRef = this.viewContainer.createEmbeddedView(
-                    this.templateWrapper, this.templateWrapperContext);
-            }
-        } else {
-            if (this._viewRef && this.templateWrapperContext) {
-                this._updateExistingContext(this.templateWrapperContext);
-            }
-        }
-    }
-
-    ngOnDestroy(): void {
-        if (this._viewRef) {
-            this.viewContainer.remove(this.viewContainer.indexOf(this._viewRef));
-            this._viewRef = undefined;
-        }
-        this.templateWrapper = undefined;
-    }
-
-    private _shouldRecreateView(changes: SimpleChanges): boolean {
-        const ctxChange: any = changes['templateWrapperContext'];
-        return !!changes['templateWrapper'] || (ctxChange && this._hasContextShapeChanged(ctxChange));
-    }
-
-    private _hasContextShapeChanged(ctxChange: SimpleChange): boolean {
-        const prevCtxKeys: any = Object.keys(ctxChange.previousValue || {});
-        const currCtxKeys: any = Object.keys(ctxChange.currentValue || {});
-
-        if (prevCtxKeys.length === currCtxKeys.length) {
-            for (const propName of currCtxKeys) {
-                if (prevCtxKeys.indexOf(propName) === -1) {
-                    return true;
-                }
-            }
-            return false;
-        } else {
-            return true;
-        }
-    }
-
-    private _updateExistingContext(ctx: Object): void {
-        for (const propName of Object.keys(ctx)) {
-            (<any>this._viewRef).context[propName] = (<any>this.templateWrapperContext)[propName];
-        }
-    }
-}

package/src/lib/directives/template-wrapper/template-wrapper.module.ts

@@ -1,13 +0,0 @@
-import {NgModule} from "@angular/core";
-import {TemplateWrapperDirective} from "./template-wrapper.directive";
-
-@NgModule({
-    declarations: [
-        TemplateWrapperDirective
-    ],
-    exports: [
-        TemplateWrapperDirective
-    ]
-})
-export class TemplateWrapperModule {
-}

package/src/lib/model/data-item.ts

@@ -1,9 +0,0 @@
-// for use in showcase component arrays
-export interface DataItem {
-    id?: number;
-    title?: string,
-    description?: string;
-    price?: number;
-    imageData?: string;
-    isActive?: boolean
-}

package/src/lib/model/enum/currency-code.enum.ts

@@ -1,7 +0,0 @@
-// Currency codes in accordance to ISO 4217
-export enum CurrencyCode {
-  Euro = "EUR",
-  Dollar = "USD",
-  Ruble = "RUB",
-  BritishPoundSterling = "GBP"
-}

package/src/lib/model/enum/language-code.enum.ts

@@ -1,8 +0,0 @@
-// Follows notation for LCID locale https://docs.microsoft.com/en-us/openspecs/office_standards/ms-oe376/6c085406-a698-4e12-9d4d-c3b0ee3dbc4a
-export enum LanguageCode {
-  Dutch= "nl-NL",
-  German = "de-DE",
-  French = "fr-FR",
-  English = "en-GB",
-  Russian = "ru-RU"
-}

package/src/lib/model/map/currencies.map.ts

@@ -1,6 +0,0 @@
-export enum CurrencyCodeToCharacter {
-  EUR = "€",
-  USD = "$",
-  RUB = "R",
-  GBP = "£"
-}

package/src/lib/modules/drag-drop/drag-drop-container.component.ts

@@ -1,115 +0,0 @@
-import {AfterViewInit, Directive, ElementRef, EventEmitter, Input, OnDestroy, Output, Renderer2} from "@angular/core";
-import {Subscription} from "rxjs";
-import {DragDropManagerService} from "./drag-drop-manager.service";
-import {DragDropContainer} from "./model/drag-drop-container";
-import {CoOrientation} from "../../core/enum/co-orientation";
-import {CoDropEvent} from "./model/co-drop-event";
-import {ArrayUtils} from "../../core/utils/array-utils";
-
-@Directive({
-    selector: "co-drag-drop-container"
-})
-export class DragDropContainerComponent implements AfterViewInit, OnDestroy {
-
-    /**
-     * Model of list containing draggable items
-     */
-    @Input()
-    public sortableList: any[];
-
-    @Input()
-    public handleSort: boolean = false;
-
-    @Input()
-    public set enabled(value: boolean) {
-        this._enabled = value;
-        this.handleEnabledChange();
-    }
-
-    /**
-     * Class of the handle to drag operations
-     */
-    @Input()
-    public dragHandle: string = "";
-
-    // Emits when the order of sortableList items changed after a drag-drop action.
-    @Output()
-    public sortingChange: EventEmitter<any[]> = new EventEmitter<any[]>();
-
-    private _container: DragDropContainer;
-    private _enabled: boolean = true;
-    private _handleOrderSub: Subscription;
-    private _initialized: boolean = false;
-
-    constructor(private _elementRef: ElementRef, private _renderer: Renderer2, private _dragDropService: DragDropManagerService) {
-        this._dragDropService.renderer = this._renderer;
-        this._container = new DragDropContainer(_elementRef.nativeElement, CoOrientation.Vertical);
-    }
-
-    ngAfterViewInit(): void {
-        this._initialized = true;
-        this._createDragDrop();
-        if (this._initialized) {
-            this._updateEnableDisableContainer();
-        }
-    }
-
-    /**
-     * Cleanup...
-     */
-    ngOnDestroy(): void {
-        this._removeDragDrop();
-    }
-
-    public handleEnabledChange(): void {
-        if (!this._initialized) {
-            return;
-        }
-        if (this._enabled) {
-            this._dragDropService.enableContainer(this._container);
-            this._createDragDrop();
-        } else {
-            this._dragDropService.disableContainer(this._container);
-            this._removeDragDrop();
-            this._initialized = false;
-        }
-    }
-
-    private _createDragDrop(): void {
-        this._dragDropService.addContainer(this._container);
-        this._dragDropService.addDragHandle(this.dragHandle);
-        if (this.handleSort) { // subscribe drop event to be able to adapt the order of dropped items
-            this._handleOrderSub = this._dragDropService.drop.subscribe((event: CoDropEvent) => {
-                this._handleOrder(event.container, event.elementIndex, event.targetIndex);
-            });
-        }
-        this._initialized = true;
-    }
-
-    private _removeDragDrop(): void {
-        this._dragDropService.removeContainer(this._container);
-        this._dragDropService.removeDragHandle(this.dragHandle);
-        if (this._handleOrderSub) {
-            this._handleOrderSub.unsubscribe();
-        }
-    }
-
-    private _handleOrder(container: DragDropContainer, oldIndex: number, newIndex: number): void {
-        if (container !== this._container) {
-            return;
-        }
-        if (newIndex === -1) {
-            newIndex = this.sortableList.length;
-        }
-        ArrayUtils.MoveElement(this.sortableList[oldIndex], newIndex, this.sortableList);
-        this.sortingChange.emit(this.sortableList);
-    }
-
-    private _updateEnableDisableContainer(): void {
-        if (this._enabled) {
-            this._dragDropService.enableContainer(this._container);
-        } else {
-            this._dragDropService.disableContainer(this._container);
-        }
-    }
-}

package/src/lib/modules/drag-drop/drag-drop-container.css

@@ -1,34 +0,0 @@
-/* Included by main.scss in src/style root */
-
-co-drag-drop-container {
-    position: relative;
-}
-
-co-drag-drop-container.is-dragged {
-    cursor: grabbing;
-    cursor: -moz-grabbing;
-    cursor: -webkit-grabbing;
-    opacity: 0.2;
-}
-
-co-drag-drop-container.is-dragged > div {
-    opacity: 0.2;
-}
-
-.ghost-image {
-    position: fixed;
-    opacity: 0.8;
-    z-index: 51;
-    display: none !important;
-}
-
-.ghost-image.ghost-image.hide {
-    display: none !important;
-}
-
-.no-select {
-    -webkit-user-select: none !important;
-    -moz-user-select: none !important;
-    -ms-user-select: none !important;
-    user-select: none !important;
-}