@natec/mef-dev-ui-kit 16.3.65 → 16.3.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/markup-kit/modals/right-filter/right-filter.component.mjs +11 -9
- package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +10 -6
- package/esm2022/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +1 -4
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +5 -8
- package/esm2022/lib/pg-components/select/select.component.mjs +17 -4
- package/esm2022/lib/pg-components/switch/switch.component.mjs +15 -15
- package/fesm2022/natec-mef-dev-ui-kit.mjs +49 -38
- package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts +3 -4
- package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts +3 -3
- package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts +0 -3
- package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +2 -5
- package/lib/pg-components/switch/switch.component.d.ts +0 -6
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, Input, EventEmitter, Host, ContentChild, HostBinding, Output, NgModule, Injectable, Pipe, ViewChild, HostListener,
|
|
2
|
+
import { Component, ViewEncapsulation, Input, EventEmitter, Host, ContentChild, HostBinding, Output, NgModule, Injectable, Pipe, forwardRef, ViewChild, HostListener, Directive, Optional, ContentChildren, TemplateRef } from '@angular/core';
|
|
3
3
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule, DatePipe } from '@angular/common';
|
|
6
6
|
import { Subject, of, fromEvent, merge } from 'rxjs';
|
|
7
7
|
import * as i2 from '@angular/forms';
|
|
8
|
-
import {
|
|
8
|
+
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
9
9
|
import { TAB, DOWN_ARROW, ENTER } from '@angular/cdk/keycodes';
|
|
10
10
|
import * as i3 from '@angular/cdk/overlay';
|
|
11
11
|
import { CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
|
|
@@ -393,11 +393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
393
393
|
* ```
|
|
394
394
|
* <mefdev-filtered-field-container>
|
|
395
395
|
*
|
|
396
|
-
*
|
|
397
|
-
*
|
|
398
|
-
* (discard)="onDiscardFilter($event)"
|
|
399
|
-
* (openFilter)="onOpenFilter()">
|
|
400
|
-
* </mefdev-filtered-field-item>
|
|
396
|
+
* <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
|
|
397
|
+
* </mefdev-filtered-field-item>
|
|
401
398
|
*
|
|
402
399
|
* </mefdev-filtered-field-container>
|
|
403
400
|
* ```
|
|
@@ -449,11 +446,11 @@ class FilteredFieldContainerComponent {
|
|
|
449
446
|
});
|
|
450
447
|
}
|
|
451
448
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilteredFieldContainerComponent, deps: [{ token: FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
|
|
452
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilteredFieldContainerComponent, selector: "mefdev-filtered-field-container", ngImport: i0, template: "<div class=\"item-container\">\r\n <mefdev-filtered-field-item
|
|
449
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilteredFieldContainerComponent, selector: "mefdev-filtered-field-container", ngImport: i0, template: "<div class=\"item-container\">\r\n <mefdev-filtered-field-item *ngFor=\"let item of items\" [item]=\"item\" (discard)=\"onDiscard(item)\" (openFilter)=\"onOpenFilter(item)\"></mefdev-filtered-field-item>\r\n</div>\r\n", styles: [".item-container{display:flex;cursor:context-menu}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FilteredFieldItemComponent, selector: "mefdev-filtered-field-item", inputs: ["item"], outputs: ["discard", "openFilter"] }] });
|
|
453
450
|
}
|
|
454
451
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilteredFieldContainerComponent, decorators: [{
|
|
455
452
|
type: Component,
|
|
456
|
-
args: [{ selector: 'mefdev-filtered-field-container', template: "<div class=\"item-container\">\r\n <mefdev-filtered-field-item
|
|
453
|
+
args: [{ selector: 'mefdev-filtered-field-container', template: "<div class=\"item-container\">\r\n <mefdev-filtered-field-item *ngFor=\"let item of items\" [item]=\"item\" (discard)=\"onDiscard(item)\" (openFilter)=\"onOpenFilter(item)\"></mefdev-filtered-field-item>\r\n</div>\r\n", styles: [".item-container{display:flex;cursor:context-menu}\n"] }]
|
|
457
454
|
}], ctorParameters: function () { return [{ type: FilteredFieldService }]; } });
|
|
458
455
|
|
|
459
456
|
class MefDevFilteredFieldModule {
|
|
@@ -1238,7 +1235,13 @@ class MefDevSelectComponent {
|
|
|
1238
1235
|
}
|
|
1239
1236
|
}
|
|
1240
1237
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1241
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefDevSelectComponent, selector: "mefdev-select", inputs: { Filter: "Filter", MaxMultiple: "MaxMultiple", FirstDefault: "FirstDefault", AllowClear: "AllowClear", KeepUnListOptions: "KeepUnListOptions", Mode: "Mode", Multiple: "Multiple", PlaceHolder: "PlaceHolder", NotFoundContent: "NotFoundContent", Size: "Size", ShowSearch: "ShowSearch", Tags: "Tags", Disabled: "Disabled", Open: "Open" }, outputs: { SearchChange: "SearchChange", change: "change", OpenChange: "OpenChange", ScrollToBottom: "ScrollToBottom" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)" } },
|
|
1238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefDevSelectComponent, selector: "mefdev-select", inputs: { Filter: "Filter", MaxMultiple: "MaxMultiple", FirstDefault: "FirstDefault", AllowClear: "AllowClear", KeepUnListOptions: "KeepUnListOptions", Mode: "Mode", Multiple: "Multiple", PlaceHolder: "PlaceHolder", NotFoundContent: "NotFoundContent", Size: "Size", ShowSearch: "ShowSearch", Tags: "Tags", Disabled: "Disabled", Open: "Open" }, outputs: { SearchChange: "SearchChange", change: "change", OpenChange: "OpenChange", ScrollToBottom: "ScrollToBottom" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
|
|
1239
|
+
{
|
|
1240
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1241
|
+
useExisting: forwardRef(() => MefDevSelectComponent),
|
|
1242
|
+
multi: true
|
|
1243
|
+
}
|
|
1244
|
+
], viewQueries: [{ propertyName: "searchInputElementRef", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "dropdownUl", first: true, predicate: ["dropdownUl"], descendants: true }, { propertyName: "_cdkOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true }], ngImport: i0, template: "<div tabindex=\"0\" #trigger cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" [ngClass]=\"_selectionClassMap\"\r\n (keydown.Enter)=\"handleKeyEnterEvent($event)\" (keydown.Backspace)=\"handleKeyBackspaceEvent($event)\"\r\n (keydown.ArrowUp)=\"handleKeyUpEvent($event)\" (keydown.ArrowDown)=\"handleKeyDownEvent($event)\">\r\n\r\n <!-- \u0423\u0432\u0435\u0441\u044C \u0441\u0435\u043B\u0435\u043A\u0442-->\r\n <div class=\"pg-select-selection__rendered\" *ngIf=\"!ShowSearch\">\r\n <div class=\"pg-select-selection__placeholder\">\r\n <ng-template [ngIf]=\"!_selectedOption\">\r\n {{ PlaceHolder }}\r\n </ng-template>\r\n </div>\r\n <div class=\"pg-select-selection-selected-value\">\r\n {{ _selectedOption?.Label }}\r\n </div>\r\n </div>\r\n <!--C\u043F\u0438\u0441\u043E\u043A options-->\r\n <div class=\"pg-select-selection__rendered\" *ngIf=\"ShowSearch\">\r\n <div [hidden]=\"_searchText||(!Open&&_selectedOption)||_selectedOptions.size\"\r\n class=\"pg-select-selection__placeholder\">\r\n <ng-template [ngIf]=\"(!_composing)&&_selectedOption\">\r\n {{ _selectedOption.Label }}\r\n </ng-template>\r\n <ng-template [ngIf]=\"(!_composing)&&(!_selectedOption)\">\r\n {{ PlaceHolder }}\r\n </ng-template>\r\n </div>\r\n\r\n\r\n <!--\u041C\u0443\u043B\u044C\u0442\u0438\u0441\u0435\u043B\u0435\u043A\u0442-->\r\n <ul *ngIf=\"Multiple\"> \r\n <li *ngFor=\"let option of _selectedOptions\" [@tagAnimation] [attr.title]=\"option?.Label || option?.Value\"\r\n class=\"pg-select-selection__choice\" style=\"-webkit-user-select: none;\">\r\n <span class=\"pg-select-selection__choice__remove\" (click)=\"unSelectMultipleOption(option,$event)\"></span>\r\n <div class=\"pg-select-selection__choice__content\">{{ option?.Label }}</div>\r\n </li>\r\n <li class=\"pg-select-search pg-select-search--inline\">\r\n <div class=\"pg-select-search__field__wrap\">\r\n <input class=\"pg-select-search__field\" (compositionstart)=\"compositionStart()\"\r\n (compositionend)=\"compositionEnd();updateWidth(searchInput,_searchText);\" [(ngModel)]=\"_searchText\"\r\n (ngModelChange)=\"updateFilterOption();onSearchChange($event);\"\r\n (keydown)=\"updateWidth(searchInput,_searchText)\" (input)=\"updateWidth(searchInput,_searchText)\"\r\n (blur)=\"onTouched()\" #searchInput>\r\n <span class=\"pg-select-search__field__mirror\"></span></div>\r\n </li>\r\n </ul>\r\n <div *ngIf=\"!Multiple\" class=\"pg-select-selection-selected-value\" [hidden]=\"!(_selectedOption?.Label)||Open\">\r\n {{ _selectedOption?.Label }}\r\n </div>\r\n <div *ngIf=\"!Multiple\" [hidden]=\"!Open\" class=\"pg-select-search pg-select-search--inline\">\r\n <div class=\"pg-select-search__field__wrap\">\r\n <input class=\"pg-select-search__field\" (blur)=\"onTouched()\" (compositionstart)=\"compositionStart()\"\r\n (compositionend)=\"compositionEnd()\" [(ngModel)]=\"_searchText\"\r\n (ngModelChange)=\"updateFilterOption();onSearchChange($event);\" #searchInput>\r\n <span class=\"pg-select-search__field__mirror\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <span (click)=\"onTouched();clearSelect($event)\" class=\"pg-select-selection__clear\" style=\"-webkit-user-select: none;\"\r\n *ngIf=\"_selectedOption?.Label&&AllowClear&&!Multiple\">\r\n </span>\r\n <span class=\"pg-select-arrow\"><b></b></span>\r\n</div>\r\n<ng-template cdkConnectedOverlay cdkConnectedOverlayHasBackdrop [cdkConnectedOverlayOrigin]=\"origin\"\r\n (backdropClick)=\"closeDropDown()\" (detach)=\"closeDropDown();\" (positionChange)=\"onPositionChange($event)\"\r\n [cdkConnectedOverlayWidth]=\"_triggerWidth\" [cdkConnectedOverlayOpen]=\"_isOpen\">\r\n <div [ngClass]=\"_dropDownClassMap\" [@dropDownAnimation]=\"_dropDownPosition\">\r\n <div style=\"overflow: auto;\">\r\n <ul class=\"pg-select-dropdown-menu pg-select-dropdown-menu-vertical pg-select-dropdown-menu-root\" #dropdownUl\r\n (scroll)=\"dropDownScroll(dropdownUl)\">\r\n <li *ngFor=\"let option of _filterOptions\" [class.pg-select-dropdown-menu-item-disabled]=\"option.Disabled\"\r\n [class.pg-select-dropdown-menu-item-active]=\"option.Value == _activeFilterOption?.Value\"\r\n [class.pg-select-dropdown-menu-item-selected]=\"(option.Value==(_selectedOption?.Value))||(isInSet(_selectedOptions,option))\"\r\n class=\"pg-select-dropdown-menu-item\" (click)=\"clickOption(option,$event)\">\r\n <ng-template *ngIf=\"option.OptionTemplate\" [ngTemplateOutlet]=\"option.OptionTemplate\">\r\n </ng-template>\r\n <ng-template [ngIf]=\"!option.OptionTemplate\">\r\n {{ option.Label }}\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], animations: [trigger('dropDownAnimation', [
|
|
1242
1245
|
state('bottom', style({
|
|
1243
1246
|
opacity: 1,
|
|
1244
1247
|
transform: 'scaleY(1)',
|
|
@@ -1284,7 +1287,13 @@ class MefDevSelectComponent {
|
|
|
1284
1287
|
}
|
|
1285
1288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSelectComponent, decorators: [{
|
|
1286
1289
|
type: Component,
|
|
1287
|
-
args: [{ selector: "mefdev-select", encapsulation: ViewEncapsulation.None,
|
|
1290
|
+
args: [{ selector: "mefdev-select", encapsulation: ViewEncapsulation.None, providers: [
|
|
1291
|
+
{
|
|
1292
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1293
|
+
useExisting: forwardRef(() => MefDevSelectComponent),
|
|
1294
|
+
multi: true
|
|
1295
|
+
}
|
|
1296
|
+
], animations: [trigger('dropDownAnimation', [
|
|
1288
1297
|
state('bottom', style({
|
|
1289
1298
|
opacity: 1,
|
|
1290
1299
|
transform: 'scaleY(1)',
|
|
@@ -3395,8 +3404,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3395
3404
|
|
|
3396
3405
|
/**
|
|
3397
3406
|
* Component representing the right filter.
|
|
3398
|
-
*
|
|
3399
|
-
* <example-url>https://mef.dev/ui_kit_demo/view/utils/filtered_field</example-url>
|
|
3400
3407
|
*/
|
|
3401
3408
|
class RightFilterComponent {
|
|
3402
3409
|
filteredFieldService;
|
|
@@ -3404,6 +3411,7 @@ class RightFilterComponent {
|
|
|
3404
3411
|
* Flag indicating whether the right filter is open or closed.
|
|
3405
3412
|
*/
|
|
3406
3413
|
isOpen = false;
|
|
3414
|
+
showStandartOpenButton = true;
|
|
3407
3415
|
constructor(filteredFieldService) {
|
|
3408
3416
|
this.filteredFieldService = filteredFieldService;
|
|
3409
3417
|
}
|
|
@@ -3428,12 +3436,14 @@ class RightFilterComponent {
|
|
|
3428
3436
|
this.isOpen = false;
|
|
3429
3437
|
}
|
|
3430
3438
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RightFilterComponent, deps: [{ token: FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3431
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RightFilterComponent, selector: "mefdev-right-filter", ngImport: i0, template: "<div class=\"filter-btn\">\r\n <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"], dependencies: [{ kind: "component", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["visibleChange"] }] });
|
|
3439
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RightFilterComponent, selector: "mefdev-right-filter", inputs: { showStandartOpenButton: "showStandartOpenButton" }, ngImport: i0, template: "<div class=\"filter-btn\" *ngIf=\"showStandartOpenButton\">\r\n <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["visibleChange"] }] });
|
|
3432
3440
|
}
|
|
3433
3441
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RightFilterComponent, decorators: [{
|
|
3434
3442
|
type: Component,
|
|
3435
|
-
args: [{ selector: 'mefdev-right-filter', template: "<div class=\"filter-btn\">\r\n <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"] }]
|
|
3436
|
-
}], ctorParameters: function () { return [{ type: FilteredFieldService }]; }
|
|
3443
|
+
args: [{ selector: 'mefdev-right-filter', template: "<div class=\"filter-btn\" *ngIf=\"showStandartOpenButton\">\r\n <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"] }]
|
|
3444
|
+
}], ctorParameters: function () { return [{ type: FilteredFieldService }]; }, propDecorators: { showStandartOpenButton: [{
|
|
3445
|
+
type: Input
|
|
3446
|
+
}] } });
|
|
3437
3447
|
|
|
3438
3448
|
let mefDevModalModuleComponents = [
|
|
3439
3449
|
FillComponent,
|
|
@@ -3614,7 +3624,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3614
3624
|
* <example-url>https://mef.dev/ui_kit_demo/view/page_layouts/central_page</example-url>
|
|
3615
3625
|
*/
|
|
3616
3626
|
class CentralPageComponent {
|
|
3617
|
-
constructor() {
|
|
3627
|
+
constructor() {
|
|
3628
|
+
}
|
|
3618
3629
|
/**
|
|
3619
3630
|
* The width of the central page.
|
|
3620
3631
|
* Defaults to '100%'.
|
|
@@ -3630,17 +3641,20 @@ class CentralPageComponent {
|
|
|
3630
3641
|
document.getElementById('dataMainContent').style.height = '';
|
|
3631
3642
|
}
|
|
3632
3643
|
catch (ex) { }
|
|
3644
|
+
;
|
|
3645
|
+
}
|
|
3646
|
+
ngOnInit() {
|
|
3633
3647
|
}
|
|
3634
|
-
ngOnInit() { }
|
|
3635
3648
|
/**
|
|
3636
|
-
|
|
3637
|
-
|
|
3638
|
-
|
|
3649
|
+
* Lifecycle hook called after the component's view has been checked.
|
|
3650
|
+
* Sets the height of the main content element to '100%'.
|
|
3651
|
+
*/
|
|
3639
3652
|
ngAfterViewChecked() {
|
|
3640
3653
|
try {
|
|
3641
3654
|
document.getElementById('dataMainContent').style.height = '100%';
|
|
3642
3655
|
}
|
|
3643
3656
|
catch (ex) { }
|
|
3657
|
+
;
|
|
3644
3658
|
}
|
|
3645
3659
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CentralPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3646
3660
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CentralPageComponent, selector: "mefdev-central-page", inputs: { width: "width" }, ngImport: i0, template: "<div class=\"row align-items-center\" style=\"height: 100%;\" [ngStyle]=\"{'width': width}\">\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n ", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
@@ -3664,9 +3678,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3664
3678
|
* </mefdev-central-page-row>
|
|
3665
3679
|
* </mefdev-central-page>
|
|
3666
3680
|
* ```
|
|
3667
|
-
*
|
|
3668
|
-
* Example of usage:
|
|
3669
|
-
* <example-url>https://mef.dev/ui_kit_demo/view/page_layouts/central_page</example-url>
|
|
3670
3681
|
*/
|
|
3671
3682
|
class CentralPageRowComponent {
|
|
3672
3683
|
constructor() { }
|
|
@@ -4694,28 +4705,28 @@ class MefDevSwitchComponent {
|
|
|
4694
4705
|
setDisabledState(isDisabled) {
|
|
4695
4706
|
this.Disabled = isDisabled;
|
|
4696
4707
|
}
|
|
4697
|
-
/**
|
|
4698
|
-
* Get the value accessor provider configuration for the switch component.
|
|
4699
|
-
*
|
|
4700
|
-
* @param The value accessor provider.
|
|
4701
|
-
*/
|
|
4702
|
-
static switchValueAccessor() {
|
|
4703
|
-
return {
|
|
4704
|
-
provide: NG_VALUE_ACCESSOR,
|
|
4705
|
-
useExisting: forwardRef(() => MefDevSwitchComponent),
|
|
4706
|
-
multi: true,
|
|
4707
|
-
};
|
|
4708
|
-
}
|
|
4709
4708
|
// OnInit lifecycle hook
|
|
4710
4709
|
ngOnInit() {
|
|
4711
4710
|
this.setClassMap();
|
|
4712
4711
|
}
|
|
4713
4712
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4714
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefDevSwitchComponent, selector: "mefdev-switch", inputs: { Value: "Value", Size: "Size", Color: "Color", Disabled: "Disabled" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
|
|
4713
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefDevSwitchComponent, selector: "mefdev-switch", inputs: { Value: "Value", Size: "Size", Color: "Color", Disabled: "Disabled" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
|
|
4714
|
+
{
|
|
4715
|
+
provide: NG_VALUE_ACCESSOR,
|
|
4716
|
+
useExisting: forwardRef(() => MefDevSwitchComponent),
|
|
4717
|
+
multi: true
|
|
4718
|
+
}
|
|
4719
|
+
], ngImport: i0, template: "<span [ngClass]=\"_classMap\" tabindex=\"0\">\r\n <span [ngClass]=\"_innerPrefixCls\">\r\n <ng-template [ngIf]=\"_checked\">\r\n <ng-content select=\"[checked]\"></ng-content>\r\n </ng-template>\r\n <ng-template [ngIf]=\"!_checked\">\r\n <ng-content select=\"[unchecked]\"></ng-content>\r\n </ng-template>\r\n </span>\r\n</span>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4715
4720
|
}
|
|
4716
4721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSwitchComponent, decorators: [{
|
|
4717
4722
|
type: Component,
|
|
4718
|
-
args: [{ selector: "mefdev-switch", encapsulation: ViewEncapsulation.None, providers: [
|
|
4723
|
+
args: [{ selector: "mefdev-switch", encapsulation: ViewEncapsulation.None, providers: [
|
|
4724
|
+
{
|
|
4725
|
+
provide: NG_VALUE_ACCESSOR,
|
|
4726
|
+
useExisting: forwardRef(() => MefDevSwitchComponent),
|
|
4727
|
+
multi: true
|
|
4728
|
+
}
|
|
4729
|
+
], template: "<span [ngClass]=\"_classMap\" tabindex=\"0\">\r\n <span [ngClass]=\"_innerPrefixCls\">\r\n <ng-template [ngIf]=\"_checked\">\r\n <ng-content select=\"[checked]\"></ng-content>\r\n </ng-template>\r\n <ng-template [ngIf]=\"!_checked\">\r\n <ng-content select=\"[unchecked]\"></ng-content>\r\n </ng-template>\r\n </span>\r\n</span>" }]
|
|
4719
4730
|
}], propDecorators: {
|
|
4720
4731
|
/**
|
|
4721
4732
|
* Event emitted when the value of the switch changes.
|