@colijnit/corecomponents_v12 254.1.4 → 254.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +3 -3
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/article-tile/article-tile.component.js +6 -5
- package/esm2015/lib/components/input-text/input-text.component.js +7 -4
- package/fesm2015/colijnit-corecomponents_v12.js +11 -7
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/article-tile/article-tile.component.scss +39 -143
- package/package.json +1 -1
|
@@ -4237,9 +4237,9 @@
|
|
|
4237
4237
|
ArticleTileComponent.decorators = [
|
|
4238
4238
|
{ type: i0.Component, args: [{
|
|
4239
4239
|
selector: "co-article-tile",
|
|
4240
|
-
template: "\n <co-tile [image]=\"imageData\" [small]=\"isSmallModus\">\n
|
|
4240
|
+
template: "\n <co-tile [image]=\"imageData\" [small]=\"isSmallModus\">\n <ng-container tile-top-content>\n <ng-content select=\"[tile-top-content]\"></ng-content>\n </ng-container>\n <ng-container tile-over-image>\n <ng-content select=\"[over-image]\"></ng-content>\n </ng-container>\n\n <ng-container tile-extra-bottom-content>\n <div class=\"bottom-content-wrapper\">\n <div class=\"left-buttons\">\n <co-button class=\"card-button square white\" *ngIf=\"hasConfigureButton\" [iconData]=\"icons.getIcon(Icons.MagicWand)\"\n [stopClick]=\"true\" [class.mini]=\"isSmallModus\"\n (click)=\"configureButtonClick.emit($event)\"></co-button>\n <co-button class=\"card-button square white\" *ngIf=\"hasThreeDButton\" [iconData]=\"icons.getIcon(Icons.ThreeD)\"\n [stopClick]=\"true\" [class.mini]=\"isSmallModus\"\n (click)=\"threeDButtonClick.emit($event)\"></co-button>\n </div>\n <co-level-indicator *ngIf=\"!!level\" [model]=\"level\" [class.small]=\"isSmallModus\"></co-level-indicator>\n <co-button class=\"card-button\" *ngIf=\"hasCartButton\" [iconData]=\"icons.getIcon(Icons.AddToCartDrop)\"\n [stopClick]=\"true\" [class.mini]=\"isSmallModus\"\n (click)=\"cartButtonClick.emit($event)\"></co-button>\n </div>\n </ng-container>\n <ng-container tile-bottom-content>\n <span *ngIf=\"!!description\" class=\"description\" [innerText]=\"description\"></span>\n <span *ngIf=\"!!price\" class=\"price\" [innerText]=\"price | priceDisplay\"></span>\n <ng-content select=\"[card-extra-content]\"></ng-content>\n </ng-container>\n </co-tile>\n ",
|
|
4241
4241
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
4242
|
-
styles: [":host .description{font-weight:bold}co-button.card-button{height:50px;width:50px;padding:0;border-radius:50
|
|
4242
|
+
styles: [":host .description{font-weight:bold}co-button.card-button{height:50px;width:50px;padding:0;border-radius:50%;color:#fff}co-button.card-button.square{border-radius:5px}co-button.card-button ::ng-deep co-icon{height:50px;width:50px}co-button.card-button.mini{transform:scale(1);height:30px;width:30px;background:#3E7EFF}co-button.card-button.mini ::ng-deep co-icon{height:30px;width:30px}co-button.card-button.mini ::ng-deep co-icon svg{color:#fff}.bottom-content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;height:100%}.bottom-content-wrapper .left-buttons{display:flex;margin-right:auto;height:100%;align-items:center}.bottom-content-wrapper .left-buttons *{margin-right:5px}\n"]
|
|
4243
4243
|
},] }
|
|
4244
4244
|
];
|
|
4245
4245
|
ArticleTileComponent.ctorParameters = function () { return [
|
|
@@ -6339,7 +6339,7 @@
|
|
|
6339
6339
|
InputTextComponent.decorators = [
|
|
6340
6340
|
{ type: i0.Component, args: [{
|
|
6341
6341
|
selector: 'co-input-text',
|
|
6342
|
-
template: "\n <div class=\"input-text-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-icon *ngIf=\"leftIcon || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\"\n (click)=\"handleLeftIconClick($event)\" (mousedown)=\"handleLeftIconMouseDown($event)\"\n (mouseup)=\"handleLeftIconMouseUp($event)\"></co-icon>\n <div *ngIf=\"leftIcon || leftIconData\" class=\"spacer left-icon\"></div>\n <div class=\"input-wrapper\">\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n [textContent]=\"placeholder\"></label>\n <input #input\n [class.input-input-hidden]=\"useContent\"\n [ngClass]=\"align\"\n [type]=\"digitsOnly ? 'number' : type\"\n [pattern]=\"type === 'date' ? pattern : undefined\"\n [ngModel]=\"model\"\n [min]=\"(type === 'number' || type === 'date') && this.min ? this.min : undefined\"\n [max]=\"(type === 'number' || type === 'date') && this.max ? this.max : undefined\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n (keydown)=\"digitsOnly ? excludeNonDigitChars($event) : true\"\n (keyup)=\"keyUp.emit($event)\"\n (focusin)=\"handleInputFocus($event)\"\n (focusout)=\"handleBlur($event)\"\n >\n <ng-container *ngIf=\"useContent\">\n <div class=\"input-content-wrapper\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n <co-icon [class.show]=\"showClearButton && hasValue && !readonly\" class=\"input-text-clear-button\"
|
|
6342
|
+
template: "\n <div class=\"input-text-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n <co-icon *ngIf=\"leftIcon || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\"\n (click)=\"handleLeftIconClick($event)\" (mousedown)=\"handleLeftIconMouseDown($event)\"\n (mouseup)=\"handleLeftIconMouseUp($event)\"></co-icon>\n <div *ngIf=\"leftIcon || leftIconData\" class=\"spacer left-icon\"></div>\n <div class=\"input-wrapper\">\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n [textContent]=\"placeholder\"></label>\n <input #input\n [class.input-input-hidden]=\"useContent\"\n [ngClass]=\"align\"\n [type]=\"digitsOnly ? 'number' : type\"\n [pattern]=\"type === 'date' ? pattern : undefined\"\n [ngModel]=\"model\"\n [min]=\"(type === 'number' || type === 'date') && this.min ? this.min : undefined\"\n [max]=\"(type === 'number' || type === 'date') && this.max ? this.max : undefined\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n (keydown)=\"digitsOnly ? excludeNonDigitChars($event) : true\"\n (keyup)=\"keyUp.emit($event)\"\n (focusin)=\"handleInputFocus($event)\"\n (focusout)=\"handleBlur($event)\"\n >\n <ng-container *ngIf=\"useContent\">\n <div class=\"input-content-wrapper\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n <co-icon [class.show]=\"showClearButton && hasValue && !readonly\" class=\"input-text-clear-button\"\n [icon]=\"icons.CrossSkinny\" (click)=\"clearInput($event)\"></co-icon>\n <div class=\"required-indicator\"></div>\n </div>\n <div *ngIf=\"rightIcon || rightIconData\" class=\"spacer right-icon\"></div>\n <co-icon *ngIf=\"rightIcon || rightIconData\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"\n [iconData]=\"rightIconData\"\n (click)=\"handleRightIconClick($event)\" (mousedown)=\"handleRightIconMouseDown($event)\"\n (mouseup)=\"handleRightIconMouseUp($event)\"></co-icon>\n </div>\n <!--\n <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n [committing]=\"committing\"\n [commitFinished]=\"commitFinished\"\n (commitClick)=\"commitClick($event)\"\n (cancelClick)=\"cancelClick($event)\"\n >\n </co-commit-buttons>\n -->\n ",
|
|
6343
6343
|
providers: [
|
|
6344
6344
|
OverlayService, {
|
|
6345
6345
|
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|