ngx-ode-ui 4.6.0-dev-produit.2 → 4.6.0-dev-integration.2

package/esm2015/lib/components/search-input/search-input.component.js

@@ -0,0 +1,176 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/search-input/search-input.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, EventEmitter, Input, Output, Renderer2, ViewChild, Injector } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+export class SearchInputComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} _elRef
+     * @param {?} _renderer
+     */
+    constructor(injector, _elRef, _renderer) {
+        super(injector);
+        this._elRef = _elRef;
+        this._renderer = _renderer;
+        /* Inputs / Outputs / View */
+        this.isSearchActive = false;
+        this.isSearchButtonDisabled = false;
+        this.searchInput = false;
+        this._delay = 200;
+        this.onChange = new EventEmitter();
+        /* Internal logic */
+        this.$searchTerms = new Subject();
+    }
+    /**
+     * @param {?} d
+     * @return {?}
+     */
+    set delay(d) {
+        this._delay = d;
+        this.observable = this.$searchTerms.pipe(debounceTime(this.delay), distinctUntilChanged());
+        if (this.observer) {
+            this.observer.unsubscribe();
+        }
+        this.observer = this.observable.subscribe((/**
+         * @param {?} val
+         * @return {?}
+         */
+        val => {
+            this.onChange.emit(val);
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    get delay() {
+        return this._delay;
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    evalAttributes() {
+        /** @type {?} */
+        const element = this._elRef.nativeElement;
+        if (element && this.searchBox) {
+            for (let i = 0; i < element.attributes.length; i++) {
+                /** @type {?} */
+                const attr = element.attributes[i];
+                this._renderer.setAttribute(this.searchBox.nativeElement, attr.name, attr.value);
+            }
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        super.ngOnInit();
+        if (!this.observable) {
+            this.observable = this.$searchTerms
+                .pipe(debounceTime(this.delay), distinctUntilChanged());
+            this.observer = this.observable.subscribe((/**
+             * @param {?} val
+             * @return {?}
+             */
+            val => {
+                this.onChange.emit(val);
+            }));
+        }
+        setTimeout((/**
+         * @return {?}
+         */
+        () => this.evalAttributes()), 20);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.observer.unsubscribe();
+    }
+    /**
+     * @param {?} str
+     * @return {?}
+     */
+    search(str) {
+        this.$searchTerms.next(str);
+    }
+    /**
+     * @return {?}
+     */
+    handleSubmit() {
+        this.searchSubmit();
+    }
+}
+SearchInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-search-input',
+                template: "<form\n    class=\"search-container\"\n    (ngSubmit)=\"searchInput && handleSubmit()\">\n    <input\n        #searchBox\n        class=\"search-input\"\n        name=\"searchTerm\"\n        type=\"search\"\n        (input)=\"search(searchBox.value)\" />\n    <button class=\"search-button\" *ngIf=\"searchInput\" [attr.disabled]=\"isSearchButtonDisabled ? true : null\">\n        <i class=\"fa fa-search is-size-4 search-icon\"></i>\n    </button>\n</form>\n\n<!-- <input *ngIf=\"!searchInput\" type=\"search\" #searchBox (input)=\"search(searchBox.value)\"/> -->",
+                styles: [":host .search-container{margin:0;display:flex}:host .search-icon{padding-left:0}:host .search-button{margin:0;background:#ff8352;color:#fff}"]
+            }] }
+];
+/** @nocollapse */
+SearchInputComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+SearchInputComponent.propDecorators = {
+    isSearchActive: [{ type: Input }],
+    isSearchButtonDisabled: [{ type: Input }],
+    searchInput: [{ type: Input }],
+    searchSubmit: [{ type: Input }],
+    delay: [{ type: Input }],
+    onChange: [{ type: Output }],
+    searchBox: [{ type: ViewChild, args: ['searchBox', { static: false },] }]
+};
+if (false) {
+    /** @type {?} */
+    SearchInputComponent.prototype.isSearchActive;
+    /** @type {?} */
+    SearchInputComponent.prototype.isSearchButtonDisabled;
+    /** @type {?} */
+    SearchInputComponent.prototype.searchInput;
+    /** @type {?} */
+    SearchInputComponent.prototype.searchSubmit;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype._delay;
+    /** @type {?} */
+    SearchInputComponent.prototype.onChange;
+    /** @type {?} */
+    SearchInputComponent.prototype.searchBox;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype.$searchTerms;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype.observable;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype.observer;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype._elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype._renderer;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9zZWFyY2gtaW5wdXQvc2VhcmNoLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RJLE9BQU8sRUFBYSxPQUFPLEVBQWUsTUFBTSxNQUFNLENBQUM7QUFDdkQsT0FBTyxFQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBUWxFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxZQUFZOzs7Ozs7SUFFbEQsWUFBWSxRQUFrQixFQUNWLE1BQWtCLEVBQ2xCLFNBQW9CO1FBQ3BDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUZBLFdBQU0sR0FBTixNQUFNLENBQVk7UUFDbEIsY0FBUyxHQUFULFNBQVMsQ0FBVzs7UUFLL0IsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsMkJBQXNCLEdBQVksS0FBSyxDQUFDO1FBQ3hDLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBZTlCLFdBQU0sR0FBRyxHQUFHLENBQUM7UUFFWCxhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7O1FBTTlELGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztJQTVCN0MsQ0FBQzs7Ozs7SUFPRCxJQUFhLEtBQUssQ0FBQyxDQUFTO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMs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b250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBTdWJqZWN0LCBTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc2VhcmNoLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtaW5wdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hJbnB1dENvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvKiBJbnB1dHMgLyBPdXRwdXRzIC8gVmlldyAqL1xuICAgIEBJbnB1dCgpIGlzU2VhcmNoQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgaXNTZWFyY2hCdXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlYXJjaElucHV0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VhcmNoU3VibWl0OiAoKSA9PiB2b2lkO1xuICAgIEBJbnB1dCgpIHNldCBkZWxheShkOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5fZGVsYXkgPSBkO1xuICAgICAgICB0aGlzLm9ic2VydmFibGUgPSB0aGlzLiRzZWFyY2hUZXJtcy5waXBlKGRlYm91bmNlVGltZSh0aGlzLmRlbGF5KSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSk7XG4gICAgICAgIGlmICh0aGlzLm9ic2VydmVyKSB7XG4gICAgICAgICAgICB0aGlzLm9ic2VydmVyLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vYnNlcnZlciA9IHRoaXMub2JzZXJ2YWJsZS5zdWJzY3JpYmUodmFsID0+IHtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWwpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgZ2V0IGRlbGF5KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGVsYXk7XG4gICAgfVxuICAgIHByaXZhdGUgX2RlbGF5ID0gMjAwO1xuXG4gICAgQE91dHB1dCgpIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgQFZpZXdDaGlsZCgnc2VhcmNoQm94JywgeyBzdGF0aWM6IGZhbHNlfSkgc2VhcmNoQm94OiBFbGVtZW50UmVmO1xuXG4gICAgLyogSW50ZXJuYWwgbG9naWMgKi9cblxuICAgIHByaXZhdGUgJHNlYXJjaFRlcm1zID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuICAgIHByaXZhdGUgb2JzZXJ2YWJsZTogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFN1YnNjcmlwdGlvbjtcblxuICAgIHByaXZhdGUgZXZhbEF0dHJpYnV0ZXMoKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgICBpZiAoZWxlbWVudCAmJiB0aGlzLnNlYXJjaEJveCkge1xuICAgICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBlbGVtZW50LmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzW2ldO1xuICAgICAgICAgICAgICAgIHRoaXMuX3JlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLnNlYXJjaEJveC5uYXRpdmVFbGVtZW50LCBhdHRyLm5hbWUsIGF0dHIudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIGlmICghdGhpcy5vYnNlcnZhYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9ic2VydmFibGUgPSB0aGlzLiRzZWFyY2hUZXJtc1xuICAgICAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5kZWxheSksXG4gICAgICAgICAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKClcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgdGhpcy5vYnNlcnZlciA9IHRoaXMub2JzZXJ2YWJsZS5zdWJzY3JpYmUodmFsID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodmFsKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5ldmFsQXR0cmlidXRlcygpLCAyMCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBzZWFyY2goc3RyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy4kc2VhcmNoVGVybXMubmV4dChzdHIpO1xuICAgIH1cblxuICAgIGhhbmRsZVN1Ym1pdCgpIHtcbiAgICAgICAgdGhpcy5zZWFyY2hTdWJtaXQoKTtcbiAgICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/components/search-toolbar/search-toolbar.component.js

@@ -0,0 +1,84 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/search-toolbar/search-toolbar.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, EventEmitter, Injector, Input, Output } from "@angular/core";
+import { OdeComponent } from "ngx-ode-core";
+/**
+ * Search Toolbar component.
+ * Used within List component, Search Toolbar will display following information:
+ * - Label of the search filter section (example: 'Search by')
+ * - List of search type filters (example: 'Name', 'Email' , ...)
+ * - Number of items returned by the search
+ *
+ * ```
+ * <ode-search-toolbar
+ * [label]="'user.searchType.label'"
+ * [searchTypes]="searchTypes"
+ * [nbItem]="nbUser || 0"
+ * [nbItemLabel]="'list.results.users'"
+ * (selectSearchType)="handleSelectSearchType($event)"
+ * >
+ * </ode-search-toolbar>
+ * ```
+ */
+export class SearchToolbarComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.nbItem = 0;
+        this.selectSearchType = new EventEmitter();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        if (this.searchTypes && this.searchTypes.length > 0) {
+            this.selectedSearchTypeValue = this.searchTypes[0].value;
+        }
+    }
+    /**
+     * @param {?} searchTypeValue
+     * @return {?}
+     */
+    handleSearchTypeClick(searchTypeValue) {
+        this.selectedSearchTypeValue = searchTypeValue;
+        this.selectSearchType.emit(searchTypeValue);
+    }
+}
+SearchToolbarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-search-toolbar',
+                template: "<div class=\"search-toolbar\">\n  <div class=\"search-toolbar-label\">\n    <s5l>{{ label }}</s5l>\n    <button\n      *ngFor=\"let searchType of searchTypes\"\n      class=\"button has-left-margin-5\"\n      [ngClass]=\"{\n        'is-selected': searchType.value === selectedSearchTypeValue\n      }\"\n      (click)=\"handleSearchTypeClick(searchType.value)\"\n    >\n      <s5l>{{ searchType.label }}</s5l>\n    </button>\n  </div>\n  <div>\n    <strong class=\"badge\">{{ nbItem }} <s5l>{{ nbItemLabel }}</s5l></strong>\n  </div>\n</div>\n",
+                styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.85rem}.search-toolbar .search-toolbar-label .button{padding:4px 12px;border-radius:20px;font-size:12px;border-width:2px;border-color:#ff8d2e}"]
+            }] }
+];
+/** @nocollapse */
+SearchToolbarComponent.ctorParameters = () => [
+    { type: Injector }
+];
+SearchToolbarComponent.propDecorators = {
+    label: [{ type: Input }],
+    searchTypes: [{ type: Input }],
+    nbItem: [{ type: Input }],
+    nbItemLabel: [{ type: Input }],
+    selectSearchType: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    SearchToolbarComponent.prototype.label;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.searchTypes;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.nbItem;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.nbItemLabel;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.selectSearchType;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.selectedSearchTypeValue;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXRvb2xiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3NlYXJjaC10b29sYmFyL3NlYXJjaC10b29sYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUEwQjVDLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxZQUFZOzs7O0lBVXRELFlBQVksUUFBa0I7UUFDNUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBUFQsV0FBTSxHQUFXLENBQUMsQ0FBQztRQUVsQixxQkFBZ0IsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQU10RSxDQUFDOzs7O0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbkQsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1NBQzFEO0lBQ0wsQ0FBQzs7Ozs7SUFFTSxxQkFBcUIsQ0FBQyxlQUF1QjtRQUNsRCxJQUFJLENBQUMsdUJBQXVCLEdBQUcsZUFBZSxDQUFDO1FBQy9DLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDOUMsQ0FBQzs7O1lBNUJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QiwyaUJBQThDOzthQUUvQzs7OztZQTFCaUMsUUFBUTs7O29CQTZCdkMsS0FBSzswQkFDTCxLQUFLO3FCQUNMLEtBQUs7MEJBQ0wsS0FBSzsrQkFDTCxNQUFNOzs7O0lBSlAsdUNBQXVCOztJQUN2Qiw2Q0FBNEQ7O0lBQzVELHdDQUE0Qjs7SUFDNUIsNkNBQTZCOztJQUM3QixrREFBc0U7O0lBRXRFLHlEQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3RvciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tIFwibmd4LW9kZS1jb3JlXCI7XG5cbi8qKlxuICogU2VhcmNoIFRvb2xiYXIgY29tcG9uZW50LlxuICogVXNlZCB3aXRoaW4gTGlzdCBjb21wb25lbnQsIFNlYXJjaCBUb29sYmFyIHdpbGwgZGlzcGxheSBmb2xsb3dpbmcgaW5mb3JtYXRpb246XG4gKiAtIExhYmVsIG9mIHRoZSBzZWFyY2ggZmlsdGVyIHNlY3Rpb24gKGV4YW1wbGU6ICdTZWFyY2ggYnknKVxuICogLSBMaXN0IG9mIHNlYXJjaCB0eXBlIGZpbHRlcnMgKGV4YW1wbGU6ICdOYW1lJywgJ0VtYWlsJyAsIC4uLilcbiAqIC0gTnVtYmVyIG9mIGl0ZW1zIHJldHVybmVkIGJ5IHRoZSBzZWFyY2hcbiAqXG5gYGBcbjxvZGUtc2VhcmNoLXRvb2xiYXJcbiAgW2xhYmVsXT1cIid1c2VyLnNlYXJjaFR5cGUubGFiZWwnXCJcbiAgW3NlYXJjaFR5cGVzXT1cInNlYXJjaFR5cGVzXCJcbiAgW25iSXRlbV09XCJuYlVzZXIgfHwgMFwiXG4gIFtuYkl0ZW1MYWJlbF09XCInbGlzdC5yZXN1bHRzLnVzZXJzJ1wiXG4gIChzZWxlY3RTZWFyY2hUeXBlKT1cImhhbmRsZVNlbGVjdFNlYXJjaFR5cGUoJGV2ZW50KVwiXG4+XG48L29kZS1zZWFyY2gtdG9vbGJhcj5cbmBgYFxuICovXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29kZS1zZWFyY2gtdG9vbGJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC10b29sYmFyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoVG9vbGJhckNvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgc2VhcmNoVHlwZXM6IEFycmF5PHtsYWJlbDogc3RyaW5nLCB2YWx1ZTogc3RyaW5nfT47XG4gIEBJbnB1dCgpIG5iSXRlbTogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgbmJJdGVtTGFiZWw6IHN0cmluZztcbiAgQE91dHB1dCgpIHNlbGVjdFNlYXJjaFR5cGU6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHNlbGVjdGVkU2VhcmNoVHlwZVZhbHVlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy5zZWFyY2hUeXBlcyAmJiB0aGlzLnNlYXJjaFR5cGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFNlYXJjaFR5cGVWYWx1ZSA9IHRoaXMuc2VhcmNoVHlwZXNbMF0udmFsdWU7XG4gICAgICB9XG4gIH1cblxuICBwdWJsaWMgaGFuZGxlU2VhcmNoVHlwZUNsaWNrKHNlYXJjaFR5cGVWYWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZFNlYXJjaFR5cGVWYWx1ZSA9IHNlYXJjaFR5cGVWYWx1ZTtcbiAgICB0aGlzLnNlbGVjdFNlYXJjaFR5cGUuZW1pdChzZWFyY2hUeXBlVmFsdWUpO1xuICB9XG59XG4iXX0=

package/esm2015/lib/components/side-layout/side-layout.component.js

@@ -0,0 +1,39 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/side-layout/side-layout.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, EventEmitter, Input, Output, Injector } from '@angular/core';
+export class SideLayoutComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.showCompanion = false;
+        this.close = new EventEmitter();
+    }
+}
+SideLayoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-side-layout',
+                template: "<div class=\"side-layout\">\n  <div class=\"side-card\">\n    <ng-content select=\"[side-card]\"></ng-content>\n  </div>\n  <div class=\"side-companion\" *ngIf=\"showCompanion\">\n    <ng-content select=\"[side-companion]\"></ng-content>\n  </div>\n</div>\n",
+                styles: ["div.side-layout{display:flex;flex-wrap:nowrap;align-items:flex-start}div.side-card{flex:400px 0 0;position:relative}div.side-companion{flex:1;position:relative;margin-left:25px}"]
+            }] }
+];
+/** @nocollapse */
+SideLayoutComponent.ctorParameters = () => [
+    { type: Injector }
+];
+SideLayoutComponent.propDecorators = {
+    showCompanion: [{ type: Input }],
+    close: [{ type: Output, args: ['closeCompanion',] }]
+};
+if (false) {
+    /** @type {?} */
+    SideLayoutComponent.prototype.showCompanion;
+    /** @type {?} */
+    SideLayoutComponent.prototype.close;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3NpZGUtbGF5b3V0L3NpZGUtbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPakYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFlBQVk7Ozs7SUFJakQsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFKWCxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUNMLFVBQUssR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUkvRSxDQUFDOzs7WUFYSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsNlFBQTJDOzthQUU5Qzs7OztZQU5nRCxRQUFROzs7NEJBUXBELEtBQUs7b0JBQ0wsTUFBTSxTQUFDLGdCQUFnQjs7OztJQUR4Qiw0Q0FBK0I7O0lBQy9CLG9DQUErRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc2lkZS1sYXlvdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWxheW91dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2lkZS1sYXlvdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaWRlTGF5b3V0Q29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaG93Q29tcGFuaW9uID0gZmFsc2U7XG4gICAgQE91dHB1dCgnY2xvc2VDb21wYW5pb24nKSBjbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG59XG4iXX0=

package/esm2015/lib/components/side-panel/side-panel.component.js

@@ -0,0 +1,76 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/side-panel/side-panel.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, EventEmitter, Input, Output, Injector } from '@angular/core';
+export class SidePanelComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} elementRef
+     */
+    constructor(injector, elementRef) {
+        super(injector);
+        this.elementRef = elementRef;
+        this.onClose = new EventEmitter();
+    }
+    /**
+     * @param {?} toggle
+     * @return {?}
+     */
+    set toggle(toggle) {
+        this.opened = toggle;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onClick(event) {
+        /** @type {?} */
+        const checkOpener = this.opener &&
+            (this.opener.contains && this.opener.contains(event.target)) ||
+            (this.opener.nativeElement && this.opener.nativeElement.contains(event.target));
+        if (this.opened &&
+            !this.elementRef.nativeElement.contains(event.target) &&
+            !checkOpener) {
+            this.opened = false;
+            this.onClose.emit();
+        }
+        return true;
+    }
+}
+SidePanelComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-side-panel',
+                template: "<div [ngClass]=\"{ opened: opened }\">\n  <ng-content></ng-content>\n</div>\n",
+                host: {
+                    '(document:click)': 'onClick($event)',
+                },
+                styles: ["div{position:fixed;z-index:10;overflow-x:hidden;overflow-y:scroll;top:0;left:-30%;width:30%;transition:transform .25s}div.opened{transform:translateX(100%)}"]
+            }] }
+];
+/** @nocollapse */
+SidePanelComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: ElementRef }
+];
+SidePanelComponent.propDecorators = {
+    toggle: [{ type: Input }],
+    opener: [{ type: Input }],
+    onClose: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    SidePanelComponent.prototype.opened;
+    /** @type {?} */
+    SidePanelComponent.prototype.opener;
+    /** @type {?} */
+    SidePanelComponent.prototype.onClose;
+    /**
+     * @type {?}
+     * @private
+     */
+    SidePanelComponent.prototype.elementRef;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBVTdGLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxZQUFZOzs7OztJQUdoRCxZQUFZLFFBQWtCLEVBQVUsVUFBc0I7UUFDMUQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRG9CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFTcEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFQaEQsQ0FBQzs7Ozs7SUFFRCxJQUFhLE1BQU0sQ0FBQyxNQUFlO1FBQy9CLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBS0QsT0FBTyxDQUFDLEtBQUs7O2NBQ0gsV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNO1lBQzNCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVELENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVuRixJQUFJLElBQUksQ0FBQyxNQUFNO1lBQ1gsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztZQUNyRCxDQUFDLFdBQVcsRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdkI7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOzs7WUFsQ0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLHlGQUEwQztnQkFFMUMsSUFBSSxFQUFFO29CQUNGLGtCQUFrQixFQUFFLGlCQUFpQjtpQkFDeEM7O2FBQ0o7Ozs7WUFUNEQsUUFBUTtZQUFqRCxVQUFVOzs7cUJBaUJ6QixLQUFLO3FCQUlMLEtBQUs7c0JBQ0wsTUFBTTs7OztJQVhQLG9DQUFnQjs7SUFVaEIsb0NBQWdCOztJQUNoQixxQ0FBZ0Q7Ozs7O0lBVGhCLHdDQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc2lkZS1wYW5lbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NpZGUtcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgICcoZG9jdW1lbnQ6Y2xpY2spJzogJ29uQ2xpY2soJGV2ZW50KScsXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBTaWRlUGFuZWxDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuICAgIG9wZW5lZDogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3RvciwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgdG9nZ2xlKHRvZ2dsZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLm9wZW5lZCA9IHRvZ2dsZTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBvcGVuZXI7XG4gICAgQE91dHB1dCgpIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgICAgIGNvbnN0IGNoZWNrT3BlbmVyID0gdGhpcy5vcGVuZXIgJiZcbiAgICAgICAgICAgICh0aGlzLm9wZW5lci5jb250YWlucyAmJiB0aGlzLm9wZW5lci5jb250YWlucyhldmVudC50YXJnZXQpKSB8fFxuICAgICAgICAgICAgKHRoaXMub3BlbmVyLm5hdGl2ZUVsZW1lbnQgJiYgdGhpcy5vcGVuZXIubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpKTtcblxuICAgICAgICBpZiAodGhpcy5vcGVuZWQgJiZcbiAgICAgICAgICAgICF0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICAgICAhY2hlY2tPcGVuZXIpIHtcbiAgICAgICAgICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxufVxuIl19

package/esm2015/lib/components/spinner-cube/spinner-cube.component.js

@@ -0,0 +1,67 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/spinner-cube/spinner-cube.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { ChangeDetectionStrategy, Component, Input, Injector } from '@angular/core';
+import { SpinnerService } from '../../services/spinner.service';
+export class SpinnerCubeComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} spinner
+     */
+    constructor(injector, spinner) {
+        super(injector);
+        this.spinner = spinner;
+    }
+    /**
+     * @param {?} prop
+     * @return {?}
+     */
+    set loadingProp(prop) {
+        this._loadingProp = prop;
+    }
+    /**
+     * @return {?}
+     */
+    get loadingProp() { return this._loadingProp; }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        super.ngOnInit();
+        this.subscriptions.add(this.spinner.trigger.subscribe((/**
+         * @return {?}
+         */
+        () => {
+            this.changeDetector.markForCheck();
+        })));
+    }
+}
+SpinnerCubeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-spinner-cube',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: "<div class=\"spinner-wrapper\" *ngIf=\"spinner.isLoading(loadingProp)\">\n  <div class=\"spinner-cube\">\n    <div class=\"sk-cube sk-cube1\"></div>\n    <div class=\"sk-cube sk-cube2\"></div>\n    <div class=\"sk-cube sk-cube3\"></div>\n    <div class=\"sk-cube sk-cube4\"></div>\n    <div class=\"sk-cube sk-cube5\"></div>\n    <div class=\"sk-cube sk-cube6\"></div>\n    <div class=\"sk-cube sk-cube7\"></div>\n    <div class=\"sk-cube sk-cube8\"></div>\n    <div class=\"sk-cube sk-cube9\"></div>\n  </div>\n</div>\n",
+                styles: ["div.spinner-wrapper{position:fixed;width:100%;height:100%;pointer-events:all;display:flex;justify-content:center;align-items:center}div.spinner-cube{width:20vh;height:20vh}div.sk-cube{width:33%;height:33%;float:left;-webkit-animation:1.3s ease-in-out infinite sk-cubeGridScaleDelay;animation:1.3s ease-in-out infinite sk-cubeGridScaleDelay}div.sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}div.sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}div.sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}div.sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}div.sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}div.sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}div.sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}div.sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}div.sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}"]
+            }] }
+];
+/** @nocollapse */
+SpinnerCubeComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: SpinnerService }
+];
+SpinnerCubeComponent.propDecorators = {
+    loadingProp: [{ type: Input, args: ['waitingFor',] }]
+};
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    SpinnerCubeComponent.prototype._loadingProp;
+    /** @type {?} */
+    SpinnerCubeComponent.prototype.spinner;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci1jdWJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1vZGUtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9zcGlubmVyLWN1YmUvc3Bpbm5lci1jdWJlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFRaEUsTUFBTSxPQUFPLG9CQUFxQixTQUFRLFlBQVk7Ozs7O0lBVWxELFlBQ0ksUUFBa0IsRUFDWCxPQUF1QjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFEYixZQUFPLEdBQVAsT0FBTyxDQUFnQjtJQUU5QixDQUFDOzs7OztJQVpMLElBQ0ksV0FBVyxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQzs7OztJQUNELElBQUksV0FBVyxLQUFLLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7Ozs7SUFVL0MsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxTQUFTOzs7UUFBQyxHQUFHLEVBQUU7WUFDdkQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN2QyxDQUFDLEVBQUMsQ0FBQyxDQUFDO0lBQ1IsQ0FBQzs7O1lBM0JKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0Msb2hCQUE0Qzs7YUFFL0M7Ozs7WUFSc0UsUUFBUTtZQUN0RSxjQUFjOzs7MEJBVWxCLEtBQUssU0FBQyxZQUFZOzs7Ozs7O0lBS25CLDRDQUE2Qjs7SUFLekIsdUNBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNwaW5uZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3Bpbm5lci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdvZGUtc3Bpbm5lci1jdWJlJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci1jdWJlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLWN1YmUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ3ViZUNvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoJ3dhaXRpbmdGb3InKVxuICAgIHNldCBsb2FkaW5nUHJvcChwcm9wOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5fbG9hZGluZ1Byb3AgPSBwcm9wO1xuICAgIH1cbiAgICBnZXQgbG9hZGluZ1Byb3AoKSB7IHJldHVybiB0aGlzLl9sb2FkaW5nUHJvcDsgfVxuICAgIHByaXZhdGUgX2xvYWRpbmdQcm9wOiBzdHJpbmc7XG5cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIHB1YmxpYyBzcGlubmVyOiBTcGlubmVyU2VydmljZSkge1xuICAgICAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgICAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZCh0aGlzLnNwaW5uZXIudHJpZ2dlci5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfSkpO1xuICAgIH1cblxufVxuIl19

