ngx-ode-ui 3.12.0-dev.3 → 3.12.0-dev.4

package/fesm2015/ngx-ode-ui.js

@@ -1328,6 +1328,141 @@ if (false) {
     ListComponent.prototype.ngClass;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/list-checkable/list-checkable.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class ListCheckableComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.model = [];
+        this.noResultsLabel = 'list.results.no.items';
+        this.readOnly = false;
+        this.onCheck = new EventEmitter();
+        this.listChange = new EventEmitter();
+        this.scrolledDown = new EventEmitter();
+        this.areAllChecked = (/**
+         * @return {?}
+         */
+        () => false);
+        this.isChecked = (/**
+         * @param {?=} arg
+         * @return {?}
+         */
+        (arg) => false);
+        this.isDisabled = (/**
+         * @param {?=} arg
+         * @return {?}
+         */
+        (arg) => false);
+        this.ngClass = (/**
+         * @param {?=} arg
+         * @return {?}
+         */
+        (arg) => ({}));
+        /* Store pipe */
+        this.self = this;
+        this._storedElements = [];
+    }
+    /**
+     * @param {?} list
+     * @return {?}
+     */
+    set storedElements(list) {
+        this._storedElements = list;
+        this.listChange.emit(list);
+    }
+    /**
+     * @return {?}
+     */
+    get storedElements() {
+        return this._storedElements;
+    }
+    /**
+     * @param {?} checkAll
+     * @return {?}
+     */
+    toggleAll(checkAll) {
+        this.model.forEach((/**
+         * @param {?} item
+         * @return {?}
+         */
+        item => {
+            /** @type {?} */
+            const isChecked = this.isChecked(item);
+            if (!this.isDisabled(item)
+                && ((isChecked && !checkAll) || (!isChecked && checkAll))) {
+                this.onCheck.emit({ item: item, checked: checkAll });
+            }
+        }));
+    }
+}
+ListCheckableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-list-checkable',
+                template: "<div class=\"list-checkable-wrapper\"\n     infiniteScroll\n     [scrollWindow]=\"false\"\n     (scrolled)=\"scrolledDown.emit()\"\n     [infiniteScrollThrottle]=\"50\">\n\n  <ul *ngIf=\"storedElements && storedElements.length === 0\">\n    <li class=\"no-results\"><span>{{ noResultsLabel | translate }}</span></li>\n  </ul>\n  \n  <ul>\n    <li class=\"select-all\" \n        [class.checked]=\"areAllChecked()\"\n        *ngIf=\"!readOnly\">\n      <label>\n        <span>{{(areAllChecked() ? 'ux.multiselect.deselect-all' : 'ux.multiselect.select-all') | translate}}</span>\n        <input type=\"checkbox\" [checked]=\"areAllChecked()\" (change)=\"toggleAll($event.target.checked)\" />\n      </label>\n    </li>\n\n    <li class=\"lct-list-checkable-item\" \n        [class.checked]=\"isChecked(item)\"\n        [class.disabled]=\"isDisabled(item)\"\n        [ngClass]=\"ngClass(item)\"\n        *ngFor=\"let item of model | filter: filters | store:self:'storedElements' | orderBy: sort | slice: 0:limit\">\n      <label>\n        <span>\n          <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$implicit: item}\"></ng-template>        \n        </span>\n        <input *ngIf=\"!readOnly\" type=\"checkbox\" \n              [disabled]=\"isDisabled(item)\"\n              [checked]=\"isChecked(item)\"\n              (change)=\"onCheck.emit({item:item, checked:$event.target.checked})\"/>\n      </label>\n    </li>\n  </ul>\n\n</div>\n",
+                styles: ["ul{margin:0;padding:0;font-size:.9em}ul li{border-top:1px solid #ddd;width:-webkit-fill-available;width:-moz-available;display:flex}ul li:not(.checked){color:#939393}ul li.disabled{pointer-events:none}ul li.select-all{background-color:#ff83520a;color:#5b6472}ul li.select-all span{text-align:right}ul li label{cursor:pointer;width:100%;display:flex}ul li label:hover{background-color:#eaedf2}ul li label span{padding:7px 15px;width:100%}ul li label input[type=checkbox]{margin-right:15px;-ms-grid-row-align:center;align-self:center}"]
+            }] }
+];
+/** @nocollapse */
+ListCheckableComponent.ctorParameters = () => [
+    { type: Injector }
+];
+ListCheckableComponent.propDecorators = {
+    model: [{ type: Input }],
+    filters: [{ type: Input }],
+    sort: [{ type: Input }],
+    limit: [{ type: Input }],
+    noResultsLabel: [{ type: Input }],
+    readOnly: [{ type: Input }],
+    onCheck: [{ type: Output }],
+    listChange: [{ type: Output }],
+    scrolledDown: [{ type: Output }],
+    templateRef: [{ type: ContentChild, args: [TemplateRef, { static: false },] }],
+    areAllChecked: [{ type: Input }],
+    isChecked: [{ type: Input }],
+    isDisabled: [{ type: Input }],
+    ngClass: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    ListCheckableComponent.prototype.model;
+    /** @type {?} */
+    ListCheckableComponent.prototype.filters;
+    /** @type {?} */
+    ListCheckableComponent.prototype.sort;
+    /** @type {?} */
+    ListCheckableComponent.prototype.limit;
+    /** @type {?} */
+    ListCheckableComponent.prototype.noResultsLabel;
+    /** @type {?} */
+    ListCheckableComponent.prototype.readOnly;
+    /** @type {?} */
+    ListCheckableComponent.prototype.onCheck;
+    /** @type {?} */
+    ListCheckableComponent.prototype.listChange;
+    /** @type {?} */
+    ListCheckableComponent.prototype.scrolledDown;
+    /** @type {?} */
+    ListCheckableComponent.prototype.templateRef;
+    /** @type {?} */
+    ListCheckableComponent.prototype.areAllChecked;
+    /** @type {?} */
+    ListCheckableComponent.prototype.isChecked;
+    /** @type {?} */
+    ListCheckableComponent.prototype.isDisabled;
+    /** @type {?} */
+    ListCheckableComponent.prototype.ngClass;
+    /** @type {?} */
+    ListCheckableComponent.prototype.self;
+    /** @type {?} */
+    ListCheckableComponent.prototype._storedElements;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/components/message-box/message-box.component.ts
@@ -4544,6 +4679,7 @@ NgxOdeUiModule.decorators = [
                     LightBoxComponent,
                     LightboxConfirmComponent,
                     ListComponent,
+                    ListCheckableComponent,
                     MonoSelectComponent,
                     MultiSelectComponent,
                     MultiComboComponent,
@@ -4595,6 +4731,7 @@ NgxOdeUiModule.decorators = [
                     LightBoxComponent,
                     LightboxConfirmComponent,
                     ListComponent,
+                    ListCheckableComponent,
                     MonoSelectComponent,
                     MultiSelectComponent,
                     MultiComboComponent,
@@ -4648,5 +4785,5 @@ NgxOdeUiModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { AnchorDirective, BytesPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, ComponentDescriptor, DatepickerComponent, DragAndDropFilesDirective, DynamicComponentDirective, DynamicModuleImportsService, DynamicTemplateDirective, EllipsisComponent, FilterPipe, FlattenObjectArrayPipe, FormErrorsComponent, FormFieldComponent, InputFileService, ItemTreeComponent, KeysPipe, LabelsService, LengthPipe, LightBoxComponent, LightboxConfirmComponent, LimitPipe, ListComponent, LocalizedDatePipe, MessageBoxComponent, MessageStickerComponent, MonoSelectComponent, MultiComboComponent, MultiSelectComponent, NgxOdeUiModule, ObjectURLDirective, OrderPipe, PagerComponent, PanelSectionComponent, PortalComponent, PushPanelComponent, SearchInputComponent, SideLayoutComponent, SidePanelComponent, SimpleSelectComponent, SpinnerCubeComponent, SpinnerService, StepComponent, StorePipe, TooltipComponent, UNITS, UploadFilesComponent, WizardComponent, clickOn, getText, getUnit, icons, removeAccents, standardise, toDecimal, trim };
+export { AnchorDirective, BytesPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, ComponentDescriptor, DatepickerComponent, DragAndDropFilesDirective, DynamicComponentDirective, DynamicModuleImportsService, DynamicTemplateDirective, EllipsisComponent, FilterPipe, FlattenObjectArrayPipe, FormErrorsComponent, FormFieldComponent, InputFileService, ItemTreeComponent, KeysPipe, LabelsService, LengthPipe, LightBoxComponent, LightboxConfirmComponent, LimitPipe, ListCheckableComponent, ListComponent, LocalizedDatePipe, MessageBoxComponent, MessageStickerComponent, MonoSelectComponent, MultiComboComponent, MultiSelectComponent, NgxOdeUiModule, ObjectURLDirective, OrderPipe, PagerComponent, PanelSectionComponent, PortalComponent, PushPanelComponent, SearchInputComponent, SideLayoutComponent, SidePanelComponent, SimpleSelectComponent, SpinnerCubeComponent, SpinnerService, StepComponent, StorePipe, TooltipComponent, UNITS, UploadFilesComponent, WizardComponent, clickOn, getText, getUnit, icons, removeAccents, standardise, toDecimal, trim };
 //# sourceMappingURL=ngx-ode-ui.js.map