npm - @logosphere-ui/angular - Versions diffs - 1.0.0-beta.1 → 1.0.0-beta.3 - Mend

@logosphere-ui/angular 1.0.0-beta.1 → 1.0.0-beta.3

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.

Files changed (87) hide show

package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component, ViewChild } from '@angular/core';
 import '@logosphere-ui/core/toast';
 class LogosphereToast {
@@ -10,21 +10,27 @@ class LogosphereToast {
     closeable = input(true, ...(ngDevMode ? [{ debugName: "closeable" }] : []));
     duration = input(5000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
     autoDismiss = input(true, ...(ngDevMode ? [{ debugName: "autoDismiss" }] : []));
+    action = input(undefined, ...(ngDevMode ? [{ debugName: "action" }] : []));
+    toastClose = output();
+    /** @deprecated `toastClose` kullanın — aynı anda yayınlanır. */
     dismiss = output();
-    onDismiss() {
+    onToastClose(event) {
+        const e = event;
+        this.toastClose.emit(e.detail);
         this.dismiss.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereToast, isStandalone: true, selector: "lgs-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, toastTitle: { classPropertyName: "toastTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereToast, isStandalone: true, selector: "lgs-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, toastTitle: { classPropertyName: "toastTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toastClose: "toastClose", dismiss: "dismiss" }, ngImport: i0, template: `
     <logosphere-toast
-      [type]="type()"
-      [title]="toastTitle()"
-      [text]="text()"
-      [icon]="icon()"
+      [attr.type]="type()"
+      [attr.toast-title]="toastTitle()"
+      [attr.text]="text()"
+      [attr.icon]="icon()"
       [closeable]="closeable()"
-      [duration]="duration()"
+      [attr.duration]="duration()"
       [autoDismiss]="autoDismiss()"
-      (dismiss)="onDismiss()"
+      [action]="action()"
+      (toast-close)="onToastClose($event)"
     ></logosphere-toast>
   `, isInline: true });
 }
@@ -35,22 +41,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-toast
-      [type]="type()"
-      [title]="toastTitle()"
-      [text]="text()"
-      [icon]="icon()"
+      [attr.type]="type()"
+      [attr.toast-title]="toastTitle()"
+      [attr.text]="text()"
+      [attr.icon]="icon()"
       [closeable]="closeable()"
-      [duration]="duration()"
+      [attr.duration]="duration()"
       [autoDismiss]="autoDismiss()"
-      (dismiss)="onDismiss()"
+      [action]="action()"
+      (toast-close)="onToastClose($event)"
     ></logosphere-toast>
   `,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], toastTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], autoDismiss: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoDismiss", required: false }] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }] } });
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], toastTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], autoDismiss: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoDismiss", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }], toastClose: [{ type: i0.Output, args: ["toastClose"] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }] } });
 class LogosphereToastContainer {
+    el;
+    get host() {
+        return this.el.nativeElement;
+    }
+    show(options) {
+        return this.host.show(options);
+    }
+    close(id) {
+        this.host.close(id);
+    }
+    clear() {
+        this.host.clear();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.7", type: LogosphereToastContainer, isStandalone: true, selector: "lgs-toast-container", ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.7", type: LogosphereToastContainer, isStandalone: true, selector: "lgs-toast-container", viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, static: true }], ngImport: i0, template: `
     <logosphere-toast-container #el></logosphere-toast-container>
   `, isInline: true });
 }
@@ -64,7 +84,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
   `,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }] });
