igniteui-angular 12.3.1 → 12.3.2
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/igniteui-angular.umd.js +16 -7
- package/bundles/igniteui-angular.umd.js.map +1 -1
- package/esm2015/lib/icon/icon.service.js +14 -6
- package/esm2015/lib/simple-combo/simple-combo.component.js +7 -4
- package/esm2015/lib/time-picker/time-picker.component.js +2 -2
- package/fesm2015/igniteui-angular.js +17 -8
- package/fesm2015/igniteui-angular.js.map +1 -1
- package/igniteui-angular.metadata.json +1 -1
- package/lib/icon/icon.service.d.ts +3 -1
- package/package.json +1 -1
|
@@ -20875,16 +20875,20 @@
|
|
|
20875
20875
|
* ```
|
|
20876
20876
|
*/
|
|
20877
20877
|
var IgxIconService = /** @class */ (function () {
|
|
20878
|
-
function IgxIconService(_sanitizer, _httpClient, _document) {
|
|
20878
|
+
function IgxIconService(_sanitizer, _httpClient, _platformUtil, _document) {
|
|
20879
|
+
var _a;
|
|
20879
20880
|
this._sanitizer = _sanitizer;
|
|
20880
20881
|
this._httpClient = _httpClient;
|
|
20882
|
+
this._platformUtil = _platformUtil;
|
|
20881
20883
|
this._document = _document;
|
|
20882
20884
|
this._family = 'material-icons';
|
|
20883
20885
|
this._familyAliases = new Map();
|
|
20884
20886
|
this._cachedSvgIcons = new Map();
|
|
20885
20887
|
this._iconLoaded = new rxjs.Subject();
|
|
20886
|
-
this._domParser = new DOMParser();
|
|
20887
20888
|
this.iconLoaded = this._iconLoaded.asObservable();
|
|
20889
|
+
if ((_a = this._platformUtil) === null || _a === void 0 ? void 0 : _a.isBrowser) {
|
|
20890
|
+
this._domParser = new DOMParser();
|
|
20891
|
+
}
|
|
20888
20892
|
}
|
|
20889
20893
|
Object.defineProperty(IgxIconService.prototype, "defaultFamily", {
|
|
20890
20894
|
/**
|
|
@@ -21017,8 +21021,9 @@
|
|
|
21017
21021
|
*/
|
|
21018
21022
|
IgxIconService.prototype.cacheSvgIcon = function (name, value, family, stripMeta) {
|
|
21019
21023
|
if (family === void 0) { family = this._family; }
|
|
21024
|
+
var _a;
|
|
21020
21025
|
family = !!family ? family : this._family;
|
|
21021
|
-
if (name && value) {
|
|
21026
|
+
if (((_a = this._platformUtil) === null || _a === void 0 ? void 0 : _a.isBrowser) && name && value) {
|
|
21022
21027
|
var doc = this._domParser.parseFromString(value, 'image/svg+xml');
|
|
21023
21028
|
var svg = doc.querySelector('svg');
|
|
21024
21029
|
if (!this._cachedSvgIcons.has(family)) {
|
|
@@ -21044,7 +21049,7 @@
|
|
|
21044
21049
|
};
|
|
21045
21050
|
return IgxIconService;
|
|
21046
21051
|
}());
|
|
21047
|
-
IgxIconService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IgxIconService_Factory() { return new IgxIconService(i0__namespace.ɵɵinject(i1__namespace$1.DomSanitizer, 8), i0__namespace.ɵɵinject(i2__namespace$1.HttpClient, 8), i0__namespace.ɵɵinject(i2__namespace.DOCUMENT, 8)); }, token: IgxIconService, providedIn: "root" });
|
|
21052
|
+
IgxIconService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IgxIconService_Factory() { return new IgxIconService(i0__namespace.ɵɵinject(i1__namespace$1.DomSanitizer, 8), i0__namespace.ɵɵinject(i2__namespace$1.HttpClient, 8), i0__namespace.ɵɵinject(PlatformUtil, 8), i0__namespace.ɵɵinject(i2__namespace.DOCUMENT, 8)); }, token: IgxIconService, providedIn: "root" });
|
|
21048
21053
|
IgxIconService.decorators = [
|
|
21049
21054
|
{ type: i0.Injectable, args: [{
|
|
21050
21055
|
providedIn: 'root'
|
|
@@ -21053,6 +21058,7 @@
|
|
|
21053
21058
|
IgxIconService.ctorParameters = function () { return [
|
|
21054
21059
|
{ type: i1$1.DomSanitizer, decorators: [{ type: i0.Optional }] },
|
|
21055
21060
|
{ type: i2$1.HttpClient, decorators: [{ type: i0.Optional }] },
|
|
21061
|
+
{ type: PlatformUtil, decorators: [{ type: i0.Optional }] },
|
|
21056
21062
|
{ type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [i2.DOCUMENT,] }] }
|
|
21057
21063
|
]; };
|
|
21058
21064
|
|
|
@@ -41018,7 +41024,9 @@
|
|
|
41018
41024
|
};
|
|
41019
41025
|
/** @hidden @internal */
|
|
41020
41026
|
IgxSimpleComboComponent.prototype.handleInputChange = function (event) {
|
|
41021
|
-
|
|
41027
|
+
if (event !== undefined) {
|
|
41028
|
+
this.searchValue = typeof event === 'string' ? event : event.target.value;
|
|
41029
|
+
}
|
|
41022
41030
|
this._onChangeCallback(this.searchValue);
|
|
41023
41031
|
if (this.collapsed && this.comboInput.focused) {
|
|
41024
41032
|
this.open();
|
|
@@ -41166,8 +41174,9 @@
|
|
|
41166
41174
|
if (!args.cancel) {
|
|
41167
41175
|
var argsSelection = args.newSelection !== undefined
|
|
41168
41176
|
&& args.newSelection !== null
|
|
41169
|
-
?
|
|
41177
|
+
? args.newSelection
|
|
41170
41178
|
: [];
|
|
41179
|
+
argsSelection = Array.isArray(argsSelection) ? argsSelection : [argsSelection];
|
|
41171
41180
|
this.selectionService.select_items(this.id, argsSelection, true);
|
|
41172
41181
|
if (this._updateInput) {
|
|
41173
41182
|
this.comboInput.value = this._value = displayText !== args.displayText
|
|
@@ -67295,7 +67304,7 @@
|
|
|
67295
67304
|
}
|
|
67296
67305
|
],
|
|
67297
67306
|
selector: 'igx-time-picker',
|
|
67298
|
-
template: "<igx-input-group [displayDensity]=\"displayDensity\" [type]=\"type\" [suppressInputAutofocus]=\"this.isDropdown\"
|
|
67307
|
+
template: "<igx-input-group [displayDensity]=\"displayDensity\" [type]=\"type\" [suppressInputAutofocus]=\"this.isDropdown\">\n <input [displayValuePipe]=\"this.formatter ? displayValue : null\" igxInput [igxDateTimeEditor]=\"this.inputFormat\"\n type=\"text\" [readonly]=\"!this.isDropdown || this.readOnly\" [minValue]=\"this.minValue\" [maxValue]=\"this.maxValue\"\n [locale]=\"this.locale\" [spinDelta]=\"this.itemsDelta\" [spinLoop]=\"this.spinLoop\" [placeholder]=\"this.placeholder\"\n [disabled]=\"this.disabled\" [displayFormat]=\"this.displayFormat\"\n [igxTextSelection]=\"this.isDropdown && !this.readOnly\" role=\"combobox\" aria-haspopup=\"dialog\"\n [attr.aria-expanded]=\"!this.toggleDirective.collapsed\" [attr.aria-labelledby]=\"this.label?.id\"\n (click)=\"!this.isDropdown && this.toggle()\"/>\n\n <igx-prefix *ngIf=\"!this.toggleComponents.length\" (click)=\"this.toggle()\">\n <igx-icon [title]=\"this.value ? resourceStrings.igx_time_picker_change_time : resourceStrings.igx_time_picker_choose_time\">access_time</igx-icon>\n </igx-prefix>\n\n <ng-container ngProjectAs=\"[igxLabel]\">\n <ng-content select=\"[igxLabel]\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"igx-prefix\">\n <ng-content select=\"igx-prefix,[igxPrefix]\"></ng-content>\n </ng-container>\n\n <igx-suffix *ngIf=\"this.showClearButton\" (click)=\"this.clear(); $event.stopPropagation()\">\n <igx-icon>clear</igx-icon>\n </igx-suffix>\n\n <ng-container ngProjectAs=\"igx-suffix\">\n <ng-content select=\"igx-suffix,[igxSuffix]\"></ng-content>\n </ng-container>\n <ng-container ngProjectAs=\"igx-hint\">\n <ng-content select=\"igx-hint,[igxHint]\"></ng-content>\n </ng-container>\n</igx-input-group>\n\n<ng-template #defaultTimePickerActions>\n <div *ngIf=\"this.cancelButtonLabel || this.okButtonLabel\" class=\"igx-time-picker__buttons\">\n <button *ngIf=\"this.cancelButtonLabel\" igxButton=\"flat\" (click)=\"this.cancelButtonClick()\">\n {{this.cancelButtonLabel}}\n </button>\n <button *ngIf=\"this.okButtonLabel\" igxButton=\"flat\" (click)=\"this.okButtonClick()\">\n {{this.okButtonLabel}}\n </button>\n </div>\n</ng-template>\n\n<div #toggleDirective=\"toggle\" igxToggle role=\"dialog\" class=\"igx-time-picker\"\n [ngClass]=\"{'igx-time-picker--dropdown': this.isDropdown, 'igx-time-picker--vertical': this.isVertical && !this.isDropdown}\">\n <div *ngIf=\"!this.isDropdown\" class=\"igx-time-picker__header\">\n <h2 class=\"igx-time-picker__header-hour\">\n <span>{{ this.selectedDate | timeFormatPipe }}</span>\n </h2>\n </div>\n <div class=\"igx-time-picker__main\">\n <div class=\"igx-time-picker__body\">\n <div *ngIf=\"this.showHoursList\" #hourList [igxItemList]=\"'hourList'\">\n <span [igxTimeItem]=\"hour\" #timeItem=\"timeItem\" aria-label=\"hour\"\n [attr.role]=\"timeItem.isSelectedTime ? 'spinbutton' : null\"\n [attr.aria-valuenow]=\"timeItem.isSelectedTime ? timeItem.hourValue : null\"\n [attr.aria-valuemin]=\"timeItem.isSelectedTime ? timeItem.minValue : null\"\n [attr.aria-valuemax]=\"timeItem.isSelectedTime ? timeItem.maxValue : null\"\n *ngFor=\"let hour of hourItems | timeItemPipe:'hour':this.selectedDate:this.minDropdownValue:this.maxDropdownValue\">{{ hour }}</span>\n </div>\n <div *ngIf=\"this.showMinutesList\" #minuteList [igxItemList]=\"'minuteList'\">\n <span [igxTimeItem]=\"minute\" #timeItem=\"timeItem\" aria-label=\"minutes\"\n [attr.role]=\"timeItem.isSelectedTime ? 'spinbutton' : null\"\n [attr.aria-valuenow]=\"timeItem.isSelectedTime ? minute : null\"\n [attr.aria-valuemin]=\"timeItem.isSelectedTime ? timeItem.minValue : null\"\n [attr.aria-valuemax]=\"timeItem.isSelectedTime ? timeItem.maxValue : null\"\n *ngFor=\"let minute of minuteItems | timeItemPipe:'minutes':this.selectedDate:this.minDropdownValue:this.maxDropdownValue\">{{ minute }}</span>\n </div>\n <div *ngIf=\"this.showSecondsList\" #secondsList [igxItemList]=\"'secondsList'\">\n <span [igxTimeItem]=\"seconds\" #timeItem=\"timeItem\" aria-label=\"seconds\"\n [attr.role]=\"timeItem.isSelectedTime ? 'spinbutton' : null\"\n [attr.aria-valuenow]=\"timeItem.isSelectedTime ? seconds : null\"\n [attr.aria-valuemin]=\"timeItem.isSelectedTime ? timeItem.minValue : null\"\n [attr.aria-valuemax]=\"timeItem.isSelectedTime ? timeItem.maxValue : null\"\n *ngFor=\"let seconds of secondsItems | timeItemPipe:'seconds':this.selectedDate:this.minDropdownValue:this.maxDropdownValue\">{{ seconds }}</span>\n </div>\n <div *ngIf=\"this.showAmPmList\" #ampmList [igxItemList]=\"'ampmList'\">\n <span [igxTimeItem]=\"ampm\" #timeItem=\"timeItem\" aria-label=\"ampm\"\n [attr.role]=\"timeItem.isSelectedTime ? 'spinbutton' : null\"\n [attr.aria-valuenow]=\"timeItem.isSelectedTime ? ampm : null\"\n [attr.aria-valuemin]=\"timeItem.isSelectedTime ? timeItem.minValue : null\"\n [attr.aria-valuemax]=\"timeItem.isSelectedTime ? timeItem.maxValue : null\"\n *ngFor=\"let ampm of ampmItems | timeItemPipe:'ampm':this.selectedDate:this.minDropdownValue:this.maxDropdownValue\">{{ ampm }}</span>\n </div>\n </div>\n <ng-container\n *ngTemplateOutlet=\"timePickerActionsDirective ? timePickerActionsDirective.template : defaultTimePickerActions\">\n </ng-container>\n </div>\n</div>\n",
|
|
67299
67308
|
styles: [":host {\n display: block;\n }"]
|
|
67300
67309
|
},] }
|
|
67301
67310
|
];
|