aril 1.1.52 → 1.1.53
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/esm2022/ui/password/src/password.component.mjs +3 -3
- package/esm2022/ui-business/image-viewer/aril-ui-business-image-viewer.mjs +5 -0
- package/esm2022/ui-business/image-viewer/index.mjs +2 -0
- package/esm2022/ui-business/image-viewer/src/aril-image-viewer.component.mjs +111 -0
- package/fesm2022/aril-ui-business-image-viewer.mjs +118 -0
- package/fesm2022/aril-ui-business-image-viewer.mjs.map +1 -0
- package/fesm2022/aril-ui-password.mjs +2 -2
- package/fesm2022/aril-ui-password.mjs.map +1 -1
- package/package.json +81 -75
- package/ui-business/image-viewer/index.d.ts +1 -0
- package/ui-business/image-viewer/src/aril-image-viewer.component.d.ts +20 -0
|
@@ -20,10 +20,10 @@ export class PasswordComponent extends BaseInputComponent {
|
|
|
20
20
|
this.tabindex = input();
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, passwordCriterias: { classPropertyName: "passwordCriterias", publicName: "passwordCriterias", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i5.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, passwordCriterias: { classPropertyName: "passwordCriterias", publicName: "passwordCriterias", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\tautocomplete=\"off\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i5.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PasswordComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n" }]
|
|
27
|
+
args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\tautocomplete=\"off\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n" }]
|
|
28
28
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9wYXNzd29yZC9zcmMvcGFzc3dvcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9wYXNzd29yZC9zcmMvcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFaEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLHFCQUFxQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7Ozs7OztBQVNoRyxNQUFNLE9BQU8saUJBQWtCLFNBQVEsa0JBQWtCO0lBUHpEOztRQVFDLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsc0JBQWlCLEdBQUcsS0FBSyxFQUFZLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDaEMsYUFBUSxHQUFHLEtBQUssRUFBVSxDQUFDO0tBQzNCOzhHQUxZLGlCQUFpQjtrR0FBakIsaUJBQWlCLHF4QkNoQjlCLDQ1QkF5QkEsMkNEWlcsbUJBQW1CLHlUQUFFLGNBQWMsb25CQUFFLGFBQWEsMEpBQUUsYUFBYSxpWEFBRSxxQkFBcUI7OzJGQUd0RixpQkFBaUI7a0JBUDdCLFNBQVM7aUNBQ0csSUFBSSxZQUNOLG9GQUFvRixXQUVyRixDQUFDLG1CQUFtQixFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLHFCQUFxQixDQUFDLGtCQUNuRixDQUFDLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuaW1wb3J0IHsgRGl2aWRlck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvZGl2aWRlcic7XHJcbmltcG9ydCB7IFBhc3N3b3JkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wYXNzd29yZCc7XHJcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICdwcmltZW5nL3Rvb2x0aXAnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUlucHV0Q29tcG9uZW50LCBJbnB1dEVycm9yTWVzc2FnZVBpcGUsIFZhbHVlQWNjZXNzb3JEaXJlY3RpdmUgfSBmcm9tICdhcmlsL3VpL2xpYic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzdGFuZGFsb25lOiB0cnVlLFxyXG5cdHNlbGVjdG9yOiAnYXJpbC1wYXNzd29yZFtuZ01vZGVsXSwgYXJpbC1wYXNzd29yZFtmb3JtQ29udHJvbF0sIGFyaWwtcGFzc3dvcmRbZm9ybUNvbnRyb2xOYW1lXScsXHJcblx0dGVtcGxhdGVVcmw6ICcuL3Bhc3N3b3JkLmNvbXBvbmVudC5odG1sJyxcclxuXHRpbXBvcnRzOiBbUmVhY3RpdmVGb3Jtc01vZHVsZSwgUGFzc3dvcmRNb2R1bGUsIERpdmlkZXJNb2R1bGUsIFRvb2x0aXBNb2R1bGUsIElucHV0RXJyb3JNZXNzYWdlUGlwZV0sXHJcblx0aG9zdERpcmVjdGl2ZXM6IFtWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFzc3dvcmRDb21wb25lbnQgZXh0ZW5kcyBCYXNlSW5wdXRDb21wb25lbnQge1xyXG5cdGZlZWRiYWNrID0gaW5wdXQoZmFsc2UpO1xyXG5cdHBhc3N3b3JkQ3JpdGVyaWFzID0gaW5wdXQ8c3RyaW5nW10+KCk7XHJcblx0cGxhY2Vob2xkZXIgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHR0YWJpbmRleCA9IGlucHV0PG51bWJlcj4oKTtcclxufVxyXG4iLCI8cC1wYXNzd29yZFxyXG5cdFtmZWVkYmFja109XCJmZWVkYmFjaygpXCJcclxuXHRhdXRvY29tcGxldGU9XCJvZmZcIlxyXG5cdFt0b2dnbGVNYXNrXT1cInRydWVcIlxyXG5cdFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcigpXCJcclxuXHRbdGFiaW5kZXhdPVwidGFiaW5kZXhcIlxyXG5cdFtwVG9vbHRpcF09XCJuZ0NvbnRyb2wuaW52YWxpZCA/IChuZ0NvbnRyb2wuY29udHJvbC52YWx1ZSB8IGlucHV0RXJyb3JNZXNzYWdlOiBuZ0NvbnRyb2wpIDogJydcIlxyXG5cdFt0b29sdGlwT3B0aW9uc109XCJ0b29sdGlwT3B0aW9uc1wiXHJcblx0W2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcclxuXHQobmdNb2RlbENoYW5nZSk9XCJuZ0NvbnRyb2wudmlld1RvTW9kZWxVcGRhdGUoJGV2ZW50KVwiPlxyXG5cdEBpZiAocGFzc3dvcmRDcml0ZXJpYXMoKT8ubGVuZ3RoKSB7XHJcblx0XHQ8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcblx0XHRcdDxoNj7FnmlmcmUgT2x1xZ90dXI8L2g2PlxyXG5cdFx0PC9uZy10ZW1wbGF0ZT5cclxuXHRcdDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJmb290ZXJcIj5cclxuXHRcdFx0PHAtZGl2aWRlcj48L3AtZGl2aWRlcj5cclxuXHRcdFx0PHAgY2xhc3M9XCJtdC0yXCI+xZ5hcnRsYXI8L3A+XHJcblx0XHRcdDx1bCBjbGFzcz1cInBsLTIgbWwtMiBtdC0wXCIgc3R5bGU9XCJsaW5lLWhlaWdodDogMS41XCI+XHJcblx0XHRcdFx0QGZvciAoY3JpdGVyaWEgb2YgcGFzc3dvcmRDcml0ZXJpYXMoKTsgdHJhY2sgY3JpdGVyaWEpIHtcclxuXHRcdFx0XHRcdDxsaT57eyBjcml0ZXJpYSB9fTwvbGk+XHJcblx0XHRcdFx0fVxyXG5cdFx0XHQ8L3VsPlxyXG5cdFx0PC9uZy10ZW1wbGF0ZT5cclxuXHR9XHJcbjwvcC1wYXNzd29yZD5cclxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJpbC11aS1idXNpbmVzcy1pbWFnZS12aWV3ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpLWJ1c2luZXNzL2ltYWdlLXZpZXdlci9hcmlsLXVpLWJ1c2luZXNzLWltYWdlLXZpZXdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './src/aril-image-viewer.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpLWJ1c2luZXNzL2ltYWdlLXZpZXdlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zcmMvYXJpbC1pbWFnZS12aWV3ZXIuY29tcG9uZW50JyJdfQ==
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { Component, input, signal, effect } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { API_CONFIGS } from 'aril/boot/config/api';
|
|
4
|
+
import { Apps } from 'aril/boot/config/apps';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common/http";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
export class ArilImageViewerComponent {
|
|
9
|
+
constructor(http) {
|
|
10
|
+
this.http = http;
|
|
11
|
+
this.imageUrl = input(null);
|
|
12
|
+
this.alt = input('image');
|
|
13
|
+
this.styleClass = input('');
|
|
14
|
+
this.width = input('');
|
|
15
|
+
this.height = input('');
|
|
16
|
+
this.borderRadius = input('');
|
|
17
|
+
this.objectFit = input('cover');
|
|
18
|
+
this.customStyle = input({});
|
|
19
|
+
this.imageDataUrl = signal(null);
|
|
20
|
+
this.isLoading = signal(false);
|
|
21
|
+
this.computedStyle = signal({});
|
|
22
|
+
effect(() => {
|
|
23
|
+
const url = this.imageUrl();
|
|
24
|
+
if (url) {
|
|
25
|
+
this.loadImage(url);
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
this.imageDataUrl.set(null);
|
|
29
|
+
}
|
|
30
|
+
}, {
|
|
31
|
+
allowSignalWrites: true
|
|
32
|
+
});
|
|
33
|
+
effect(() => {
|
|
34
|
+
const styles = { ...this.customStyle() };
|
|
35
|
+
if (this.width())
|
|
36
|
+
styles['width'] = this.width();
|
|
37
|
+
if (this.height())
|
|
38
|
+
styles['height'] = this.height();
|
|
39
|
+
if (this.borderRadius())
|
|
40
|
+
styles['border-radius'] = this.borderRadius();
|
|
41
|
+
if (this.objectFit())
|
|
42
|
+
styles['object-fit'] = this.objectFit();
|
|
43
|
+
this.computedStyle.set(styles);
|
|
44
|
+
}, {
|
|
45
|
+
allowSignalWrites: true
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
loadImage(url) {
|
|
49
|
+
this.isLoading.set(true);
|
|
50
|
+
this.imageDataUrl.set(null);
|
|
51
|
+
this.http
|
|
52
|
+
.get(`${API_CONFIGS.getExternalAppEndpoint(Apps.MW)}/buckets/view-object`, {
|
|
53
|
+
params: { url },
|
|
54
|
+
responseType: 'blob'
|
|
55
|
+
})
|
|
56
|
+
.subscribe({
|
|
57
|
+
next: (blob) => {
|
|
58
|
+
const reader = new FileReader();
|
|
59
|
+
reader.onloadend = () => {
|
|
60
|
+
this.imageDataUrl.set(reader.result);
|
|
61
|
+
this.isLoading.set(false);
|
|
62
|
+
};
|
|
63
|
+
reader.readAsDataURL(blob);
|
|
64
|
+
},
|
|
65
|
+
error: () => {
|
|
66
|
+
this.imageDataUrl.set(null);
|
|
67
|
+
this.isLoading.set(false);
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ArilImageViewerComponent, isStandalone: true, selector: "aril-image-viewer", inputs: { imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
73
|
+
@if (imageDataUrl()) {
|
|
74
|
+
<img
|
|
75
|
+
[src]="imageDataUrl()"
|
|
76
|
+
[alt]="alt()"
|
|
77
|
+
[class]="styleClass()"
|
|
78
|
+
[ngStyle]="computedStyle()" />
|
|
79
|
+
} @else if (isLoading()) {
|
|
80
|
+
<div [class]="styleClass()" [ngStyle]="computedStyle()">
|
|
81
|
+
<ng-content select="[loading]"></ng-content>
|
|
82
|
+
</div>
|
|
83
|
+
} @else {
|
|
84
|
+
<ng-content></ng-content>
|
|
85
|
+
}
|
|
86
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
87
|
+
}
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, decorators: [{
|
|
89
|
+
type: Component,
|
|
90
|
+
args: [{
|
|
91
|
+
selector: 'aril-image-viewer',
|
|
92
|
+
standalone: true,
|
|
93
|
+
imports: [CommonModule],
|
|
94
|
+
template: `
|
|
95
|
+
@if (imageDataUrl()) {
|
|
96
|
+
<img
|
|
97
|
+
[src]="imageDataUrl()"
|
|
98
|
+
[alt]="alt()"
|
|
99
|
+
[class]="styleClass()"
|
|
100
|
+
[ngStyle]="computedStyle()" />
|
|
101
|
+
} @else if (isLoading()) {
|
|
102
|
+
<div [class]="styleClass()" [ngStyle]="computedStyle()">
|
|
103
|
+
<ng-content select="[loading]"></ng-content>
|
|
104
|
+
</div>
|
|
105
|
+
} @else {
|
|
106
|
+
<ng-content></ng-content>
|
|
107
|
+
}
|
|
108
|
+
`
|
|
109
|
+
}]
|
|
110
|
+
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJpbC1pbWFnZS12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS1idXNpbmVzcy9pbWFnZS12aWV3ZXIvc3JjL2FyaWwtaW1hZ2Utdmlld2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7O0FBc0I3QyxNQUFNLE9BQU8sd0JBQXdCO0lBZXBDLFlBQTZCLElBQWdCO1FBQWhCLFNBQUksR0FBSixJQUFJLENBQVk7UUFkN0MsYUFBUSxHQUFHLEtBQUssQ0FBZ0IsSUFBSSxDQUFDLENBQUM7UUFDdEMsUUFBRyxHQUFHLEtBQUssQ0FBUyxPQUFPLENBQUMsQ0FBQztRQUM3QixlQUFVLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQy9CLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsV0FBTSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMzQixpQkFBWSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNqQyxjQUFTLEdBQUcsS0FBSyxDQUF1RCxPQUFPLENBQUMsQ0FBQztRQUNqRixnQkFBVyxHQUFHLEtBQUssQ0FBeUIsRUFBRSxDQUFDLENBQUM7UUFFaEQsaUJBQVksR0FBRyxNQUFNLENBQWdCLElBQUksQ0FBQyxDQUFDO1FBQzNDLGNBQVMsR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFbkMsa0JBQWEsR0FBRyxN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Ozs7Ozs7Ozs7OztFQWNUO2lCQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgc2lnbmFsLCBlZmZlY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQVBJX0NPTkZJR1MgfSBmcm9tICdhcmlsL2Jvb3QvY29uZmlnL2FwaSc7XHJcbmltcG9ydCB7IEFwcHMgfSBmcm9tICdhcmlsL2Jvb3QvY29uZmlnL2FwcHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdhcmlsLWltYWdlLXZpZXdlcicsXHJcblx0c3RhbmRhbG9uZTogdHJ1ZSxcclxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuXHR0ZW1wbGF0ZTogYFxyXG5cdFx0QGlmIChpbWFnZURhdGFVcmwoKSkge1xyXG5cdFx0XHQ8aW1nIFxyXG5cdFx0XHRcdFtzcmNdPVwiaW1hZ2VEYXRhVXJsKClcIiBcclxuXHRcdFx0XHRbYWx0XT1cImFsdCgpXCIgXHJcblx0XHRcdFx0W2NsYXNzXT1cInN0eWxlQ2xhc3MoKVwiIFxyXG5cdFx0XHRcdFtuZ1N0eWxlXT1cImNvbXB1dGVkU3R5bGUoKVwiIC8+XHJcblx0XHR9IEBlbHNlIGlmIChpc0xvYWRpbmcoKSkge1xyXG5cdFx0XHQ8ZGl2IFtjbGFzc109XCJzdHlsZUNsYXNzKClcIiBbbmdTdHlsZV09XCJjb21wdXRlZFN0eWxlKClcIj5cclxuXHRcdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbbG9hZGluZ11cIj48L25nLWNvbnRlbnQ+XHJcblx0XHRcdDwvZGl2PlxyXG5cdFx0fSBAZWxzZSB7XHJcblx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuXHRcdH1cclxuXHRgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcmlsSW1hZ2VWaWV3ZXJDb21wb25lbnQge1xyXG5cdGltYWdlVXJsID0gaW5wdXQ8c3RyaW5nIHwgbnVsbD4obnVsbCk7XHJcblx0YWx0ID0gaW5wdXQ8c3RyaW5nPignaW1hZ2UnKTtcclxuXHRzdHlsZUNsYXNzID0gaW5wdXQ8c3RyaW5nPignJyk7XHJcblx0d2lkdGggPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHRoZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHRib3JkZXJSYWRpdXMgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHRvYmplY3RGaXQgPSBpbnB1dDwnY29udGFpbicgfCAnY292ZXInIHwgJ2ZpbGwnIHwgJ25vbmUnIHwgJ3NjYWxlLWRvd24nPignY292ZXInKTtcclxuXHRjdXN0b21TdHlsZSA9IGlucHV0PFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHt9KTtcclxuXHJcblx0aW1hZ2VEYXRhVXJsID0gc2lnbmFsPHN0cmluZyB8IG51bGw+KG51bGwpO1xyXG5cdGlzTG9hZGluZyA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XHJcblxyXG5cdGNvbXB1dGVkU3R5bGUgPSBzaWduYWw8UmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe30pO1xyXG5cclxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGh0dHA6IEh0dHBDbGllbnQpIHtcclxuXHRcdGVmZmVjdCgoKSA9PiB7XHJcblx0XHRcdGNvbnN0IHVybCA9IHRoaXMuaW1hZ2VVcmwoKTtcclxuXHRcdFx0aWYgKHVybCkge1xyXG5cdFx0XHRcdHRoaXMubG9hZEltYWdlKHVybCk7XHJcblx0XHRcdH0gZWxzZSB7XHJcblx0XHRcdFx0dGhpcy5pbWFnZURhdGFVcmwuc2V0KG51bGwpO1xyXG5cdFx0XHR9XHJcblx0XHR9LHtcclxuICAgICAgYWxsb3dTaWduYWxXcml0ZXM6IHRydWVcclxuICAgIH0pO1xyXG5cclxuXHRcdGVmZmVjdCgoKSA9PiB7XHJcblx0XHRcdGNvbnN0IHN0eWxlczogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHsgLi4udGhpcy5jdXN0b21TdHlsZSgpIH07XHJcblx0XHRcdFxyXG5cdFx0XHRpZiAodGhpcy53aWR0aCgpKSBzdHlsZXNbJ3dpZHRoJ10gPSB0aGlzLndpZHRoKCk7XHJcblx0XHRcdGlmICh0aGlzLmhlaWdodCgpKSBzdHlsZXNbJ2hlaWdodCddID0gdGhpcy5oZWlnaHQoKTtcclxuXHRcdFx0aWYgKHRoaXMuYm9yZGVyUmFkaXVzKCkpIHN0eWxlc1snYm9yZGVyLXJhZGl1cyddID0gdGhpcy5ib3JkZXJSYWRpdXMoKTtcclxuXHRcdFx0aWYgKHRoaXMub2JqZWN0Rml0KCkpIHN0eWxlc1snb2JqZWN0LWZpdCddID0gdGhpcy5vYmplY3RGaXQoKTtcclxuXHRcdFx0XHJcblx0XHRcdHRoaXMuY29tcHV0ZWRTdHlsZS5zZXQoc3R5bGVzKTtcclxuXHRcdH0sIHtcclxuXHRcdFx0YWxsb3dTaWduYWxXcml0ZXM6IHRydWVcclxuXHRcdH0pO1xyXG5cdH1cclxuXHJcblx0cHJpdmF0ZSBsb2FkSW1hZ2UodXJsOiBzdHJpbmcpIHtcclxuXHRcdHRoaXMuaXNMb2FkaW5nLnNldCh0cnVlKTtcclxuXHRcdHRoaXMuaW1hZ2VEYXRhVXJsLnNldChudWxsKTtcclxuXHJcblx0XHR0aGlzLmh0dHBcclxuXHRcdFx0LmdldChgJHtBUElfQ09ORklHUy5nZXRFeHRlcm5hbEFwcEVuZHBvaW50KEFwcHMuTVcpfS9idWNrZXRzL3ZpZXctb2JqZWN0YCwge1xyXG5cdFx0XHRcdHBhcmFtczogeyB1cmwgfSxcclxuXHRcdFx0XHRyZXNwb25zZVR5cGU6ICdibG9iJ1xyXG5cdFx0XHR9KVxyXG5cdFx0XHQuc3Vic2NyaWJlKHtcclxuXHRcdFx0XHRuZXh0OiAoYmxvYikgPT4ge1xyXG5cdFx0XHRcdFx0Y29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcclxuXHRcdFx0XHRcdHJlYWRlci5vbmxvYWRlbmQgPSAoKSA9PiB7XHJcblx0XHRcdFx0XHRcdHRoaXMuaW1hZ2VEYXRhVXJsLnNldChyZWFkZXIucmVzdWx0IGFzIHN0cmluZyk7XHJcblx0XHRcdFx0XHRcdHRoaXMuaXNMb2FkaW5nLnNldChmYWxzZSk7XHJcblx0XHRcdFx0XHR9O1xyXG5cdFx0XHRcdFx0cmVhZGVyLnJlYWRBc0RhdGFVUkwoYmxvYik7XHJcblx0XHRcdFx0fSxcclxuXHRcdFx0XHRlcnJvcjogKCkgPT4ge1xyXG5cdFx0XHRcdFx0dGhpcy5pbWFnZURhdGFVcmwuc2V0KG51bGwpO1xyXG5cdFx0XHRcdFx0dGhpcy5pc0xvYWRpbmcuc2V0KGZhbHNlKTtcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pO1xyXG5cdH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, signal, effect, Component } from '@angular/core';
|
|
3
|
+
import * as i2 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { API_CONFIGS } from 'aril/boot/config/api';
|
|
6
|
+
import { Apps } from 'aril/boot/config/apps';
|
|
7
|
+
import * as i1 from '@angular/common/http';
|
|
8
|
+
|
|
9
|
+
class ArilImageViewerComponent {
|
|
10
|
+
constructor(http) {
|
|
11
|
+
this.http = http;
|
|
12
|
+
this.imageUrl = input(null);
|
|
13
|
+
this.alt = input('image');
|
|
14
|
+
this.styleClass = input('');
|
|
15
|
+
this.width = input('');
|
|
16
|
+
this.height = input('');
|
|
17
|
+
this.borderRadius = input('');
|
|
18
|
+
this.objectFit = input('cover');
|
|
19
|
+
this.customStyle = input({});
|
|
20
|
+
this.imageDataUrl = signal(null);
|
|
21
|
+
this.isLoading = signal(false);
|
|
22
|
+
this.computedStyle = signal({});
|
|
23
|
+
effect(() => {
|
|
24
|
+
const url = this.imageUrl();
|
|
25
|
+
if (url) {
|
|
26
|
+
this.loadImage(url);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
this.imageDataUrl.set(null);
|
|
30
|
+
}
|
|
31
|
+
}, {
|
|
32
|
+
allowSignalWrites: true
|
|
33
|
+
});
|
|
34
|
+
effect(() => {
|
|
35
|
+
const styles = { ...this.customStyle() };
|
|
36
|
+
if (this.width())
|
|
37
|
+
styles['width'] = this.width();
|
|
38
|
+
if (this.height())
|
|
39
|
+
styles['height'] = this.height();
|
|
40
|
+
if (this.borderRadius())
|
|
41
|
+
styles['border-radius'] = this.borderRadius();
|
|
42
|
+
if (this.objectFit())
|
|
43
|
+
styles['object-fit'] = this.objectFit();
|
|
44
|
+
this.computedStyle.set(styles);
|
|
45
|
+
}, {
|
|
46
|
+
allowSignalWrites: true
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
loadImage(url) {
|
|
50
|
+
this.isLoading.set(true);
|
|
51
|
+
this.imageDataUrl.set(null);
|
|
52
|
+
this.http
|
|
53
|
+
.get(`${API_CONFIGS.getExternalAppEndpoint(Apps.MW)}/buckets/view-object`, {
|
|
54
|
+
params: { url },
|
|
55
|
+
responseType: 'blob'
|
|
56
|
+
})
|
|
57
|
+
.subscribe({
|
|
58
|
+
next: (blob) => {
|
|
59
|
+
const reader = new FileReader();
|
|
60
|
+
reader.onloadend = () => {
|
|
61
|
+
this.imageDataUrl.set(reader.result);
|
|
62
|
+
this.isLoading.set(false);
|
|
63
|
+
};
|
|
64
|
+
reader.readAsDataURL(blob);
|
|
65
|
+
},
|
|
66
|
+
error: () => {
|
|
67
|
+
this.imageDataUrl.set(null);
|
|
68
|
+
this.isLoading.set(false);
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ArilImageViewerComponent, isStandalone: true, selector: "aril-image-viewer", inputs: { imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
74
|
+
@if (imageDataUrl()) {
|
|
75
|
+
<img
|
|
76
|
+
[src]="imageDataUrl()"
|
|
77
|
+
[alt]="alt()"
|
|
78
|
+
[class]="styleClass()"
|
|
79
|
+
[ngStyle]="computedStyle()" />
|
|
80
|
+
} @else if (isLoading()) {
|
|
81
|
+
<div [class]="styleClass()" [ngStyle]="computedStyle()">
|
|
82
|
+
<ng-content select="[loading]"></ng-content>
|
|
83
|
+
</div>
|
|
84
|
+
} @else {
|
|
85
|
+
<ng-content></ng-content>
|
|
86
|
+
}
|
|
87
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
88
|
+
}
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, decorators: [{
|
|
90
|
+
type: Component,
|
|
91
|
+
args: [{
|
|
92
|
+
selector: 'aril-image-viewer',
|
|
93
|
+
standalone: true,
|
|
94
|
+
imports: [CommonModule],
|
|
95
|
+
template: `
|
|
96
|
+
@if (imageDataUrl()) {
|
|
97
|
+
<img
|
|
98
|
+
[src]="imageDataUrl()"
|
|
99
|
+
[alt]="alt()"
|
|
100
|
+
[class]="styleClass()"
|
|
101
|
+
[ngStyle]="computedStyle()" />
|
|
102
|
+
} @else if (isLoading()) {
|
|
103
|
+
<div [class]="styleClass()" [ngStyle]="computedStyle()">
|
|
104
|
+
<ng-content select="[loading]"></ng-content>
|
|
105
|
+
</div>
|
|
106
|
+
} @else {
|
|
107
|
+
<ng-content></ng-content>
|
|
108
|
+
}
|
|
109
|
+
`
|
|
110
|
+
}]
|
|
111
|
+
}], ctorParameters: () => [{ type: i1.HttpClient }] });
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* Generated bundle index. Do not edit.
|
|
115
|
+
*/
|
|
116
|
+
|
|
117
|
+
export { ArilImageViewerComponent };
|
|
118
|
+
//# sourceMappingURL=aril-ui-business-image-viewer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aril-ui-business-image-viewer.mjs","sources":["../../projects/aril/ui-business/image-viewer/src/aril-image-viewer.component.ts","../../projects/aril/ui-business/image-viewer/aril-ui-business-image-viewer.ts"],"sourcesContent":["import { Component, input, signal, effect } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { CommonModule } from '@angular/common';\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\n\r\n@Component({\r\n\tselector: 'aril-image-viewer',\r\n\tstandalone: true,\r\n\timports: [CommonModule],\r\n\ttemplate: `\r\n\t\t@if (imageDataUrl()) {\r\n\t\t\t<img \r\n\t\t\t\t[src]=\"imageDataUrl()\" \r\n\t\t\t\t[alt]=\"alt()\" \r\n\t\t\t\t[class]=\"styleClass()\" \r\n\t\t\t\t[ngStyle]=\"computedStyle()\" />\r\n\t\t} @else if (isLoading()) {\r\n\t\t\t<div [class]=\"styleClass()\" [ngStyle]=\"computedStyle()\">\r\n\t\t\t\t<ng-content select=\"[loading]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t} @else {\r\n\t\t\t<ng-content></ng-content>\r\n\t\t}\r\n\t`\r\n})\r\nexport class ArilImageViewerComponent {\r\n\timageUrl = input<string | null>(null);\r\n\talt = input<string>('image');\r\n\tstyleClass = input<string>('');\r\n\twidth = input<string>('');\r\n\theight = input<string>('');\r\n\tborderRadius = input<string>('');\r\n\tobjectFit = input<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>('cover');\r\n\tcustomStyle = input<Record<string, string>>({});\r\n\r\n\timageDataUrl = signal<string | null>(null);\r\n\tisLoading = signal<boolean>(false);\r\n\r\n\tcomputedStyle = signal<Record<string, string>>({});\r\n\r\n\tconstructor(private readonly http: HttpClient) {\r\n\t\teffect(() => {\r\n\t\t\tconst url = this.imageUrl();\r\n\t\t\tif (url) {\r\n\t\t\t\tthis.loadImage(url);\r\n\t\t\t} else {\r\n\t\t\t\tthis.imageDataUrl.set(null);\r\n\t\t\t}\r\n\t\t},{\r\n allowSignalWrites: true\r\n });\r\n\r\n\t\teffect(() => {\r\n\t\t\tconst styles: Record<string, string> = { ...this.customStyle() };\r\n\t\t\t\r\n\t\t\tif (this.width()) styles['width'] = this.width();\r\n\t\t\tif (this.height()) styles['height'] = this.height();\r\n\t\t\tif (this.borderRadius()) styles['border-radius'] = this.borderRadius();\r\n\t\t\tif (this.objectFit()) styles['object-fit'] = this.objectFit();\r\n\t\t\t\r\n\t\t\tthis.computedStyle.set(styles);\r\n\t\t}, {\r\n\t\t\tallowSignalWrites: true\r\n\t\t});\r\n\t}\r\n\r\n\tprivate loadImage(url: string) {\r\n\t\tthis.isLoading.set(true);\r\n\t\tthis.imageDataUrl.set(null);\r\n\r\n\t\tthis.http\r\n\t\t\t.get(`${API_CONFIGS.getExternalAppEndpoint(Apps.MW)}/buckets/view-object`, {\r\n\t\t\t\tparams: { url },\r\n\t\t\t\tresponseType: 'blob'\r\n\t\t\t})\r\n\t\t\t.subscribe({\r\n\t\t\t\tnext: (blob) => {\r\n\t\t\t\t\tconst reader = new FileReader();\r\n\t\t\t\t\treader.onloadend = () => {\r\n\t\t\t\t\t\tthis.imageDataUrl.set(reader.result as string);\r\n\t\t\t\t\t\tthis.isLoading.set(false);\r\n\t\t\t\t\t};\r\n\t\t\t\t\treader.readAsDataURL(blob);\r\n\t\t\t\t},\r\n\t\t\t\terror: () => {\r\n\t\t\t\t\tthis.imageDataUrl.set(null);\r\n\t\t\t\t\tthis.isLoading.set(false);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -21,11 +21,11 @@ class PasswordComponent extends BaseInputComponent {
|
|
|
21
21
|
this.tabindex = input();
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, passwordCriterias: { classPropertyName: "passwordCriterias", publicName: "passwordCriterias", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i5.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: { classPropertyName: "feedback", publicName: "feedback", isSignal: true, isRequired: false, transformFunction: null }, passwordCriterias: { classPropertyName: "passwordCriterias", publicName: "passwordCriterias", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\tautocomplete=\"off\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i5.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PasswordComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n" }]
|
|
28
|
+
args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-password\r\n\t[feedback]=\"feedback()\"\r\n\tautocomplete=\"off\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n" }]
|
|
29
29
|
}] });
|
|
30
30
|
|
|
31
31
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-password.mjs","sources":["../../projects/aril/ui/password/src/password.component.ts","../../projects/aril/ui/password/src/password.component.html","../../projects/aril/ui/password/aril-ui-password.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { DividerModule } from 'primeng/divider';\r\nimport { PasswordModule } from 'primeng/password';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]',\r\n\ttemplateUrl: './password.component.html',\r\n\timports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class PasswordComponent extends BaseInputComponent {\r\n\tfeedback = input(false);\r\n\tpasswordCriterias = input<string[]>();\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n}\r\n","<p-password\r\n\t[feedback]=\"feedback()\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>Şifre Oluştur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">Şartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAPzD,IAAA,WAAA,GAAA;;AAQC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,IAAiB,CAAA,iBAAA,GAAG,KAAK,EAAY,CAAC;AACtC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;QAChC,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU,CAAC;AAC3B,KAAA;8GALY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oFAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB9B,
|
|
1
|
+
{"version":3,"file":"aril-ui-password.mjs","sources":["../../projects/aril/ui/password/src/password.component.ts","../../projects/aril/ui/password/src/password.component.html","../../projects/aril/ui/password/aril-ui-password.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { DividerModule } from 'primeng/divider';\r\nimport { PasswordModule } from 'primeng/password';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]',\r\n\ttemplateUrl: './password.component.html',\r\n\timports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class PasswordComponent extends BaseInputComponent {\r\n\tfeedback = input(false);\r\n\tpasswordCriterias = input<string[]>();\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n}\r\n","<p-password\r\n\t[feedback]=\"feedback()\"\r\n\tautocomplete=\"off\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias()?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>Şifre Oluştur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">Şartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias(); track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "aril",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.53",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": "~17.1.0",
|
|
6
6
|
"@angular/common": "^17.1.0",
|
|
@@ -45,6 +45,12 @@
|
|
|
45
45
|
"esm": "./esm2022/aril.mjs",
|
|
46
46
|
"default": "./fesm2022/aril.mjs"
|
|
47
47
|
},
|
|
48
|
+
"./boot": {
|
|
49
|
+
"types": "./boot/index.d.ts",
|
|
50
|
+
"esm2022": "./esm2022/boot/aril-boot.mjs",
|
|
51
|
+
"esm": "./esm2022/boot/aril-boot.mjs",
|
|
52
|
+
"default": "./fesm2022/aril-boot.mjs"
|
|
53
|
+
},
|
|
48
54
|
"./http": {
|
|
49
55
|
"types": "./http/index.d.ts",
|
|
50
56
|
"esm2022": "./esm2022/http/aril-http.mjs",
|
|
@@ -57,12 +63,6 @@
|
|
|
57
63
|
"esm": "./esm2022/keycloak/aril-keycloak.mjs",
|
|
58
64
|
"default": "./fesm2022/aril-keycloak.mjs"
|
|
59
65
|
},
|
|
60
|
-
"./boot": {
|
|
61
|
-
"types": "./boot/index.d.ts",
|
|
62
|
-
"esm2022": "./esm2022/boot/aril-boot.mjs",
|
|
63
|
-
"esm": "./esm2022/boot/aril-boot.mjs",
|
|
64
|
-
"default": "./fesm2022/aril-boot.mjs"
|
|
65
|
-
},
|
|
66
66
|
"./i18n": {
|
|
67
67
|
"types": "./i18n/index.d.ts",
|
|
68
68
|
"esm2022": "./esm2022/i18n/aril-i18n.mjs",
|
|
@@ -147,23 +147,17 @@
|
|
|
147
147
|
"esm": "./esm2022/ui/charts/aril-ui-charts.mjs",
|
|
148
148
|
"default": "./fesm2022/aril-ui-charts.mjs"
|
|
149
149
|
},
|
|
150
|
-
"./ui/checkbox": {
|
|
151
|
-
"types": "./ui/checkbox/index.d.ts",
|
|
152
|
-
"esm2022": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
|
|
153
|
-
"esm": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
|
|
154
|
-
"default": "./fesm2022/aril-ui-checkbox.mjs"
|
|
155
|
-
},
|
|
156
150
|
"./ui/chip": {
|
|
157
151
|
"types": "./ui/chip/index.d.ts",
|
|
158
152
|
"esm2022": "./esm2022/ui/chip/aril-ui-chip.mjs",
|
|
159
153
|
"esm": "./esm2022/ui/chip/aril-ui-chip.mjs",
|
|
160
154
|
"default": "./fesm2022/aril-ui-chip.mjs"
|
|
161
155
|
},
|
|
162
|
-
"./ui/
|
|
163
|
-
"types": "./ui/
|
|
164
|
-
"esm2022": "./esm2022/ui/
|
|
165
|
-
"esm": "./esm2022/ui/
|
|
166
|
-
"default": "./fesm2022/aril-ui-
|
|
156
|
+
"./ui/checkbox": {
|
|
157
|
+
"types": "./ui/checkbox/index.d.ts",
|
|
158
|
+
"esm2022": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
|
|
159
|
+
"esm": "./esm2022/ui/checkbox/aril-ui-checkbox.mjs",
|
|
160
|
+
"default": "./fesm2022/aril-ui-checkbox.mjs"
|
|
167
161
|
},
|
|
168
162
|
"./ui/dxEditor": {
|
|
169
163
|
"types": "./ui/dxEditor/index.d.ts",
|
|
@@ -171,6 +165,12 @@
|
|
|
171
165
|
"esm": "./esm2022/ui/dxEditor/aril-ui-dxEditor.mjs",
|
|
172
166
|
"default": "./fesm2022/aril-ui-dxEditor.mjs"
|
|
173
167
|
},
|
|
168
|
+
"./ui/collapse-reorder-list": {
|
|
169
|
+
"types": "./ui/collapse-reorder-list/index.d.ts",
|
|
170
|
+
"esm2022": "./esm2022/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.mjs",
|
|
171
|
+
"esm": "./esm2022/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.mjs",
|
|
172
|
+
"default": "./fesm2022/aril-ui-collapse-reorder-list.mjs"
|
|
173
|
+
},
|
|
174
174
|
"./ui/dxField": {
|
|
175
175
|
"types": "./ui/dxField/index.d.ts",
|
|
176
176
|
"esm2022": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
|
|
@@ -225,36 +225,36 @@
|
|
|
225
225
|
"esm": "./esm2022/ui/loader/aril-ui-loader.mjs",
|
|
226
226
|
"default": "./fesm2022/aril-ui-loader.mjs"
|
|
227
227
|
},
|
|
228
|
-
"./ui/mask": {
|
|
229
|
-
"types": "./ui/mask/index.d.ts",
|
|
230
|
-
"esm2022": "./esm2022/ui/mask/aril-ui-mask.mjs",
|
|
231
|
-
"esm": "./esm2022/ui/mask/aril-ui-mask.mjs",
|
|
232
|
-
"default": "./fesm2022/aril-ui-mask.mjs"
|
|
233
|
-
},
|
|
234
228
|
"./ui/multiSelect": {
|
|
235
229
|
"types": "./ui/multiSelect/index.d.ts",
|
|
236
230
|
"esm2022": "./esm2022/ui/multiSelect/aril-ui-multiSelect.mjs",
|
|
237
231
|
"esm": "./esm2022/ui/multiSelect/aril-ui-multiSelect.mjs",
|
|
238
232
|
"default": "./fesm2022/aril-ui-multiSelect.mjs"
|
|
239
233
|
},
|
|
234
|
+
"./ui/mask": {
|
|
235
|
+
"types": "./ui/mask/index.d.ts",
|
|
236
|
+
"esm2022": "./esm2022/ui/mask/aril-ui-mask.mjs",
|
|
237
|
+
"esm": "./esm2022/ui/mask/aril-ui-mask.mjs",
|
|
238
|
+
"default": "./fesm2022/aril-ui-mask.mjs"
|
|
239
|
+
},
|
|
240
240
|
"./ui/number": {
|
|
241
241
|
"types": "./ui/number/index.d.ts",
|
|
242
242
|
"esm2022": "./esm2022/ui/number/aril-ui-number.mjs",
|
|
243
243
|
"esm": "./esm2022/ui/number/aril-ui-number.mjs",
|
|
244
244
|
"default": "./fesm2022/aril-ui-number.mjs"
|
|
245
245
|
},
|
|
246
|
-
"./ui/overlayPanel": {
|
|
247
|
-
"types": "./ui/overlayPanel/index.d.ts",
|
|
248
|
-
"esm2022": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
|
|
249
|
-
"esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
|
|
250
|
-
"default": "./fesm2022/aril-ui-overlayPanel.mjs"
|
|
251
|
-
},
|
|
252
246
|
"./ui/operation-types-dialog": {
|
|
253
247
|
"types": "./ui/operation-types-dialog/index.d.ts",
|
|
254
248
|
"esm2022": "./esm2022/ui/operation-types-dialog/aril-ui-operation-types-dialog.mjs",
|
|
255
249
|
"esm": "./esm2022/ui/operation-types-dialog/aril-ui-operation-types-dialog.mjs",
|
|
256
250
|
"default": "./fesm2022/aril-ui-operation-types-dialog.mjs"
|
|
257
251
|
},
|
|
252
|
+
"./ui/overlayPanel": {
|
|
253
|
+
"types": "./ui/overlayPanel/index.d.ts",
|
|
254
|
+
"esm2022": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
|
|
255
|
+
"esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
|
|
256
|
+
"default": "./fesm2022/aril-ui-overlayPanel.mjs"
|
|
257
|
+
},
|
|
258
258
|
"./ui/panel": {
|
|
259
259
|
"types": "./ui/panel/index.d.ts",
|
|
260
260
|
"esm2022": "./esm2022/ui/panel/aril-ui-panel.mjs",
|
|
@@ -267,6 +267,12 @@
|
|
|
267
267
|
"esm": "./esm2022/ui/password/aril-ui-password.mjs",
|
|
268
268
|
"default": "./fesm2022/aril-ui-password.mjs"
|
|
269
269
|
},
|
|
270
|
+
"./ui/pdf-viewer": {
|
|
271
|
+
"types": "./ui/pdf-viewer/index.d.ts",
|
|
272
|
+
"esm2022": "./esm2022/ui/pdf-viewer/aril-ui-pdf-viewer.mjs",
|
|
273
|
+
"esm": "./esm2022/ui/pdf-viewer/aril-ui-pdf-viewer.mjs",
|
|
274
|
+
"default": "./fesm2022/aril-ui-pdf-viewer.mjs"
|
|
275
|
+
},
|
|
270
276
|
"./ui/progressbar": {
|
|
271
277
|
"types": "./ui/progressbar/index.d.ts",
|
|
272
278
|
"esm2022": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
|
|
@@ -291,23 +297,17 @@
|
|
|
291
297
|
"esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
|
|
292
298
|
"default": "./fesm2022/aril-ui-selectBox.mjs"
|
|
293
299
|
},
|
|
294
|
-
"./ui/pdf-viewer": {
|
|
295
|
-
"types": "./ui/pdf-viewer/index.d.ts",
|
|
296
|
-
"esm2022": "./esm2022/ui/pdf-viewer/aril-ui-pdf-viewer.mjs",
|
|
297
|
-
"esm": "./esm2022/ui/pdf-viewer/aril-ui-pdf-viewer.mjs",
|
|
298
|
-
"default": "./fesm2022/aril-ui-pdf-viewer.mjs"
|
|
299
|
-
},
|
|
300
300
|
"./ui/switch": {
|
|
301
301
|
"types": "./ui/switch/index.d.ts",
|
|
302
302
|
"esm2022": "./esm2022/ui/switch/aril-ui-switch.mjs",
|
|
303
303
|
"esm": "./esm2022/ui/switch/aril-ui-switch.mjs",
|
|
304
304
|
"default": "./fesm2022/aril-ui-switch.mjs"
|
|
305
305
|
},
|
|
306
|
-
"./ui/
|
|
307
|
-
"types": "./ui/
|
|
308
|
-
"esm2022": "./esm2022/ui/
|
|
309
|
-
"esm": "./esm2022/ui/
|
|
310
|
-
"default": "./fesm2022/aril-ui-
|
|
306
|
+
"./ui/tag": {
|
|
307
|
+
"types": "./ui/tag/index.d.ts",
|
|
308
|
+
"esm2022": "./esm2022/ui/tag/aril-ui-tag.mjs",
|
|
309
|
+
"esm": "./esm2022/ui/tag/aril-ui-tag.mjs",
|
|
310
|
+
"default": "./fesm2022/aril-ui-tag.mjs"
|
|
311
311
|
},
|
|
312
312
|
"./ui/table-expand": {
|
|
313
313
|
"types": "./ui/table-expand/index.d.ts",
|
|
@@ -315,18 +315,18 @@
|
|
|
315
315
|
"esm": "./esm2022/ui/table-expand/aril-ui-table-expand.mjs",
|
|
316
316
|
"default": "./fesm2022/aril-ui-table-expand.mjs"
|
|
317
317
|
},
|
|
318
|
-
"./ui/tag": {
|
|
319
|
-
"types": "./ui/tag/index.d.ts",
|
|
320
|
-
"esm2022": "./esm2022/ui/tag/aril-ui-tag.mjs",
|
|
321
|
-
"esm": "./esm2022/ui/tag/aril-ui-tag.mjs",
|
|
322
|
-
"default": "./fesm2022/aril-ui-tag.mjs"
|
|
323
|
-
},
|
|
324
318
|
"./ui/tagBox": {
|
|
325
319
|
"types": "./ui/tagBox/index.d.ts",
|
|
326
320
|
"esm2022": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
|
|
327
321
|
"esm": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
|
|
328
322
|
"default": "./fesm2022/aril-ui-tagBox.mjs"
|
|
329
323
|
},
|
|
324
|
+
"./ui/table": {
|
|
325
|
+
"types": "./ui/table/index.d.ts",
|
|
326
|
+
"esm2022": "./esm2022/ui/table/aril-ui-table.mjs",
|
|
327
|
+
"esm": "./esm2022/ui/table/aril-ui-table.mjs",
|
|
328
|
+
"default": "./fesm2022/aril-ui-table.mjs"
|
|
329
|
+
},
|
|
330
330
|
"./ui/text": {
|
|
331
331
|
"types": "./ui/text/index.d.ts",
|
|
332
332
|
"esm2022": "./esm2022/ui/text/aril-ui-text.mjs",
|
|
@@ -345,11 +345,11 @@
|
|
|
345
345
|
"esm": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
|
|
346
346
|
"default": "./fesm2022/aril-ui-toggle-button.mjs"
|
|
347
347
|
},
|
|
348
|
-
"./ui/
|
|
349
|
-
"types": "./ui/
|
|
350
|
-
"esm2022": "./esm2022/ui/
|
|
351
|
-
"esm": "./esm2022/ui/
|
|
352
|
-
"default": "./fesm2022/aril-ui-
|
|
348
|
+
"./ui/tooltip": {
|
|
349
|
+
"types": "./ui/tooltip/index.d.ts",
|
|
350
|
+
"esm2022": "./esm2022/ui/tooltip/aril-ui-tooltip.mjs",
|
|
351
|
+
"esm": "./esm2022/ui/tooltip/aril-ui-tooltip.mjs",
|
|
352
|
+
"default": "./fesm2022/aril-ui-tooltip.mjs"
|
|
353
353
|
},
|
|
354
354
|
"./ui/translate-input": {
|
|
355
355
|
"types": "./ui/translate-input/index.d.ts",
|
|
@@ -357,11 +357,11 @@
|
|
|
357
357
|
"esm": "./esm2022/ui/translate-input/aril-ui-translate-input.mjs",
|
|
358
358
|
"default": "./fesm2022/aril-ui-translate-input.mjs"
|
|
359
359
|
},
|
|
360
|
-
"./ui/
|
|
361
|
-
"types": "./ui/
|
|
362
|
-
"esm2022": "./esm2022/ui/
|
|
363
|
-
"esm": "./esm2022/ui/
|
|
364
|
-
"default": "./fesm2022/aril-ui-
|
|
360
|
+
"./ui/tree": {
|
|
361
|
+
"types": "./ui/tree/index.d.ts",
|
|
362
|
+
"esm2022": "./esm2022/ui/tree/aril-ui-tree.mjs",
|
|
363
|
+
"esm": "./esm2022/ui/tree/aril-ui-tree.mjs",
|
|
364
|
+
"default": "./fesm2022/aril-ui-tree.mjs"
|
|
365
365
|
},
|
|
366
366
|
"./ui/treeSelect": {
|
|
367
367
|
"types": "./ui/treeSelect/index.d.ts",
|
|
@@ -375,18 +375,18 @@
|
|
|
375
375
|
"esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
|
|
376
376
|
"default": "./fesm2022/aril-ui-treeTable.mjs"
|
|
377
377
|
},
|
|
378
|
-
"./ui/value": {
|
|
379
|
-
"types": "./ui/value/index.d.ts",
|
|
380
|
-
"esm2022": "./esm2022/ui/value/aril-ui-value.mjs",
|
|
381
|
-
"esm": "./esm2022/ui/value/aril-ui-value.mjs",
|
|
382
|
-
"default": "./fesm2022/aril-ui-value.mjs"
|
|
383
|
-
},
|
|
384
378
|
"./ui-business/assetPicker": {
|
|
385
379
|
"types": "./ui-business/assetPicker/index.d.ts",
|
|
386
380
|
"esm2022": "./esm2022/ui-business/assetPicker/aril-ui-business-assetPicker.mjs",
|
|
387
381
|
"esm": "./esm2022/ui-business/assetPicker/aril-ui-business-assetPicker.mjs",
|
|
388
382
|
"default": "./fesm2022/aril-ui-business-assetPicker.mjs"
|
|
389
383
|
},
|
|
384
|
+
"./ui/value": {
|
|
385
|
+
"types": "./ui/value/index.d.ts",
|
|
386
|
+
"esm2022": "./esm2022/ui/value/aril-ui-value.mjs",
|
|
387
|
+
"esm": "./esm2022/ui/value/aril-ui-value.mjs",
|
|
388
|
+
"default": "./fesm2022/aril-ui-value.mjs"
|
|
389
|
+
},
|
|
390
390
|
"./ui-business/detailed-overlay-panel": {
|
|
391
391
|
"types": "./ui-business/detailed-overlay-panel/index.d.ts",
|
|
392
392
|
"esm2022": "./esm2022/ui-business/detailed-overlay-panel/aril-ui-business-detailed-overlay-panel.mjs",
|
|
@@ -399,6 +399,12 @@
|
|
|
399
399
|
"esm": "./esm2022/ui-business/enumPicker/aril-ui-business-enumPicker.mjs",
|
|
400
400
|
"default": "./fesm2022/aril-ui-business-enumPicker.mjs"
|
|
401
401
|
},
|
|
402
|
+
"./ui-business/image-viewer": {
|
|
403
|
+
"types": "./ui-business/image-viewer/index.d.ts",
|
|
404
|
+
"esm2022": "./esm2022/ui-business/image-viewer/aril-ui-business-image-viewer.mjs",
|
|
405
|
+
"esm": "./esm2022/ui-business/image-viewer/aril-ui-business-image-viewer.mjs",
|
|
406
|
+
"default": "./fesm2022/aril-ui-business-image-viewer.mjs"
|
|
407
|
+
},
|
|
402
408
|
"./ui-business/multiple-ref-value": {
|
|
403
409
|
"types": "./ui-business/multiple-ref-value/index.d.ts",
|
|
404
410
|
"esm2022": "./esm2022/ui-business/multiple-ref-value/aril-ui-business-multiple-ref-value.mjs",
|
|
@@ -441,18 +447,18 @@
|
|
|
441
447
|
"esm": "./esm2022/util/block/aril-util-block.mjs",
|
|
442
448
|
"default": "./fesm2022/aril-util-block.mjs"
|
|
443
449
|
},
|
|
444
|
-
"./util/custom_pages": {
|
|
445
|
-
"types": "./util/custom_pages/index.d.ts",
|
|
446
|
-
"esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
|
|
447
|
-
"esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
|
|
448
|
-
"default": "./fesm2022/aril-util-custom_pages.mjs"
|
|
449
|
-
},
|
|
450
450
|
"./util/init-event": {
|
|
451
451
|
"types": "./util/init-event/index.d.ts",
|
|
452
452
|
"esm2022": "./esm2022/util/init-event/aril-util-init-event.mjs",
|
|
453
453
|
"esm": "./esm2022/util/init-event/aril-util-init-event.mjs",
|
|
454
454
|
"default": "./fesm2022/aril-util-init-event.mjs"
|
|
455
455
|
},
|
|
456
|
+
"./util/custom_pages": {
|
|
457
|
+
"types": "./util/custom_pages/index.d.ts",
|
|
458
|
+
"esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
|
|
459
|
+
"esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
|
|
460
|
+
"default": "./fesm2022/aril-util-custom_pages.mjs"
|
|
461
|
+
},
|
|
456
462
|
"./util/lib": {
|
|
457
463
|
"types": "./util/lib/index.d.ts",
|
|
458
464
|
"esm2022": "./esm2022/util/lib/aril-util-lib.mjs",
|
|
@@ -501,18 +507,18 @@
|
|
|
501
507
|
"esm": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
|
|
502
508
|
"default": "./fesm2022/aril-boot-config-api.mjs"
|
|
503
509
|
},
|
|
504
|
-
"./boot/config/plugins": {
|
|
505
|
-
"types": "./boot/config/plugins/index.d.ts",
|
|
506
|
-
"esm2022": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
|
|
507
|
-
"esm": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
|
|
508
|
-
"default": "./fesm2022/aril-boot-config-plugins.mjs"
|
|
509
|
-
},
|
|
510
510
|
"./boot/config/apps": {
|
|
511
511
|
"types": "./boot/config/apps/index.d.ts",
|
|
512
512
|
"esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
|
|
513
513
|
"esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
|
|
514
514
|
"default": "./fesm2022/aril-boot-config-apps.mjs"
|
|
515
515
|
},
|
|
516
|
+
"./boot/config/plugins": {
|
|
517
|
+
"types": "./boot/config/plugins/index.d.ts",
|
|
518
|
+
"esm2022": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
|
|
519
|
+
"esm": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
|
|
520
|
+
"default": "./fesm2022/aril-boot-config-plugins.mjs"
|
|
521
|
+
},
|
|
516
522
|
"./boot/config/translate": {
|
|
517
523
|
"types": "./boot/config/translate/index.d.ts",
|
|
518
524
|
"esm2022": "./esm2022/boot/config/translate/aril-boot-config-translate.mjs",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './src/aril-image-viewer.component';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { HttpClient } from '@angular/common/http';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ArilImageViewerComponent {
|
|
4
|
+
private readonly http;
|
|
5
|
+
imageUrl: import("@angular/core").InputSignal<string | null, string | null>;
|
|
6
|
+
alt: import("@angular/core").InputSignal<string, string>;
|
|
7
|
+
styleClass: import("@angular/core").InputSignal<string, string>;
|
|
8
|
+
width: import("@angular/core").InputSignal<string, string>;
|
|
9
|
+
height: import("@angular/core").InputSignal<string, string>;
|
|
10
|
+
borderRadius: import("@angular/core").InputSignal<string, string>;
|
|
11
|
+
objectFit: import("@angular/core").InputSignal<"contain" | "cover" | "fill" | "none" | "scale-down", "contain" | "cover" | "fill" | "none" | "scale-down">;
|
|
12
|
+
customStyle: import("@angular/core").InputSignal<Record<string, string>, Record<string, string>>;
|
|
13
|
+
imageDataUrl: import("@angular/core").WritableSignal<string | null>;
|
|
14
|
+
isLoading: import("@angular/core").WritableSignal<boolean>;
|
|
15
|
+
computedStyle: import("@angular/core").WritableSignal<Record<string, string>>;
|
|
16
|
+
constructor(http: HttpClient);
|
|
17
|
+
private loadImage;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ArilImageViewerComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArilImageViewerComponent, "aril-image-viewer", never, { "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "objectFit": { "alias": "objectFit"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, {}, never, ["[loading]", "*"], true, never>;
|
|
20
|
+
}
|