package/esm2015/lib/components/table/pager.component.js

@@ -0,0 +1,95 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/table/pager.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, Injector } from '@angular/core';
+import { BundlesService } from 'ngx-ode-sijil';
+export class PagerComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     * @param {?} bundles
+     */
+    constructor(injector, bundles) {
+        super(injector);
+        this.bundles = bundles;
+        this.offsetChange = new EventEmitter();
+        this.translate = (/**
+         * @param {...?} args
+         * @return {?}
+         */
+        (...args) => ((/** @type {?} */ (this.bundles.translate)))(...args));
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() { }
+    /**
+     * @return {?}
+     */
+    previousPage() {
+        if (this.offset - this.limit >= 0) {
+            this.offset = this.offset - this.limit;
+        }
+        else {
+            this.offset = 0;
+        }
+        this.offsetChange.emit(this.offset);
+    }
+    /**
+     * @return {?}
+     */
+    nextPage() {
+        if (this.offset + this.limit <= this.total) {
+            this.offset = this.offset + this.limit;
+        }
+        this.offsetChange.emit(this.offset);
+    }
+    /**
+     * @return {?}
+     */
+    offsetLimit() {
+        return this.offset + this.limit < this.total ?
+            this.offset + this.limit : this.total;
+    }
+}
+PagerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-pager',
+                template: "<strong><s5l>pager.page</s5l></strong>\n<a class=\"button\" [ngClass]=\"{'is-hidden': offset - limit < 0}\" (click)=\"previousPage()\">\n  <i class=\"fa fa-chevron-left\"></i> <s5l>pager.page.previous</s5l>\n</a>\n<span>{{\"pager.position\" | translate : {offset : offset+1,  offsetLimit:offsetLimit(), total:total} }}</span>\n<a class=\"button\" [ngClass]=\"{'is-hidden': offset + limit  > total}\" (click)=\"nextPage()\">\n  <s5l>pager.page.next</s5l> <i class=\"fa fa-chevron-right\"></i>\n</a>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+        i {cursor: pointer; padding: 0 2px;}
+    `]
+            }] }
+];
+/** @nocollapse */
+PagerComponent.ctorParameters = () => [
+    { type: Injector },
+    { type: BundlesService }
+];
+PagerComponent.propDecorators = {
+    limit: [{ type: Input }],
+    offset: [{ type: Input }],
+    offsetChange: [{ type: Output }],
+    total: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    PagerComponent.prototype.limit;
+    /** @type {?} */
+    PagerComponent.prototype.offset;
+    /** @type {?} */
+    PagerComponent.prototype.offsetChange;
+    /** @type {?} */
+    PagerComponent.prototype.total;
+    /** @type {?} */
+    PagerComponent.prototype.translate;
+    /**
+     * @type {?}
+     * @private
+     */
+    PagerComponent.prototype.bundles;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3RhYmxlL3BhZ2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEgsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVc3QyxNQUFNLE9BQU8sY0FBZSxTQUFRLFlBQVk7Ozs7O0lBQzVDLFlBQ0ksUUFBa0IsRUFDVixPQUF1QjtRQUUzQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFGWixZQUFPLEdBQVAsT0FBTyxDQUFnQjtRQVF6QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFJcEQsY0FBUzs7OztRQUFHLENBQUMsR0FBRyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsbUJBQUEsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQU8sQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLEVBQUM7SUFUOUQsQ0FBQzs7OztJQVdMLFFBQVEsS0FBSSxDQUFDOzs7O0lBRWIsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsRUFBRTtZQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztTQUMxQzthQUFNO1lBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDbkI7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEMsQ0FBQzs7OztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQzFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7Ozs7SUFFRCxXQUFXO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUM5QyxDQUFDOzs7WUE5Q0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxXQUFXO2dCQUNyQiwrZkFBcUM7Z0JBSXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQUh0Qzs7S0FFUjthQUVKOzs7O1lBWGlGLFFBQVE7WUFDbEYsY0FBYzs7O29CQW1CakIsS0FBSztxQkFFTCxLQUFLOzJCQUNMLE1BQU07b0JBRU4sS0FBSzs7OztJQUxOLCtCQUF1Qjs7SUFFdkIsZ0NBQXdCOztJQUN4QixzQ0FBb0Q7O0lBRXBELCtCQUF1Qjs7SUFFdkIsbUNBQWtFOzs7OztJQVo5RCxpQ0FBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0J1bmRsZXNTZXJ2aWNlfSBmcm9tICduZ3gtb2RlLXNpamlsJztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1wYWdlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIGkge2N1cnNvcjogcG9pbnRlcjsgcGFkZGluZzogMCAycHg7fVxuICAgIGBdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VyQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICBwcml2YXRlIGJ1bmRsZXM6IEJ1bmRsZXNTZXJ2aWNlXG4gICAgICAgICkgIHtcbiAgICAgICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICAgICAgfVxuXG4gICAgQElucHV0KCkgbGltaXQ6IG51bWJlcjtcblxuICAgIEBJbnB1dCgpIG9mZnNldDogbnVtYmVyO1xuICAgIEBPdXRwdXQoKSBvZmZzZXRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIEBJbnB1dCgpIHRvdGFsOiBudW1iZXI7XG5cbiAgICB0cmFuc2xhdGUgPSAoLi4uYXJncykgPT4gKHRoaXMuYnVuZGxlcy50cmFuc2xhdGUgYXMgYW55KSguLi5hcmdzKTtcblxuICAgIG5nT25Jbml0KCkge31cblxuICAgIHByZXZpb3VzUGFnZSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMub2Zmc2V0IC0gdGhpcy5saW1pdCA+PSAwKSB7XG4gICAgICAgICAgICB0aGlzLm9mZnNldCA9IHRoaXMub2Zmc2V0IC0gdGhpcy5saW1pdDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMub2Zmc2V0ID0gMDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9mZnNldENoYW5nZS5lbWl0KHRoaXMub2Zmc2V0KTtcbiAgICB9XG5cbiAgICBuZXh0UGFnZSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMub2Zmc2V0ICsgdGhpcy5saW1pdCA8PSB0aGlzLnRvdGFsKSB7XG4gICAgICAgICAgICB0aGlzLm9mZnNldCA9IHRoaXMub2Zmc2V0ICsgdGhpcy5saW1pdDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9mZnNldENoYW5nZS5lbWl0KHRoaXMub2Zmc2V0KTtcbiAgICB9XG5cbiAgICBvZmZzZXRMaW1pdCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5vZmZzZXQgKyB0aGlzLmxpbWl0IDwgdGhpcy50b3RhbCA/XG4gICAgICAgICAgICB0aGlzLm9mZnNldCArIHRoaXMubGltaXQgOiB0aGlzLnRvdGFsO1xuICAgIH1cbn1cbiJdfQ==