@colijnit/corecomponents_v12 12.0.88 → 12.0.90
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 +14 -33
- 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-combo-box/input-combo-box.component.js +9 -2
- 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 +18 -35
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/icon/icon.component.d.ts +1 -2
- package/lib/components/input-combo-box/input-combo-box.component.d.ts +4 -1
- 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 () {
|
|
@@ -6605,6 +6593,8 @@
|
|
|
6605
6593
|
_this.formUserChangeListener = formUserChangeListener;
|
|
6606
6594
|
_this.ngZoneWrapper = ngZoneWrapper;
|
|
6607
6595
|
_this.elementRef = elementRef;
|
|
6596
|
+
_this.autofill = true;
|
|
6597
|
+
_this.allowFiltering = false;
|
|
6608
6598
|
_this.shopPopup = true;
|
|
6609
6599
|
_this.valueChange = new i0.EventEmitter();
|
|
6610
6600
|
_this.isSmall = false;
|
|
@@ -6624,7 +6614,7 @@
|
|
|
6624
6614
|
InputComboBoxComponent.decorators = [
|
|
6625
6615
|
{ type: i0.Component, args: [{
|
|
6626
6616
|
selector: "co-input-combo-box",
|
|
6627
|
-
template: "\n <ejs-combobox #combo [dataSource]=\"collection\"\n [fields]=\"fields\"\n [disabled]=\"readonly\"\n [placeholder]=\"placeholder\"\n [autofill]=\"
|
|
6617
|
+
template: "\n <ejs-combobox #combo [dataSource]=\"collection\"\n [fields]=\"fields\"\n [disabled]=\"readonly\"\n [placeholder]=\"placeholder\"\n [autofill]=\"autofill\"\n [ngModel]=\"model\"\n (ngModelChange)=\"modelChange.emit($event)\"\n (valueChange)=\"valueChange.emit($event)\"\n (focus)=\"onFocus()\"\n [popupWidth]=\"popupWidth\"\n [popupHeight]=\"popupHeight\"\n [filterType]=\"filterType\"\n [allowFiltering]=\"allowFiltering\"\n showClearButton=\"true\"\n floatLabelType=\"Auto\"\n >\n </ejs-combobox>\n <div class=\"required-indicator\"></div>\n <ng-template #validationError></ng-template>\n ",
|
|
6628
6618
|
providers: [{
|
|
6629
6619
|
provide: COMPONENT_INTERFACE_NAME,
|
|
6630
6620
|
useExisting: i0.forwardRef(function () { return InputComboBoxComponent; })
|
|
@@ -6645,6 +6635,9 @@
|
|
|
6645
6635
|
]; };
|
|
6646
6636
|
InputComboBoxComponent.propDecorators = {
|
|
6647
6637
|
combo: [{ type: i0.ViewChild, args: ["combo",] }],
|
|
6638
|
+
autofill: [{ type: i0.Input }],
|
|
6639
|
+
allowFiltering: [{ type: i0.Input }],
|
|
6640
|
+
filterType: [{ type: i0.Input }],
|
|
6648
6641
|
collection: [{ type: i0.Input }],
|
|
6649
6642
|
fields: [{ type: i0.Input }],
|
|
6650
6643
|
selected: [{ type: i0.Input }],
|
|
@@ -7727,8 +7720,6 @@
|
|
|
7727
7720
|
_this.showClearButton = undefined;
|
|
7728
7721
|
_this.showPlaceholderOnFocus = true;
|
|
7729
7722
|
_this.noStyle = false;
|
|
7730
|
-
_this.leftIconClick = new i0.EventEmitter();
|
|
7731
|
-
_this.rightIconClick = new i0.EventEmitter();
|
|
7732
7723
|
_this.hasOwnLabel = true;
|
|
7733
7724
|
_this.hideArrowButtons = false;
|
|
7734
7725
|
_this.isSmall = false;
|
|
@@ -7760,14 +7751,14 @@
|
|
|
7760
7751
|
};
|
|
7761
7752
|
Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
|
|
7762
7753
|
get: function () {
|
|
7763
|
-
return
|
|
7754
|
+
return this.leftIcon !== undefined && this.leftIcon !== null;
|
|
7764
7755
|
},
|
|
7765
7756
|
enumerable: false,
|
|
7766
7757
|
configurable: true
|
|
7767
7758
|
});
|
|
7768
7759
|
Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
|
|
7769
7760
|
get: function () {
|
|
7770
|
-
return
|
|
7761
|
+
return this.rightIcon !== undefined && this.rightIcon !== null;
|
|
7771
7762
|
},
|
|
7772
7763
|
enumerable: false,
|
|
7773
7764
|
configurable: true
|
|
@@ -7782,7 +7773,7 @@
|
|
|
7782
7773
|
InputTextComponent.decorators = [
|
|
7783
7774
|
{ type: i0.Component, args: [{
|
|
7784
7775
|
selector: "co-input-text",
|
|
7785
|
-
template: "\n <co-icon *ngIf=\"leftIcon
|
|
7776
|
+
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
7777
|
providers: [{
|
|
7787
7778
|
provide: COMPONENT_INTERFACE_NAME,
|
|
7788
7779
|
useExisting: i0.forwardRef(function () { return InputTextComponent; })
|
|
@@ -7812,12 +7803,8 @@
|
|
|
7812
7803
|
keyDownWhiteList: [{ type: i0.Input }],
|
|
7813
7804
|
showPlaceholderOnFocus: [{ type: i0.Input }],
|
|
7814
7805
|
leftIcon: [{ type: i0.Input }],
|
|
7815
|
-
leftIconData: [{ type: i0.Input }],
|
|
7816
7806
|
rightIcon: [{ type: i0.Input }],
|
|
7817
|
-
rightIconData: [{ type: i0.Input }],
|
|
7818
7807
|
noStyle: [{ type: i0.HostBinding, args: ['class.no-style',] }, { type: i0.Input }],
|
|
7819
|
-
leftIconClick: [{ type: i0.Output }],
|
|
7820
|
-
rightIconClick: [{ type: i0.Output }],
|
|
7821
7808
|
showClass: [{ type: i0.HostBinding, args: ["class.co-input-text",] }],
|
|
7822
7809
|
hasLeftIcon: [{ type: i0.HostBinding, args: ['class.has-left-icon',] }],
|
|
7823
7810
|
hasRightIcon: [{ type: i0.HostBinding, args: ['class.has-right-icon',] }],
|
|
@@ -7986,8 +7973,6 @@
|
|
|
7986
7973
|
_this.useLeftIcon = false;
|
|
7987
7974
|
_this.useRightIcon = false;
|
|
7988
7975
|
_this.centerLabel = false;
|
|
7989
|
-
_this.leftIconClick = new i0.EventEmitter();
|
|
7990
|
-
_this.rightIconClick = new i0.EventEmitter();
|
|
7991
7976
|
return _this;
|
|
7992
7977
|
}
|
|
7993
7978
|
InputSearchComponent.prototype.showClass = function () {
|
|
@@ -8007,7 +7992,7 @@
|
|
|
8007
7992
|
InputSearchComponent.decorators = [
|
|
8008
7993
|
{ type: i0.Component, args: [{
|
|
8009
7994
|
selector: 'co-input-search',
|
|
8010
|
-
template: "\n <co-input-text\n [model]=\"model\"\n [leftIcon]=\"useLeftIcon
|
|
7995
|
+
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
7996
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
8012
7997
|
encapsulation: i0.ViewEncapsulation.None
|
|
8013
7998
|
},] }
|
|
@@ -8017,11 +8002,7 @@
|
|
|
8017
8002
|
search: [{ type: i0.Output }],
|
|
8018
8003
|
useLeftIcon: [{ type: i0.Input }],
|
|
8019
8004
|
useRightIcon: [{ type: i0.Input }],
|
|
8020
|
-
leftIconData: [{ type: i0.Input }],
|
|
8021
|
-
rightIconData: [{ type: i0.Input }],
|
|
8022
8005
|
centerLabel: [{ type: i0.HostBinding, args: ['class.center-label',] }, { type: i0.Input }],
|
|
8023
|
-
leftIconClick: [{ type: i0.Output }],
|
|
8024
|
-
rightIconClick: [{ type: i0.Output }],
|
|
8025
8006
|
showClass: [{ type: i0.HostBinding, args: ['class.co-input-search',] }]
|
|
8026
8007
|
};
|
|
8027
8008
|
__decorate([
|