aril 1.1.51 → 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 +94 -88
- package/theme/styles/theme/dark/_variables.scss +19 -20
- package/theme/styles/theme/light/_variables.scss +9 -10
- 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",
|
|
@@ -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",
|
|
@@ -213,6 +213,12 @@
|
|
|
213
213
|
"esm": "./esm2022/ui/json-diff-comparison/aril-ui-json-diff-comparison.mjs",
|
|
214
214
|
"default": "./fesm2022/aril-ui-json-diff-comparison.mjs"
|
|
215
215
|
},
|
|
216
|
+
"./ui/lib": {
|
|
217
|
+
"types": "./ui/lib/index.d.ts",
|
|
218
|
+
"esm2022": "./esm2022/ui/lib/aril-ui-lib.mjs",
|
|
219
|
+
"esm": "./esm2022/ui/lib/aril-ui-lib.mjs",
|
|
220
|
+
"default": "./fesm2022/aril-ui-lib.mjs"
|
|
221
|
+
},
|
|
216
222
|
"./ui/loader": {
|
|
217
223
|
"types": "./ui/loader/index.d.ts",
|
|
218
224
|
"esm2022": "./esm2022/ui/loader/aril-ui-loader.mjs",
|
|
@@ -225,12 +231,6 @@
|
|
|
225
231
|
"esm": "./esm2022/ui/multiSelect/aril-ui-multiSelect.mjs",
|
|
226
232
|
"default": "./fesm2022/aril-ui-multiSelect.mjs"
|
|
227
233
|
},
|
|
228
|
-
"./ui/lib": {
|
|
229
|
-
"types": "./ui/lib/index.d.ts",
|
|
230
|
-
"esm2022": "./esm2022/ui/lib/aril-ui-lib.mjs",
|
|
231
|
-
"esm": "./esm2022/ui/lib/aril-ui-lib.mjs",
|
|
232
|
-
"default": "./fesm2022/aril-ui-lib.mjs"
|
|
233
|
-
},
|
|
234
234
|
"./ui/mask": {
|
|
235
235
|
"types": "./ui/mask/index.d.ts",
|
|
236
236
|
"esm2022": "./esm2022/ui/mask/aril-ui-mask.mjs",
|
|
@@ -273,6 +273,12 @@
|
|
|
273
273
|
"esm": "./esm2022/ui/pdf-viewer/aril-ui-pdf-viewer.mjs",
|
|
274
274
|
"default": "./fesm2022/aril-ui-pdf-viewer.mjs"
|
|
275
275
|
},
|
|
276
|
+
"./ui/progressbar": {
|
|
277
|
+
"types": "./ui/progressbar/index.d.ts",
|
|
278
|
+
"esm2022": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
|
|
279
|
+
"esm": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
|
|
280
|
+
"default": "./fesm2022/aril-ui-progressbar.mjs"
|
|
281
|
+
},
|
|
276
282
|
"./ui/radioButton": {
|
|
277
283
|
"types": "./ui/radioButton/index.d.ts",
|
|
278
284
|
"esm2022": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
|
|
@@ -297,11 +303,11 @@
|
|
|
297
303
|
"esm": "./esm2022/ui/switch/aril-ui-switch.mjs",
|
|
298
304
|
"default": "./fesm2022/aril-ui-switch.mjs"
|
|
299
305
|
},
|
|
300
|
-
"./ui/
|
|
301
|
-
"types": "./ui/
|
|
302
|
-
"esm2022": "./esm2022/ui/
|
|
303
|
-
"esm": "./esm2022/ui/
|
|
304
|
-
"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"
|
|
305
311
|
},
|
|
306
312
|
"./ui/table-expand": {
|
|
307
313
|
"types": "./ui/table-expand/index.d.ts",
|
|
@@ -309,6 +315,12 @@
|
|
|
309
315
|
"esm": "./esm2022/ui/table-expand/aril-ui-table-expand.mjs",
|
|
310
316
|
"default": "./fesm2022/aril-ui-table-expand.mjs"
|
|
311
317
|
},
|
|
318
|
+
"./ui/tagBox": {
|
|
319
|
+
"types": "./ui/tagBox/index.d.ts",
|
|
320
|
+
"esm2022": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
|
|
321
|
+
"esm": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
|
|
322
|
+
"default": "./fesm2022/aril-ui-tagBox.mjs"
|
|
323
|
+
},
|
|
312
324
|
"./ui/table": {
|
|
313
325
|
"types": "./ui/table/index.d.ts",
|
|
314
326
|
"esm2022": "./esm2022/ui/table/aril-ui-table.mjs",
|
|
@@ -321,11 +333,11 @@
|
|
|
321
333
|
"esm": "./esm2022/ui/text/aril-ui-text.mjs",
|
|
322
334
|
"default": "./fesm2022/aril-ui-text.mjs"
|
|
323
335
|
},
|
|
324
|
-
"./ui/
|
|
325
|
-
"types": "./ui/
|
|
326
|
-
"esm2022": "./esm2022/ui/
|
|
327
|
-
"esm": "./esm2022/ui/
|
|
328
|
-
"default": "./fesm2022/aril-ui-
|
|
336
|
+
"./ui/textArea": {
|
|
337
|
+
"types": "./ui/textArea/index.d.ts",
|
|
338
|
+
"esm2022": "./esm2022/ui/textArea/aril-ui-textArea.mjs",
|
|
339
|
+
"esm": "./esm2022/ui/textArea/aril-ui-textArea.mjs",
|
|
340
|
+
"default": "./fesm2022/aril-ui-textArea.mjs"
|
|
329
341
|
},
|
|
330
342
|
"./ui/toggle-button": {
|
|
331
343
|
"types": "./ui/toggle-button/index.d.ts",
|
|
@@ -333,11 +345,11 @@
|
|
|
333
345
|
"esm": "./esm2022/ui/toggle-button/aril-ui-toggle-button.mjs",
|
|
334
346
|
"default": "./fesm2022/aril-ui-toggle-button.mjs"
|
|
335
347
|
},
|
|
336
|
-
"./ui/
|
|
337
|
-
"types": "./ui/
|
|
338
|
-
"esm2022": "./esm2022/ui/
|
|
339
|
-
"esm": "./esm2022/ui/
|
|
340
|
-
"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"
|
|
341
353
|
},
|
|
342
354
|
"./ui/translate-input": {
|
|
343
355
|
"types": "./ui/translate-input/index.d.ts",
|
|
@@ -345,17 +357,11 @@
|
|
|
345
357
|
"esm": "./esm2022/ui/translate-input/aril-ui-translate-input.mjs",
|
|
346
358
|
"default": "./fesm2022/aril-ui-translate-input.mjs"
|
|
347
359
|
},
|
|
348
|
-
"./ui/
|
|
349
|
-
"types": "./ui/
|
|
350
|
-
"esm2022": "./esm2022/ui/
|
|
351
|
-
"esm": "./esm2022/ui/
|
|
352
|
-
"default": "./fesm2022/aril-ui-
|
|
353
|
-
},
|
|
354
|
-
"./ui/tooltip": {
|
|
355
|
-
"types": "./ui/tooltip/index.d.ts",
|
|
356
|
-
"esm2022": "./esm2022/ui/tooltip/aril-ui-tooltip.mjs",
|
|
357
|
-
"esm": "./esm2022/ui/tooltip/aril-ui-tooltip.mjs",
|
|
358
|
-
"default": "./fesm2022/aril-ui-tooltip.mjs"
|
|
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"
|
|
359
365
|
},
|
|
360
366
|
"./ui/treeSelect": {
|
|
361
367
|
"types": "./ui/treeSelect/index.d.ts",
|
|
@@ -363,11 +369,11 @@
|
|
|
363
369
|
"esm": "./esm2022/ui/treeSelect/aril-ui-treeSelect.mjs",
|
|
364
370
|
"default": "./fesm2022/aril-ui-treeSelect.mjs"
|
|
365
371
|
},
|
|
366
|
-
"./ui/
|
|
367
|
-
"types": "./ui/
|
|
368
|
-
"esm2022": "./esm2022/ui/
|
|
369
|
-
"esm": "./esm2022/ui/
|
|
370
|
-
"default": "./fesm2022/aril-ui-
|
|
372
|
+
"./ui/treeTable": {
|
|
373
|
+
"types": "./ui/treeTable/index.d.ts",
|
|
374
|
+
"esm2022": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
|
|
375
|
+
"esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
|
|
376
|
+
"default": "./fesm2022/aril-ui-treeTable.mjs"
|
|
371
377
|
},
|
|
372
378
|
"./ui-business/assetPicker": {
|
|
373
379
|
"types": "./ui-business/assetPicker/index.d.ts",
|
|
@@ -375,12 +381,6 @@
|
|
|
375
381
|
"esm": "./esm2022/ui-business/assetPicker/aril-ui-business-assetPicker.mjs",
|
|
376
382
|
"default": "./fesm2022/aril-ui-business-assetPicker.mjs"
|
|
377
383
|
},
|
|
378
|
-
"./ui/treeTable": {
|
|
379
|
-
"types": "./ui/treeTable/index.d.ts",
|
|
380
|
-
"esm2022": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
|
|
381
|
-
"esm": "./esm2022/ui/treeTable/aril-ui-treeTable.mjs",
|
|
382
|
-
"default": "./fesm2022/aril-ui-treeTable.mjs"
|
|
383
|
-
},
|
|
384
384
|
"./ui/value": {
|
|
385
385
|
"types": "./ui/value/index.d.ts",
|
|
386
386
|
"esm2022": "./esm2022/ui/value/aril-ui-value.mjs",
|
|
@@ -399,17 +399,23 @@
|
|
|
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",
|
|
405
411
|
"esm": "./esm2022/ui-business/multiple-ref-value/aril-ui-business-multiple-ref-value.mjs",
|
|
406
412
|
"default": "./fesm2022/aril-ui-business-multiple-ref-value.mjs"
|
|
407
413
|
},
|
|
408
|
-
"./ui-business/
|
|
409
|
-
"types": "./ui-business/
|
|
410
|
-
"esm2022": "./esm2022/ui-business/
|
|
411
|
-
"esm": "./esm2022/ui-business/
|
|
412
|
-
"default": "./fesm2022/aril-ui-business-
|
|
414
|
+
"./ui-business/notification-templates-dialog": {
|
|
415
|
+
"types": "./ui-business/notification-templates-dialog/index.d.ts",
|
|
416
|
+
"esm2022": "./esm2022/ui-business/notification-templates-dialog/aril-ui-business-notification-templates-dialog.mjs",
|
|
417
|
+
"esm": "./esm2022/ui-business/notification-templates-dialog/aril-ui-business-notification-templates-dialog.mjs",
|
|
418
|
+
"default": "./fesm2022/aril-ui-business-notification-templates-dialog.mjs"
|
|
413
419
|
},
|
|
414
420
|
"./ui-business/operation-types-dialog": {
|
|
415
421
|
"types": "./ui-business/operation-types-dialog/index.d.ts",
|
|
@@ -417,17 +423,11 @@
|
|
|
417
423
|
"esm": "./esm2022/ui-business/operation-types-dialog/aril-ui-business-operation-types-dialog.mjs",
|
|
418
424
|
"default": "./fesm2022/aril-ui-business-operation-types-dialog.mjs"
|
|
419
425
|
},
|
|
420
|
-
"./ui-business/
|
|
421
|
-
"types": "./ui-business/
|
|
422
|
-
"esm2022": "./esm2022/ui-business/
|
|
423
|
-
"esm": "./esm2022/ui-business/
|
|
424
|
-
"default": "./fesm2022/aril-ui-business-
|
|
425
|
-
},
|
|
426
|
-
"./ui-business/userPicker": {
|
|
427
|
-
"types": "./ui-business/userPicker/index.d.ts",
|
|
428
|
-
"esm2022": "./esm2022/ui-business/userPicker/aril-ui-business-userPicker.mjs",
|
|
429
|
-
"esm": "./esm2022/ui-business/userPicker/aril-ui-business-userPicker.mjs",
|
|
430
|
-
"default": "./fesm2022/aril-ui-business-userPicker.mjs"
|
|
426
|
+
"./ui-business/ref-value": {
|
|
427
|
+
"types": "./ui-business/ref-value/index.d.ts",
|
|
428
|
+
"esm2022": "./esm2022/ui-business/ref-value/aril-ui-business-ref-value.mjs",
|
|
429
|
+
"esm": "./esm2022/ui-business/ref-value/aril-ui-business-ref-value.mjs",
|
|
430
|
+
"default": "./fesm2022/aril-ui-business-ref-value.mjs"
|
|
431
431
|
},
|
|
432
432
|
"./ui-business/rolePicker": {
|
|
433
433
|
"types": "./ui-business/rolePicker/index.d.ts",
|
|
@@ -435,36 +435,36 @@
|
|
|
435
435
|
"esm": "./esm2022/ui-business/rolePicker/aril-ui-business-rolePicker.mjs",
|
|
436
436
|
"default": "./fesm2022/aril-ui-business-rolePicker.mjs"
|
|
437
437
|
},
|
|
438
|
+
"./ui-business/userPicker": {
|
|
439
|
+
"types": "./ui-business/userPicker/index.d.ts",
|
|
440
|
+
"esm2022": "./esm2022/ui-business/userPicker/aril-ui-business-userPicker.mjs",
|
|
441
|
+
"esm": "./esm2022/ui-business/userPicker/aril-ui-business-userPicker.mjs",
|
|
442
|
+
"default": "./fesm2022/aril-ui-business-userPicker.mjs"
|
|
443
|
+
},
|
|
438
444
|
"./util/block": {
|
|
439
445
|
"types": "./util/block/index.d.ts",
|
|
440
446
|
"esm2022": "./esm2022/util/block/aril-util-block.mjs",
|
|
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",
|
|
459
465
|
"esm": "./esm2022/util/lib/aril-util-lib.mjs",
|
|
460
466
|
"default": "./fesm2022/aril-util-lib.mjs"
|
|
461
467
|
},
|
|
462
|
-
"./util/primitive-extensions": {
|
|
463
|
-
"types": "./util/primitive-extensions/index.d.ts",
|
|
464
|
-
"esm2022": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
|
|
465
|
-
"esm": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
|
|
466
|
-
"default": "./fesm2022/aril-util-primitive-extensions.mjs"
|
|
467
|
-
},
|
|
468
468
|
"./util/loaders": {
|
|
469
469
|
"types": "./util/loaders/index.d.ts",
|
|
470
470
|
"esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
|
|
@@ -477,11 +477,11 @@
|
|
|
477
477
|
"esm": "./esm2022/util/pipes/aril-util-pipes.mjs",
|
|
478
478
|
"default": "./fesm2022/aril-util-pipes.mjs"
|
|
479
479
|
},
|
|
480
|
-
"./util/
|
|
481
|
-
"types": "./util/
|
|
482
|
-
"esm2022": "./esm2022/util/
|
|
483
|
-
"esm": "./esm2022/util/
|
|
484
|
-
"default": "./fesm2022/aril-util-
|
|
480
|
+
"./util/primitive-extensions": {
|
|
481
|
+
"types": "./util/primitive-extensions/index.d.ts",
|
|
482
|
+
"esm2022": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
|
|
483
|
+
"esm": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
|
|
484
|
+
"default": "./fesm2022/aril-util-primitive-extensions.mjs"
|
|
485
485
|
},
|
|
486
486
|
"./util/pub-sub": {
|
|
487
487
|
"types": "./util/pub-sub/index.d.ts",
|
|
@@ -489,6 +489,12 @@
|
|
|
489
489
|
"esm": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
|
|
490
490
|
"default": "./fesm2022/aril-util-pub-sub.mjs"
|
|
491
491
|
},
|
|
492
|
+
"./util/sync-active-tab-route": {
|
|
493
|
+
"types": "./util/sync-active-tab-route/index.d.ts",
|
|
494
|
+
"esm2022": "./esm2022/util/sync-active-tab-route/aril-util-sync-active-tab-route.mjs",
|
|
495
|
+
"esm": "./esm2022/util/sync-active-tab-route/aril-util-sync-active-tab-route.mjs",
|
|
496
|
+
"default": "./fesm2022/aril-util-sync-active-tab-route.mjs"
|
|
497
|
+
},
|
|
492
498
|
"./util/unwrap": {
|
|
493
499
|
"types": "./util/unwrap/index.d.ts",
|
|
494
500
|
"esm2022": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
$colors: (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
'blue': #3b82f6,
|
|
3
|
+
'green': #22c55e,
|
|
4
|
+
'yellow': #eab308,
|
|
5
|
+
'cyan': #06b6d4,
|
|
6
|
+
'pink': #ec4899,
|
|
7
|
+
'indigo': #6366f1,
|
|
8
|
+
'teal': #14b8a6,
|
|
9
|
+
'orange': #f97316,
|
|
10
|
+
'bluegray': #64748b,
|
|
11
|
+
'purple': #a855f7,
|
|
12
|
+
'red': #ff3d32,
|
|
13
|
+
'primary': $primary500
|
|
14
14
|
);
|
|
15
15
|
|
|
16
16
|
//shades
|
|
@@ -26,7 +26,7 @@ $shade900: #111827 !default; //ground surface
|
|
|
26
26
|
$hoverBg: rgba(255, 255, 255, 0.03) !default;
|
|
27
27
|
|
|
28
28
|
//global
|
|
29
|
-
$fontFamily:
|
|
29
|
+
$fontFamily: 'Inter', 'Poppins' !default;
|
|
30
30
|
$fontSize: 1rem !default;
|
|
31
31
|
$fontWeight: normal !default;
|
|
32
32
|
$textColor: $shade000 !default;
|
|
@@ -455,9 +455,8 @@ $cardSubTitleColor: $shade100 !default;
|
|
|
455
455
|
$cardContentPadding: 1.25rem 0 !default;
|
|
456
456
|
$cardFooterPadding: 1.25rem 0 0 0 !default;
|
|
457
457
|
$cardShadow:
|
|
458
|
-
0
|
|
459
|
-
0 1px 1px
|
|
460
|
-
0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
|
|
458
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
459
|
+
0 1px 2px -1px rgba(0, 0, 0, 0.2) !default;
|
|
461
460
|
|
|
462
461
|
//editor
|
|
463
462
|
$editorToolbarBg: $panelHeaderBg !default;
|
|
@@ -870,11 +869,11 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
|
|
|
870
869
|
$imagePreviewActionIconBorderRadius: 50% !default;
|
|
871
870
|
|
|
872
871
|
:root {
|
|
873
|
-
font-family:
|
|
874
|
-
font-feature-settings:
|
|
872
|
+
font-family: 'Inter';
|
|
873
|
+
font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
|
|
875
874
|
font-variation-settings: normal;
|
|
876
|
-
--font-family:
|
|
877
|
-
--font-feature-settings:
|
|
875
|
+
--font-family: 'Inter';
|
|
876
|
+
--font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
|
|
878
877
|
--surface-a: #{$shade800};
|
|
879
878
|
--surface-b: #{$shade900};
|
|
880
879
|
--surface-c: #{$hoverBg};
|
|
@@ -16,7 +16,7 @@ $colors: (
|
|
|
16
16
|
//reused color variables
|
|
17
17
|
$shade000: #ffffff !default; //surface
|
|
18
18
|
$shade100: #f9fafb !default; //header background
|
|
19
|
-
$shade200: #f3f4f6
|
|
19
|
+
$shade200: #f3f4f6 !default; //hover background
|
|
20
20
|
$shade300: #e5e7eb !default; //border, divider
|
|
21
21
|
$shade400: #d1d5db !default; //input border
|
|
22
22
|
$shade500: #9ca3af !default; //input icon
|
|
@@ -24,10 +24,10 @@ $shade600: #6b7280 !default; //text secondary color
|
|
|
24
24
|
$shade700: #475569 !default; //text color
|
|
25
25
|
$shade800: #334155 !default; //unused
|
|
26
26
|
$shade900: #1f2937 !default; //unused
|
|
27
|
-
$shade1000
|
|
27
|
+
$shade1000: #e2e8f0 !default; // panel header
|
|
28
28
|
|
|
29
29
|
//global
|
|
30
|
-
$fontFamily:
|
|
30
|
+
$fontFamily: 'Inter', sans-serif;
|
|
31
31
|
$fontSize: 1rem !default;
|
|
32
32
|
$fontWeight: normal !default;
|
|
33
33
|
$textColor: $shade700 !default;
|
|
@@ -362,7 +362,7 @@ $panelHeaderBg: $shade1000 !default;
|
|
|
362
362
|
$panelHeaderTextColor: $shade800 !default;
|
|
363
363
|
$panelHeaderFontWeight: 600 !default;
|
|
364
364
|
$panelHeaderPadding: 1.25rem !default;
|
|
365
|
-
$panelToggleableHeaderPadding: 4px 10px !default
|
|
365
|
+
$panelToggleableHeaderPadding: 4px 10px !default; //0.5rem 1.25rem !default;
|
|
366
366
|
|
|
367
367
|
$panelHeaderHoverBg: #cbd5e1 !default;
|
|
368
368
|
$panelHeaderHoverBorderColor: $shade300 !default;
|
|
@@ -375,7 +375,7 @@ $panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default;
|
|
|
375
375
|
$panelContentTextColor: $shade700 !default;
|
|
376
376
|
$panelContentPadding: 1rem !default;
|
|
377
377
|
$tabPanelContentPadding: 1rem 0 1rem 0 !default;
|
|
378
|
-
|
|
378
|
+
|
|
379
379
|
$panelFooterBorder: 1px solid $shade300 !default;
|
|
380
380
|
$panelFooterBg: $shade000 !default;
|
|
381
381
|
$panelFooterTextColor: $shade700 !default;
|
|
@@ -454,9 +454,8 @@ $cardSubTitleColor: $shade600 !default;
|
|
|
454
454
|
$cardContentPadding: 1.25rem 0 !default;
|
|
455
455
|
$cardFooterPadding: 1.25rem 0 0 0 !default;
|
|
456
456
|
$cardShadow:
|
|
457
|
-
0
|
|
458
|
-
0 1px 1px
|
|
459
|
-
0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
|
|
457
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
458
|
+
0 1px 2px -1px rgba(0, 0, 0, 0.2) !default;
|
|
460
459
|
|
|
461
460
|
//editor
|
|
462
461
|
$editorToolbarBg: $panelHeaderBg !default;
|
|
@@ -863,11 +862,11 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
|
|
|
863
862
|
$imagePreviewActionIconBorderRadius: 50% !default;
|
|
864
863
|
|
|
865
864
|
:root {
|
|
866
|
-
font-family:
|
|
865
|
+
font-family: 'Inter', sans-serif;
|
|
867
866
|
font-style: normal;
|
|
868
867
|
font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
|
|
869
868
|
font-variation-settings: normal;
|
|
870
|
-
--font-family:
|
|
869
|
+
--font-family: 'Inter', sans-serif;
|
|
871
870
|
--font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
|
|
872
871
|
--surface-a: #{$shade000};
|
|
873
872
|
--surface-b: #{$shade100};
|
|
@@ -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
|
+
}
|