@porscheinformatik/clr-addons 19.11.4 → 19.11.5

package/fesm2022/clr-addons.mjs

@@ -1085,7 +1085,7 @@ class ClrGenericQuickList {
         clearTimeout(this.timeout);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: ClrGenericQuickList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: ClrGenericQuickList, isStandalone: false, selector: "clr-generic-quick-list", inputs: { allItems: ["clrAllItems", "allItems"], addLabel: ["clrAddLabel", "addLabel"], addPossible: ["clrAddPossible", "addPossible"], blankItem: ["clrBlankItem", "blankItem"], controlClasses: ["clrControlClasses", "controlClasses"], required: ["clrMandatory", "required"], readonly: "readonly", compactMode: "compactMode" }, outputs: { added: "clrAdded", removed: "clrRemoved" }, host: { properties: { "class.generic-quick-list": "true", "class.clr-form-control": "true" } }, queries: [{ propertyName: "itemTemplate", predicate: TemplateRef }], viewQueries: [{ propertyName: "itemRows", predicate: ["row"], descendants: true }], ngImport: i0, template: "<ng-content select=\"label\"></ng-content>\n<div class=\"clr-control-container\" [ngClass]=\"controlClasses\">\n  <ng-content select=\".header-container\"></ng-content>\n\n  <ng-container *ngFor=\"let item of allItems; index as i\">\n    <div class=\"controls-wrapper\">\n      <div class=\"controls-container\" *ngIf=\"itemTemplate\" #row>\n        <ng-container *ngTemplateOutlet=\"itemTemplate.get(0); context: {$implicit:item}\"></ng-container>\n      </div>\n      <button\n        *ngIf=\"!(readonly || readonly === '')\"\n        type=\"button\"\n        class=\"btn btn-icon btn-link btn-trash\"\n        [ngClass]=\"{'btn-trash-ext': !(compactMode && i === allItems.length - 1)}\"\n        [disabled]=\"required && allItems.length === 1\"\n        (click)=\"removeItem(item)\"\n      >\n        <cds-icon shape=\"trash\"></cds-icon>\n      </button>\n      <button\n        *ngIf=\"!(readonly || readonly === '') && compactMode && i === allItems.length - 1\"\n        type=\"button\"\n        class=\"btn btn-icon btn-link quick-list-addcompact\"\n        (click)=\"addItem()\"\n        [disabled]=\"!addPossible\"\n      >\n        <cds-icon shape=\"plus-circle\"></cds-icon>\n      </button>\n    </div>\n  </ng-container>\n  <button\n    *ngIf=\"!(readonly || readonly === '') && allItems.length === 0 && compactMode\"\n    type=\"button\"\n    class=\"btn btn-icon btn-link quick-list-addcompact\"\n    (click)=\"addItem()\"\n    [disabled]=\"!addPossible\"\n  >\n    <cds-icon shape=\"plus-circle\"></cds-icon>\n  </button>\n  <button\n    *ngIf=\"!(readonly || readonly === '') && !compactMode\"\n    type=\"button\"\n    class=\"btn btn-link btn-sm btn-add\"\n    (click)=\"addItem()\"\n    [disabled]=\"!addPossible\"\n  >\n    {{addLabel}}\n  </button>\n</div>\n", 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: i1$1.CdsIconCustomTag, selector: "cds-icon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: ClrGenericQuickList, isStandalone: false, selector: "clr-generic-quick-list", inputs: { allItems: ["clrAllItems", "allItems"], addLabel: ["clrAddLabel", "addLabel"], addPossible: ["clrAddPossible", "addPossible"], blankItem: ["clrBlankItem", "blankItem"], controlClasses: ["clrControlClasses", "controlClasses"], required: ["clrMandatory", "required"], readonly: "readonly", compactMode: "compactMode" }, outputs: { added: "clrAdded", removed: "clrRemoved" }, host: { properties: { "class.generic-quick-list": "true", "class.clr-form-control": "true", "class.readonly-list": "this.readonly" } }, queries: [{ propertyName: "itemTemplate", predicate: TemplateRef }], viewQueries: [{ propertyName: "itemRows", predicate: ["row"], descendants: true }], ngImport: i0, template: "<ng-content select=\"label\"></ng-content>\n<div class=\"clr-control-container\" [ngClass]=\"controlClasses\">\n  <ng-content select=\".header-container\"></ng-content>\n\n  <ng-container *ngFor=\"let item of allItems; index as i\">\n    <div class=\"controls-wrapper\">\n      <div class=\"controls-container\" *ngIf=\"itemTemplate\" #row>\n        <ng-container *ngTemplateOutlet=\"itemTemplate.get(0); context: {$implicit:item}\"></ng-container>\n      </div>\n      <button\n        *ngIf=\"!(readonly || readonly === '')\"\n        type=\"button\"\n        class=\"btn btn-icon btn-link btn-trash\"\n        [ngClass]=\"{'btn-trash-ext': !(compactMode && i === allItems.length - 1)}\"\n        [disabled]=\"required && allItems.length === 1\"\n        (click)=\"removeItem(item)\"\n      >\n        <cds-icon shape=\"trash\"></cds-icon>\n      </button>\n      <button\n        *ngIf=\"!(readonly || readonly === '') && compactMode && i === allItems.length - 1\"\n        type=\"button\"\n        class=\"btn btn-icon btn-link quick-list-addcompact\"\n        (click)=\"addItem()\"\n        [disabled]=\"!addPossible\"\n      >\n        <cds-icon shape=\"plus-circle\"></cds-icon>\n      </button>\n    </div>\n  </ng-container>\n  <button\n    *ngIf=\"!(readonly || readonly === '') && allItems.length === 0 && compactMode\"\n    type=\"button\"\n    class=\"btn btn-icon btn-link quick-list-addcompact\"\n    (click)=\"addItem()\"\n    [disabled]=\"!addPossible\"\n  >\n    <cds-icon shape=\"plus-circle\"></cds-icon>\n  </button>\n  <button\n    *ngIf=\"!(readonly || readonly === '') && !compactMode\"\n    type=\"button\"\n    class=\"btn btn-link btn-sm btn-add\"\n    (click)=\"addItem()\"\n    [disabled]=\"!addPossible\"\n  >\n    {{addLabel}}\n  </button>\n</div>\n", 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: i1$1.CdsIconCustomTag, selector: "cds-icon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: ClrGenericQuickList, decorators: [{
             type: Component,
@@ -1109,6 +1109,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
                 type: Input,
                 args: ['clrMandatory']
             }], readonly: [{
+                type: HostBinding,
+                args: ['class.readonly-list']
+            }, {
                 type: Input
             }], compactMode: [{
                 type: Input