npm - @quadrel-enterprise-ui/framework - Versions diffs - 1.0.0 → 18.19.2 - Mend

@quadrel-enterprise-ui/framework 1.0.0 → 18.19.2

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.

Files changed (1596) hide show

package/esm2022/lib/layout/content/page-process-header/page-process-header/page-process-header.component.mjs ADDED Viewed

@@ -0,0 +1,181 @@
+// @ts-strict-ignore
+import { Component, ContentChild, Directive, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../button/button/button.component";
+import * as i3 from "../../../../lists/pairs/vertical-pairs/vertical-pairs-container/vertical-pairs.component";
+import * as i4 from "../../../../lists/pairs/vertical-pairs/vertical-pairs-item/vertical-pairs-item.component";
+import * as i5 from "../../../../lists/pairs/vertical-pairs/vertical-pairs-caption/vertical-pairs-caption.component";
+import * as i6 from "../../../../lists/pairs/vertical-pairs/vertical-pairs-value/vertical-pairs-value.component";
+import * as i7 from "../../../../status-indicator/status-indicator/status-indicator.component";
+import * as i8 from "../../../../dialog/record-stepper/dialog-record-stepper.component";
+import * as i9 from "@ngx-translate/core";
+/**
+ * Directive **QdLayoutPageProcessHeaderState** for using **QdChip** inside the **QdLayoutPageProcessHeader**.
+ */
+export class QdLayoutPageProcessHeaderStateDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageProcessHeaderStateDirective, selector: "[qdProcessHeaderState]", host: { classAttribute: "qd-layout-process-header-state" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdProcessHeaderState]',
+                    host: { class: 'qd-layout-process-header-state' }
+                }]
+        }] });
+/**
+ * Directive **QdLayoutPageProcessHeaderState** for using a submit button inside the **QdLayoutPageProcessHeader**.
+ */
+export class QdLayoutPageProcessHeaderSubmitButtonDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderSubmitButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageProcessHeaderSubmitButtonDirective, selector: "[qdProcessHeaderSubmit]", host: { classAttribute: "qd-layout-process-header-submit" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderSubmitButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdProcessHeaderSubmit]',
+                    host: { class: 'qd-layout-process-header-submit' }
+                }]
+        }] });
+/**
+ * Directive **QdLayoutPageProcessHeaderState** for using an edit button inside the **QdLayoutPageProcessHeader**.
+ */
+export class QdLayoutPageProcessHeaderEditButtonDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderEditButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageProcessHeaderEditButtonDirective, selector: "[qdProcessHeaderEdit]", host: { classAttribute: "qd-layout-process-header-edit" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderEditButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdProcessHeaderEdit]',
+                    host: { class: 'qd-layout-process-header-edit' }
+                }]
+        }] });
+/**
+ * Directive **QdLayoutPageProcessHeaderState** for using the **QdDataSection** inside the **QdLayoutPageProcessHeader**.
+ */
+export class QdLayoutPageProcessHeaderDataSectionDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderDataSectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageProcessHeaderDataSectionDirective, selector: "[qdDataSection]", host: { classAttribute: "qd-layout-process-header-data-section" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderDataSectionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdDataSection]',
+                    host: { class: 'qd-layout-process-header-data-section' }
+                }]
+        }] });
+/**
+ * The **QdLayoutPageProcessHeader** component can be used to display various statuses and actions on top of the **QdLayoutContainer**.
+ *
+ * * @see parent component: **QdLayoutContainer**.
+ * * @see child component: **QdLayoutPageProcessHeaderTitle**.
+ */
+export class QdLayoutPageProcessHeaderComponent {
+    _enableSubmit = true;
+    dialogData;
+    stepper;
+    /**
+     * If a status indicator is used, you can set the properties here.
+     */
+    status;
+    /**
+     * The processList is located to the left of the Submit button.<br />
+     * Not to be confused with the dataSection, which is located at the bottom of the PPH.
+     */
+    processList;
+    /**
+     * With this input the submit button can be enabled and disabled.
+     */
+    set enableSubmit(enableSubmit) {
+        this._enableSubmit = enableSubmit;
+    }
+    get enableSubmit() {
+        if (!this._enableSubmit)
+            return false;
+        return (!this.stepper || (this.isStepperContentValid() && (!this.enableSubmitOnLastStepOnly || this.isLastStepActive())));
+    }
+    /**
+     * If a stepper is used, this property can be used to specify whether the submit button can only be enabled in the last step
+     */
+    enableSubmitOnLastStepOnly = true;
+    /**
+     * The text for the submit button
+     */
+    submitCapture;
+    /**
+     * Here you can show and hide the submit button.
+     */
+    showSubmit;
+    /**
+     * A static test ID for integration tests can be set. <br />
+     * The value for the HTML attribute [data-test-id].
+     */
+    testId = 'page-process-header';
+    /**
+     * Emits an event on click/tap of the Submit button.
+     */
+    submitClick = new EventEmitter();
+    chip;
+    editButton;
+    submitButton;
+    dataSection;
+    get listWithValues() {
+        return this.processList?.map(item => ({
+            ...item,
+            values: Array.isArray(item.value) ? item.value : [item.value]
+        }));
+    }
+    setStepper(stepper) {
+        this.stepper = stepper;
+    }
+    isStepperContentValid() {
+        return this.stepper._stepItemsState.every(item => (item.formGroup && item.formGroup.valid) || item.formGroup === undefined);
+    }
+    isLastStepActive() {
+        return this.stepper._stepItemsState.length - 1 === this.stepper._currentIndex;
+    }
+    handleSubmit() {
+        this.submitClick.emit();
+    }
+    processId(p) {
+        return p.id ? p.id : p.caption + '-' + p.value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageProcessHeaderComponent, selector: "qd-layout-page-process-header", inputs: { status: "status", processList: "processList", enableSubmit: "enableSubmit", enableSubmitOnLastStepOnly: "enableSubmitOnLastStepOnly", submitCapture: "submitCapture", showSubmit: "showSubmit", testId: ["data-test-id", "testId"] }, outputs: { submitClick: "submitClick" }, queries: [{ propertyName: "chip", first: true, predicate: QdLayoutPageProcessHeaderStateDirective, descendants: true }, { propertyName: "editButton", first: true, predicate: QdLayoutPageProcessHeaderEditButtonDirective, descendants: true }, { propertyName: "submitButton", first: true, predicate: QdLayoutPageProcessHeaderSubmitButtonDirective, descendants: true }, { propertyName: "dataSection", first: true, predicate: QdLayoutPageProcessHeaderDataSectionDirective, descendants: true }], ngImport: i0, template: "<div class=\"qd-layout-page-process-header-wrapper\">\n  <div class=\"qd-layout-page-process-header-navigation\" *ngIf=\"dialogData\">\n    <qd-dialog-record-stepper *ngIf=\"dialogData.navigation\" [data]=\"dialogData\"></qd-dialog-record-stepper>\n  </div>\n\n  <ng-content select=\"qd-layout-page-process-header-title\"></ng-content>\n\n  <div class=\"qd-layout-page-process-header-chip\" *ngIf=\"chip\">\n    <ng-content select=\"[qdProcessHeaderState]\"></ng-content>\n  </div>\n\n  <div class=\"qd-layout-page-process-header-separator\"></div>\n\n  <div class=\"qd-layout-page-process-header-edit\" *ngIf=\"editButton\">\n    <ng-content select=\"[qdProcessHeaderEdit]\"></ng-content>\n  </div>\n\n  <div class=\"qd-layout-page-process-header-status\" *ngIf=\"status !== undefined\">\n    <qd-status-indicator\n      [type]=\"status.type\"\n      [level]=\"status.level\"\n      [caption]=\"status.caption | translate\"\n    ></qd-status-indicator>\n  </div>\n\n  <qd-vertical-pairs *ngIf=\"processList && processList.length !== 0\" [attr.data-test-id]=\"testId + '-process-list'\">\n    <ng-container *ngFor=\"let item of listWithValues\">\n      <ng-container *ngIf=\"item.aside\">\n        <qd-vertical-pairs-item [attr.data-test-id]=\"testId + '-process-list-' + processId(item)\" [aside]=\"item.aside\">\n          <qd-vertical-pairs-caption [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-caption'\">{{\n            item.caption\n          }}</qd-vertical-pairs-caption>\n          <qd-vertical-pairs-value\n            *ngFor=\"let value of item.values\"\n            [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-value'\"\n          >\n            {{ value }}\n          </qd-vertical-pairs-value>\n        </qd-vertical-pairs-item>\n      </ng-container>\n      <qd-vertical-pairs-item [attr.data-test-id]=\"testId + '-process-list-' + processId(item)\" *ngIf=\"!item.aside\">\n        <qd-vertical-pairs-caption [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-caption'\">{{\n          item.caption\n        }}</qd-vertical-pairs-caption>\n        <qd-vertical-pairs-value\n          *ngFor=\"let value of item.values\"\n          [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-value'\"\n        >\n          {{ value }}\n        </qd-vertical-pairs-value>\n      </qd-vertical-pairs-item>\n    </ng-container>\n  </qd-vertical-pairs>\n\n  <button\n    *ngIf=\"submitCapture !== undefined && showSubmit !== false\"\n    qd-button\n    color=\"primary\"\n    qdProcessHeaderSubmit\n    (click)=\"handleSubmit()\"\n    [disabled]=\"!enableSubmit\"\n    [attr.data-test-id]=\"testId + '-submit-button'\"\n  >\n    {{ submitCapture }}\n  </button>\n  <ng-content select=\"[qdProcessHeaderSubmit]\"></ng-content>\n</div>\n\n<div class=\"qd-layout-page-process-header-data-section\" *ngIf=\"dataSection\">\n  <ng-content select=\"[qdDataSection]\"></ng-content>\n</div>\n", styles: ["qd-layout-page-process-header{display:block;width:100%;padding-bottom:1.375rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem}qd-layout-page-process-header .qd-layout-page-process-header-wrapper{display:flex;width:100%;height:2.25rem;box-sizing:content-box;white-space:nowrap;margin-bottom:2.5rem}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .close-container{display:none}.part-of-fullscreen-modal qd-layout-page-process-header .qd-layout-page-process-header-wrapper .close-container,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-navigation,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-title,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-chip,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-submit,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs{display:flex;align-items:center}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-title{font-size:1.5rem;font-weight:400;display:block;overflow:hidden;line-height:2.25rem;text-overflow:ellipsis;white-space:nowrap}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-title.qd-overflown-text{flex:1;cursor:help}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-chip{margin-left:1.5rem}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-separator{width:0;height:2.25rem;margin-left:auto}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs qd-vertical-pairs-item{height:2.25rem;padding:0 1rem;border-right:.125rem solid rgb(213,213,213);margin-bottom:0!important}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit qd-vertical-pairs-caption,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit qd-vertical-pairs-value,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs qd-vertical-pairs-item qd-vertical-pairs-caption,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs qd-vertical-pairs-item qd-vertical-pairs-value{transform:translateY(-.0625rem)}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit button{position:relative;transform:translateY(.375rem)}qd-layout-page-process-header .qd-layout-page-process-header-wrapper div.qd-layout-page-process-header-edit:last-child{padding-right:0;border:none}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-status{padding-right:1rem;padding-left:1rem;border-right:.125rem solid rgb(213,213,213)}qd-layout-page-process-header .qd-layout-page-process-header-wrapper div.qd-layout-page-process-header-status:last-child{padding-right:0;border:none}qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs-item:last-of-type{border:none}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-submit{padding-left:1rem;border-left:.125rem solid rgb(213,213,213);margin-left:auto}qd-layout-page-process-header .qd-layout-page-process-header-data-section{margin-top:2.5rem;margin-bottom:-1rem}qd-layout-page-process-header .qd-layout-page-process-header-data-section qd-vertical-pairs-item{display:inline-flex!important;margin-right:1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "component", type: i3.QdVerticalPairsComponent, selector: "qd-vertical-pairs" }, { kind: "component", type: i4.QdVerticalPairsItemComponent, selector: "qd-vertical-pairs-item", inputs: ["aside"] }, { kind: "component", type: i5.QdVerticalPairsCaptionComponent, selector: "qd-vertical-pairs-caption" }, { kind: "component", type: i6.QdVerticalPairsValueComponent, selector: "qd-vertical-pairs-value" }, { kind: "component", type: i7.QdStatusIndicatorComponent, selector: "qd-status-indicator", inputs: ["type", "level", "caption", "data-test-id"] }, { kind: "component", type: i8.QdDialogRecordStepperComponent, selector: "qd-dialog-record-stepper", inputs: ["data"], outputs: ["changeStep"] }, { kind: "directive", type: QdLayoutPageProcessHeaderSubmitButtonDirective, selector: "[qdProcessHeaderSubmit]" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-layout-page-process-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"qd-layout-page-process-header-wrapper\">\n  <div class=\"qd-layout-page-process-header-navigation\" *ngIf=\"dialogData\">\n    <qd-dialog-record-stepper *ngIf=\"dialogData.navigation\" [data]=\"dialogData\"></qd-dialog-record-stepper>\n  </div>\n\n  <ng-content select=\"qd-layout-page-process-header-title\"></ng-content>\n\n  <div class=\"qd-layout-page-process-header-chip\" *ngIf=\"chip\">\n    <ng-content select=\"[qdProcessHeaderState]\"></ng-content>\n  </div>\n\n  <div class=\"qd-layout-page-process-header-separator\"></div>\n\n  <div class=\"qd-layout-page-process-header-edit\" *ngIf=\"editButton\">\n    <ng-content select=\"[qdProcessHeaderEdit]\"></ng-content>\n  </div>\n\n  <div class=\"qd-layout-page-process-header-status\" *ngIf=\"status !== undefined\">\n    <qd-status-indicator\n      [type]=\"status.type\"\n      [level]=\"status.level\"\n      [caption]=\"status.caption | translate\"\n    ></qd-status-indicator>\n  </div>\n\n  <qd-vertical-pairs *ngIf=\"processList && processList.length !== 0\" [attr.data-test-id]=\"testId + '-process-list'\">\n    <ng-container *ngFor=\"let item of listWithValues\">\n      <ng-container *ngIf=\"item.aside\">\n        <qd-vertical-pairs-item [attr.data-test-id]=\"testId + '-process-list-' + processId(item)\" [aside]=\"item.aside\">\n          <qd-vertical-pairs-caption [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-caption'\">{{\n            item.caption\n          }}</qd-vertical-pairs-caption>\n          <qd-vertical-pairs-value\n            *ngFor=\"let value of item.values\"\n            [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-value'\"\n          >\n            {{ value }}\n          </qd-vertical-pairs-value>\n        </qd-vertical-pairs-item>\n      </ng-container>\n      <qd-vertical-pairs-item [attr.data-test-id]=\"testId + '-process-list-' + processId(item)\" *ngIf=\"!item.aside\">\n        <qd-vertical-pairs-caption [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-caption'\">{{\n          item.caption\n        }}</qd-vertical-pairs-caption>\n        <qd-vertical-pairs-value\n          *ngFor=\"let value of item.values\"\n          [attr.data-test-id]=\"testId + '-process-list-' + processId(item) + '-value'\"\n        >\n          {{ value }}\n        </qd-vertical-pairs-value>\n      </qd-vertical-pairs-item>\n    </ng-container>\n  </qd-vertical-pairs>\n\n  <button\n    *ngIf=\"submitCapture !== undefined && showSubmit !== false\"\n    qd-button\n    color=\"primary\"\n    qdProcessHeaderSubmit\n    (click)=\"handleSubmit()\"\n    [disabled]=\"!enableSubmit\"\n    [attr.data-test-id]=\"testId + '-submit-button'\"\n  >\n    {{ submitCapture }}\n  </button>\n  <ng-content select=\"[qdProcessHeaderSubmit]\"></ng-content>\n</div>\n\n<div class=\"qd-layout-page-process-header-data-section\" *ngIf=\"dataSection\">\n  <ng-content select=\"[qdDataSection]\"></ng-content>\n</div>\n", styles: ["qd-layout-page-process-header{display:block;width:100%;padding-bottom:1.375rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem}qd-layout-page-process-header .qd-layout-page-process-header-wrapper{display:flex;width:100%;height:2.25rem;box-sizing:content-box;white-space:nowrap;margin-bottom:2.5rem}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .close-container{display:none}.part-of-fullscreen-modal qd-layout-page-process-header .qd-layout-page-process-header-wrapper .close-container,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-navigation,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-title,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-chip,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-submit,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs{display:flex;align-items:center}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-title{font-size:1.5rem;font-weight:400;display:block;overflow:hidden;line-height:2.25rem;text-overflow:ellipsis;white-space:nowrap}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-title.qd-overflown-text{flex:1;cursor:help}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-chip{margin-left:1.5rem}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-separator{width:0;height:2.25rem;margin-left:auto}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs qd-vertical-pairs-item{height:2.25rem;padding:0 1rem;border-right:.125rem solid rgb(213,213,213);margin-bottom:0!important}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit qd-vertical-pairs-caption,qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit qd-vertical-pairs-value,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs qd-vertical-pairs-item qd-vertical-pairs-caption,qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs qd-vertical-pairs-item qd-vertical-pairs-value{transform:translateY(-.0625rem)}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-edit button{position:relative;transform:translateY(.375rem)}qd-layout-page-process-header .qd-layout-page-process-header-wrapper div.qd-layout-page-process-header-edit:last-child{padding-right:0;border:none}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-status{padding-right:1rem;padding-left:1rem;border-right:.125rem solid rgb(213,213,213)}qd-layout-page-process-header .qd-layout-page-process-header-wrapper div.qd-layout-page-process-header-status:last-child{padding-right:0;border:none}qd-layout-page-process-header .qd-layout-page-process-header-wrapper qd-vertical-pairs-item:last-of-type{border:none}qd-layout-page-process-header .qd-layout-page-process-header-wrapper .qd-layout-page-process-header-submit{padding-left:1rem;border-left:.125rem solid rgb(213,213,213);margin-left:auto}qd-layout-page-process-header .qd-layout-page-process-header-data-section{margin-top:2.5rem;margin-bottom:-1rem}qd-layout-page-process-header .qd-layout-page-process-header-data-section qd-vertical-pairs-item{display:inline-flex!important;margin-right:1.5rem}\n"] }]
+        }], propDecorators: { status: [{
+                type: Input
+            }], processList: [{
+                type: Input
+            }], enableSubmit: [{
+                type: Input
+            }], enableSubmitOnLastStepOnly: [{
+                type: Input
+            }], submitCapture: [{
+                type: Input
+            }], showSubmit: [{
+                type: Input
+            }], testId: [{
+                type: Input,
+                args: ['data-test-id']
+            }], submitClick: [{
+                type: Output
+            }], chip: [{
+                type: ContentChild,
+                args: [QdLayoutPageProcessHeaderStateDirective]
+            }], editButton: [{
+                type: ContentChild,
+                args: [QdLayoutPageProcessHeaderEditButtonDirective]
+            }], submitButton: [{
+                type: ContentChild,
+                args: [QdLayoutPageProcessHeaderSubmitButtonDirective]
+            }], dataSection: [{
+                type: ContentChild,
+                args: [QdLayoutPageProcessHeaderDataSectionDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1wcm9jZXNzLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvcGFnZS1wcm9jZXNzLWhlYWRlci9wYWdlLXByb2Nlc3MtaGVhZGVyL3BhZ2UtcHJvY2Vzcy1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2xheW91dC9jb250ZW50L3BhZ2UtcHJvY2Vzcy1oZWFkZXIvcGFnZS1wcm9jZXNzLWhlYWRlci9wYWdlLXByb2Nlc3MtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUFvQjtBQUNwQixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7O0FBT25IOztHQUVHO0FBS0gsTUFBTSxPQUFPLHVDQUF1Qzt1R0FBdkMsdUNBQXVDOzJGQUF2Qyx1Q0FBdUM7OzJGQUF2Qyx1Q0FBdUM7a0JBSm5ELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLGdDQUFnQyxFQUFFO2lCQUNsRDs7QUFHRDs7R0FFRztBQUtILE1BQU0sT0FBTyw4Q0FBOEM7dUdBQTlDLDhDQUE4QzsyRkFBOUMsOENBQThDOzsyRkFBOUMsOENBQThDO2tCQUoxRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxpQ0FBaUMsRUFBRTtpQkFDbkQ7O0FBR0Q7O0dBRUc7QUFLSCxNQUFNLE9BQU8sNENBQTRDO3VHQUE1Qyw0Q0FBNEM7MkZBQTVDLDRDQUE0Qzs7MkZBQTVDLDRDQUE0QztrQkFKeEQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUU7aUJBQ2pEOztBQUdEOztHQUVHO0FBS0gsTUFBTSxPQUFPLDZDQUE2Qzt1R0FBN0MsNkNBQTZDOzJGQUE3Qyw2Q0FBNkM7OzJGQUE3Qyw2Q0FBNkM7a0JBSnpELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLHVDQUF1QyxFQUFFO2lCQUN6RDs7QUFHRDs7Ozs7R0FLRztBQU9ILE1BQU0sT0FBTyxrQ0FBa0M7SUFDckMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM3QixVQUFVLENBQWU7SUFDekIsT0FBTyxDQUFxQjtJQUU1Qjs7T0FFRztJQUNNLE1BQU0sQ0FBb0I7SUFFbkM7OztPQUdHO0lBQ00sV0FBVyxDQUFnQjtJQUVwQzs7T0FFRztJQUNILElBQWEsWUFBWSxDQUFDLFlBQXFCO1FBQzdDLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWE7WUFBRSxPQUFPLEtBQUssQ0FBQztRQUV0QyxPQUFPLENBQ0wsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQywwQkFBMEIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQ2pILENBQUM7SUFDSixDQUFDO0lBRUQ7O09BRUc7SUFDTSwwQkFBMEIsR0FBRyxJQUFJLENBQUM7SUFFM0M7O09BRUc7SUFDTSxhQUFhLENBQVM7SUFFL0I7O09BRUc7SUFDTSxVQUFVLENBQVU7SUFFN0I7OztPQUdHO0lBQ29CLE1BQU0sR0FBRyxxQkFBcUIsQ0FBQztJQUV0RDs7T0FFRztJQUNPLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRzNDLElBQUksQ0FBMEM7SUFFOUMsVUFBVSxDQUErQztJQUV6RCxZQUFZLENBQWlEO0lBRTdELFdBQVcsQ0FBZ0Q7SUFFM0QsSUFBSSxjQUFjO1FBVWhCLE9BQU8sSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ3BDLEdBQUcsSUFBSTtZQUNQLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQzlELENBQUMsQ0FBQyxDQUFDO0lBQ04sQ0FBQztJQUVNLFVBQVUsQ0FBQyxPQUEyQjtRQUMzQyxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztJQUN6QixDQUFDO0lBRU8scUJBQXFCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUN2QyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUNqRixDQUFDO0lBQ0osQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7SUFDaEYsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sU0FBUyxDQUFDLENBQWM7UUFDN0IsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ2pELENBQUM7dUdBdEdVLGtDQUFrQzsyRkFBbEMsa0NBQWtDLGdZQXlEL0IsdUNBQXVDLDZFQUV2Qyw0Q0FBNEMsK0VBRTVDLDhDQUE4Qyw4RUFFOUMsNkNBQTZDLGdEQ3ZIN0QsNDVGQXVFQSxnM0pEL0NhLDhDQUE4Qzs7MkZBZ0M5QyxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0UsK0JBQStCLGlCQUcxQixpQkFBaUIsQ0FBQyxJQUFJOzhCQVU1QixNQUFNO3NCQUFkLEtBQUs7Z0JBTUcsV0FBVztzQkFBbkIsS0FBSztnQkFLTyxZQUFZO3NCQUF4QixLQUFLO2dCQWVHLDBCQUEwQjtzQkFBbEMsS0FBSztnQkFLRyxhQUFhO3NCQUFyQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTWlCLE1BQU07c0JBQTVCLEtBQUs7dUJBQUMsY0FBYztnQkFLWCxXQUFXO3NCQUFwQixNQUFNO2dCQUdQLElBQUk7c0JBREgsWUFBWTt1QkFBQyx1Q0FBdUM7Z0JBR3JELFVBQVU7c0JBRFQsWUFBWTt1QkFBQyw0Q0FBNEM7Z0JBRzFELFlBQVk7c0JBRFgsWUFBWTt1QkFBQyw4Q0FBOEM7Z0JBRzVELFdBQVc7c0JBRFYsWUFBWTt1QkFBQyw2Q0FBNkMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAdHMtc3RyaWN0LWlnbm9yZVxuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIERpcmVjdGl2ZSwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBRZFN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9uYXZpZ2F0aW9uL3N0ZXBwZXIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBRZFN0YXR1c0luZGljYXRvciB9IGZyb20gJy4uLy4uLy4uLy4uL3N0YXR1cy1pbmRpY2F0b3IvaW50ZXJmYWNlcy9zdGF0dXMtaW5kaWNhdG9yLmludGVyZmFjZSc7XG5pbXBvcnQgeyBRZERpYWxvZ0RhdGEgfSBmcm9tICcuLi8uLi8uLi8uLi9kaWFsb2cvbW9kZWxzL3JlY29yZC1zdGVwcGVyLm1vZGVsJztcbmltcG9ydCB7IFByb2Nlc3NMaXN0IH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9wcm9jZXNzLWxpc3QnO1xuXG4vKipcbiAqIERpcmVjdGl2ZSAqKlFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJTdGF0ZSoqIGZvciB1c2luZyAqKlFkQ2hpcCoqIGluc2lkZSB0aGUgKipRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyKiouXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1txZFByb2Nlc3NIZWFkZXJTdGF0ZV0nLFxuICBob3N0OiB7IGNsYXNzOiAncWQtbGF5b3V0LXByb2Nlc3MtaGVhZGVyLXN0YXRlJyB9XG59KVxuZXhwb3J0IGNsYXNzIFFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJTdGF0ZURpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIERpcmVjdGl2ZSAqKlFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJTdGF0ZSoqIGZvciB1c2luZyBhIHN1Ym1pdCBidXR0b24gaW5zaWRlIHRoZSAqKlFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXIqKi5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3FkUHJvY2Vzc0hlYWRlclN1Ym1pdF0nLFxuICBob3N0OiB7IGNsYXNzOiAncWQtbGF5b3V0LXByb2Nlc3MtaGVhZGVyLXN1Ym1pdCcgfVxufSlcbmV4cG9ydCBjbGFzcyBRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyU3VibWl0QnV0dG9uRGlyZWN0aXZlIHt9XG5cbi8qKlxuICogRGlyZWN0aXZlICoqUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlclN0YXRlKiogZm9yIHVzaW5nIGFuIGVkaXQgYnV0dG9uIGluc2lkZSB0aGUgKipRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyKiouXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1txZFByb2Nlc3NIZWFkZXJFZGl0XScsXG4gIGhvc3Q6IHsgY2xhc3M6ICdxZC1sYXlvdXQtcHJvY2Vzcy1oZWFkZXItZWRpdCcgfVxufSlcbmV4cG9ydCBjbGFzcyBRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyRWRpdEJ1dHRvbkRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIERpcmVjdGl2ZSAqKlFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJTdGF0ZSoqIGZvciB1c2luZyB0aGUgKipRZERhdGFTZWN0aW9uKiogaW5zaWRlIHRoZSAqKlFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXIqKi5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3FkRGF0YVNlY3Rpb25dJyxcbiAgaG9zdDogeyBjbGFzczogJ3FkLWxheW91dC1wcm9jZXNzLWhlYWRlci1kYXRhLXNlY3Rpb24nIH1cbn0pXG5leHBvcnQgY2xhc3MgUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlckRhdGFTZWN0aW9uRGlyZWN0aXZlIHt9XG5cbi8qKlxuICogVGhlICoqUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlcioqIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byBkaXNwbGF5IHZhcmlvdXMgc3RhdHVzZXMgYW5kIGFjdGlvbnMgb24gdG9wIG9mIHRoZSAqKlFkTGF5b3V0Q29udGFpbmVyKiouXG4gKlxuICogKiBAc2VlIHBhcmVudCBjb21wb25lbnQ6ICoqUWRMYXlvdXRDb250YWluZXIqKi5cbiAqICogQHNlZSBjaGlsZCBjb21wb25lbnQ6ICoqUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlclRpdGxlKiouXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3FkLWxheW91dC1wYWdlLXByb2Nlc3MtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtcHJvY2Vzcy1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLXByb2Nlc3MtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlckNvbXBvbmVudCB7XG4gIHByaXZhdGUgX2VuYWJsZVN1Ym1pdCA9IHRydWU7XG4gIGRpYWxvZ0RhdGE6IFFkRGlhbG9nRGF0YTtcbiAgc3RlcHBlcjogUWRTdGVwcGVyQ29tcG9uZW50O1xuXG4gIC8qKlxuICAgKiBJZiBhIHN0YXR1cyBpbmRpY2F0b3IgaXMgdXNlZCwgeW91IGNhbiBzZXQgdGhlIHByb3BlcnRpZXMgaGVyZS5cbiAgICovXG4gIEBJbnB1dCgpIHN0YXR1czogUWRTdGF0dXNJbmRpY2F0b3I7XG5cbiAgLyoqXG4gICAqIFRoZSBwcm9jZXNzTGlzdCBpcyBsb2NhdGVkIHRvIHRoZSBsZWZ0IG9mIHRoZSBTdWJtaXQgYnV0dG9uLjxiciAvPlxuICAgKiBOb3QgdG8gYmUgY29uZnVzZWQgd2l0aCB0aGUgZGF0YVNlY3Rpb24sIHdoaWNoIGlzIGxvY2F0ZWQgYXQgdGhlIGJvdHRvbSBvZiB0aGUgUFBILlxuICAgKi9cbiAgQElucHV0KCkgcHJvY2Vzc0xpc3Q6IFByb2Nlc3NMaXN0W107XG5cbiAgLyoqXG4gICAqIFdpdGggdGhpcyBpbnB1dCB0aGUgc3VibWl0IGJ1dHRvbiBjYW4gYmUgZW5hYmxlZCBhbmQgZGlzYWJsZWQuXG4gICAqL1xuICBASW5wdXQoKSBzZXQgZW5hYmxlU3VibWl0KGVuYWJsZVN1Ym1pdDogYm9vbGVhbikge1xuICAgIHRoaXMuX2VuYWJsZVN1Ym1pdCA9IGVuYWJsZVN1Ym1pdDtcbiAgfVxuXG4gIGdldCBlbmFibGVTdWJtaXQoKTogYm9vbGVhbiB7XG4gICAgaWYgKCF0aGlzLl9lbmFibGVTdWJtaXQpIHJldHVybiBmYWxzZTtcblxuICAgIHJldHVybiAoXG4gICAgICAhdGhpcy5zdGVwcGVyIHx8ICh0aGlzLmlzU3RlcHBlckNvbnRlbnRWYWxpZCgpICYmICghdGhpcy5lbmFibGVTdWJtaXRPbkxhc3RTdGVwT25seSB8fCB0aGlzLmlzTGFzdFN0ZXBBY3RpdmUoKSkpXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJZiBhIHN0ZXBwZXIgaXMgdXNlZCwgdGhpcyBwcm9wZXJ0eSBjYW4gYmUgdXNlZCB0byBzcGVjaWZ5IHdoZXRoZXIgdGhlIHN1Ym1pdCBidXR0b24gY2FuIG9ubHkgYmUgZW5hYmxlZCBpbiB0aGUgbGFzdCBzdGVwXG4gICAqL1xuICBASW5wdXQoKSBlbmFibGVTdWJtaXRPbkxhc3RTdGVwT25seSA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFRoZSB0ZXh0IGZvciB0aGUgc3VibWl0IGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgc3VibWl0Q2FwdHVyZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBIZXJlIHlvdSBjYW4gc2hvdyBhbmQgaGlkZSB0aGUgc3VibWl0IGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIHNob3dTdWJtaXQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEEgc3RhdGljIHRlc3QgSUQgZm9yIGludGVncmF0aW9uIHRlc3RzIGNhbiBiZSBzZXQuIDxiciAvPlxuICAgKiBUaGUgdmFsdWUgZm9yIHRoZSBIVE1MIGF0dHJpYnV0ZSBbZGF0YS10ZXN0LWlkXS5cbiAgICovXG4gIEBJbnB1dCgnZGF0YS10ZXN0LWlkJykgdGVzdElkID0gJ3BhZ2UtcHJvY2Vzcy1oZWFkZXInO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBhbiBldmVudCBvbiBjbGljay90YXAgb2YgdGhlIFN1Ym1pdCBidXR0b24uXG4gICAqL1xuICBAT3V0cHV0KCkgc3VibWl0Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQENvbnRlbnRDaGlsZChRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyU3RhdGVEaXJlY3RpdmUpXG4gIGNoaXA6IFFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJTdGF0ZURpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyRWRpdEJ1dHRvbkRpcmVjdGl2ZSlcbiAgZWRpdEJ1dHRvbjogUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlckVkaXRCdXR0b25EaXJlY3RpdmU7XG4gIEBDb250ZW50Q2hpbGQoUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlclN1Ym1pdEJ1dHRvbkRpcmVjdGl2ZSlcbiAgc3VibWl0QnV0dG9uOiBRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyU3VibWl0QnV0dG9uRGlyZWN0aXZlO1xuICBAQ29udGVudENoaWxkKFFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJEYXRhU2VjdGlvbkRpcmVjdGl2ZSlcbiAgZGF0YVNlY3Rpb246IFFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJEYXRhU2VjdGlvbkRpcmVjdGl2ZTtcblxuICBnZXQgbGlzdFdpdGhWYWx1ZXMoKToge1xuICAgIHZhbHVlczogc3RyaW5nW107XG4gICAgY2FwdGlvbjogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgICBpZD86IHN0cmluZztcbiAgICBhc2lkZT86IHtcbiAgICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgICBoYW5kbGVyOiAoKSA9PiB2b2lkO1xuICAgIH07XG4gIH1bXSB7XG4gICAgcmV0dXJuIHRoaXMucHJvY2Vzc0xpc3Q/Lm1hcChpdGVtID0+ICh7XG4gICAgICAuLi5pdGVtLFxuICAgICAgdmFsdWVzOiBBcnJheS5pc0FycmF5KGl0ZW0udmFsdWUpID8gaXRlbS52YWx1ZSA6IFtpdGVtLnZhbHVlXVxuICAgIH0pKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRTdGVwcGVyKHN0ZXBwZXI6IFFkU3RlcHBlckNvbXBvbmVudCk6IHZvaWQge1xuICAgIHRoaXMuc3RlcHBlciA9IHN0ZXBwZXI7XG4gIH1cblxuICBwcml2YXRlIGlzU3RlcHBlckNvbnRlbnRWYWxpZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcGVyLl9zdGVwSXRlbXNTdGF0ZS5ldmVyeShcbiAgICAgIGl0ZW0gPT4gKGl0ZW0uZm9ybUdyb3VwICYmIGl0ZW0uZm9ybUdyb3VwLnZhbGlkKSB8fCBpdGVtLmZvcm1Hcm91cCA9PT0gdW5kZWZpbmVkXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgaXNMYXN0U3RlcEFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcGVyLl9zdGVwSXRlbXNTdGF0ZS5sZW5ndGggLSAxID09PSB0aGlzLnN0ZXBwZXIuX2N1cnJlbnRJbmRleDtcbiAgfVxuXG4gIHB1YmxpYyBoYW5kbGVTdWJtaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWJtaXRDbGljay5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgcHJvY2Vzc0lkKHA6IFByb2Nlc3NMaXN0KTogc3RyaW5nIHtcbiAgICByZXR1cm4gcC5pZCA/IHAuaWQgOiBwLmNhcHRpb24gKyAnLScgKyBwLnZhbHVlO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicWQtbGF5b3V0LXBhZ2UtcHJvY2Vzcy1oZWFkZXItd3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwicWQtbGF5b3V0LXBhZ2UtcHJvY2Vzcy1oZWFkZXItbmF2aWdhdGlvblwiICpuZ0lmPVwiZGlhbG9nRGF0YVwiPlxuICAgIDxxZC1kaWFsb2ctcmVjb3JkLXN0ZXBwZXIgKm5nSWY9XCJkaWFsb2dEYXRhLm5hdmlnYXRpb25cIiBbZGF0YV09XCJkaWFsb2dEYXRhXCI+PC9xZC1kaWFsb2ctcmVjb3JkLXN0ZXBwZXI+XG4gIDwvZGl2PlxuXG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInFkLWxheW91dC1wYWdlLXByb2Nlc3MtaGVhZGVyLXRpdGxlXCI+PC9uZy1jb250ZW50PlxuXG4gIDxkaXYgY2xhc3M9XCJxZC1sYXlvdXQtcGFnZS1wcm9jZXNzLWhlYWRlci1jaGlwXCIgKm5nSWY9XCJjaGlwXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3FkUHJvY2Vzc0hlYWRlclN0YXRlXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInFkLWxheW91dC1wYWdlLXByb2Nlc3MtaGVhZGVyLXNlcGFyYXRvclwiPjwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJxZC1sYXlvdXQtcGFnZS1wcm9jZXNzLWhlYWRlci1lZGl0XCIgKm5nSWY9XCJlZGl0QnV0dG9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3FkUHJvY2Vzc0hlYWRlckVkaXRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwicWQtbGF5b3V0LXBhZ2UtcHJvY2Vzcy1oZWFkZXItc3RhdHVzXCIgKm5nSWY9XCJzdGF0dXMgIT09IHVuZGVmaW5lZFwiPlxuICAgIDxxZC1zdGF0dXMtaW5kaWNhdG9yXG4gICAgICBbdHlwZV09XCJzdGF0dXMudHlwZVwiXG4gICAgICBbbGV2ZWxdPVwic3RhdHVzLmxldmVsXCJcbiAgICAgIFtjYXB0aW9uXT1cInN0YXR1cy5jYXB0aW9uIHwgdHJhbnNsYXRlXCJcbiAgICA+PC9xZC1zdGF0dXMtaW5kaWNhdG9yPlxuICA8L2Rpdj5cblxuICA8cWQtdmVydGljYWwtcGFpcnMgKm5nSWY9XCJwcm9jZXNzTGlzdCAmJiBwcm9jZXNzTGlzdC5sZW5ndGggIT09IDBcIiBbYXR0ci5kYXRhLXRlc3QtaWRdPVwidGVzdElkICsgJy1wcm9jZXNzLWxpc3QnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBsaXN0V2l0aFZhbHVlc1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0uYXNpZGVcIj5cbiAgICAgICAgPHFkLXZlcnRpY2FsLXBhaXJzLWl0ZW0gW2F0dHIuZGF0YS10ZXN0LWlkXT1cInRlc3RJZCArICctcHJvY2Vzcy1saXN0LScgKyBwcm9jZXNzSWQoaXRlbSlcIiBbYXNpZGVdPVwiaXRlbS5hc2lkZVwiPlxuICAgICAgICAgIDxxZC12ZXJ0aWNhbC1wYWlycy1jYXB0aW9uIFthdHRyLmRhdGEtdGVzdC1pZF09XCJ0ZXN0SWQgKyAnLXByb2Nlc3MtbGlzdC0nICsgcHJvY2Vzc0lkKGl0ZW0pICsgJy1jYXB0aW9uJ1wiPnt7XG4gICAgICAgICAgICBpdGVtLmNhcHRpb25cbiAgICAgICAgICB9fTwvcWQtdmVydGljYWwtcGFpcnMtY2FwdGlvbj5cbiAgICAgICAgICA8cWQtdmVydGljYWwtcGFpcnMtdmFsdWVcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCB2YWx1ZSBvZiBpdGVtLnZhbHVlc1wiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLXRlc3QtaWRdPVwidGVzdElkICsgJy1wcm9jZXNzLWxpc3QtJyArIHByb2Nlc3NJZChpdGVtKSArICctdmFsdWUnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgICAgIDwvcWQtdmVydGljYWwtcGFpcnMtdmFsdWU+XG4gICAgICAgIDwvcWQtdmVydGljYWwtcGFpcnMtaXRlbT5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPHFkLXZlcnRpY2FsLXBhaXJzLWl0ZW0gW2F0dHIuZGF0YS10ZXN0LWlkXT1cInRlc3RJZCArICctcHJvY2Vzcy1saXN0LScgKyBwcm9jZXNzSWQoaXRlbSlcIiAqbmdJZj1cIiFpdGVtLmFzaWRlXCI+XG4gICAgICAgIDxxZC12ZXJ0aWNhbC1wYWlycy1jYXB0aW9uIFthdHRyLmRhdGEtdGVzdC1pZF09XCJ0ZXN0SWQgKyAnLXByb2Nlc3MtbGlzdC0nICsgcHJvY2Vzc0lkKGl0ZW0pICsgJy1jYXB0aW9uJ1wiPnt7XG4gICAgICAgICAgaXRlbS5jYXB0aW9uXG4gICAgICAgIH19PC9xZC12ZXJ0aWNhbC1wYWlycy1jYXB0aW9uPlxuICAgICAgICA8cWQtdmVydGljYWwtcGFpcnMtdmFsdWVcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgdmFsdWUgb2YgaXRlbS52YWx1ZXNcIlxuICAgICAgICAgIFthdHRyLmRhdGEtdGVzdC1pZF09XCJ0ZXN0SWQgKyAnLXByb2Nlc3MtbGlzdC0nICsgcHJvY2Vzc0lkKGl0ZW0pICsgJy12YWx1ZSdcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgdmFsdWUgfX1cbiAgICAgICAgPC9xZC12ZXJ0aWNhbC1wYWlycy12YWx1ZT5cbiAgICAgIDwvcWQtdmVydGljYWwtcGFpcnMtaXRlbT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9xZC12ZXJ0aWNhbC1wYWlycz5cblxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJzdWJtaXRDYXB0dXJlICE9PSB1bmRlZmluZWQgJiYgc2hvd1N1Ym1pdCAhPT0gZmFsc2VcIlxuICAgIHFkLWJ1dHRvblxuICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgcWRQcm9jZXNzSGVhZGVyU3VibWl0XG4gICAgKGNsaWNrKT1cImhhbmRsZVN1Ym1pdCgpXCJcbiAgICBbZGlzYWJsZWRdPVwiIWVuYWJsZVN1Ym1pdFwiXG4gICAgW2F0dHIuZGF0YS10ZXN0LWlkXT1cInRlc3RJZCArICctc3VibWl0LWJ1dHRvbidcIlxuICA+XG4gICAge3sgc3VibWl0Q2FwdHVyZSB9fVxuICA8L2J1dHRvbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3FkUHJvY2Vzc0hlYWRlclN1Ym1pdF1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cInFkLWxheW91dC1wYWdlLXByb2Nlc3MtaGVhZGVyLWRhdGEtc2VjdGlvblwiICpuZ0lmPVwiZGF0YVNlY3Rpb25cIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3FkRGF0YVNlY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/layout/content/page-process-header/page-process-header-title/page-process-header-title.component.mjs ADDED Viewed

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../core/tooltip/tooltip-at-intersection/tooltip-at-intersection.directive";
+/**
+ * **QdLayoutPageProcessHeaderTitle** renders a header inside the **QdLayoutPageProcessHeader**.
+ *
+ * * @see parent component: **QdLayoutPageProcessHeader**.
+ */
+export class QdLayoutPageProcessHeaderTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageProcessHeaderTitleComponent, selector: "qd-layout-page-process-header-title", host: { classAttribute: "qd-layout-page-process-header-title" }, ngImport: i0, template: "<div qdTooltipAtIntersection style=\"display: flex\">\n  <div class=\"qd-intersection-target\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.QdTooltipAtIntersectionDirective, selector: "[qdTooltipAtIntersection]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageProcessHeaderTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-layout-page-process-header-title', host: { class: 'qd-layout-page-process-header-title' }, template: "<div qdTooltipAtIntersection style=\"display: flex\">\n  <div class=\"qd-intersection-target\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1wcm9jZXNzLWhlYWRlci10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvcGFnZS1wcm9jZXNzLWhlYWRlci9wYWdlLXByb2Nlc3MtaGVhZGVyLXRpdGxlL3BhZ2UtcHJvY2Vzcy1oZWFkZXItdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2xheW91dC9jb250ZW50L3BhZ2UtcHJvY2Vzcy1oZWFkZXIvcGFnZS1wcm9jZXNzLWhlYWRlci10aXRsZS9wYWdlLXByb2Nlc3MtaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUUxQzs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLHVDQUF1Qzt1R0FBdkMsdUNBQXVDOzJGQUF2Qyx1Q0FBdUMsNElDWnBELG9KQUtBOzsyRkRPYSx1Q0FBdUM7a0JBTG5ELFNBQVM7K0JBQ0UscUNBQXFDLFFBRXpDLEVBQUUsS0FBSyxFQUFFLHFDQUFxQyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogKipRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyVGl0bGUqKiByZW5kZXJzIGEgaGVhZGVyIGluc2lkZSB0aGUgKipRZExheW91dFBhZ2VQcm9jZXNzSGVhZGVyKiouXG4gKlxuICogKiBAc2VlIHBhcmVudCBjb21wb25lbnQ6ICoqUWRMYXlvdXRQYWdlUHJvY2Vzc0hlYWRlcioqLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxZC1sYXlvdXQtcGFnZS1wcm9jZXNzLWhlYWRlci10aXRsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLXByb2Nlc3MtaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDogeyBjbGFzczogJ3FkLWxheW91dC1wYWdlLXByb2Nlc3MtaGVhZGVyLXRpdGxlJyB9XG59KVxuZXhwb3J0IGNsYXNzIFFkTGF5b3V0UGFnZVByb2Nlc3NIZWFkZXJUaXRsZUNvbXBvbmVudCB7fVxuIiwiPGRpdiBxZFRvb2x0aXBBdEludGVyc2VjdGlvbiBzdHlsZT1cImRpc3BsYXk6IGZsZXhcIj5cbiAgPGRpdiBjbGFzcz1cInFkLWludGVyc2VjdGlvbi10YXJnZXRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/layout/content/page-title/page-title.component.mjs ADDED Viewed

@@ -0,0 +1,37 @@
+// @ts-strict-ignore
+import { Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../dialog/record-stepper/dialog-record-stepper.component";
+/**
+ * The **QdLayoutPageTitle** renders a heading on top of the **QdLayoutContainer**.
+ * By click on the x button, it emits an event that can be used to close a dialog.
+ *
+ * * @see parent component: **QdLayoutContainer**.
+ */
+export class QdLayoutPageTitleComponent {
+    /**
+     * Emits event on click/tap of the close button. No Return value here.
+     */
+    closeClick = new EventEmitter();
+    dialogData;
+    currentIndexDialogData;
+    close() {
+        this.closeClick.emit(this.getDialogData());
+    }
+    updateStep($event) {
+        this.currentIndexDialogData = $event;
+    }
+    getDialogData() {
+        return this.dialogData?.views?.length > 0 ? this.dialogData?.views[this.currentIndexDialogData] : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutPageTitleComponent, selector: "qd-layout-page-title", outputs: { closeClick: "closeClick" }, host: { classAttribute: "qd-layout-page-title" }, ngImport: i0, template: "<div class=\"qd-layout-page-process-header-navigation\" *ngIf=\"dialogData\">\n  <qd-dialog-record-stepper\n    *ngIf=\"dialogData.navigation\"\n    [data]=\"dialogData\"\n    (changeStep)=\"updateStep($event)\"\n  ></qd-dialog-record-stepper>\n</div>\n\n<h1 class=\"qd-layout-page-title-headline\"><ng-content></ng-content></h1>\n", styles: ["qd-layout-page-title{display:flex;width:100%;height:2.25rem;box-sizing:content-box;white-space:nowrap;padding-bottom:3.875rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem}qd-layout-page-title .close-container{display:none}.part-of-fullscreen-modal qd-layout-page-title .close-container,qd-layout-page-title .qd-layout-page-process-header-navigation{display:flex;align-items:center;padding-right:.5rem;cursor:pointer;font-size:1.25rem}qd-layout-page-title .qd-layout-page-title-headline{font-size:1.5rem;font-weight:400;height:2.25rem;margin-bottom:0;line-height:2.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QdDialogRecordStepperComponent, selector: "qd-dialog-record-stepper", inputs: ["data"], outputs: ["changeStep"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutPageTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-layout-page-title', encapsulation: ViewEncapsulation.None, host: { class: 'qd-layout-page-title' }, template: "<div class=\"qd-layout-page-process-header-navigation\" *ngIf=\"dialogData\">\n  <qd-dialog-record-stepper\n    *ngIf=\"dialogData.navigation\"\n    [data]=\"dialogData\"\n    (changeStep)=\"updateStep($event)\"\n  ></qd-dialog-record-stepper>\n</div>\n\n<h1 class=\"qd-layout-page-title-headline\"><ng-content></ng-content></h1>\n", styles: ["qd-layout-page-title{display:flex;width:100%;height:2.25rem;box-sizing:content-box;white-space:nowrap;padding-bottom:3.875rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem}qd-layout-page-title .close-container{display:none}.part-of-fullscreen-modal qd-layout-page-title .close-container,qd-layout-page-title .qd-layout-page-process-header-navigation{display:flex;align-items:center;padding-right:.5rem;cursor:pointer;font-size:1.25rem}qd-layout-page-title .qd-layout-page-title-headline{font-size:1.5rem;font-weight:400;height:2.25rem;margin-bottom:0;line-height:2.25rem}\n"] }]
+        }], propDecorators: { closeClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvcGFnZS10aXRsZS9wYWdlLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9sYXlvdXQvY29udGVudC9wYWdlLXRpdGxlL3BhZ2UtdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0JBQW9CO0FBQ3BCLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUduRjs7Ozs7R0FLRztBQVFILE1BQU0sT0FBTywwQkFBMEI7SUFDckM7O09BRUc7SUFDTyxVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUUvQyxVQUFVLENBQWU7SUFDekIsc0JBQXNCLENBQVM7SUFFL0IsS0FBSztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxVQUFVLENBQUMsTUFBTTtRQUNmLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxNQUFNLENBQUM7SUFDdkMsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDOUcsQ0FBQzt1R0FuQlUsMEJBQTBCOzJGQUExQiwwQkFBMEIscUpDakJ2Qyw2VUFTQTs7MkZEUWEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLHNCQUFzQixpQkFHakIsaUJBQWlCLENBQUMsSUFBSSxRQUMvQixFQUFFLEtBQUssRUFBRSxzQkFBc0IsRUFBRTs4QkFNN0IsVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEB0cy1zdHJpY3QtaWdub3JlXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUWREaWFsb2dEYXRhIH0gZnJvbSAnLi4vLi4vLi4vZGlhbG9nL21vZGVscy9yZWNvcmQtc3RlcHBlci5tb2RlbCc7XG5cbi8qKlxuICogVGhlICoqUWRMYXlvdXRQYWdlVGl0bGUqKiByZW5kZXJzIGEgaGVhZGluZyBvbiB0b3Agb2YgdGhlICoqUWRMYXlvdXRDb250YWluZXIqKi5cbiAqIEJ5IGNsaWNrIG9uIHRoZSB4IGJ1dHRvbiwgaXQgZW1pdHMgYW4gZXZlbnQgdGhhdCBjYW4gYmUgdXNlZCB0byBjbG9zZSBhIGRpYWxvZy5cbiAqXG4gKiAqIEBzZWUgcGFyZW50IGNvbXBvbmVudDogKipRZExheW91dENvbnRhaW5lcioqLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxZC1sYXlvdXQtcGFnZS10aXRsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS10aXRsZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7IGNsYXNzOiAncWQtbGF5b3V0LXBhZ2UtdGl0bGUnIH1cbn0pXG5leHBvcnQgY2xhc3MgUWRMYXlvdXRQYWdlVGl0bGVDb21wb25lbnQge1xuICAvKipcbiAgICogRW1pdHMgZXZlbnQgb24gY2xpY2svdGFwIG9mIHRoZSBjbG9zZSBidXR0b24uIE5vIFJldHVybiB2YWx1ZSBoZXJlLlxuICAgKi9cbiAgQE91dHB1dCgpIGNsb3NlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBkaWFsb2dEYXRhOiBRZERpYWxvZ0RhdGE7XG4gIGN1cnJlbnRJbmRleERpYWxvZ0RhdGE6IG51bWJlcjtcblxuICBjbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlQ2xpY2suZW1pdCh0aGlzLmdldERpYWxvZ0RhdGEoKSk7XG4gIH1cblxuICB1cGRhdGVTdGVwKCRldmVudCk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudEluZGV4RGlhbG9nRGF0YSA9ICRldmVudDtcbiAgfVxuXG4gIGdldERpYWxvZ0RhdGEoKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5kaWFsb2dEYXRhPy52aWV3cz8ubGVuZ3RoID4gMCA/IHRoaXMuZGlhbG9nRGF0YT8udmlld3NbdGhpcy5jdXJyZW50SW5kZXhEaWFsb2dEYXRhXSA6IHVuZGVmaW5lZDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInFkLWxheW91dC1wYWdlLXByb2Nlc3MtaGVhZGVyLW5hdmlnYXRpb25cIiAqbmdJZj1cImRpYWxvZ0RhdGFcIj5cbiAgPHFkLWRpYWxvZy1yZWNvcmQtc3RlcHBlclxuICAgICpuZ0lmPVwiZGlhbG9nRGF0YS5uYXZpZ2F0aW9uXCJcbiAgICBbZGF0YV09XCJkaWFsb2dEYXRhXCJcbiAgICAoY2hhbmdlU3RlcCk9XCJ1cGRhdGVTdGVwKCRldmVudClcIlxuICA+PC9xZC1kaWFsb2ctcmVjb3JkLXN0ZXBwZXI+XG48L2Rpdj5cblxuPGgxIGNsYXNzPVwicWQtbGF5b3V0LXBhZ2UtdGl0bGUtaGVhZGxpbmVcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9oMT5cbiJdfQ==

package/esm2022/lib/layout/directives/active-content-tab.directive.mjs ADDED Viewed

@@ -0,0 +1,55 @@
+// @ts-strict-ignore
+import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+import { QdLayoutService } from '../service/layout.service';
+import { tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../service/layout.service";
+/**
+ * The **QdActiveContentTab** directive allows to jump to a tab directly if **QdTabs** are used.
+ */
+export class QdActiveContentTabDirective {
+    templateRef;
+    viewContainer;
+    layoutService;
+    isHidden = true;
+    /**
+     * The properties of the tab can be assigned here.
+     */
+    tabToRender;
+    constructor(templateRef, viewContainer, layoutService) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.layoutService = layoutService;
+    }
+    ngOnInit() {
+        this.layoutService.currentTabIndex$
+            .pipe(tap(tabObject => {
+            if (tabObject.index === this.tabToRender.index) {
+                if (this.isHidden) {
+                    // TODO: improve this workaround for directive to be called after viewcomponent is initialized
+                    setTimeout(() => {
+                        this.viewContainer.createEmbeddedView(this.templateRef);
+                    }, 0);
+                    this.isHidden = false;
+                }
+            }
+            else {
+                this.viewContainer.clear();
+                this.isHidden = true;
+            }
+        }))
+            .subscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdActiveContentTabDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1.QdLayoutService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdActiveContentTabDirective, selector: "[qdActiveContentTab]", inputs: { tabToRender: ["qdActiveContentTab", "tabToRender"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdActiveContentTabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdActiveContentTab]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i1.QdLayoutService }], propDecorators: { tabToRender: [{
+                type: Input,
+                args: ['qdActiveContentTab']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZlLWNvbnRlbnQtdGFiLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9sYXlvdXQvZGlyZWN0aXZlcy9hY3RpdmUtY29udGVudC10YWIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUFvQjtBQUNwQixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBR3JDOztHQUVHO0FBSUgsTUFBTSxPQUFPLDJCQUEyQjtJQVM1QjtJQUNBO0lBQ0E7SUFWRixRQUFRLEdBQUcsSUFBSSxDQUFDO0lBRXhCOztPQUVHO0lBQzBCLFdBQVcsQ0FBYztJQUV0RCxZQUNVLFdBQTZCLEVBQzdCLGFBQStCLEVBQy9CLGFBQThCO1FBRjlCLGdCQUFXLEdBQVgsV0FBVyxDQUFrQjtRQUM3QixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDL0Isa0JBQWEsR0FBYixhQUFhLENBQWlCO0lBQ3JDLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0I7YUFDaEMsSUFBSSxDQUNILEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUNkLElBQUksU0FBUyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUMvQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDbEIsOEZBQThGO29CQUM5RixVQUFVLENBQUMsR0FBRyxFQUFFO3dCQUNkLElBQUksQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO29CQUMxRCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7b0JBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7Z0JBQ3hCLENBQUM7WUFDSCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDdkIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUNIO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDakIsQ0FBQzt1R0FqQ1UsMkJBQTJCOzJGQUEzQiwyQkFBMkI7OzJGQUEzQiwyQkFBMkI7a0JBSHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtpQkFDakM7NklBTzhCLFdBQVc7c0JBQXZDLEtBQUs7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQHRzLXN0cmljdC1pZ25vcmVcbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFFkTGF5b3V0U2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2UvbGF5b3V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgUWRBY3RpdmVUYWIgfSBmcm9tICcuLi8uLi9uYXZpZ2F0aW9uL3RhYnMvaW50ZXJmYWNlcy90YWJzLmludGVyZmFjZSc7XG5cbi8qKlxuICogVGhlICoqUWRBY3RpdmVDb250ZW50VGFiKiogZGlyZWN0aXZlIGFsbG93cyB0byBqdW1wIHRvIGEgdGFiIGRpcmVjdGx5IGlmICoqUWRUYWJzKiogYXJlIHVzZWQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1txZEFjdGl2ZUNvbnRlbnRUYWJdJ1xufSlcbmV4cG9ydCBjbGFzcyBRZEFjdGl2ZUNvbnRlbnRUYWJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIGlzSGlkZGVuID0gdHJ1ZTtcblxuICAvKipcbiAgICogVGhlIHByb3BlcnRpZXMgb2YgdGhlIHRhYiBjYW4gYmUgYXNzaWduZWQgaGVyZS5cbiAgICovXG4gIEBJbnB1dCgncWRBY3RpdmVDb250ZW50VGFiJykgdGFiVG9SZW5kZXI6IFFkQWN0aXZlVGFiO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgIHByaXZhdGUgbGF5b3V0U2VydmljZTogUWRMYXlvdXRTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxheW91dFNlcnZpY2UuY3VycmVudFRhYkluZGV4JFxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCh0YWJPYmplY3QgPT4ge1xuICAgICAgICAgIGlmICh0YWJPYmplY3QuaW5kZXggPT09IHRoaXMudGFiVG9SZW5kZXIuaW5kZXgpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmlzSGlkZGVuKSB7XG4gICAgICAgICAgICAgIC8vIFRPRE86IGltcHJvdmUgdGhpcyB3b3JrYXJvdW5kIGZvciBkaXJlY3RpdmUgdG8gYmUgY2FsbGVkIGFmdGVyIHZpZXdjb21wb25lbnQgaXMgaW5pdGlhbGl6ZWRcbiAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmKTtcbiAgICAgICAgICAgICAgfSwgMCk7XG4gICAgICAgICAgICAgIHRoaXMuaXNIaWRkZW4gPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XG4gICAgICAgICAgICB0aGlzLmlzSGlkZGVuID0gdHJ1ZTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/layout/directives/calculate-full-height.directive.mjs ADDED Viewed

@@ -0,0 +1,57 @@
+// @ts-strict-ignore
+import { ChangeDetectorRef, Directive, ElementRef, Optional, Renderer2 } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { QdMasterLayoutComponent } from '../../master-layout/master-layout/master-layout.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../master-layout/master-layout/master-layout.component";
+/**
+ * The **QdCalculateFullHeight** directive calculates the height of the page and set it to 100%.
+ */
+export class QdCalculateFullHeightDirective {
+    _elementRef;
+    _renderer;
+    _changeDetectorRef;
+    _masterLayoutComponent;
+    resizeSubscription;
+    constructor(_elementRef, _renderer, _changeDetectorRef, _masterLayoutComponent) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._masterLayoutComponent = _masterLayoutComponent;
+    }
+    ngAfterViewInit() {
+        if (!this._masterLayoutComponent)
+            return;
+        setTimeout(() => this.calculateElementHeight(), 100);
+        this.resizeSubscription = fromEvent(window, 'resize')
+            .pipe(debounceTime(100))
+            .subscribe(() => this.calculateElementHeight());
+    }
+    ngOnDestroy() {
+        this.resizeSubscription?.unsubscribe();
+    }
+    calculateElementHeight() {
+        const elementPositionY = this._elementRef.nativeElement.getBoundingClientRect().y;
+        this._renderer.setStyle(this._elementRef.nativeElement, 'height', document.body.clientHeight - elementPositionY - this.getStickyFooterHeight() + 'px');
+        this._changeDetectorRef.detectChanges();
+    }
+    getStickyFooterHeight() {
+        const footerElement = document.getElementsByTagName('qd-master-layout-footer')[0];
+        if (footerElement) {
+            return footerElement.getBoundingClientRect().height;
+        }
+        return 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdCalculateFullHeightDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.QdMasterLayoutComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdCalculateFullHeightDirective, selector: "[qdCalculateFullHeight]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdCalculateFullHeightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdCalculateFullHeight]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.QdMasterLayoutComponent, decorators: [{
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLWZ1bGwtaGVpZ2h0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWQtdWkvc3JjL2xpYi9sYXlvdXQvZGlyZWN0aXZlcy9jYWxjdWxhdGUtZnVsbC1oZWlnaHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUFvQjtBQUNwQixPQUFPLEVBQWlCLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQWEsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFOUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkRBQTJELENBQUM7OztBQUVwRzs7R0FFRztBQUlILE1BQU0sT0FBTyw4QkFBOEI7SUFJdEI7SUFDQTtJQUNBO0lBQ0c7SUFOdEIsa0JBQWtCLENBQWU7SUFFakMsWUFDbUIsV0FBdUIsRUFDdkIsU0FBb0IsRUFDcEIsa0JBQXFDLEVBQ2xDLHNCQUErQztRQUhsRCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUN2QixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3BCLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFDbEMsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF5QjtJQUNsRSxDQUFDO0lBRUosZUFBZTtRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCO1lBQUUsT0FBTztRQUV6QyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFckQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO2FBQ2xELElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDdkIsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVPLHNCQUFzQjtRQUM1QixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRWxGLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFDOUIsUUFBUSxFQUNSLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLGdCQUFnQixHQUFHLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLElBQUksQ0FDcEYsQ0FBQztRQUNGLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRU8scUJBQXFCO1FBQzNCLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRWxGLElBQUksYUFBYSxFQUFFLENBQUM7WUFDbEIsT0FBTyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDdEQsQ0FBQztRQUVELE9BQU8sQ0FBQyxDQUFDO0lBQ1gsQ0FBQzt1R0EzQ1UsOEJBQThCOzJGQUE5Qiw4QkFBOEI7OzJGQUE5Qiw4QkFBOEI7a0JBSDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtpQkFDcEM7OzBCQVFJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAdHMtc3RyaWN0LWlnbm9yZVxuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBPcHRpb25hbCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBRZE1hc3RlckxheW91dENvbXBvbmVudCB9IGZyb20gJy4uLy4uL21hc3Rlci1sYXlvdXQvbWFzdGVyLWxheW91dC9tYXN0ZXItbGF5b3V0LmNvbXBvbmVudCc7XG5cbi8qKlxuICogVGhlICoqUWRDYWxjdWxhdGVGdWxsSGVpZ2h0KiogZGlyZWN0aXZlIGNhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgcGFnZSBhbmQgc2V0IGl0IHRvIDEwMCUuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1txZENhbGN1bGF0ZUZ1bGxIZWlnaHRdJ1xufSlcbmV4cG9ydCBjbGFzcyBRZENhbGN1bGF0ZUZ1bGxIZWlnaHREaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICByZXNpemVTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSByZWFkb25seSBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgX21hc3RlckxheW91dENvbXBvbmVudDogUWRNYXN0ZXJMYXlvdXRDb21wb25lbnRcbiAgKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX21hc3RlckxheW91dENvbXBvbmVudCkgcmV0dXJuO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmNhbGN1bGF0ZUVsZW1lbnRIZWlnaHQoKSwgMTAwKTtcblxuICAgIHRoaXMucmVzaXplU3Vic2NyaXB0aW9uID0gZnJvbUV2ZW50KHdpbmRvdywgJ3Jlc2l6ZScpXG4gICAgICAucGlwZShkZWJvdW5jZVRpbWUoMTAwKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jYWxjdWxhdGVFbGVtZW50SGVpZ2h0KCkpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5yZXNpemVTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwcml2YXRlIGNhbGN1bGF0ZUVsZW1lbnRIZWlnaHQoKTogdm9pZCB7XG4gICAgY29uc3QgZWxlbWVudFBvc2l0aW9uWSA9IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS55O1xuXG4gICAgdGhpcy5fcmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAnaGVpZ2h0JyxcbiAgICAgIGRvY3VtZW50LmJvZHkuY2xpZW50SGVpZ2h0IC0gZWxlbWVudFBvc2l0aW9uWSAtIHRoaXMuZ2V0U3RpY2t5Rm9vdGVySGVpZ2h0KCkgKyAncHgnXG4gICAgKTtcbiAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBwcml2YXRlIGdldFN0aWNreUZvb3RlckhlaWdodCgpOiBudW1iZXIge1xuICAgIGNvbnN0IGZvb3RlckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgncWQtbWFzdGVyLWxheW91dC1mb290ZXInKVswXTtcblxuICAgIGlmIChmb290ZXJFbGVtZW50KSB7XG4gICAgICByZXR1cm4gZm9vdGVyRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIDA7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/layout/directives/viewport-adaptive.directive.mjs ADDED Viewed

@@ -0,0 +1,25 @@
+import { Directive, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export const QD_VIEWPORT_ADAPTIVE_ENABLED = new InjectionToken('QD_VIEWPORT_ADAPTIVE_ENABLED');
+export class QdViewportAdaptiveDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdViewportAdaptiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdViewportAdaptiveDirective, selector: "[qdViewportAdaptive]", providers: [
+            {
+                provide: QD_VIEWPORT_ADAPTIVE_ENABLED,
+                useValue: true
+            }
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdViewportAdaptiveDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdViewportAdaptive]',
+                    providers: [
+                        {
+                            provide: QD_VIEWPORT_ADAPTIVE_ENABLED,
+                            useValue: true
+                        }
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQtYWRhcHRpdmUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2xheW91dC9kaXJlY3RpdmVzL3ZpZXdwb3J0LWFkYXB0aXZlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUQsTUFBTSxDQUFDLE1BQU0sNEJBQTRCLEdBQUcsSUFBSSxjQUFjLENBQVUsOEJBQThCLENBQUMsQ0FBQztBQVd4RyxNQUFNLE9BQU8sMkJBQTJCO3VHQUEzQiwyQkFBMkI7MkZBQTNCLDJCQUEyQiwrQ0FQM0I7WUFDVDtnQkFDRSxPQUFPLEVBQUUsNEJBQTRCO2dCQUNyQyxRQUFRLEVBQUUsSUFBSTthQUNmO1NBQ0Y7OzJGQUVVLDJCQUEyQjtrQkFUdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDRCQUE0Qjs0QkFDckMsUUFBUSxFQUFFLElBQUk7eUJBQ2Y7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBRRF9WSUVXUE9SVF9BREFQVElWRV9FTkFCTEVEID0gbmV3IEluamVjdGlvblRva2VuPGJvb2xlYW4+KCdRRF9WSUVXUE9SVF9BREFQVElWRV9FTkFCTEVEJyk7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1txZFZpZXdwb3J0QWRhcHRpdmVdJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogUURfVklFV1BPUlRfQURBUFRJVkVfRU5BQkxFRCxcbiAgICAgIHVzZVZhbHVlOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFFkVmlld3BvcnRBZGFwdGl2ZURpcmVjdGl2ZSB7fVxuIl19

package/esm2022/lib/layout/force-line-break/force-line-break.directive.mjs ADDED Viewed

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * **QdForceLineBreak** provides a way for long stings without whitespace to break anyway if there is a lack of space.
+ */
+export class QdForceLineBreakDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdForceLineBreakDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: QdForceLineBreakDirective, selector: "[qdForceLineBreak]", host: { classAttribute: "force-line-break" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdForceLineBreakDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdForceLineBreak]',
+                    host: { class: 'force-line-break' }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9yY2UtbGluZS1icmVhay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkLXVpL3NyYy9saWIvbGF5b3V0L2ZvcmNlLWxpbmUtYnJlYWsvZm9yY2UtbGluZS1icmVhay5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUM7O0dBRUc7QUFLSCxNQUFNLE9BQU8seUJBQXlCO3VHQUF6Qix5QkFBeUI7MkZBQXpCLHlCQUF5Qjs7MkZBQXpCLHlCQUF5QjtrQkFKckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUU7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogKipRZEZvcmNlTGluZUJyZWFrKiogcHJvdmlkZXMgYSB3YXkgZm9yIGxvbmcgc3RpbmdzIHdpdGhvdXQgd2hpdGVzcGFjZSB0byBicmVhayBhbnl3YXkgaWYgdGhlcmUgaXMgYSBsYWNrIG9mIHNwYWNlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbcWRGb3JjZUxpbmVCcmVha10nLFxuICBob3N0OiB7IGNsYXNzOiAnZm9yY2UtbGluZS1icmVhaycgfVxufSlcbmV4cG9ydCBjbGFzcyBRZEZvcmNlTGluZUJyZWFrRGlyZWN0aXZlIHt9XG4iXX0=

package/esm2022/lib/layout/interfaces/process-list.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZC11aS9zcmMvbGliL2xheW91dC9pbnRlcmZhY2VzL3Byb2Nlc3MtbGlzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBQcm9jZXNzTGlzdCB7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZyB8IHN0cmluZ1tdO1xuICBpZD86IHN0cmluZztcbiAgYXNpZGU/OiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBoYW5kbGVyOiAoKSA9PiB2b2lkO1xuICB9O1xufVxuIl19