mmhglobal-dynamicform 2.25.0 → 2.26.0
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/README.md +6 -0
- package/esm2020/lib/components/buttonfieldbase.component.mjs +2 -2
- package/esm2020/lib/embed-components/input-field-addons/input-field-addons.component.mjs +3 -3
- package/esm2020/lib/ficon/ficon.component.mjs +53 -0
- package/esm2020/lib/mmhglobal-dynamicform.module.mjs +9 -4
- package/esm2020/lib/services/main.service.mjs +1 -4
- package/esm2020/lib/zmfb/zmfb.component.mjs +7 -6
- package/esm2020/lib/zudf/zudf.component.mjs +8 -6
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/mmhglobal-dynamicform.mjs +64 -20
- package/fesm2015/mmhglobal-dynamicform.mjs.map +1 -1
- package/fesm2020/mmhglobal-dynamicform.mjs +68 -20
- package/fesm2020/mmhglobal-dynamicform.mjs.map +1 -1
- package/lib/ficon/ficon.component.d.ts +34 -0
- package/lib/mmhglobal-dynamicform.module.d.ts +40 -39
- package/lib/zmfb/zmfb.component.d.ts +3 -2
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -1769,9 +1769,6 @@ class MainService {
|
|
|
1769
1769
|
this.signalrService.joinGroup(firstProjectCode);
|
|
1770
1770
|
}
|
|
1771
1771
|
}
|
|
1772
|
-
else {
|
|
1773
|
-
console.warn('signalR not enabled.');
|
|
1774
|
-
}
|
|
1775
1772
|
}
|
|
1776
1773
|
handleSignalRModificationAlert(formId) {
|
|
1777
1774
|
if (this.signalrService.signalREnabled() && this.environment.enableFormPageModificationAlert) {
|
|
@@ -4430,7 +4427,7 @@ class ButtonFieldBase extends FieldBase {
|
|
|
4430
4427
|
return isVisible;
|
|
4431
4428
|
}
|
|
4432
4429
|
getButtonLabel(button) {
|
|
4433
|
-
let labelResult = button.Label || '';
|
|
4430
|
+
let labelResult = button.Label || button.Name || '';
|
|
4434
4431
|
let labelExpr = labelResult.match(/^{{.*}}$/gi);
|
|
4435
4432
|
if (labelExpr) {
|
|
4436
4433
|
labelExpr = labelExpr[0].slice(2, -2);
|
|
@@ -8799,7 +8796,7 @@ class InputFieldAddOnsComponent extends InputFieldBase {
|
|
|
8799
8796
|
if (this.addOn.IconList) {
|
|
8800
8797
|
this.addOn.IconList = this.addOn.IconList.filter(x => x);
|
|
8801
8798
|
this.addOn.IconList.forEach((i) => {
|
|
8802
|
-
if (i.ToolTipText
|
|
8799
|
+
if (!i.ToolTipText) {
|
|
8803
8800
|
i.ToolTipText = "";
|
|
8804
8801
|
}
|
|
8805
8802
|
else if (i.ToolTipText.indexOf("group.") !== -1) {
|
|
@@ -8831,7 +8828,7 @@ class InputFieldAddOnsComponent extends InputFieldBase {
|
|
|
8831
8828
|
if (this.addOn.TextList) {
|
|
8832
8829
|
this.addOn.TextList = this.addOn.TextList.filter(x => x);
|
|
8833
8830
|
this.addOn.TextList.forEach((i) => {
|
|
8834
|
-
if (i.ToolTipText
|
|
8831
|
+
if (!i.ToolTipText) {
|
|
8835
8832
|
i.ToolTipText = "";
|
|
8836
8833
|
}
|
|
8837
8834
|
else if (i.ToolTipText.indexOf("group.") !== -1) {
|
|
@@ -10037,9 +10034,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
10037
10034
|
|
|
10038
10035
|
/********** Angular **********/
|
|
10039
10036
|
class ZmfbComponent extends ButtonFieldBase {
|
|
10040
|
-
constructor(componentService, fieldService, resourceApiService, workflowService) {
|
|
10037
|
+
constructor(componentService, fontAweSomeService, fieldService, resourceApiService, workflowService) {
|
|
10041
10038
|
super(componentService);
|
|
10042
10039
|
this.componentService = componentService;
|
|
10040
|
+
this.fontAweSomeService = fontAweSomeService;
|
|
10043
10041
|
this.fieldService = fieldService;
|
|
10044
10042
|
this.resourceApiService = resourceApiService;
|
|
10045
10043
|
this.workflowService = workflowService;
|
|
@@ -10233,12 +10231,12 @@ class ZmfbComponent extends ButtonFieldBase {
|
|
|
10233
10231
|
}
|
|
10234
10232
|
}
|
|
10235
10233
|
}
|
|
10236
|
-
ZmfbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZmfbComponent, deps: [{ token: ZComponentService }, { token: i2.FieldService }, { token: i2.ResourceApiService }, { token: i2.WorkflowService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10237
|
-
ZmfbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ZmfbComponent, selector: "app-zmfb", usesInheritance: true, ngImport: i0, template: "<div class=\"zmfb-wrap e1tag-style\" [style]=\"componentProperties.style.style\">\r\n <div class=\"k-overlay e1tag-style1\"\r\n *ngIf=\"dialOpen\"\r\n [style]=\"componentProperties.style.style1\">\r\n </div>\r\n <kendo-floatingactionbutton buttonClass=\"custom-floating-button\"\r\n class=\"e1tag-style2\"\r\n dialClass=\"custom-floating-dial\"\r\n [positionMode]=\"positionMode\"\r\n [align]=\"align\"\r\n [dialItems]=\"items\"\r\n (blur)=\"onBlur()\"\r\n (focus)=\"onFocus()\"\r\n (open)=\"onOpen($event)\"\r\n (close)=\"onClose($event)\"\r\n (click)=\"buttonClick(data)\"\r\n (dialItemClick)=\"onDialItemClick($event)\"\r\n [style]=\"componentProperties.style.style2\">\r\n <ng-template kendoFloatingActionButtonTemplate>\r\n <fa-icon [icon]=\"data.Icon ? data.Icon : 'plus'\"\r\n class=\"e1tag-style3\"\r\n [style]=\"componentProperties.style.style3\">\r\n </fa-icon>\r\n </ng-template>\r\n <ng-template kendoDialItemTemplate\r\n let-item\r\n let-isFocused=\"isFocused\">\r\n <span class=\"k-fab-item-text e1tag-style4\"\r\n [style]=\"componentProperties.style.style4\">\r\n <span>{{ item.label }}</span>\r\n </span>\r\n <kendo-avatar shape=\"circle\"\r\n [themeColor]=\"buttonColor\"\r\n class=\"e1tag-style5\"\r\n [style]=\"componentProperties.style.style5\">\r\n <
|
|
10234
|
+
ZmfbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZmfbComponent, deps: [{ token: ZComponentService }, { token: i2.FontAweSomeService }, { token: i2.FieldService }, { token: i2.ResourceApiService }, { token: i2.WorkflowService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10235
|
+
ZmfbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ZmfbComponent, selector: "app-zmfb", usesInheritance: true, ngImport: i0, template: "<div class=\"zmfb-wrap e1tag-style\" [style]=\"componentProperties.style.style\">\r\n <div class=\"k-overlay e1tag-style1\"\r\n *ngIf=\"dialOpen\"\r\n [style]=\"componentProperties.style.style1\">\r\n </div>\r\n <kendo-floatingactionbutton buttonClass=\"custom-floating-button\"\r\n class=\"e1tag-style2\"\r\n dialClass=\"custom-floating-dial\"\r\n [positionMode]=\"positionMode\"\r\n [align]=\"align\"\r\n [dialItems]=\"items\"\r\n (blur)=\"onBlur()\"\r\n (focus)=\"onFocus()\"\r\n (open)=\"onOpen($event)\"\r\n (close)=\"onClose($event)\"\r\n (click)=\"buttonClick(data)\"\r\n (dialItemClick)=\"onDialItemClick($event)\"\r\n [style]=\"componentProperties.style.style2\">\r\n <ng-template kendoFloatingActionButtonTemplate>\r\n <fa-icon [icon]=\"data.Icon ? data.Icon : 'plus'\"\r\n size=\"2x\"\r\n class=\"e1tag-style3\"\r\n [style]=\"componentProperties.style.style3\">\r\n </fa-icon>\r\n </ng-template>\r\n <ng-template kendoDialItemTemplate\r\n let-item\r\n let-isFocused=\"isFocused\">\r\n <span class=\"k-fab-item-text e1tag-style4\"\r\n [style]=\"componentProperties.style.style4\">\r\n <span>{{ item.label }}</span>\r\n </span>\r\n <kendo-avatar shape=\"circle\"\r\n [themeColor]=\"buttonColor\"\r\n class=\"e1tag-style5\"\r\n [style]=\"componentProperties.style.style5\">\r\n <fa-icon [icon]=\"getFontAwesome(item.icon, fontAweSomeService)\" size=\"1x\"></fa-icon>\r\n </kendo-avatar>\r\n </ng-template>\r\n </kendo-floatingactionbutton>\r\n</div>\r\n", styles: [":host ::ng-deep kendo-floatingactionbutton .custom-floating-button{background:var(--ion-color-primary);border:none!important;outline:none;height:55px;width:55px;z-index:999}:host ::ng-deep kendo-floatingactionbutton .custom-floating-button:hover{background:var(--ion-color-primary-tint)}.button-item{padding:8px 10px;width:100%;display:flex;align-items:center;background-color:#fff}.button-details{margin-left:8px;display:flex;flex-direction:column;align-items:flex-start}.custom-focused-class{box-shadow:inset 0 0 8px #0003}.zmfb-wrap{display:flex;justify-content:center;margin-top:60px}@media only screen and (max-device-width: 768px){.k-bottom-end,.k-pos-bottom-end{padding-bottom:16vh}}.k-top-end,.k-pos-top-end{padding-top:6.5vh;padding-right:1vw}\n"], components: [{ type: i3$3.FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: ["themeColor", "size", "rounded", "disabled", "align", "offset", "positionMode", "icon", "iconClass", "buttonClass", "dialClass", "text", "dialItemAnimation", "tabIndex", "dialItems"], outputs: ["blur", "focus", "dialItemClick", "open", "close"] }, { type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i2$5.AvatarComponent, selector: "kendo-avatar", inputs: ["shape", "size", "rounded", "themeColor", "fillMode", "fill", "border", "iconClass", "width", "height", "cssStyle", "initials", "icon", "imageSrc"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$3.FloatingActionButtonTemplateDirective, selector: "[kendoFloatingActionButtonTemplate]" }, { type: i3$3.DialItemTemplateDirective, selector: "[kendoDialItemTemplate]" }] });
|
|
10238
10236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZmfbComponent, decorators: [{
|
|
10239
10237
|
type: Component,
|
|
10240
|
-
args: [{ selector: 'app-zmfb', template: "<div class=\"zmfb-wrap e1tag-style\" [style]=\"componentProperties.style.style\">\r\n <div class=\"k-overlay e1tag-style1\"\r\n *ngIf=\"dialOpen\"\r\n [style]=\"componentProperties.style.style1\">\r\n </div>\r\n <kendo-floatingactionbutton buttonClass=\"custom-floating-button\"\r\n class=\"e1tag-style2\"\r\n dialClass=\"custom-floating-dial\"\r\n [positionMode]=\"positionMode\"\r\n [align]=\"align\"\r\n [dialItems]=\"items\"\r\n (blur)=\"onBlur()\"\r\n (focus)=\"onFocus()\"\r\n (open)=\"onOpen($event)\"\r\n (close)=\"onClose($event)\"\r\n (click)=\"buttonClick(data)\"\r\n (dialItemClick)=\"onDialItemClick($event)\"\r\n [style]=\"componentProperties.style.style2\">\r\n <ng-template kendoFloatingActionButtonTemplate>\r\n <fa-icon [icon]=\"data.Icon ? data.Icon : 'plus'\"\r\n class=\"e1tag-style3\"\r\n [style]=\"componentProperties.style.style3\">\r\n </fa-icon>\r\n </ng-template>\r\n <ng-template kendoDialItemTemplate\r\n let-item\r\n let-isFocused=\"isFocused\">\r\n <span class=\"k-fab-item-text e1tag-style4\"\r\n [style]=\"componentProperties.style.style4\">\r\n <span>{{ item.label }}</span>\r\n </span>\r\n <kendo-avatar shape=\"circle\"\r\n [themeColor]=\"buttonColor\"\r\n class=\"e1tag-style5\"\r\n [style]=\"componentProperties.style.style5\">\r\n <
|
|
10241
|
-
}], ctorParameters: function () { return [{ type: ZComponentService }, { type: i2.FieldService }, { type: i2.ResourceApiService }, { type: i2.WorkflowService }]; } });
|
|
10238
|
+
args: [{ selector: 'app-zmfb', template: "<div class=\"zmfb-wrap e1tag-style\" [style]=\"componentProperties.style.style\">\r\n <div class=\"k-overlay e1tag-style1\"\r\n *ngIf=\"dialOpen\"\r\n [style]=\"componentProperties.style.style1\">\r\n </div>\r\n <kendo-floatingactionbutton buttonClass=\"custom-floating-button\"\r\n class=\"e1tag-style2\"\r\n dialClass=\"custom-floating-dial\"\r\n [positionMode]=\"positionMode\"\r\n [align]=\"align\"\r\n [dialItems]=\"items\"\r\n (blur)=\"onBlur()\"\r\n (focus)=\"onFocus()\"\r\n (open)=\"onOpen($event)\"\r\n (close)=\"onClose($event)\"\r\n (click)=\"buttonClick(data)\"\r\n (dialItemClick)=\"onDialItemClick($event)\"\r\n [style]=\"componentProperties.style.style2\">\r\n <ng-template kendoFloatingActionButtonTemplate>\r\n <fa-icon [icon]=\"data.Icon ? data.Icon : 'plus'\"\r\n size=\"2x\"\r\n class=\"e1tag-style3\"\r\n [style]=\"componentProperties.style.style3\">\r\n </fa-icon>\r\n </ng-template>\r\n <ng-template kendoDialItemTemplate\r\n let-item\r\n let-isFocused=\"isFocused\">\r\n <span class=\"k-fab-item-text e1tag-style4\"\r\n [style]=\"componentProperties.style.style4\">\r\n <span>{{ item.label }}</span>\r\n </span>\r\n <kendo-avatar shape=\"circle\"\r\n [themeColor]=\"buttonColor\"\r\n class=\"e1tag-style5\"\r\n [style]=\"componentProperties.style.style5\">\r\n <fa-icon [icon]=\"getFontAwesome(item.icon, fontAweSomeService)\" size=\"1x\"></fa-icon>\r\n </kendo-avatar>\r\n </ng-template>\r\n </kendo-floatingactionbutton>\r\n</div>\r\n", styles: [":host ::ng-deep kendo-floatingactionbutton .custom-floating-button{background:var(--ion-color-primary);border:none!important;outline:none;height:55px;width:55px;z-index:999}:host ::ng-deep kendo-floatingactionbutton .custom-floating-button:hover{background:var(--ion-color-primary-tint)}.button-item{padding:8px 10px;width:100%;display:flex;align-items:center;background-color:#fff}.button-details{margin-left:8px;display:flex;flex-direction:column;align-items:flex-start}.custom-focused-class{box-shadow:inset 0 0 8px #0003}.zmfb-wrap{display:flex;justify-content:center;margin-top:60px}@media only screen and (max-device-width: 768px){.k-bottom-end,.k-pos-bottom-end{padding-bottom:16vh}}.k-top-end,.k-pos-top-end{padding-top:6.5vh;padding-right:1vw}\n"] }]
|
|
10239
|
+
}], ctorParameters: function () { return [{ type: ZComponentService }, { type: i2.FontAweSomeService }, { type: i2.FieldService }, { type: i2.ResourceApiService }, { type: i2.WorkflowService }]; } });
|
|
10242
10240
|
|
|
10243
10241
|
/********** Angular **********/
|
|
10244
10242
|
class ZmodalComponent extends DialogContentBase {
|
|
@@ -12301,11 +12299,13 @@ class ZudfComponent extends ContainerFieldBase {
|
|
|
12301
12299
|
if (this.data.Value == undefined && this.data.FieldElementCode) {
|
|
12302
12300
|
const fieldName = ZComponentHelper.getGroupValue(this.data.FieldElementCode, this.group);
|
|
12303
12301
|
const fieldFormType = ZComponentHelper.getGroupValue(this.data.FieldElementFormType, this.group);
|
|
12304
|
-
if (
|
|
12305
|
-
|
|
12306
|
-
|
|
12307
|
-
|
|
12308
|
-
|
|
12302
|
+
if (fieldName) {
|
|
12303
|
+
if (fieldFormType && fieldFormType == FormType.listField) {
|
|
12304
|
+
obs = this.fieldService.getListFieldByFieldElementName(fieldName);
|
|
12305
|
+
}
|
|
12306
|
+
else {
|
|
12307
|
+
obs = this.fieldService.getFormFieldCode(fieldName, 'FormField', this, 'fields');
|
|
12308
|
+
}
|
|
12309
12309
|
}
|
|
12310
12310
|
}
|
|
12311
12311
|
super.initComponent().pipe(switchMap(() => obs), switchMap((field) => {
|
|
@@ -14303,6 +14303,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
14303
14303
|
args: [{ selector: "app-kscrollview", template: "<div class=\"kscrollview-container\" [style]=\"componentProperties.containerStyle.style\" class=\"e1tag-container-style\"\r\n *ngIf=\"!isLoading\">\r\n <kendo-scrollview [style]=\"componentProperties.containerStyle.style1\" class=\"e1tag-container-style1 scrollview\"\r\n [ngClass]=\"data.Class\" [data]=\"panelItems\" [arrows]=\"options.arrows\" [pageable]=\"options.pageAble\"\r\n [endless]=\"options.endless\">\r\n <ng-template let-item=\"item\">\r\n <div [style]=\"componentProperties.containerStyle.style2\" class=\"e1tag-container-style2\" (click)=\"onItemClick($event, item)\">\r\n <div [style]=\"componentProperties.containerStyle.style3\" class=\"e1tag-container-style3 kscrollview-title\">\r\n {{item.Label}}\r\n </div>\r\n <img [src]='item.SourceUrl' [alt]='item.Label' [style]=\"componentProperties.containerStyle.style4\"\r\n class=\"e1tag-container-style4\" draggable=\"true\" />\r\n </div>\r\n </ng-template>\r\n </kendo-scrollview>\r\n</div>\r\n", styles: [".k-scrollview-wrap{margin:0 auto}.kscrollview-title{position:absolute;top:0;left:0;right:0;margin:0;padding:8px 8px 10px;color:#fff;background:linear-gradient(rgba(0,0,0,.8),rgba(202,202,202,.4705882353));text-align:center;font-size:16px}.scrollview{height:400px}.title-bottom .kscrollview-title{top:unset;bottom:0;background:linear-gradient(rgba(202,202,202,.4705882353),rgba(0,0,0,.8));padding-bottom:15px;padding-top:10px}.show-title-when-hover .kscrollview-title{opacity:0;transition:opacity .5s}.show-title-when-hover:hover .kscrollview-title{opacity:1;transition:opacity .5s}\n"] }]
|
|
14304
14304
|
}], ctorParameters: function () { return [{ type: ZComponentService }]; } });
|
|
14305
14305
|
|
|
14306
|
+
class FiconComponent {
|
|
14307
|
+
constructor(fontAweSomeService) {
|
|
14308
|
+
this.fontAweSomeService = fontAweSomeService;
|
|
14309
|
+
this.size = "large";
|
|
14310
|
+
this.rounded = "medium";
|
|
14311
|
+
this.fillMode = "solid";
|
|
14312
|
+
this.icons = [];
|
|
14313
|
+
this.filteredIcons = [];
|
|
14314
|
+
this.searchTerm = '';
|
|
14315
|
+
}
|
|
14316
|
+
ngOnInit() {
|
|
14317
|
+
this.icons = this.fontAweSomeService.getAllIcons().map(icon => ({
|
|
14318
|
+
...icon,
|
|
14319
|
+
formattedName: this.toCamelCase(`${icon.name}`)
|
|
14320
|
+
// formattedName: this.toCamelCase(`${icon.prefix === 'fas' ? 'fa' : icon.prefix}-${icon.name}`)
|
|
14321
|
+
}));
|
|
14322
|
+
this.filteredIcons = [...this.icons];
|
|
14323
|
+
ZComponentHelper.setComponentProperties(this);
|
|
14324
|
+
ZComponentHelper.registerComponent(this);
|
|
14325
|
+
}
|
|
14326
|
+
toCamelCase(str) {
|
|
14327
|
+
return str
|
|
14328
|
+
.split('-')
|
|
14329
|
+
.map((word, index) => index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1))
|
|
14330
|
+
.join('');
|
|
14331
|
+
}
|
|
14332
|
+
filterIcon(searchTerm) {
|
|
14333
|
+
this.searchTerm = searchTerm;
|
|
14334
|
+
this.filteredIcons = this.icons.filter(icon => icon.name.toLowerCase().includes(searchTerm.toLowerCase()));
|
|
14335
|
+
}
|
|
14336
|
+
}
|
|
14337
|
+
FiconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FiconComponent, deps: [{ token: i2.FontAweSomeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
14338
|
+
FiconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FiconComponent, selector: "app-ficon", inputs: { data: "data", group: "group", form: "form" }, ngImport: i0, template: "<div> \r\n <div class=\"search-box\">\r\n <kendo-floatinglabel [labelCssClass]=\"'custom-label-class'\"\r\n text=\"Search icons\">\r\n <kendo-textbox [(ngModel)]=\"searchTerm\"\r\n (ngModelChange)=\"filterIcon(searchTerm)\"\r\n placeholder=\"Search icons\"\r\n [clearButton]=\"true\"\r\n [rounded]=\"rounded\"\r\n [style.width.px]=\"480\">\r\n </kendo-textbox>\r\n </kendo-floatinglabel> \r\n </div>\r\n\r\n <ul class=\"icons-wrapper\">\r\n <li *ngFor=\"let icon of filteredIcons\" class=\"icon-item\">\r\n <fa-icon [icon]=\"icon.definition\" size=\"3x\"></fa-icon>\r\n <div class=\"icon-name\" style=\"text-align:center\">{{ icon.formattedName }}</div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".icons-wrapper{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:1em;margin:1em}.icon-item{display:flex;flex-direction:column;align-items:center;margin:0 8px 16px 0;width:150px;height:100px;text-align:center;font-size:12px;box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:12px;background-color:#f5f5f5}.icon-item kendo-svgicon{margin-bottom:8px}.icon-name{word-spacing:100px;white-space:initial;max-width:150px;padding-top:1em}.k-icon{display:block;clear:both;margin:0 auto 10px;color:#656565;font-size:32px}.custom-label-class{margin-left:30px}.search-box{display:flex;justify-content:center;margin-top:30px;margin-bottom:20px}\n"], components: [{ type: i15.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }, { type: i3$5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
14339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FiconComponent, decorators: [{
|
|
14340
|
+
type: Component,
|
|
14341
|
+
args: [{ selector: 'app-ficon', template: "<div> \r\n <div class=\"search-box\">\r\n <kendo-floatinglabel [labelCssClass]=\"'custom-label-class'\"\r\n text=\"Search icons\">\r\n <kendo-textbox [(ngModel)]=\"searchTerm\"\r\n (ngModelChange)=\"filterIcon(searchTerm)\"\r\n placeholder=\"Search icons\"\r\n [clearButton]=\"true\"\r\n [rounded]=\"rounded\"\r\n [style.width.px]=\"480\">\r\n </kendo-textbox>\r\n </kendo-floatinglabel> \r\n </div>\r\n\r\n <ul class=\"icons-wrapper\">\r\n <li *ngFor=\"let icon of filteredIcons\" class=\"icon-item\">\r\n <fa-icon [icon]=\"icon.definition\" size=\"3x\"></fa-icon>\r\n <div class=\"icon-name\" style=\"text-align:center\">{{ icon.formattedName }}</div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".icons-wrapper{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:1em;margin:1em}.icon-item{display:flex;flex-direction:column;align-items:center;margin:0 8px 16px 0;width:150px;height:100px;text-align:center;font-size:12px;box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:12px;background-color:#f5f5f5}.icon-item kendo-svgicon{margin-bottom:8px}.icon-name{word-spacing:100px;white-space:initial;max-width:150px;padding-top:1em}.k-icon{display:block;clear:both;margin:0 auto 10px;color:#656565;font-size:32px}.custom-label-class{margin-left:30px}.search-box{display:flex;justify-content:center;margin-top:30px;margin-bottom:20px}\n"] }]
|
|
14342
|
+
}], ctorParameters: function () { return [{ type: i2.FontAweSomeService }]; }, propDecorators: { data: [{
|
|
14343
|
+
type: Input
|
|
14344
|
+
}], group: [{
|
|
14345
|
+
type: Input
|
|
14346
|
+
}], form: [{
|
|
14347
|
+
type: Input
|
|
14348
|
+
}] } });
|
|
14349
|
+
|
|
14306
14350
|
/********** Angular **********/
|
|
14307
14351
|
class MmhglobalDynamicformModule {
|
|
14308
14352
|
}
|
|
@@ -14388,7 +14432,8 @@ MmhglobalDynamicformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
|
|
|
14388
14432
|
ZcolorpickerComponent,
|
|
14389
14433
|
KmenuComponent,
|
|
14390
14434
|
KScrollViewComponent,
|
|
14391
|
-
ContextMenuComponent
|
|
14435
|
+
ContextMenuComponent,
|
|
14436
|
+
FiconComponent], imports: [IonicModule,
|
|
14392
14437
|
IonicSelectableModule,
|
|
14393
14438
|
CommonModule,
|
|
14394
14439
|
RouterModule,
|
|
@@ -14515,7 +14560,8 @@ MmhglobalDynamicformModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
|
|
|
14515
14560
|
VirtualScrollComponent,
|
|
14516
14561
|
ZcolorpickerComponent,
|
|
14517
14562
|
KmenuComponent,
|
|
14518
|
-
KScrollViewComponent
|
|
14563
|
+
KScrollViewComponent,
|
|
14564
|
+
FiconComponent] });
|
|
14519
14565
|
MmhglobalDynamicformModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MmhglobalDynamicformModule, providers: [
|
|
14520
14566
|
ModalService
|
|
14521
14567
|
], imports: [[
|
|
@@ -14654,7 +14700,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
14654
14700
|
ZcolorpickerComponent,
|
|
14655
14701
|
KmenuComponent,
|
|
14656
14702
|
KScrollViewComponent,
|
|
14657
|
-
ContextMenuComponent
|
|
14703
|
+
ContextMenuComponent,
|
|
14704
|
+
FiconComponent
|
|
14658
14705
|
],
|
|
14659
14706
|
imports: [
|
|
14660
14707
|
IonicModule,
|
|
@@ -14788,6 +14835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
14788
14835
|
ZcolorpickerComponent,
|
|
14789
14836
|
KmenuComponent,
|
|
14790
14837
|
KScrollViewComponent,
|
|
14838
|
+
FiconComponent
|
|
14791
14839
|
],
|
|
14792
14840
|
providers: [
|
|
14793
14841
|
ModalService
|
|
@@ -14804,5 +14852,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
14804
14852
|
* Generated bundle index. Do not edit.
|
|
14805
14853
|
*/
|
|
14806
14854
|
|
|
14807
|
-
export { ButtonFieldBase, ContainerFieldBase, ContextMenuComponent, DataListingFieldBase, DateIonicFormatParser, DateIonicMinMaxParser, DateKendoFormatParser, DateParserFilter, DateRangeFilterCellComponent, DivzLayout, EditorFilter, ElementContainerDirective, FieldBase, FieldElementDirective, HtmlSanitizePipe, InputErrorMessageComponent, InputFieldAddOnsComponent, InputFieldBase, KScrollViewComponent, KcardComponent, KmenuComponent, KsplitterComponent, MainService, MmhglobalDynamicformModule, MyFileInfo, OpenOnFocusDirective, PageLoaderComponent, PanelAreaFilter, ProcessingRecordLoaderComponent, ScrollbarThemeDirective, SfquerybuilderComponent, SpinnerComponent, TabFilter, UiactionbuttonComponent, UiappmenucontentComponent, UibulletinComponent, UicontainerComponent, UicontentComponent, UiheaderComponent, UimenubuttonComponent, UimenucontentComponent, UipageComponent, UivalidationmessageComponent, VirtualScrollComponent, ZBulletComponent, ZChipComponent, ZComponentService, ZGridBindingDirective, ZGridPopupAnchorDirective, ZInputContainerComponent, ZInputParser, ZNumericParser, ZSchedulerToolBarComponent, ZSelectTranslationParser, ZTreeListOptions, ZbuttonsComponent, ZcardComponent, ZchartComponent, ZcheckboxComponent, ZcodeeditorComponent, ZcolorpickerComponent, ZdaterangeComponent, ZdatetimeComponent, ZdivComponent, ZformComponent, ZformcontrolComponent, ZgaugeComponent, ZgridComponent, ZgridContainerComponent, ZimgComponent, ZlabelComponent, ZloopComponent, ZmfbComponent, ZmodalComponent, ZmodalMobileComponent, ZnumericComponent, ZpostselectinputComponent, ZprogressbarComponent, ZreportComponent, ZschedulerComponent, ZselectmultipleComponent, ZtabComponent, ZtextComponent, ZtextareaComponent, ZtexteditorComponent, ZtreeComponent, ZtreelistComponent, ZtrendcardComponent, ZudfComponent, ZunknownComponent, ZuploadComponent, ZworkflowbuttonsComponent, refreshGrid };
|
|
14855
|
+
export { ButtonFieldBase, ContainerFieldBase, ContextMenuComponent, DataListingFieldBase, DateIonicFormatParser, DateIonicMinMaxParser, DateKendoFormatParser, DateParserFilter, DateRangeFilterCellComponent, DivzLayout, EditorFilter, ElementContainerDirective, FiconComponent, FieldBase, FieldElementDirective, HtmlSanitizePipe, InputErrorMessageComponent, InputFieldAddOnsComponent, InputFieldBase, KScrollViewComponent, KcardComponent, KmenuComponent, KsplitterComponent, MainService, MmhglobalDynamicformModule, MyFileInfo, OpenOnFocusDirective, PageLoaderComponent, PanelAreaFilter, ProcessingRecordLoaderComponent, ScrollbarThemeDirective, SfquerybuilderComponent, SpinnerComponent, TabFilter, UiactionbuttonComponent, UiappmenucontentComponent, UibulletinComponent, UicontainerComponent, UicontentComponent, UiheaderComponent, UimenubuttonComponent, UimenucontentComponent, UipageComponent, UivalidationmessageComponent, VirtualScrollComponent, ZBulletComponent, ZChipComponent, ZComponentService, ZGridBindingDirective, ZGridPopupAnchorDirective, ZInputContainerComponent, ZInputParser, ZNumericParser, ZSchedulerToolBarComponent, ZSelectTranslationParser, ZTreeListOptions, ZbuttonsComponent, ZcardComponent, ZchartComponent, ZcheckboxComponent, ZcodeeditorComponent, ZcolorpickerComponent, ZdaterangeComponent, ZdatetimeComponent, ZdivComponent, ZformComponent, ZformcontrolComponent, ZgaugeComponent, ZgridComponent, ZgridContainerComponent, ZimgComponent, ZlabelComponent, ZloopComponent, ZmfbComponent, ZmodalComponent, ZmodalMobileComponent, ZnumericComponent, ZpostselectinputComponent, ZprogressbarComponent, ZreportComponent, ZschedulerComponent, ZselectmultipleComponent, ZtabComponent, ZtextComponent, ZtextareaComponent, ZtexteditorComponent, ZtreeComponent, ZtreelistComponent, ZtrendcardComponent, ZudfComponent, ZunknownComponent, ZuploadComponent, ZworkflowbuttonsComponent, refreshGrid };
|
|
14808
14856
|
//# sourceMappingURL=mmhglobal-dynamicform.mjs.map
|