@quadrel-enterprise-ui/framework 19.0.2 → 19.2.0
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.
|
@@ -25309,7 +25309,7 @@ class QdSectionToolbarComponent {
|
|
|
25309
25309
|
this.isCollapsed = !this.isCollapsed;
|
|
25310
25310
|
}
|
|
25311
25311
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionToolbarComponent, deps: [{ token: QdToolbarComponentsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25312
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdSectionToolbarComponent, isStandalone: false, selector: "qd-section-toolbar", inputs: { config: "config" }, viewQueries: [{ propertyName: "toolbarComponents", predicate: ["filter, search"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"{ toolbarHeader: true, collapsible: config.collapse?.isEnabled }\" (click)=\"toggleCollapse()\">\n <qd-icon class=\"collapseIcon\" *ngIf=\"config.collapse?.isEnabled\" [icon]=\"isCollapsed ? 'ctrlRight' : 'ctrlDown'\">\n </qd-icon>\n\n <span class=\"toolbarTitle\" *ngIf=\"config.title\">{{ config.title.i18n | translate }}</span>\n</div>\n\n<ng-container *ngIf=\"!isCollapsed\">\n <div class=\"toolbarRight\">\n <qd-search #search [configData]=\"searchConfigData\"></qd-search>\n <qd-section-toolbar-action qdViewportAdaptive class=\"toolbarAction\" [config]=\"config\"></qd-section-toolbar-action>\n </div>\n\n <qd-filter class=\"toolbarFilter\" #filter [filterData]=\"filterData\"></qd-filter>\n</ng-container>\n", styles: [":host{position:relative;display:flex;flex-wrap:wrap;margin-bottom:.625rem}:host .toolbarHeader{color:#333;font-size:1rem;font-weight:700;line-height:1.5rem;margin-bottom:.625rem}@media (max-width: 599.98px){:host .toolbarHeader{margin-bottom:.3125rem}}:host .collapsible{cursor:pointer}:host .collapsible .toolbarTitle{margin-left:1.5rem}:host .collapseIcon{position:absolute;top:-.09375rem;font-size:1.375rem;font-weight:500}:host .toolbarRight{display:inline-flex;margin-bottom:.625rem;margin-left:auto}@media (max-width: 959.98px){:host .toolbarRight{display:flex;width:100%;flex-basis:100%;margin-left:auto}:host .toolbarRight qd-search{min-width:0;flex-basis:0;flex-grow:1;flex-shrink:1}:host .toolbarRight qd-section-toolbar-action{flex-basis:auto;flex-grow:0;flex-shrink:0}}:host .toolbarAction{display:flex;align-items:center}@media (max-width: 959.98px){:host .toolbarAction{gap:.75rem}}:host .toolbarFilter{flex-basis:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "component", type: QdFilterComponent, selector: "qd-filter", inputs: ["filterData", "data-test-id"], outputs: ["queryStringOutput", "postBodyOutput", "valueChange"] }, { kind: "component", type: QdSearchComponent, selector: "qd-search", inputs: ["configData"] }, { kind: "component", type: QdSectionToolbarActionComponent, selector: "qd-section-toolbar-action", inputs: ["config"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25312
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdSectionToolbarComponent, isStandalone: false, selector: "qd-section-toolbar", inputs: { config: "config" }, viewQueries: [{ propertyName: "toolbarComponents", predicate: ["filter, search"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"{ toolbarHeader: true, collapsible: config.collapse?.isEnabled }\" (click)=\"toggleCollapse()\">\n <qd-icon class=\"collapseIcon\" *ngIf=\"config.collapse?.isEnabled\" [icon]=\"isCollapsed ? 'ctrlRight' : 'ctrlDown'\">\n </qd-icon>\n\n <span class=\"toolbarTitle\" *ngIf=\"config.title\">{{ config.title.i18n | translate }}</span>\n</div>\n\n<ng-container *ngIf=\"!isCollapsed\">\n <div class=\"toolbarRight\">\n <qd-search #search [configData]=\"searchConfigData\"></qd-search>\n <qd-section-toolbar-action qdViewportAdaptive class=\"toolbarAction\" [config]=\"config\"></qd-section-toolbar-action>\n </div>\n\n <qd-filter class=\"toolbarFilter\" #filter [filterData]=\"filterData\"></qd-filter>\n</ng-container>\n", styles: [":host{position:relative;display:flex;flex-wrap:wrap;margin-bottom:.625rem}:host .toolbarHeader{color:#333;font-size:1rem;font-weight:700;line-height:1.5rem;margin-bottom:.625rem}@media (max-width: 599.98px){:host .toolbarHeader{margin-bottom:.3125rem}}:host .collapsible{cursor:pointer}:host .collapsible .toolbarTitle{margin-left:1.5rem}:host .collapseIcon{position:absolute;top:-.09375rem;font-size:1.375rem;font-weight:500}:host .toolbarRight{display:inline-flex;margin-bottom:.625rem;margin-left:auto}@media (max-width: 959.98px){:host .toolbarRight{display:flex;width:100%;flex-basis:100%;margin-left:auto}:host .toolbarRight qd-search{min-width:0;flex-basis:0;flex-grow:1;flex-shrink:1}:host .toolbarRight qd-section-toolbar-action{flex-basis:auto;flex-grow:0;flex-shrink:0}}:host .toolbarAction{display:flex;align-items:center}@media (max-width: 959.98px){:host .toolbarAction{gap:.75rem}}:host .toolbarFilter{flex-basis:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "component", type: QdFilterComponent, selector: "qd-filter", inputs: ["filterData", "data-test-id"], outputs: ["queryStringOutput", "postBodyOutput", "valueChange"] }, { kind: "component", type: QdSearchComponent, selector: "qd-search", inputs: ["configData"] }, { kind: "directive", type: QdViewportAdaptiveDirective, selector: "[qdViewportAdaptive]" }, { kind: "component", type: QdSectionToolbarActionComponent, selector: "qd-section-toolbar-action", inputs: ["config"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25313
25313
|
}
|
|
25314
25314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionToolbarComponent, decorators: [{
|
|
25315
25315
|
type: Component,
|
|
@@ -25475,14 +25475,14 @@ class QdSectionComponent {
|
|
|
25475
25475
|
this._outputSubscriptions = [];
|
|
25476
25476
|
}
|
|
25477
25477
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionComponent, deps: [{ token: QdSearchService }, { token: QdSectionToolbarActionService }, { token: QdFilterService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25478
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdSectionComponent, isStandalone: false, selector: "qd-section", inputs: { config: "config" }, outputs: { searchQueryStringOutput: "searchQueryStringOutput", searchPostBodyOutput: "searchPostBodyOutput", actionOutput: "actionOutput", filterQueryStringOutput: "filterQueryStringOutput", filterPostBodyOutput: "filterPostBodyOutput", filterValueChangeOutput: "filterValueChangeOutput" }, host: { properties: { "class.no-horizontal-padding-mobile": "noHorizontalPaddingMobile" }, classAttribute: "qd-section" }, providers: [QdSectionToolbarActionService, QdSearchService, QdToolbarComponentsService], usesOnChanges: true, ngImport: i0, template: "<section>\n <qd-section-toolbar [className]=\"'qd-section__toolbar'\" [config]=\"config\"></qd-section-toolbar>\n\n <div *ngIf=\"!config.collapse?.isContentHidden\" class=\"qd-section__content\"><ng-content></ng-content></div>\n</section>\n", styles: ["qd-section{display:block;padding
|
|
25478
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdSectionComponent, isStandalone: false, selector: "qd-section", inputs: { config: "config" }, outputs: { searchQueryStringOutput: "searchQueryStringOutput", searchPostBodyOutput: "searchPostBodyOutput", actionOutput: "actionOutput", filterQueryStringOutput: "filterQueryStringOutput", filterPostBodyOutput: "filterPostBodyOutput", filterValueChangeOutput: "filterValueChangeOutput" }, host: { properties: { "class.no-horizontal-padding-mobile": "noHorizontalPaddingMobile" }, classAttribute: "qd-section" }, providers: [QdSectionToolbarActionService, QdSearchService, QdToolbarComponentsService], usesOnChanges: true, ngImport: i0, template: "<section>\n <qd-section-toolbar [className]=\"'qd-section__toolbar'\" [config]=\"config\"></qd-section-toolbar>\n\n <div *ngIf=\"!config.collapse?.isContentHidden\" class=\"qd-section__content\"><ng-content></ng-content></div>\n</section>\n", styles: ["qd-section{display:block;padding:1rem 1.25rem;background-color:#efefef}@media (max-width: 599.98px){qd-section.no-horizontal-padding-mobile{padding:.9375rem 0 3.125rem}qd-section.no-horizontal-padding-mobile qd-section-toolbar{margin:0 .9375rem .3125rem}}.qd-section{display:block}.qd-section:has(+.qd-section){border-bottom:rgb(213,213,213) solid .0625rem}@media (max-width: 959.98px){.qd-section{padding:.75rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdSectionToolbarComponent, selector: "qd-section-toolbar", inputs: ["config"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
25479
25479
|
}
|
|
25480
25480
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionComponent, decorators: [{
|
|
25481
25481
|
type: Component,
|
|
25482
25482
|
args: [{ selector: 'qd-section', providers: [QdSectionToolbarActionService, QdSearchService, QdToolbarComponentsService], host: {
|
|
25483
25483
|
class: 'qd-section',
|
|
25484
25484
|
'[class.no-horizontal-padding-mobile]': 'noHorizontalPaddingMobile'
|
|
25485
|
-
}, encapsulation: ViewEncapsulation.None, standalone: false, template: "<section>\n <qd-section-toolbar [className]=\"'qd-section__toolbar'\" [config]=\"config\"></qd-section-toolbar>\n\n <div *ngIf=\"!config.collapse?.isContentHidden\" class=\"qd-section__content\"><ng-content></ng-content></div>\n</section>\n", styles: ["qd-section{display:block;padding
|
|
25485
|
+
}, encapsulation: ViewEncapsulation.None, standalone: false, template: "<section>\n <qd-section-toolbar [className]=\"'qd-section__toolbar'\" [config]=\"config\"></qd-section-toolbar>\n\n <div *ngIf=\"!config.collapse?.isContentHidden\" class=\"qd-section__content\"><ng-content></ng-content></div>\n</section>\n", styles: ["qd-section{display:block;padding:1rem 1.25rem;background-color:#efefef}@media (max-width: 599.98px){qd-section.no-horizontal-padding-mobile{padding:.9375rem 0 3.125rem}qd-section.no-horizontal-padding-mobile qd-section-toolbar{margin:0 .9375rem .3125rem}}.qd-section{display:block}.qd-section:has(+.qd-section){border-bottom:rgb(213,213,213) solid .0625rem}@media (max-width: 959.98px){.qd-section{padding:.75rem}}\n"] }]
|
|
25486
25486
|
}], ctorParameters: () => [{ type: QdSearchService }, { type: QdSectionToolbarActionService }, { type: QdFilterService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { config: [{
|
|
25487
25487
|
type: Input
|
|
25488
25488
|
}], searchQueryStringOutput: [{
|
|
@@ -25507,18 +25507,18 @@ class QdSectionModule {
|
|
|
25507
25507
|
QdConnectorTableFilterDirective,
|
|
25508
25508
|
QdConnectorTableSearchDirective,
|
|
25509
25509
|
QdConnectorTableContextDirective,
|
|
25510
|
-
QdSectionAdapterDirective], imports: [CommonModule, TranslateModule, QdButtonModule, QdIconModule, QdFilterModule, QdSearchModule], exports: [QdSectionComponent,
|
|
25510
|
+
QdSectionAdapterDirective], imports: [CommonModule, TranslateModule, QdButtonModule, QdIconModule, QdFilterModule, QdSearchModule, QdCoreModule], exports: [QdSectionComponent,
|
|
25511
25511
|
QdConnectorTableFilterDirective,
|
|
25512
25512
|
QdConnectorTableSearchDirective,
|
|
25513
25513
|
QdConnectorTableContextDirective,
|
|
25514
25514
|
QdSectionAdapterDirective,
|
|
25515
25515
|
QdSectionToolbarComponent] });
|
|
25516
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionModule, imports: [CommonModule, TranslateModule, QdButtonModule, QdIconModule, QdFilterModule, QdSearchModule] });
|
|
25516
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionModule, imports: [CommonModule, TranslateModule, QdButtonModule, QdIconModule, QdFilterModule, QdSearchModule, QdCoreModule] });
|
|
25517
25517
|
}
|
|
25518
25518
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdSectionModule, decorators: [{
|
|
25519
25519
|
type: NgModule,
|
|
25520
25520
|
args: [{
|
|
25521
|
-
imports: [CommonModule, TranslateModule, QdButtonModule, QdIconModule, QdFilterModule, QdSearchModule],
|
|
25521
|
+
imports: [CommonModule, TranslateModule, QdButtonModule, QdIconModule, QdFilterModule, QdSearchModule, QdCoreModule],
|
|
25522
25522
|
declarations: [
|
|
25523
25523
|
QdSectionComponent,
|
|
25524
25524
|
QdSectionToolbarComponent,
|