+        }], propDecorators: { el: [{
+                type: ViewChild,
+                args: ['el', { static: true }]
+            }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logosphere-ui-angular-src-lib-toast.mjs","sources":["../../projects/wrapper/src/lib/toast/toast.ts","../../projects/wrapper/src/lib/toast/logosphere-ui-angular-src-lib-toast.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/toast';\n\nexport type ToastType = 'success' \| 'danger' \| 'warning' \| 'info';\n\nexport type ToastActionConfig = {\n ~~label:~~ string;\n ~~onClick:~~ () => void;\n};\n\n@Component({\n selector: 'lgs-toast',\n imports: [],\n template: `\n <logosphere-toast\n [type]=\"type()\"\n [title]=\"toastTitle()\"\n [text]=\"text()\"\n [icon]=\"icon()\"\n [closeable]=\"closeable()\"\n [duration]=\"duration()\"\n [autoDismiss]=\"autoDismiss()\"\n (~~dismiss~~)=\"~~onDismiss~~()\"\n ></logosphere-toast>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToast {\n type = input<ToastType>('info');\n toastTitle = input<string>('', { alias: 'title' });\n text = input<string>('');\n icon = input<string>('');\n closeable = input<boolean>(true);\n duration = input<number>(5000);\n autoDismiss = input<boolean>(true);\n\n dismiss = output<void>();\n\n ~~onDismiss~~() {\n this.dismiss.emit();\n }\n}\n\n@Component({\n selector: 'lgs-toast-container',\n imports: [],\n template: `\n <logosphere-toast-container #el></logosphere-toast-container>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToastContainer {\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;~~MA2Ba~~,eAAe,CAAA;AAC1B,IAAA,IAAI,GAAG,KAAK,CAAY,MAAM,gDAAC;IAC/B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,EAAA,CAAG;AAClD,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,SAAS,GAAG,KAAK,CAAU,IAAI,qDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAS,IAAI,oDAAC;AAC9B,IAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;~~IAElC~~,OAAO,GAAG,MAAM,EAAQ;~~IAExB~~,~~SAAS~~,~~GAAA~~;~~AACP~~,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;~~uGAbW~~,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAdhB;;;;;;;;;;;AAWT~~,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;~~kBAjB3B~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE~~;;;;;;;;;;;AAWT~~,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;~~MAyBY~~,wBAAwB,CAAA;~~uGAAxB~~,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALzB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;~~AClDD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"logosphere-ui-angular-src-lib-toast.mjs","sources":["../../projects/wrapper/src/lib/toast/toast.ts","../../projects/wrapper/src/lib/toast/logosphere-ui-angular-src-lib-toast.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, input, output, ViewChild} from '@angular/core';\nimport '@logosphere-ui/core/toast';\n\nexport type ToastType = 'success' \| 'danger' \| 'warning' \| 'info';\n\nexport type ToastActionConfig = {\n okayLabel?: string;\n cancelLabel?: string;\n onOkay?: () => void;\n onCancel?: () => void;\n closeOnAction?: boolean;\n};\n\nexport type ToastOptions = {\n id?: string;\n type?: ToastType;\n title?: string;\n text: string;\n icon?: string;\n closeable?: boolean;\n autoDismiss?: boolean;\n duration?: number;\n action?: ToastActionConfig;\n};\n\n@Component({\n selector: 'lgs-toast',\n imports: [],\n template: `\n <logosphere-toast\n [attr.type]=\"type()\"\n [attr.toast-title]=\"toastTitle()\"\n [attr.text]=\"text()\"\n [attr.icon]=\"icon()\"\n [closeable]=\"closeable()\"\n [attr.duration]=\"duration()\"\n [autoDismiss]=\"autoDismiss()\"\n [action]=\"action()\"\n (toast-close)=\"onToastClose($event)\"\n ></logosphere-toast>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToast {\n type = input<ToastType>('info');\n toastTitle = input<string>('', { alias: 'title' });\n text = input<string>('');\n icon = input<string>('');\n closeable = input<boolean>(true);\n duration = input<number>(5000);\n autoDismiss = input<boolean>(true);\n action = input<ToastActionConfig \| undefined>(undefined);\n\n toastClose = output<{ reason: 'manual' \| 'auto' }>();\n /** @deprecated `toastClose` kullanın — aynı anda yayınlanır. /\n dismiss = output<void>();\n\n onToastClose(event: Event) {\n const e = event as CustomEvent<{ reason: 'manual' \| 'auto' }>;\n this.toastClose.emit(e.detail);\n this.dismiss.emit();\n }\n}\n\n@Component({\n selector: 'lgs-toast-container',\n imports: [],\n template: `\n <logosphere-toast-container #el></logosphere-toast-container>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToastContainer {\n @ViewChild('el', { static: true }) private el!: ElementRef<HTMLElement>;\n\n private get host() {\n return this.el.nativeElement as HTMLElement & {\n show(options: ToastOptions): string;\n close(id: string): void;\n clear(): void;\n };\n }\n\n show(options: ToastOptions): string {\n return this.host.show(options);\n }\n\n close(id: string) {\n this.host.close(id);\n }\n\n clear() {\n this.host.clear();\n }\n}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MA2Ca,eAAe,CAAA;AAC1B,IAAA,IAAI,GAAG,KAAK,CAAY,MAAM,gDAAC;IAC/B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,EAAA,CAAG;AAClD,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,SAAS,GAAG,KAAK,CAAU,IAAI,qDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAS,IAAI,oDAAC;AAC9B,IAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;AAClC,IAAA,MAAM,GAAG,KAAK,CAAgC,SAAS,kDAAC;IAExD,UAAU,GAAG,MAAM,EAAiC;;IAEpD,OAAO,GAAG,MAAM,EAAQ;AAExB,IAAA,YAAY,CAAC,KAAY,EAAA;QACvB,MAAM,CAAC,GAAG,KAAmD;QAC7D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;uGAlBW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfhB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAlB3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;MA8BY,wBAAwB,CAAA;AACQ,IAAA,EAAE;AAE7C,IAAA,IAAY,IAAI,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,aAId;IACH;AAEA,IAAA,IAAI,CAAC,OAAqB,EAAA;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IAChC;AAEA,IAAA,KAAK,CAAC,EAAU,EAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACrB;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;IACnB;uGArBW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALzB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;sBAEE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;ACzEnC;;AAEG;;;;"}

package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, ViewChild, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import '@logosphere-ui/core/tree-menu';
 class LogosphereTreeMenu {
@@ -8,16 +8,11 @@ class LogosphereTreeMenu {
     expandOnLabelClick = input(true, ...(ngDevMode ? [{ debugName: "expandOnLabelClick" }] : []));
     chevronPosition = input('left', ...(ngDevMode ? [{ debugName: "chevronPosition" }] : []));
     showLabels = input(true, ...(ngDevMode ? [{ debugName: "showLabels" }] : []));
+    leading = input(true, ...(ngDevMode ? [{ debugName: "leading" }] : []));
     iconSize = input(16, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
     toggle = output();
     itemClick = output();
     nodeClick = output();
-    set elRef(element) {
-        if (element) {
-            element.nativeElement.items = this.items();
-            element.nativeElement.expandedIds = this.expandedIds();
-        }
-    }
     onToggle(event) {
         const e = event;
         this.toggle.emit(e.detail);
@@ -31,13 +26,15 @@ class LogosphereTreeMenu {
         this.nodeClick.emit(e.detail);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTreeMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTreeMenu, isStandalone: true, selector: "lgs-tree-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, expandOnLabelClick: { classPropertyName: "expandOnLabelClick", publicName: "expandOnLabelClick", isSignal: true, isRequired: false, transformFunction: null }, chevronPosition: { classPropertyName: "chevronPosition", publicName: "chevronPosition", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", itemClick: "itemClick", nodeClick: "nodeClick" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTreeMenu, isStandalone: true, selector: "lgs-tree-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, expandOnLabelClick: { classPropertyName: "expandOnLabelClick", publicName: "expandOnLabelClick", isSignal: true, isRequired: false, transformFunction: null }, chevronPosition: { classPropertyName: "chevronPosition", publicName: "chevronPosition", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, leading: { classPropertyName: "leading", publicName: "leading", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", itemClick: "itemClick", nodeClick: "nodeClick" }, ngImport: i0, template: `
     <logosphere-tree-menu
-      #el
+      [items]="items()"
+      [expandedIds]="expandedIds()"
       [expandOnLabelClick]="expandOnLabelClick()"
-      [chevronPosition]="chevronPosition()"
+      [attr.chevronposition]="chevronPosition()"
       [showLabels]="showLabels()"
-      [iconSize]="iconSize()"
+      [leading]="leading()"
+      [attr.iconsize]="iconSize()"
       (toggle)="onToggle($event)"
       (item-click)="onItemClick($event)"
       (node-click)="onNodeClick($event)"
@@ -51,11 +48,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-tree-menu
-      #el
+      [items]="items()"
+      [expandedIds]="expandedIds()"
       [expandOnLabelClick]="expandOnLabelClick()"
-      [chevronPosition]="chevronPosition()"
+      [attr.chevronposition]="chevronPosition()"
       [showLabels]="showLabels()"
-      [iconSize]="iconSize()"
+      [leading]="leading()"
+      [attr.iconsize]="iconSize()"
       (toggle)="onToggle($event)"
       (item-click)="onItemClick($event)"
       (node-click)="onNodeClick($event)"
@@ -63,10 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
   `,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }], expandOnLabelClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnLabelClick", required: false }] }], chevronPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "chevronPosition", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], elRef: [{
-                type: ViewChild,
-                args: ['el', { static: false }]
-            }] } });
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }], expandOnLabelClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnLabelClick", required: false }] }], chevronPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "chevronPosition", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], leading: [{ type: i0.Input, args: [{ isSignal: true, alias: "leading", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logosphere-ui-angular-src-lib-tree-menu.mjs","sources":["../../projects/wrapper/src/lib/tree-menu/tree-menu.ts","../../projects/wrapper/src/lib/tree-menu/logosphere-ui-angular-src-lib-tree-menu.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, ~~ElementRef,~~ input, output~~, ViewChild~~} from '@angular/core';\nimport '@logosphere-ui/core/tree-menu';\n\nexport ~~type~~ TreeMenuItem = {\n id: string;\n label: string;\n ~~icon~~?: string;\n children?: TreeMenuItem[];\n data?: unknown;\n};\n\n@Component({\n selector: 'lgs-tree-menu',\n imports: [],\n template: `\n <logosphere-tree-menu\n ~~#el~~\n [expandOnLabelClick]=\"expandOnLabelClick()\"\n [~~chevronPosition~~]=\"chevronPosition()\"\n [showLabels]=\"showLabels()\"\n [~~iconSize~~]=\"iconSize()\"\n (toggle)=\"onToggle($event)\"\n (item-click)=\"onItemClick($event)\"\n (node-click)=\"onNodeClick($event)\"\n ></logosphere-tree-menu>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTreeMenu {\n items = input<TreeMenuItem[]>([]);\n expandedIds = input<string[]>([]);\n expandOnLabelClick = input<boolean>(true);\n chevronPosition = input<'left' \| 'right'>('left');\n showLabels = input<boolean>(true);\n iconSize = input<number>(16);\n\n toggle = output<{ item: TreeMenuItem; expanded: boolean }>();\n itemClick = output<{ item: TreeMenuItem }>();\n nodeClick = output<{ item: TreeMenuItem; hasChildren: boolean }>();\n\n @ViewChild('el', { static: false }) set elRef(element: ElementRef \| undefined) {\n if (element) {\n (element.nativeElement as any).items = this.items();\n (element.nativeElement as any).expandedIds = this.expandedIds();\n }\n }\n\n onToggle(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem; expanded: boolean }>;\n this.toggle.emit(e.detail);\n }\n\n onItemClick(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem }>;\n this.itemClick.emit(e.detail);\n }\n\n onNodeClick(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem; hasChildren: boolean }>;\n this.nodeClick.emit(e.detail);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;~~MA4Ba~~,kBAAkB,CAAA;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAiB,EAAE,iDAAC;AACjC,IAAA,WAAW,GAAG,KAAK,CAAW,EAAE,uDAAC;AACjC,IAAA,kBAAkB,GAAG,KAAK,CAAU,IAAI,8DAAC;AACzC,IAAA,eAAe,GAAG,KAAK,CAAmB,MAAM,2DAAC;AACjD,IAAA,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC;AACjC,IAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;IAE5B,MAAM,GAAG,MAAM,EAA6C;IAC5D,SAAS,GAAG,MAAM,EAA0B;IAC5C,SAAS,GAAG,MAAM,EAAgD;~~IAElE~~,~~IAAwC,KAAK,CAAC,OAA+B,EAAA;QAC3E,IAAI,OAAO,EAAE;YACV,OAAO,CAAC,aAAqB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;YAClD,OAAO,CAAC,aAAqB,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;QACjE;IACF;AAEA,~~IAAA,QAAQ,CAAC,KAAY,EAAA;QACnB,MAAM,CAAC,GAAG,KAA+D;QACzE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5B;AAEA,IAAA,WAAW,CAAC,KAAY,EAAA;QACtB,MAAM,CAAC,GAAG,KAA4C;QACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B;AAEA,IAAA,WAAW,CAAC,KAAY,EAAA;QACtB,MAAM,CAAC,GAAG,KAAkE;QAC5E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B;~~uGAhCW~~,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,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,~~OAAA,~~EAAA,EAAA,~~MAAA~~,EAAA,~~QAAA~~,EAAA,~~SAAA~~,EAAA,~~WAAA~~,EAAA,~~SAAA~~,EAAA,~~WAAA~~,EAAA,EAAA,~~WAAA~~,EAAA,~~CAAA~~,EAAA,~~YAAA~~,EAAA,OAAA,EAAA,~~KAAA~~,EAAA,~~IAAA~~,EAAA,SAAA,EAAA,~~CAAA~~,~~IAAA~~,~~CAAA~~,EAAA,WAAA,EAAA,~~IAAA,~~EAAA,~~CAAA,EAAA,~~QAAA,EAAA,EAAA,EAAA,QAAA,~~EAdnB;;;;;;;;;;;AAWT~~,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;~~kBAjB9B~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE~~;;;;;;;;;;;AAWT~~,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA~~;;sBAaE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE~~;;;~~ACxCpC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"logosphere-ui-angular-src-lib-tree-menu.mjs","sources":["../../projects/wrapper/src/lib/tree-menu/tree-menu.ts","../../projects/wrapper/src/lib/tree-menu/logosphere-ui-angular-src-lib-tree-menu.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/tree-menu';\n\nexport interface TreeMenuBadge {\n text: string;\n variant?: string;\n size?: string;\n isRound?: boolean;\n}\n\nexport interface TreeMenuItem {\n id: string;\n label: string;\n disabled?: boolean;\n active?: boolean;\n iconName?: string;\n badges?: TreeMenuBadge[];\n children?: TreeMenuItem[];\n onClick?: (item: TreeMenuItem) => void;\n data?: unknown;\n}\n\n@Component({\n selector: 'lgs-tree-menu',\n imports: [],\n template: `\n <logosphere-tree-menu\n [items]=\"items()\"\n [expandedIds]=\"expandedIds()\"\n [expandOnLabelClick]=\"expandOnLabelClick()\"\n [attr.chevronposition]=\"chevronPosition()\"\n [showLabels]=\"showLabels()\"\n [leading]=\"leading()\"\n [attr.iconsize]=\"iconSize()\"\n (toggle)=\"onToggle($event)\"\n (item-click)=\"onItemClick($event)\"\n (node-click)=\"onNodeClick($event)\"\n ></logosphere-tree-menu>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTreeMenu {\n items = input<TreeMenuItem[]>([]);\n expandedIds = input<string[]>([]);\n expandOnLabelClick = input<boolean>(true);\n chevronPosition = input<'left' \| 'right'>('left');\n showLabels = input<boolean>(true);\n leading = input<boolean>(true);\n iconSize = input<number>(16);\n\n toggle = output<{ item: TreeMenuItem; expanded: boolean }>();\n itemClick = output<{ item: TreeMenuItem }>();\n nodeClick = output<{ item: TreeMenuItem; hasChildren: boolean }>();\n\n onToggle(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem; expanded: boolean }>;\n this.toggle.emit(e.detail);\n }\n\n onItemClick(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem }>;\n this.itemClick.emit(e.detail);\n }\n\n onNodeClick(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem; hasChildren: boolean }>;\n this.nodeClick.emit(e.detail);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/logosphere-ui-angular-src-lib-uploader.mjs ADDED Viewed

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import '@logosphere-ui/core/uploader';
+class LogosphereUploader {
+    files = input([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+    accept = input('', ...(ngDevMode ? [{ debugName: "accept" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    maxSize = input(0, ...(ngDevMode ? [{ debugName: "maxSize" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable" }] : []));
+    hideDropArea = input(false, ...(ngDevMode ? [{ debugName: "hideDropArea" }] : []));
+    label = input('Yüklemek için tıklayın', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    labelSuffix = input('veya bu alana sürükleyin', ...(ngDevMode ? [{ debugName: "labelSuffix" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    filesAdded = output();
+    fileRemove = output();
+    fileRetry = output();
+    fileCancel = output();
+    fileSelect = output();
+    onFilesAdded(event) {
+        this.filesAdded.emit(event.detail);
+    }
+    onFileRemove(event) {
+        this.fileRemove.emit(event.detail);
+    }
+    onFileRetry(event) {
+        this.fileRetry.emit(event.detail);
+    }
+    onFileCancel(event) {
+        this.fileCancel.emit(event.detail);
+    }
+    onFileSelect(event) {
+        this.fileSelect.emit(event.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereUploader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereUploader, isStandalone: true, selector: "lgs-uploader", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, hideDropArea: { classPropertyName: "hideDropArea", publicName: "hideDropArea", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelSuffix: { classPropertyName: "labelSuffix", publicName: "labelSuffix", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesAdded: "filesAdded", fileRemove: "fileRemove", fileRetry: "fileRetry", fileCancel: "fileCancel", fileSelect: "fileSelect" }, ngImport: i0, template: `
+    <logosphere-uploader
+      [files]="files()"
+      [attr.accept]="accept()"
+      [attr.multiple]="multiple() ? '' : null"
+      [attr.max-size]="maxSize()"
+      [attr.disabled]="disabled() ? '' : null"
+      [attr.size]="size()"
+      [attr.selectable]="selectable() ? '' : null"
+      [attr.hide-drop-area]="hideDropArea() ? '' : null"
+      [attr.label]="label()"
+      [attr.label-suffix]="labelSuffix()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      (files-added)="onFilesAdded($event)"
+      (file-remove)="onFileRemove($event)"
+      (file-retry)="onFileRetry($event)"
+      (file-cancel)="onFileCancel($event)"
+      (file-select)="onFileSelect($event)"
+    ></logosphere-uploader>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereUploader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-uploader',
+                    imports: [],
+                    template: `
+    <logosphere-uploader
+      [files]="files()"
+      [attr.accept]="accept()"
+      [attr.multiple]="multiple() ? '' : null"
+      [attr.max-size]="maxSize()"
+      [attr.disabled]="disabled() ? '' : null"
+      [attr.size]="size()"
+      [attr.selectable]="selectable() ? '' : null"
+      [attr.hide-drop-area]="hideDropArea() ? '' : null"
+      [attr.label]="label()"
+      [attr.label-suffix]="labelSuffix()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      (files-added)="onFilesAdded($event)"
+      (file-remove)="onFileRemove($event)"
+      (file-retry)="onFileRetry($event)"
+      (file-cancel)="onFileCancel($event)"
+      (file-select)="onFileSelect($event)"
+    ></logosphere-uploader>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], hideDropArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDropArea", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelSuffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelSuffix", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], filesAdded: [{ type: i0.Output, args: ["filesAdded"] }], fileRemove: [{ type: i0.Output, args: ["fileRemove"] }], fileRetry: [{ type: i0.Output, args: ["fileRetry"] }], fileCancel: [{ type: i0.Output, args: ["fileCancel"] }], fileSelect: [{ type: i0.Output, args: ["fileSelect"] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { LogosphereUploader };
+//# sourceMappingURL=logosphere-ui-angular-src-lib-uploader.mjs.map

package/fesm2022/logosphere-ui-angular-src-lib-uploader.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"logosphere-ui-angular-src-lib-uploader.mjs","sources":["../../projects/wrapper/src/lib/uploader/uploader.ts","../../projects/wrapper/src/lib/uploader/logosphere-ui-angular-src-lib-uploader.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/uploader';\n\nexport type UploaderFileStatus = 'pending' | 'uploading' | 'completed' | 'error';\nexport type UploaderSize = 'default' | 'small';\n\nexport interface UploaderFile {\n id: string;\n name: string;\n size?: number;\n status?: UploaderFileStatus;\n progress?: number;\n error?: string;\n previewUrl?: string;\n meta?: string;\n selected?: boolean;\n}\n\nexport interface UploaderFilesAddedDetail {\n files: File[];\n rejected: Array<{ file: File; reason: 'type' | 'size' }>;\n}\n\nexport interface UploaderFileDetail {\n id: string;\n}\n\n@Component({\n selector: 'lgs-uploader',\n imports: [],\n template: `\n <logosphere-uploader\n [files]=\"files()\"\n [attr.accept]=\"accept()\"\n [attr.multiple]=\"multiple() ? '' : null\"\n [attr.max-size]=\"maxSize()\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [attr.size]=\"size()\"\n [attr.selectable]=\"selectable() ? '' : null\"\n [attr.hide-drop-area]=\"hideDropArea() ? '' : null\"\n [attr.label]=\"label()\"\n [attr.label-suffix]=\"labelSuffix()\"\n [attr.helper]=\"helper()\"\n [attr.error]=\"error()\"\n (files-added)=\"onFilesAdded($event)\"\n (file-remove)=\"onFileRemove($event)\"\n (file-retry)=\"onFileRetry($event)\"\n (file-cancel)=\"onFileCancel($event)\"\n (file-select)=\"onFileSelect($event)\"\n ></logosphere-uploader>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereUploader {\n files = input<UploaderFile[]>([]);\n accept = input<string>('');\n multiple = input<boolean>(false);\n maxSize = input<number>(0);\n disabled = input<boolean>(false);\n size = input<UploaderSize>('default');\n selectable = input<boolean>(false);\n hideDropArea = input<boolean>(false);\n label = input<string>('Yüklemek için tıklayın');\n labelSuffix = input<string>('veya bu alana sürükleyin');\n helper = input<string>('');\n error = input<string>('');\n\n filesAdded = output<UploaderFilesAddedDetail>();\n fileRemove = output<UploaderFileDetail>();\n fileRetry = output<UploaderFileDetail>();\n fileCancel = output<UploaderFileDetail>();\n fileSelect = output<UploaderFileDetail>();\n\n onFilesAdded(event: Event) {\n this.filesAdded.emit((event as CustomEvent<UploaderFilesAddedDetail>).detail);\n }\n\n onFileRemove(event: Event) {\n this.fileRemove.emit((event as CustomEvent<UploaderFileDetail>).detail);\n }\n\n onFileRetry(event: Event) {\n this.fileRetry.emit((event as CustomEvent<UploaderFileDetail>).detail);\n }\n\n onFileCancel(event: Event) {\n this.fileCancel.emit((event as CustomEvent<UploaderFileDetail>).detail);\n }\n\n onFileSelect(event: Event) {\n this.fileSelect.emit((event as CustomEvent<UploaderFileDetail>).detail);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}