@inspark/inspark-components 19.0.17 → 19.0.18
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.
|
@@ -3391,11 +3391,11 @@ class ButtonComponent {
|
|
|
3391
3391
|
i0.ɵɵproperty("ngIf", !ctx.link && ctx.menuItems.length);
|
|
3392
3392
|
i0.ɵɵadvance();
|
|
3393
3393
|
i0.ɵɵproperty("ngIf", !ctx.link && !ctx.menuItems.length);
|
|
3394
|
-
} }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i1$3.RouterLink, SvgComponent, PreloaderComponent, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, ButtonComponent], styles: ["@charset \"UTF-8\";.container[_ngcontent-%COMP%]{display:inline-block}.button-container[_ngcontent-%COMP%]{position:relative;display:inline-block}button[_ngcontent-%COMP%]{outline:none;width:100%}.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-button-text[_ngcontent-%COMP%]{vertical-align:middle}.notify[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.notify.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.notify.error[_ngcontent-%COMP%]{background:var(--colorError)}.notify.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.p-button[_ngcontent-%COMP%]{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed[_ngcontent-%COMP%]{background-color:var(--colorBgLevel4)}.p-button.p-button-large[_ngcontent-%COMP%]{height:48px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{font-size:18px;margin-top:-8px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 2.4em}.p-button-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]{width:48px;height:48px}.p-button-icon-only.p-button-large[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%], .p-button-icon-only[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-button-transparency[_ngcontent-%COMP%]{background:none;color:currentColor}.p-button-transparency[_ngcontent-%COMP%]:hover{color:currentColor}.p-button-shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-2px}.p-button.p-button-svg[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:0}.p-button-material.p-button-icon-only[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:20px}.p-button-material.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-10px;margin-left:-12px}.p-button-material[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:16px}.p-button-material[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-7px}.p-button-material.p-button-small[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:14px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:18px}.p-button-material.p-button-large[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:24px}.p-button-material.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px;margin-left:-13px}[_nghost-%COMP%] .p-menu[_ngcontent-%COMP%] .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}.dropdown-menu[_ngcontent-%COMP%]{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{padding:4px;font-size:14px}.dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%]{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] button{width:100%;border-radius:0}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] .p-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] button .p-button{justify-content:flex-start}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] .switcher[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] + .in-dropdown-menu-item[_ngcontent-%COMP%]{border-top:1px solid var(--colorBgLevel4)}"], changeDetection: 0 }); }
|
|
3394
|
+
} }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i1$3.RouterLink, SvgComponent, PreloaderComponent, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, ButtonComponent], styles: ["@charset \"UTF-8\";.container[_ngcontent-%COMP%]{display:inline-block}.button-container[_ngcontent-%COMP%]{position:relative;display:inline-block}button[_ngcontent-%COMP%]{outline:none;width:100%}.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-9px}.p-button-text[_ngcontent-%COMP%]{vertical-align:middle}.notify[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning[_ngcontent-%COMP%]{background:var(--colorWarning)}.notify.success[_ngcontent-%COMP%]{background:var(--colorSuccess)}.notify.error[_ngcontent-%COMP%]{background:var(--colorError)}.notify.critical[_ngcontent-%COMP%]{background:var(--colorCritical)}.p-button[_ngcontent-%COMP%]{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed[_ngcontent-%COMP%]{background-color:var(--colorBgLevel4)}.p-button.p-button-large[_ngcontent-%COMP%]{height:48px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{font-size:18px;margin-top:-8px}.p-button.p-button-large[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:0 1em 0 2.4em}.p-button-text-only[_ngcontent-%COMP%] .p-button-text[_ngcontent-%COMP%]{padding:.25em 1em}.p-button-icon-only[_ngcontent-%COMP%]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large[_ngcontent-%COMP%]{width:48px;height:48px}.p-button-icon-only.p-button-large[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%], .p-button-icon-only[_ngcontent-%COMP%] .svg[_ngcontent-%COMP%]{display:inline-block;line-height:0}.p-button-transparency[_ngcontent-%COMP%]{background:none;color:currentColor}.p-button-transparency[_ngcontent-%COMP%]:hover{color:currentColor}.p-button-shadowed[_ngcontent-%COMP%]{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-2px}.p-button.p-button-svg[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:0}.p-button-material.p-button-icon-only[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:20px}.p-button-material.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-10px;margin-left:-12px}.p-button-material[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:16px}.p-button-material[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-7px}.p-button-material.p-button-small[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:14px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:18px}.p-button-material.p-button-large[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:24px}.p-button-material.p-button-large[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only[_ngcontent-%COMP%] .p-button-icon-left[_ngcontent-%COMP%]{margin-top:-11px;margin-left:-13px}[_nghost-%COMP%] .p-menu[_ngcontent-%COMP%] .p-menuitem-link[_ngcontent-%COMP%]{font-size:16px}.dropdown-menu[_ngcontent-%COMP%]{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{padding:4px;font-size:14px}.dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%]{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show[_ngcontent-%COMP%]{display:block}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%]{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] button{width:100%;border-radius:0}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] .p-button[_ngcontent-%COMP%], .in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] in-button[_ngcontent-%COMP%] button .p-button{justify-content:flex-start}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] .switcher[_ngcontent-%COMP%]{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu[_ngcontent-%COMP%] .in-dropdown-menu-item[_ngcontent-%COMP%] + .in-dropdown-menu-item[_ngcontent-%COMP%]{border-top:1px solid var(--colorBgLevel4)}"], changeDetection: 0 }); }
|
|
3395
3395
|
}
|
|
3396
3396
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
|
|
3397
3397
|
type: Component,
|
|
3398
|
-
args: [{ standalone: false, selector: 'in-button', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='external'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [href]=\"link\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='internal'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [routerLink]=\"link\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\r\n ngbDropdown>\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\"\r\n [style]=\"style\" ngbDropdownToggle>\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\r\n class=\"in-dropdown-menu\"\r\n ngbDropdownMenu>\r\n <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\r\n <in-button (click)=\"dropdown.close(); item.command?.($event);\"\r\n [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\r\n [icon]=\"item.icon\"\r\n [label]=\"item.label\"\r\n [svg]=\"item.svg\"\r\n size=\"large\"\r\n width=\"100%\"></in-button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label) || isIconOnly,\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\" [style]=\"style\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n\r\n<ng-template #content>\r\n <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\r\n [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"></span>\r\n <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"\r\n ><i class=\"material-icons\">{{icon}}</i></span>\r\n <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\r\n <span class=\"p-button-text p-clickable\">{{label}}</span>\r\n <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\">\r\n <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\r\n </span>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:none;width:100%}.p-button-icon-only .p-button-icon-left{margin-top:-9px}.p-button-text{vertical-align:middle}.notify{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning{background:var(--colorWarning)}.notify.success{background:var(--colorSuccess)}.notify.error{background:var(--colorError)}.notify.critical{background:var(--colorCritical)}.p-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed{background-color:var(--colorBgLevel4)}.p-button.p-button-large{height:48px}.p-button.p-button-large .p-button-icon-left{font-size:18px;margin-top:-8px}.p-button.p-button-large .p-button-text{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left .p-button-text{padding:0 1em 0 2.4em}.p-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large{width:48px;height:48px}.p-button-icon-only.p-button-large .svg,.p-button-icon-only .svg{display:inline-block;line-height:0}.p-button-transparency{background:none;color:currentColor}.p-button-transparency:hover{color:currentColor}.p-button-shadowed{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small .p-button-icon-left{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-2px}.p-button.p-button-svg .p-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only .p-button-icon-left{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:0}.p-button-material.p-button-icon-only .material-icons{font-size:20px}.p-button-material.p-button-icon-only .p-button-icon-left{margin-top:-10px;margin-left:-12px}.p-button-material .material-icons{font-size:16px}.p-button-material .p-button-icon-left{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small .p-button-icon-left{margin-top:-7px}.p-button-material.p-button-small .material-icons{font-size:14px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left .material-icons{font-size:18px}.p-button-material.p-button-large .material-icons{font-size:24px}.p-button-material.p-button-large .p-button-icon-left{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:-11px;margin-left:-13px}:host .p-menu .p-menuitem-link{font-size:16px}.dropdown-menu{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu li{padding:4px;font-size:14px}.dropdown-menu.show{display:block}.in-dropdown-menu{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show{display:block}.in-dropdown-menu .in-dropdown-menu-item{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu .in-dropdown-menu-item in-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button{width:100%;border-radius:0}.in-dropdown-menu .in-dropdown-menu-item in-button .p-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .p-button{justify-content:flex-start}.in-dropdown-menu .in-dropdown-menu-item .switcher{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu .in-dropdown-menu-item+.in-dropdown-menu-item{border-top:1px solid var(--colorBgLevel4)}\n"] }]
|
|
3398
|
+
args: [{ standalone: false, selector: 'in-button', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='external'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [href]=\"link\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n *ngIf=\"link && _linkType ==='internal'\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-pressed' : pressed}\"\r\n [ngStyle]=\"{width:width}\"\r\n [routerLink]=\"link\"\r\n [style]=\"style\"\r\n [target]=\"_target\" class=\"button-container\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\r\n ngbDropdown>\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label),\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\"\r\n [style]=\"style\" ngbDropdownToggle>\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\r\n class=\"in-dropdown-menu\"\r\n ngbDropdownMenu>\r\n <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\r\n <in-button (click)=\"dropdown.close(); item.command?.($event);\"\r\n [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\r\n [icon]=\"item.icon\"\r\n [label]=\"item.label\"\r\n [svg]=\"item.svg\"\r\n size=\"large\"\r\n width=\"100%\"></in-button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\r\n <button\r\n (blur)=\"blur.emit($event)\"\r\n (click)=\"_onClick($event)\"\r\n (focus)=\"focus.emit($event)\"\r\n [attr.type]=\"type\"\r\n [class]=\"className + ' ' + testId + ' field_' + name\"\r\n [disabled]=\"disabled\"\r\n [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n 'p-button-icon-only': ((icon || svg) && !label) || isIconOnly,\r\n 'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n 'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n 'p-button-text-only': (!(icon || svg) && label),\r\n 'p-button-text-empty': (!(icon || svg) && !label),\r\n 'p-button-svg': svg,\r\n 'p-button-material': isMaterialIcon,\r\n 'p-state-disabled': disabled,\r\n 'p-button-tiny': size === 'tiny',\r\n 'p-button-small': size === 'small',\r\n 'p-button-large': size === 'large',\r\n 'p-button-primary': color === 'primary',\r\n 'p-button-secondary': color === 'secondary',\r\n 'p-button-danger': color === 'danger',\r\n 'p-button-transparency': color === 'transparent',\r\n 'p-button-shadowed': shadow === true,\r\n 'p-button-pressed' : pressed}\" [style]=\"style\">\r\n <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n </button>\r\n <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n\r\n<ng-template #content>\r\n <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\r\n [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"></span>\r\n <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\"\r\n ><i class=\"material-icons\">{{icon}}</i></span>\r\n <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\r\n <span class=\"p-button-text p-clickable\">{{label}}</span>\r\n <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n 'p-button-icon-left': (iconPos === 'left'),\r\n 'p-button-icon-right': (iconPos === 'right')}\">\r\n <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\r\n </span>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:none;width:100%}.p-button-icon-only .p-button-icon-left{margin-top:-9px}.p-button-text{vertical-align:middle}.notify{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning{background:var(--colorWarning)}.notify.success{background:var(--colorSuccess)}.notify.error{background:var(--colorError)}.notify.critical{background:var(--colorCritical)}.p-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed{background-color:var(--colorBgLevel4)}.p-button.p-button-large{height:48px}.p-button.p-button-large .p-button-icon-left{font-size:18px;margin-top:-8px}.p-button.p-button-large .p-button-text{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left .p-button-text{padding:0 1em 0 2.4em}.p-button-text-only .p-button-text{padding:.25em 1em}.p-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large{width:48px;height:48px}.p-button-icon-only.p-button-large .svg,.p-button-icon-only .svg{display:inline-block;line-height:0}.p-button-transparency{background:none;color:currentColor}.p-button-transparency:hover{color:currentColor}.p-button-shadowed{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small .p-button-icon-left{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-2px}.p-button.p-button-svg .p-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only .p-button-icon-left{left:auto;width:auto;transform:none;margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:0}.p-button-material.p-button-icon-only .material-icons{font-size:20px}.p-button-material.p-button-icon-only .p-button-icon-left{margin-top:-10px;margin-left:-12px}.p-button-material .material-icons{font-size:16px}.p-button-material .p-button-icon-left{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small .p-button-icon-left{margin-top:-7px}.p-button-material.p-button-small .material-icons{font-size:14px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left .material-icons{font-size:18px}.p-button-material.p-button-large .material-icons{font-size:24px}.p-button-material.p-button-large .p-button-icon-left{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:-11px;margin-left:-13px}:host .p-menu .p-menuitem-link{font-size:16px}.dropdown-menu{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu li{padding:4px;font-size:14px}.dropdown-menu.show{display:block}.in-dropdown-menu{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px #0003}.in-dropdown-menu.show{display:block}.in-dropdown-menu .in-dropdown-menu-item{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu .in-dropdown-menu-item in-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button{width:100%;border-radius:0}.in-dropdown-menu .in-dropdown-menu-item in-button .p-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .p-button{justify-content:flex-start}.in-dropdown-menu .in-dropdown-menu-item .switcher{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu .in-dropdown-menu-item+.in-dropdown-menu-item{border-top:1px solid var(--colorBgLevel4)}\n"] }]
|
|
3399
3399
|
}], () => [{ type: i0.ChangeDetectorRef }], { size: [{
|
|
3400
3400
|
type: Input
|
|
3401
3401
|
}], color: [{
|
|
@@ -6237,52 +6237,36 @@ class DropdownComponent {
|
|
|
6237
6237
|
return this.filterBy ?? this.optionLabel;
|
|
6238
6238
|
}
|
|
6239
6239
|
ngAfterContentInit() {
|
|
6240
|
-
console.log('=== Looking for templates ===');
|
|
6241
|
-
console.log('Total templates found:', this.templates.length);
|
|
6242
|
-
// Перебираем все переданные шаблоны
|
|
6243
6240
|
this.templates.forEach((template, index) => {
|
|
6244
6241
|
const templateRef = template;
|
|
6245
|
-
console.log(`Template ${index + 1}:`, templateRef);
|
|
6246
|
-
// Пытаемся получить атрибуты шаблона
|
|
6247
6242
|
const tContainer = templateRef._declarationTContainer;
|
|
6248
6243
|
const attrs = tContainer?.attrs;
|
|
6249
6244
|
if (attrs && Array.isArray(attrs)) {
|
|
6250
|
-
console.log('Attributes:', attrs);
|
|
6251
|
-
// Ищем атрибут pTemplate
|
|
6252
6245
|
for (let i = 0; i < attrs.length; i++) {
|
|
6253
6246
|
if (attrs[i] === 'pTemplate' && attrs[i + 1]) {
|
|
6254
6247
|
const templateName = attrs[i + 1];
|
|
6255
|
-
console.log(`Found pTemplate="${templateName}"`);
|
|
6256
6248
|
if (templateName === 'item') {
|
|
6257
6249
|
this.itemTemplate = template;
|
|
6258
|
-
console.log('✓ itemTemplate assigned');
|
|
6259
6250
|
}
|
|
6260
6251
|
else if (templateName === 'selectedItem') {
|
|
6261
6252
|
this.selectedItemTemplate = template;
|
|
6262
|
-
console.log('✓ selectedItemTemplate assigned');
|
|
6263
6253
|
}
|
|
6264
6254
|
break;
|
|
6265
6255
|
}
|
|
6266
6256
|
}
|
|
6267
6257
|
}
|
|
6268
6258
|
else {
|
|
6269
|
-
console.log('No attributes found, trying alternative method...');
|
|
6270
|
-
// Альтернативный способ поиска
|
|
6271
6259
|
const viewContainer = templateRef;
|
|
6272
6260
|
if (viewContainer._declarationTContainer?.value?.attrs) {
|
|
6273
6261
|
const valueAttrs = viewContainer._declarationTContainer.value.attrs;
|
|
6274
|
-
console.log('Value attrs:', valueAttrs);
|
|
6275
6262
|
for (let i = 0; i < valueAttrs.length; i++) {
|
|
6276
6263
|
if (valueAttrs[i]?.name === 'pTemplate' && valueAttrs[i]?.value) {
|
|
6277
6264
|
const templateName = valueAttrs[i].value;
|
|
6278
|
-
console.log(`Found pTemplate="${templateName}" in value attrs`);
|
|
6279
6265
|
if (templateName === 'item') {
|
|
6280
6266
|
this.itemTemplate = template;
|
|
6281
|
-
console.log('✓ itemTemplate assigned');
|
|
6282
6267
|
}
|
|
6283
6268
|
else if (templateName === 'selectedItem') {
|
|
6284
6269
|
this.selectedItemTemplate = template;
|
|
6285
|
-
console.log('✓ selectedItemTemplate assigned');
|
|
6286
6270
|
}
|
|
6287
6271
|
break;
|
|
6288
6272
|
}
|
|
@@ -6290,27 +6274,20 @@ class DropdownComponent {
|
|
|
6290
6274
|
}
|
|
6291
6275
|
}
|
|
6292
6276
|
});
|
|
6293
|
-
console.log('=== Final result ===');
|
|
6294
|
-
console.log('itemTemplate:', !!this.itemTemplate);
|
|
6295
|
-
console.log('selectedItemTemplate:', !!this.selectedItemTemplate);
|
|
6296
6277
|
}
|
|
6297
6278
|
writeValue(value) {
|
|
6298
|
-
console.log('writeValue received:', value);
|
|
6299
6279
|
this.value = value;
|
|
6300
6280
|
}
|
|
6301
6281
|
registerOnChange(fn) {
|
|
6302
|
-
console.log('registerOnChange called');
|
|
6303
6282
|
this.onModelChange = fn;
|
|
6304
6283
|
}
|
|
6305
6284
|
registerOnTouched(fn) {
|
|
6306
|
-
console.log('registerOnTouched called');
|
|
6307
6285
|
this.onModelTouched = fn;
|
|
6308
6286
|
}
|
|
6309
6287
|
setDisabledState(disabled) {
|
|
6310
6288
|
this.disabled = disabled;
|
|
6311
6289
|
}
|
|
6312
6290
|
handleChange(event) {
|
|
6313
|
-
console.log('handleChange:', event);
|
|
6314
6291
|
this.value = event.value;
|
|
6315
6292
|
this.onModelChange(this.value);
|
|
6316
6293
|
this.onChange.emit(event);
|