@colijnit/corecomponents_v12 12.0.88 → 12.0.89
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 +8 -32
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/icon/icon.component.js +5 -13
- package/esm2015/lib/components/input-search/input-search.component.js +3 -13
- package/esm2015/lib/components/input-text/input-text.component.js +6 -12
- package/fesm2015/colijnit-corecomponents_v12.js +10 -34
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/icon/icon.component.d.ts +1 -2
- package/lib/components/input-search/input-search.component.d.ts +0 -5
- package/lib/components/input-text/input-text.component.d.ts +1 -6
- package/lib/style/_variables.scss +12 -0
- package/lib/style/corecomponents-globals.scss +41 -0
- package/package.json +1 -1
|
@@ -1293,24 +1293,13 @@
|
|
|
1293
1293
|
}
|
|
1294
1294
|
Object.defineProperty(IconComponent.prototype, "icon", {
|
|
1295
1295
|
set: function (value) {
|
|
1296
|
-
|
|
1297
|
-
this._setIconFromEnum(value);
|
|
1298
|
-
}
|
|
1299
|
-
},
|
|
1300
|
-
enumerable: false,
|
|
1301
|
-
configurable: true
|
|
1302
|
-
});
|
|
1303
|
-
Object.defineProperty(IconComponent.prototype, "iconData", {
|
|
1304
|
-
set: function (value) {
|
|
1305
|
-
if (value) {
|
|
1306
|
-
this.innerIconData = value;
|
|
1307
|
-
}
|
|
1296
|
+
this._setIconFromEnum(value);
|
|
1308
1297
|
},
|
|
1309
1298
|
enumerable: false,
|
|
1310
1299
|
configurable: true
|
|
1311
1300
|
});
|
|
1312
1301
|
IconComponent.prototype._setIconFromEnum = function (icon) {
|
|
1313
|
-
this.
|
|
1302
|
+
this.iconData = this._iconCache.getIcon(icon);
|
|
1314
1303
|
};
|
|
1315
1304
|
return IconComponent;
|
|
1316
1305
|
}());
|
|
@@ -1326,9 +1315,8 @@
|
|
|
1326
1315
|
]; };
|
|
1327
1316
|
IconComponent.propDecorators = {
|
|
1328
1317
|
icon: [{ type: i0.Input }],
|
|
1329
|
-
iconData: [{ type: i0.Input }],
|
|
1330
|
-
showClass: [{ type: i0.HostBinding, args: [
|
|
1331
|
-
innerIconData: [{ type: i0.HostBinding, args: ['innerHtml',] }]
|
|
1318
|
+
iconData: [{ type: i0.Input }, { type: i0.HostBinding, args: ["innerHtml",] }],
|
|
1319
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-icon",] }]
|
|
1332
1320
|
};
|
|
1333
1321
|
|
|
1334
1322
|
var IconModule = /** @class */ (function () {
|
|
@@ -7727,8 +7715,6 @@
|
|
|
7727
7715
|
_this.showClearButton = undefined;
|
|
7728
7716
|
_this.showPlaceholderOnFocus = true;
|
|
7729
7717
|
_this.noStyle = false;
|
|
7730
|
-
_this.leftIconClick = new i0.EventEmitter();
|
|
7731
|
-
_this.rightIconClick = new i0.EventEmitter();
|
|
7732
7718
|
_this.hasOwnLabel = true;
|
|
7733
7719
|
_this.hideArrowButtons = false;
|
|
7734
7720
|
_this.isSmall = false;
|
|
@@ -7760,14 +7746,14 @@
|
|
|
7760
7746
|
};
|
|
7761
7747
|
Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
|
|
7762
7748
|
get: function () {
|
|
7763
|
-
return
|
|
7749
|
+
return this.leftIcon !== undefined && this.leftIcon !== null;
|
|
7764
7750
|
},
|
|
7765
7751
|
enumerable: false,
|
|
7766
7752
|
configurable: true
|
|
7767
7753
|
});
|
|
7768
7754
|
Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
|
|
7769
7755
|
get: function () {
|
|
7770
|
-
return
|
|
7756
|
+
return this.rightIcon !== undefined && this.rightIcon !== null;
|
|
7771
7757
|
},
|
|
7772
7758
|
enumerable: false,
|
|
7773
7759
|
configurable: true
|
|
@@ -7782,7 +7768,7 @@
|
|
|
7782
7768
|
InputTextComponent.decorators = [
|
|
7783
7769
|
{ type: i0.Component, args: [{
|
|
7784
7770
|
selector: "co-input-text",
|
|
7785
|
-
template: "\n <co-icon *ngIf=\"leftIcon
|
|
7771
|
+
template: "\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n [textContent]=\"placeholder\"></label>\n <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\"></co-icon>\n <co-icon *ngIf=\"rightIcon\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"></co-icon>\n <input #input\n [type]=\"digitsOnly ? 'number' : type\"\n [ngModel]=\"model\"\n [min]=\"type === 'number' && this.min ? this.min : undefined\"\n [max]=\"type === 'number' && this.max ? this.max : undefined\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n (keydown)=\"digitsOnly ? excludeNonDigitChars($event) : true\"\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 <div class=\"required-indicator\"></div>\n <ng-template #validationError></ng-template>\n ",
|
|
7786
7772
|
providers: [{
|
|
7787
7773
|
provide: COMPONENT_INTERFACE_NAME,
|
|
7788
7774
|
useExisting: i0.forwardRef(function () { return InputTextComponent; })
|
|
@@ -7812,12 +7798,8 @@
|
|
|
7812
7798
|
keyDownWhiteList: [{ type: i0.Input }],
|
|
7813
7799
|
showPlaceholderOnFocus: [{ type: i0.Input }],
|
|
7814
7800
|
leftIcon: [{ type: i0.Input }],
|
|
7815
|
-
leftIconData: [{ type: i0.Input }],
|
|
7816
7801
|
rightIcon: [{ type: i0.Input }],
|
|
7817
|
-
rightIconData: [{ type: i0.Input }],
|
|
7818
7802
|
noStyle: [{ type: i0.HostBinding, args: ['class.no-style',] }, { type: i0.Input }],
|
|
7819
|
-
leftIconClick: [{ type: i0.Output }],
|
|
7820
|
-
rightIconClick: [{ type: i0.Output }],
|
|
7821
7803
|
showClass: [{ type: i0.HostBinding, args: ["class.co-input-text",] }],
|
|
7822
7804
|
hasLeftIcon: [{ type: i0.HostBinding, args: ['class.has-left-icon',] }],
|
|
7823
7805
|
hasRightIcon: [{ type: i0.HostBinding, args: ['class.has-right-icon',] }],
|
|
@@ -7986,8 +7968,6 @@
|
|
|
7986
7968
|
_this.useLeftIcon = false;
|
|
7987
7969
|
_this.useRightIcon = false;
|
|
7988
7970
|
_this.centerLabel = false;
|
|
7989
|
-
_this.leftIconClick = new i0.EventEmitter();
|
|
7990
|
-
_this.rightIconClick = new i0.EventEmitter();
|
|
7991
7971
|
return _this;
|
|
7992
7972
|
}
|
|
7993
7973
|
InputSearchComponent.prototype.showClass = function () {
|
|
@@ -8007,7 +7987,7 @@
|
|
|
8007
7987
|
InputSearchComponent.decorators = [
|
|
8008
7988
|
{ type: i0.Component, args: [{
|
|
8009
7989
|
selector: 'co-input-search',
|
|
8010
|
-
template: "\n <co-input-text\n [model]=\"model\"\n [leftIcon]=\"useLeftIcon
|
|
7990
|
+
template: "\n <co-input-text\n [model]=\"model\"\n [leftIcon]=\"useLeftIcon ? searchIcon : null\"\n [rightIcon]=\"useRightIcon ? searchIcon : null\"\n [placeholder]=\"placeholder\"\n [customHeight]=\"true\"\n [showPlaceholderOnFocus]=\"false\"\n (modelChange)=\"modelChange.emit($event)\"\n ></co-input-text>\n ",
|
|
8011
7991
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
8012
7992
|
encapsulation: i0.ViewEncapsulation.None
|
|
8013
7993
|
},] }
|
|
@@ -8017,11 +7997,7 @@
|
|
|
8017
7997
|
search: [{ type: i0.Output }],
|
|
8018
7998
|
useLeftIcon: [{ type: i0.Input }],
|
|
8019
7999
|
useRightIcon: [{ type: i0.Input }],
|
|
8020
|
-
leftIconData: [{ type: i0.Input }],
|
|
8021
|
-
rightIconData: [{ type: i0.Input }],
|
|
8022
8000
|
centerLabel: [{ type: i0.HostBinding, args: ['class.center-label',] }, { type: i0.Input }],
|
|
8023
|
-
leftIconClick: [{ type: i0.Output }],
|
|
8024
|
-
rightIconClick: [{ type: i0.Output }],
|
|
8025
8001
|
showClass: [{ type: i0.HostBinding, args: ['class.co-input-search',] }]
|
|
8026
8002
|
};
|
|
8027
8003
|
__decorate([
|