@colijnit/corecomponents_v12 12.2.6 → 12.2.8

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -5063,6 +5063,7 @@
     var CollapsibleComponent = /** @class */ (function () {
         function CollapsibleComponent(_elementRef) {
             this._elementRef = _elementRef;
+            this.customHeaderContent = false;
             this.expandButtonLast = false;
             this.expanded = false;
             this.expandedChange = new i0.EventEmitter();
@@ -5091,7 +5092,7 @@
     CollapsibleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-collapsible",
-                    template: "\n    <div class=\"collapsible-header\" [class.end]=\"expandButtonLast\" (click)=\"changeExpanded()\">\n      <div class=\"collapsible-header-start\">\n        <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"!expandButtonLast\">\n          <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n        </div>\n        <div class=\"collapsible-title\" [textContent]=\"headerTitle\"></div>\n      </div>\n      <div class=\"collapsible-header-end\">\n        <div class=\"collapsible-button-wrapper\" *ngIf=\"showButton !== undefined\" (click)=\"$event.stopPropagation()\">\n          <button class=\"collapsible-button\" *ngIf=\"showButton\" [textContent]=\"buttonText\"\n                  (click)=\"onButtonClick()\"></button>\n        </div>\n        <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"expandButtonLast\">\n          <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"collapsible-content\" *ngIf=\"expanded\" @showHideContent>\n      <ng-content></ng-content>\n    </div>\n  ",
+                    template: "\n    <div class=\"collapsible-header\" [class.end]=\"expandButtonLast\" (click)=\"changeExpanded()\">\n      <div class=\"collapsible-header-start\">\n        <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"!expandButtonLast\">\n          <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n        </div>\n        <div class=\"collapsible-title\" *ngIf=\"customHeaderContent\">\n          <ng-container *ngTemplateOutlet=\"headerContent\"></ng-container>\n        </div>\n        <div *ngIf=\"!customHeaderContent\" class=\"collapsible-title\" [textContent]=\"headerTitle\"></div>\n      </div>\n      <div class=\"collapsible-header-end\">\n        <div class=\"collapsible-button-wrapper\" *ngIf=\"showButton !== undefined\" (click)=\"$event.stopPropagation()\">\n          <button class=\"collapsible-button\" *ngIf=\"showButton\" [textContent]=\"buttonText\"\n                  (click)=\"onButtonClick()\"></button>\n        </div>\n        <div class=\"expand-icon-wrapper\" [class.expanded]=\"expanded\" *ngIf=\"expandButtonLast\">\n          <co-icon class=\"expand-icon\" [iconData]=\"iconData\"></co-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"collapsible-content\" *ngIf=\"expanded\" @showHideContent>\n      <ng-content></ng-content>\n    </div>\n  ",
                     animations: [
                         animations.trigger('showHideContent', [
                             animations.state('*', animations.style({ height: '*' })),
@@ -5107,6 +5108,8 @@
         { type: i0.ElementRef }
     ]; };
     CollapsibleComponent.propDecorators = {
+        headerContent: [{ type: i0.Input }],
+        customHeaderContent: [{ type: i0.Input }],
         headerTitle: [{ type: i0.Input }],
         buttonText: [{ type: i0.Input }],
         iconData: [{ type: i0.Input }],
@@ -5117,7 +5120,10 @@
         buttonClicked: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-collapsible",] }],
         onHostClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
-    };
+    };
+    __decorate([
+        InputBoolean()
+    ], CollapsibleComponent.prototype, "customHeaderContent", void 0);
 
     var CollapsibleModule = /** @class */ (function () {
         function CollapsibleModule() {
@@ -11555,6 +11561,59 @@
                 },] }
     ];
 
+    var ColorPickerComponent = /** @class */ (function (_super) {
+        __extends(ColorPickerComponent, _super);
+        function ColorPickerComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.showClass = true;
+            _this.label = "";
+            return _this;
+        }
+        ColorPickerComponent.prototype.handleModelChange = function (value) {
+            this.setModel(value);
+        };
+        return ColorPickerComponent;
+    }(BaseInputComponent));
+    ColorPickerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-color-picker",
+                    template: "\n    <div class=\"dual-calendar-wrapper\">\n        <label *ngIf=\"label.length > 0\" for=\"head\" [textContent]=\"label\"></label>\n        <input type=\"color\" id=\"head\" name=\"head\"\n               [ngModel]=\"model\"\n               (ngModelChange)=\"handleModelChange($event)\"/>\n    </div>\n  ",
+                    providers: [
+                        OverlayService, {
+                            provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return ColorPickerComponent; })
+                        }, {
+                            provide: BaseInputComponent,
+                            useExisting: ColorPickerComponent
+                        }
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    ColorPickerComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-color-picker',] }],
+        label: [{ type: i0.Input }]
+    };
+
+    var ColorPickerModule = /** @class */ (function () {
+        function ColorPickerModule() {
+        }
+        return ColorPickerModule;
+    }());
+    ColorPickerModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        forms.FormsModule,
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        ColorPickerComponent,
+                    ],
+                    exports: [
+                        ColorPickerComponent
+                    ]
+                },] }
+    ];
+
     var FilterPipe = /** @class */ (function () {
         function FilterPipe() {
         }
@@ -12989,6 +13048,7 @@
             this.count = count;
             this.valueName = valueName;
         }
+        FilterItemViewmodel.prototype.codeAsNumber = function () { return NumberUtils.ParseInt(this.code); };
         return FilterItemViewmodel;
     }());
 
@@ -13059,6 +13119,8 @@
     exports.CoDialogWizardModule = CoDialogWizardModule;
     exports.CollapsibleComponent = CollapsibleComponent;
     exports.CollapsibleModule = CollapsibleModule;
+    exports.ColorPickerComponent = ColorPickerComponent;
+    exports.ColorPickerModule = ColorPickerModule;
     exports.ColorSequenceService = ColorSequenceService;
     exports.CoreComponentsTranslationModule = CoreComponentsTranslationModule;
     exports.CoreComponentsTranslationService = CoreComponentsTranslationService;