aril 1.1.73 → 1.1.75

package/fesm2022/aril-ui-translate-input.mjs

@@ -0,0 +1,207 @@
+import * as i0 from '@angular/core';
+import { inject, Component, input } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i7 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i5 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i6 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i3$1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'primeng/tag';
+import { TagModule } from 'primeng/tag';
+import * as i2 from '@ngneat/transloco';
+import { TranslocoService, TranslocoModule } from '@ngneat/transloco';
+import { EnumPickerComponent } from 'aril/ui-business/enumPicker';
+import { ButtonComponent } from 'aril/ui/button';
+import { FieldComponent } from 'aril/ui/field';
+import { TextComponent } from 'aril/ui/text';
+import * as i1 from 'primeng/dynamicdialog';
+
+const ALL_LANGS = [
+    { code: 'en', name: '🇬🇧 English' },
+    { code: 'tr', name: '🇹🇷 Türkçe' },
+    { code: 'de', name: '🇩🇪 Deutsch' },
+    { code: 'fr', name: '🇫🇷 Français' },
+    { code: 'es', name: '🇪🇸 Español' },
+    { code: 'ar', name: '🇸🇦 العربية (السعودية)' },
+    { code: 'he', name: '🇮🇱 עברית' },
+    { code: 'fa', name: '🇮🇷 فارسی' },
+    { code: 'ro', name: '🇷🇴 Română' },
+    { code: 'ru', name: '🇷🇺 Русский' },
+    { code: 'ja', name: '🇯🇵 日本語' },
+    { code: 'zh', name: '🇨🇳 简体中文' }
+];
+
+/* eslint-disable @angular-eslint/component-selector */
+class ArilLangModalComponent {
+    constructor(config, ref) {
+        this.config = config;
+        this.ref = ref;
+        this.translocoService = inject(TranslocoService);
+        this.selectedLanguages = ['tr', 'en'];
+        this.availableLanguages = ALL_LANGS;
+        this.translations = {};
+        this.mandatoryLanguages = [];
+        this.translations = { ...this.config.data?.translations };
+        this.mandatoryLanguages = this.config.data?.mandatoryLanguages || [];
+    }
+    save() {
+        const allowed = new Set(this.selectedLanguages);
+        // only output the languages that are selected
+        const outputTranslations = Object.fromEntries(Object.entries(this.translations).filter(([k]) => allowed.has(k)));
+        this.ref.close(outputTranslations);
+    }
+    close() {
+        this.ref.close();
+    }
+    getLabel(code) {
+        return this.availableLanguages.find((lang) => lang.code === code)?.name;
+    }
+    isSaveDisabled() {
+        return this.mandatoryLanguages?.some((lang) => !this.selectedLanguages.includes(lang) || !this.translations[lang]);
+    }
+    getInfoText() {
+        return this.translocoService.translate('translationModal.mandatoryLanguages', {
+            languages: this.mandatoryLanguages?.map((lang) => this.getLabel(lang)).join(', ')
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilLangModalComponent, deps: [{ token: i1.DynamicDialogConfig }, { token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ArilLangModalComponent, isStandalone: true, selector: "aril-lang-modal", ngImport: i0, template: "<div>\r\n\t<aril-field\r\n\t\t[label]=\"translocoService.translate('translationModal.addLanguage')\"\r\n\t\t[cols]=\"{ default: 12 }\"\r\n\t\tclass=\"mb-4 block\">\r\n\t\t<enum-picker\r\n\t\t\t[(ngModel)]=\"selectedLanguages\"\r\n\t\t\t[items]=\"availableLanguages\"\r\n\t\t\t[isMultiple]=\"true\"\r\n\t\t\titemKey=\"code\"\r\n\t\t\titemText=\"name\" />\r\n\t</aril-field>\r\n\r\n\t@for (lang of selectedLanguages; track lang) {\r\n\t\t<div class=\"border-1 border-gray-300 border-round py-2 px-4 mb-2 flex justify-content-between items-center\">\r\n\t\t\t<aril-field labelPos=\"left\" [label]=\"getLabel(lang)\" [cols]=\"{ default: 12 }\" [labelWidth]=\"15\" [valueWidth]=\"85\">\r\n\t\t\t\t<aril-text class=\"value-input\" [(ngModel)]=\"translations[lang]\" />\r\n\t\t\t</aril-field>\r\n\t\t</div>\r\n\t}\r\n\r\n\t<div class=\"mt-4\">\r\n\t\t@if (mandatoryLanguages.length && isSaveDisabled()) {\r\n\t\t\t<div class=\"mb-2\">\r\n\t\t\t\t<p-tag [value]=\"getInfoText()\" severity=\"info\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n\t<div class=\"mt-4 flex justify-content-end\">\r\n\t\t<aril-button\r\n\t\t\tcolor=\"danger\"\r\n\t\t\t[outlined]=\"true\"\r\n\t\t\t[label]=\"translocoService.translate('cancel')\"\r\n\t\t\t[raised]=\"false\"\r\n\t\t\ticon=\"TIMES\"\r\n\t\t\t(clickEvent)=\"close()\" />\r\n\t\t<aril-button\r\n\t\t\t[label]=\"translocoService.translate('save')\"\r\n\t\t\tcolor=\"success\"\r\n\t\t\ticon=\"CHECK\"\r\n\t\t\tclass=\"ml-2\"\r\n\t\t\t(clickEvent)=\"save()\"\r\n\t\t\t[disabled]=\"isSaveDisabled()\" />\r\n\t</div>\r\n</div>\r\n", styles: [":host .value-input ::ng-deep input{width:100%}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: ["placeholder", "tabindex", "icon", "iconPos", "size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: FieldComponent, selector: "aril-field", inputs: ["label", "color", "labelWidth", "valueWidth", "labelPos", "markAsRequired", "cols", "infoData", "infoDataOverlayPanel"] }, { kind: "component", type: EnumPickerComponent, selector: "enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]", inputs: ["itemKey", "itemText", "groupName", "parentSelectionKey", "tabindex", "items", "isMultiple", "grouped", "showClearButton", "placeholder", "searchExpr", "acceptCustomValue", "selectedItemsLabel", "appendTo", "style", "styleClass", "tooltip", "tooltipPosition"], outputs: ["onSelectionChanged"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilLangModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aril-lang-modal', imports: [
+                        TextComponent,
+                        FormsModule,
+                        CommonModule,
+                        ButtonComponent,
+                        TranslocoModule,
+                        FieldComponent,
+                        EnumPickerComponent,
+                        TagModule
+                    ], standalone: true, template: "<div>\r\n\t<aril-field\r\n\t\t[label]=\"translocoService.translate('translationModal.addLanguage')\"\r\n\t\t[cols]=\"{ default: 12 }\"\r\n\t\tclass=\"mb-4 block\">\r\n\t\t<enum-picker\r\n\t\t\t[(ngModel)]=\"selectedLanguages\"\r\n\t\t\t[items]=\"availableLanguages\"\r\n\t\t\t[isMultiple]=\"true\"\r\n\t\t\titemKey=\"code\"\r\n\t\t\titemText=\"name\" />\r\n\t</aril-field>\r\n\r\n\t@for (lang of selectedLanguages; track lang) {\r\n\t\t<div class=\"border-1 border-gray-300 border-round py-2 px-4 mb-2 flex justify-content-between items-center\">\r\n\t\t\t<aril-field labelPos=\"left\" [label]=\"getLabel(lang)\" [cols]=\"{ default: 12 }\" [labelWidth]=\"15\" [valueWidth]=\"85\">\r\n\t\t\t\t<aril-text class=\"value-input\" [(ngModel)]=\"translations[lang]\" />\r\n\t\t\t</aril-field>\r\n\t\t</div>\r\n\t}\r\n\r\n\t<div class=\"mt-4\">\r\n\t\t@if (mandatoryLanguages.length && isSaveDisabled()) {\r\n\t\t\t<div class=\"mb-2\">\r\n\t\t\t\t<p-tag [value]=\"getInfoText()\" severity=\"info\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n\t<div class=\"mt-4 flex justify-content-end\">\r\n\t\t<aril-button\r\n\t\t\tcolor=\"danger\"\r\n\t\t\t[outlined]=\"true\"\r\n\t\t\t[label]=\"translocoService.translate('cancel')\"\r\n\t\t\t[raised]=\"false\"\r\n\t\t\ticon=\"TIMES\"\r\n\t\t\t(clickEvent)=\"close()\" />\r\n\t\t<aril-button\r\n\t\t\t[label]=\"translocoService.translate('save')\"\r\n\t\t\tcolor=\"success\"\r\n\t\t\ticon=\"CHECK\"\r\n\t\t\tclass=\"ml-2\"\r\n\t\t\t(clickEvent)=\"save()\"\r\n\t\t\t[disabled]=\"isSaveDisabled()\" />\r\n\t</div>\r\n</div>\r\n", styles: [":host .value-input ::ng-deep input{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DynamicDialogConfig }, { type: i1.DynamicDialogRef }] });
+
+class ArilTranslateInputComponent extends BaseInputComponent {
+    constructor(dialogService, translocoService) {
+        super();
+        this.dialogService = dialogService;
+        this.translocoService = translocoService;
+        this.placeholder = input('');
+        this.mandatoryLanguages = input();
+        this.value = {};
+        this.onChange = (used) => { };
+        this.onTouch = () => { };
+        this.currentLang = this.translocoService.getActiveLang();
+    }
+    writeValue(value) {
+        if (!value) {
+            this.value = {};
+        }
+        else if (typeof value === 'object') {
+            this.value = value || {};
+        }
+        else {
+            console.error('Invalid value type for translations, expected object');
+            this.value = {};
+        }
+        this.updateFormControlSilently(this.value);
+    }
+    updateFormControlSilently(value) {
+        if (this.ngControl?.control) {
+            this.ngControl.control.setValue(value, { emitEvent: false });
+        }
+    }
+    updateValueAndFormControl(newValue) {
+        this.value = { ...newValue };
+        this.updateFormControlSilently(this.value);
+        this.onChange(this.value);
+        this.onTouch();
+    }
+    onInputChange(newValue) {
+        const updatedValue = {
+            ...this.value,
+            [this.currentLang]: newValue
+        };
+        this.updateValueAndFormControl(updatedValue);
+    }
+    getDisplayValue() {
+        let translationObj = this.value;
+        const controlValue = this.ngControl?.control?.value;
+        if (controlValue && typeof controlValue === 'object') {
+            translationObj = controlValue;
+        }
+        return translationObj?.[this.currentLang] || '';
+    }
+    openModal() {
+        const currentTranslations = this.ngControl?.control?.value || this.value || {};
+        const ref = this.dialogService.open(ArilLangModalComponent, {
+            width: '40%',
+            data: {
+                translations: { ...currentTranslations },
+                currentLang: this.currentLang,
+                mandatoryLanguages: this.mandatoryLanguages()
+            },
+            header: this.translocoService.translate('translationModal.title')
+        });
+        ref.onClose.subscribe((result) => {
+            if (result) {
+                this.updateValueAndFormControl(result);
+                setTimeout(() => {
+                    this.updateValueAndFormControl({ ...result });
+                });
+            }
+        });
+    }
+    shouldShowError() {
+        if (!this.ngControl?.invalid)
+            return false;
+        if (this.value && typeof this.value === 'object') {
+            const hasAnyTranslation = Object.values(this.value).some((val) => val && val.trim() !== '');
+            if (hasAnyTranslation)
+                return false;
+        }
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilTranslateInputComponent, deps: [{ token: i1.DialogService }, { token: i2.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ArilTranslateInputComponent, isStandalone: true, selector: "aril-translate-input[ngModel], aril-translate-input[formControl], aril-translate-input[formControlName]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, mandatoryLanguages: { classPropertyName: "mandatoryLanguages", publicName: "mandatoryLanguages", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i3$1.ValueAccessorDirective }], ngImport: i0, template: `
+		<div class="p-inputgroup">
+			<input
+				pInputText
+				type="text"
+				[placeholder]="placeholder()"
+				[ngModel]="getDisplayValue()"
+				(ngModelChange)="onInputChange($event)"
+				[pTooltip]="shouldShowError() ? (ngControl.control.value | inputErrorMessage: ngControl) : ''"
+				[tooltipOptions]="tooltipOptions" />
+			<p-button icon="pi pi-language" (onClick)="openModal()" styleClass="p-button-text p-button-rounded"> </p-button>
+		</div>
+	`, isInline: true, styles: [":host ::ng-deep .p-inputgroup{display:flex;align-items:center;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .p-inputgroup .p-button{border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep .p-inputgroup-sm .p-inputtext,:host ::ng-deep .p-inputgroup-sm .p-button{line-height:1.3}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilTranslateInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aril-translate-input[ngModel], aril-translate-input[formControl], aril-translate-input[formControlName]', standalone: true, imports: [FormsModule, ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, ButtonModule], hostDirectives: [ValueAccessorDirective], template: `
+		<div class="p-inputgroup">
+			<input
+				pInputText
+				type="text"
+				[placeholder]="placeholder()"
+				[ngModel]="getDisplayValue()"
+				(ngModelChange)="onInputChange($event)"
+				[pTooltip]="shouldShowError() ? (ngControl.control.value | inputErrorMessage: ngControl) : ''"
+				[tooltipOptions]="tooltipOptions" />
+			<p-button icon="pi pi-language" (onClick)="openModal()" styleClass="p-button-text p-button-rounded"> </p-button>
+		</div>
+	`, styles: [":host ::ng-deep .p-inputgroup{display:flex;align-items:center;width:100%}:host ::ng-deep .p-inputgroup .p-inputtext{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .p-inputgroup .p-button{border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep .p-inputgroup-sm .p-inputtext,:host ::ng-deep .p-inputgroup-sm .p-button{line-height:1.3}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.TranslocoService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ArilTranslateInputComponent };
+//# sourceMappingURL=aril-ui-translate-input.mjs.map

package/fesm2022/aril-ui-translate-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-translate-input.mjs","sources":["../../projects/aril/ui/translate-input/src/aril-lang-modal/constants.ts","../../projects/aril/ui/translate-input/src/aril-lang-modal/aril-lang-modal.component.ts","../../projects/aril/ui/translate-input/src/aril-lang-modal/aril-lang-modal.component.html","../../projects/aril/ui/translate-input/src/aril-translate-input.component.ts","../../projects/aril/ui/translate-input/aril-ui-translate-input.ts"],"sourcesContent":["import { LanguageDto } from '../interface';\r\n\r\nexport const ALL_LANGS: LanguageDto[] = [\r\n\t{ code: 'en', name: '🇬🇧 English' },\r\n\t{ code: 'tr', name: '🇹🇷 Türkçe' },\r\n\t{ code: 'de', name: '🇩🇪 Deutsch' },\r\n\t{ code: 'fr', name: '🇫🇷 Français' },\r\n\t{ code: 'es', name: '🇪🇸 Español' },\r\n\t{ code: 'ar', name: '🇸🇦 العربية (السعودية)' },\r\n\t{ code: 'he', name: '🇮🇱 עברית' },\r\n\t{ code: 'fa', name: '🇮🇷 فارسی' },\r\n\t{ code: 'ro', name: '🇷🇴 Română' },\r\n\t{ code: 'ru', name: '🇷🇺 Русский' },\r\n\t{ code: 'ja', name: '🇯🇵 日本語' },\r\n\t{ code: 'zh', name: '🇨🇳 简体中文' }\r\n];\r\n","/* eslint-disable @angular-eslint/component-selector */\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, inject } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { TagModule } from 'primeng/tag';\r\n\r\nimport { TranslocoModule, TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { EnumPickerComponent } from 'aril/ui-business/enumPicker';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { FieldComponent } from 'aril/ui/field';\r\nimport { TextComponent } from 'aril/ui/text';\r\n\r\nimport { LangModalData, TranslationObject } from '../interface';\r\nimport { ALL_LANGS } from './constants';\r\n\r\n@Component({\r\n\tselector: 'aril-lang-modal',\r\n\timports: [\r\n\t\tTextComponent,\r\n\t\tFormsModule,\r\n\t\tCommonModule,\r\n\t\tButtonComponent,\r\n\t\tTranslocoModule,\r\n\t\tFieldComponent,\r\n\t\tEnumPickerComponent,\r\n\t\tTagModule\r\n\t],\r\n\tstandalone: true,\r\n\ttemplateUrl: 'aril-lang-modal.component.html',\r\n\tstyleUrls: ['aril-lang-modal.component.scss']\r\n})\r\nexport class ArilLangModalComponent {\r\n\ttranslocoService = inject(TranslocoService);\r\n\tselectedLanguages: string[] = ['tr', 'en'];\r\n\tavailableLanguages = ALL_LANGS;\r\n\ttranslations: TranslationObject = {};\r\n\tmandatoryLanguages: string[] = [];\r\n\r\n\tconstructor(\r\n\t\tpublic config: DynamicDialogConfig<LangModalData>,\r\n\t\tpublic ref: DynamicDialogRef\r\n\t) {\r\n\t\tthis.translations = { ...this.config.data?.translations };\r\n\t\tthis.mandatoryLanguages = this.config.data?.mandatoryLanguages || [];\r\n\t}\r\n\r\n\tsave() {\r\n\t\tconst allowed = new Set(this.selectedLanguages);\r\n\t\t// only output the languages that are selected\r\n\t\tconst outputTranslations = Object.fromEntries(Object.entries(this.translations).filter(([k]) => allowed.has(k)));\r\n\t\tthis.ref.close(outputTranslations);\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.ref.close();\r\n\t}\r\n\r\n\tgetLabel(code: string) {\r\n\t\treturn this.availableLanguages.find((lang) => lang.code === code)?.name;\r\n\t}\r\n\r\n\tisSaveDisabled() {\r\n\t\treturn this.mandatoryLanguages?.some((lang) => !this.selectedLanguages.includes(lang) || !this.translations[lang]);\r\n\t}\r\n\r\n\tgetInfoText() {\r\n\t\treturn this.translocoService.translate('translationModal.mandatoryLanguages', {\r\n\t\t\tlanguages: this.mandatoryLanguages?.map((lang) => this.getLabel(lang)).join(', ')\r\n\t\t});\r\n\t}\r\n}\r\n","<div>\r\n\t<aril-field\r\n\t\t[label]=\"translocoService.translate('translationModal.addLanguage')\"\r\n\t\t[cols]=\"{ default: 12 }\"\r\n\t\tclass=\"mb-4 block\">\r\n\t\t<enum-picker\r\n\t\t\t[(ngModel)]=\"selectedLanguages\"\r\n\t\t\t[items]=\"availableLanguages\"\r\n\t\t\t[isMultiple]=\"true\"\r\n\t\t\titemKey=\"code\"\r\n\t\t\titemText=\"name\" />\r\n\t</aril-field>\r\n\r\n\t@for (lang of selectedLanguages; track lang) {\r\n\t\t<div class=\"border-1 border-gray-300 border-round py-2 px-4 mb-2 flex justify-content-between items-center\">\r\n\t\t\t<aril-field labelPos=\"left\" [label]=\"getLabel(lang)\" [cols]=\"{ default: 12 }\" [labelWidth]=\"15\" [valueWidth]=\"85\">\r\n\t\t\t\t<aril-text class=\"value-input\" [(ngModel)]=\"translations[lang]\" />\r\n\t\t\t</aril-field>\r\n\t\t</div>\r\n\t}\r\n\r\n\t<div class=\"mt-4\">\r\n\t\t@if (mandatoryLanguages.length && isSaveDisabled()) {\r\n\t\t\t<div class=\"mb-2\">\r\n\t\t\t\t<p-tag [value]=\"getInfoText()\" severity=\"info\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\r\n\t<div class=\"mt-4 flex justify-content-end\">\r\n\t\t<aril-button\r\n\t\t\tcolor=\"danger\"\r\n\t\t\t[outlined]=\"true\"\r\n\t\t\t[label]=\"translocoService.translate('cancel')\"\r\n\t\t\t[raised]=\"false\"\r\n\t\t\ticon=\"TIMES\"\r\n\t\t\t(clickEvent)=\"close()\" />\r\n\t\t<aril-button\r\n\t\t\t[label]=\"translocoService.translate('save')\"\r\n\t\t\tcolor=\"success\"\r\n\t\t\ticon=\"CHECK\"\r\n\t\t\tclass=\"ml-2\"\r\n\t\t\t(clickEvent)=\"save()\"\r\n\t\t\t[disabled]=\"isSaveDisabled()\" />\r\n\t</div>\r\n</div>\r\n","import { Component, input } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\nimport { ArilLangModalComponent } from './aril-lang-modal/aril-lang-modal.component';\r\nimport { TranslationObject } from './interface';\r\n\r\n@Component({\r\n\tselector: 'aril-translate-input[ngModel], aril-translate-input[formControl], aril-translate-input[formControlName]',\r\n\tstandalone: true,\r\n\timports: [FormsModule, ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, ButtonModule],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\ttemplate: `\r\n\t\t<div class=\"p-inputgroup\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\t[placeholder]=\"placeholder()\"\r\n\t\t\t\t[ngModel]=\"getDisplayValue()\"\r\n\t\t\t\t(ngModelChange)=\"onInputChange($event)\"\r\n\t\t\t\t[pTooltip]=\"shouldShowError() ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\" />\r\n\t\t\t<p-button icon=\"pi pi-language\" (onClick)=\"openModal()\" styleClass=\"p-button-text p-button-rounded\"> </p-button>\r\n\t\t</div>\r\n\t`,\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t:host ::ng-deep .p-inputgroup {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t:host ::ng-deep .p-inputgroup .p-inputtext {\r\n\t\t\t\tflex: 1 1 auto;\r\n\t\t\t\tborder-top-right-radius: 0;\r\n\t\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\t}\r\n\r\n\t\t\t:host ::ng-deep .p-inputgroup .p-button {\r\n\t\t\t\tborder-top-left-radius: 0;\r\n\t\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\t}\r\n\r\n\t\t\t:host ::ng-deep .p-inputgroup-sm .p-inputtext,\r\n\t\t\t:host ::ng-deep .p-inputgroup-sm .p-button {\r\n\t\t\t\tline-height: 1.3;\r\n\t\t\t}\r\n\t\t`\r\n\t]\r\n})\r\nexport class ArilTranslateInputComponent extends BaseInputComponent {\r\n\tplaceholder = input<string>('');\r\n\tmandatoryLanguages = input<string[]>();\r\n\r\n\tvalue: TranslationObject = {};\r\n\tcurrentLang!: string;\r\n\r\n\tonChange = (used: any) => {};\r\n\tonTouch = () => {};\r\n\r\n\tconstructor(\r\n\t\treadonly dialogService: DialogService,\r\n\t\treadonly translocoService: TranslocoService\r\n\t) {\r\n\t\tsuper();\r\n\t\tthis.currentLang = this.translocoService.getActiveLang();\r\n\t}\r\n\r\n\twriteValue(value: TranslationObject): void {\r\n\t\tif (!value) {\r\n\t\t\tthis.value = {};\r\n\t\t} else if (typeof value === 'object') {\r\n\t\t\tthis.value = value || {};\r\n\t\t} else {\r\n\t\t\tconsole.error('Invalid value type for translations, expected object');\r\n\t\t\tthis.value = {};\r\n\t\t}\r\n\t\tthis.updateFormControlSilently(this.value);\r\n\t}\r\n\r\n\tprivate updateFormControlSilently(value: TranslationObject): void {\r\n\t\tif (this.ngControl?.control) {\r\n\t\t\tthis.ngControl.control.setValue(value, { emitEvent: false });\r\n\t\t}\r\n\t}\r\n\r\n\tprivate updateValueAndFormControl(newValue: TranslationObject): void {\r\n\t\tthis.value = { ...newValue };\r\n\t\tthis.updateFormControlSilently(this.value);\r\n\t\tthis.onChange(this.value);\r\n\t\tthis.onTouch();\r\n\t}\r\n\r\n\tonInputChange(newValue: string): void {\r\n\t\tconst updatedValue = {\r\n\t\t\t...this.value,\r\n\t\t\t[this.currentLang]: newValue\r\n\t\t};\r\n\t\tthis.updateValueAndFormControl(updatedValue);\r\n\t}\r\n\r\n\tgetDisplayValue(): string {\r\n\t\tlet translationObj = this.value;\r\n\r\n\t\tconst controlValue = this.ngControl?.control?.value;\r\n\t\tif (controlValue && typeof controlValue === 'object') {\r\n\t\t\ttranslationObj = controlValue;\r\n\t\t}\r\n\r\n\t\treturn translationObj?.[this.currentLang] || '';\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tconst currentTranslations = this.ngControl?.control?.value || this.value || {};\r\n\t\tconst ref = this.dialogService.open(ArilLangModalComponent, {\r\n\t\t\twidth: '40%',\r\n\t\t\tdata: {\r\n\t\t\t\ttranslations: { ...currentTranslations },\r\n\t\t\t\tcurrentLang: this.currentLang,\r\n\t\t\t\tmandatoryLanguages: this.mandatoryLanguages()\r\n\t\t\t},\r\n\t\t\theader: this.translocoService.translate('translationModal.title')\r\n\t\t});\r\n\r\n\t\tref.onClose.subscribe((result) => {\r\n\t\t\tif (result) {\r\n\t\t\t\tthis.updateValueAndFormControl(result);\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.updateValueAndFormControl({ ...result });\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tshouldShowError(): boolean {\r\n\t\tif (!this.ngControl?.invalid) return false;\r\n\t\tif (this.value && typeof this.value === 'object') {\r\n\t\t\tconst hasAnyTranslation = Object.values(this.value).some((val) => val && val.trim() !== '');\r\n\t\t\tif (hasAnyTranslation) return false;\r\n\t\t}\r\n\t\treturn true;\r\n\t}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3"],"mappings":"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"}

package/fesm2022/aril-ui-tree.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, effect, Component, ChangeDetectionStrategy, Output } from '@angular/core';
+import * as i2 from 'primeng/contextmenu';
+import { ContextMenuModule } from 'primeng/contextmenu';
+import * as i1 from 'primeng/tree';
+import { TreeModule } from 'primeng/tree';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class TreeComponent {
+    constructor() {
+        this.data = input.required();
+        this.contextMenu = input();
+        this.filterPlaceholder = input('Arama');
+        this.filter = input(true);
+        this.selectionMode = input();
+        this.selectedNode = input(null);
+        this.styleClass = input(null);
+        this.isAllExpanded = input(false);
+        this.expandEvent = new EventEmitter();
+        this.selectionEvent = new EventEmitter();
+        effect(() => {
+            this.selectionNodes = this.selectedNode();
+        });
+        effect(() => {
+            if (this.data() && this.isAllExpanded()) {
+                this.expandAll();
+            }
+        });
+    }
+    expandAll() {
+        this.data().forEach((node) => {
+            this.expandRecursive(node, true);
+        });
+    }
+    expandRecursive(node, isExpand) {
+        node.expanded = isExpand;
+        if (node.children) {
+            node.children.forEach((childNode) => {
+                this.expandRecursive(childNode, isExpand);
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectedNode: { classPropertyName: "selectedNode", publicName: "selectedNode", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, isAllExpanded: { classPropertyName: "isAllExpanded", publicName: "isAllExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, ngImport: i0, template: "<!-- <div class=\"mb-3\">\r\n\t<aril-button [label]=\"isExpended ? 'Daralt' : 'Geni\u015Flet'\" size=\"sm\" [color]=\"isExpended ? 'primary' :'warning'\" (clickEvent)=\"toggleTree()\"></aril-button>\r\n</div> -->\r\n<p-tree\r\n\t[value]=\"data()\"\r\n\t[selectionMode]=\"selectionMode()\"\r\n\t[(selection)]=\"selectionNodes\"\r\n\t[contextMenu]=\"contextMenu()?.length ? contextMenuRef : null\"\r\n\t[filter]=\"filter()\"\r\n\tfilterMode=\"lenient\"\r\n\tfilterBy=\"label\"\r\n\t[filterPlaceholder]=\"filterPlaceholder()\"\r\n\t[styleClass]=\"styleClass()!\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectionNodes)\">\r\n</p-tree>\r\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\r\n", styles: ["::ng-deep .p-tree .p-tree-filter{padding:.75rem 2rem .75rem .75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i2.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule, ContextMenuModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"mb-3\">\r\n\t<aril-button [label]=\"isExpended ? 'Daralt' : 'Geni\u015Flet'\" size=\"sm\" [color]=\"isExpended ? 'primary' :'warning'\" (clickEvent)=\"toggleTree()\"></aril-button>\r\n</div> -->\r\n<p-tree\r\n\t[value]=\"data()\"\r\n\t[selectionMode]=\"selectionMode()\"\r\n\t[(selection)]=\"selectionNodes\"\r\n\t[contextMenu]=\"contextMenu()?.length ? contextMenuRef : null\"\r\n\t[filter]=\"filter()\"\r\n\tfilterMode=\"lenient\"\r\n\tfilterBy=\"label\"\r\n\t[filterPlaceholder]=\"filterPlaceholder()\"\r\n\t[styleClass]=\"styleClass()!\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectionNodes)\">\r\n</p-tree>\r\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\r\n", styles: ["::ng-deep .p-tree .p-tree-filter{padding:.75rem 2rem .75rem .75rem!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { expandEvent: [{
+                type: Output
+            }], selectionEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreeComponent };
+//# sourceMappingURL=aril-ui-tree.mjs.map

package/fesm2022/aril-ui-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, effect, input } from '@angular/core';\r\n\r\nimport { MenuItem, TreeNode } from 'primeng/api';\r\nimport { ContextMenuModule } from 'primeng/contextmenu';\r\nimport { TreeModule } from 'primeng/tree';\r\n\r\ntype SelectionModes = 'multiple' | 'checkbox' | 'single';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-tree',\r\n\ttemplateUrl: './tree.component.html',\r\n\timports: [TreeModule, ContextMenuModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t::ng-deep .p-tree .p-tree-filter {\r\n\t\t\t\tpadding: 0.75rem 2rem 0.75rem 0.75rem !important;\r\n\t\t\t}\r\n\t\t`\r\n\t]\r\n})\r\nexport class TreeComponent {\r\n\tconstructor() {\r\n\t\teffect(() => {\r\n\t\t\tthis.selectionNodes = this.selectedNode();\r\n\t\t});\r\n\r\n\t\teffect(() => {\r\n\t\t\tif (this.data() && this.isAllExpanded()) {\r\n\t\t\t\tthis.expandAll();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tdata = input.required<TreeNode[]>();\r\n\tcontextMenu = input<MenuItem[]>();\r\n\tfilterPlaceholder = input<string>('Arama');\r\n\tfilter = input<boolean>(true);\r\n\tselectionMode = input<SelectionModes>();\r\n\tselectedNode = input<TreeNode | TreeNode[] | null>(null);\r\n\tstyleClass = input<string | null>(null);\r\n\tisAllExpanded = input<boolean>(false);\r\n\r\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n\tselectionNodes!: TreeNode | TreeNode[] | null;\r\n\r\n\texpandAll() {\r\n\t\tthis.data().forEach((node) => {\r\n\t\t\tthis.expandRecursive(node, true);\r\n\t\t});\r\n\t}\r\n\r\n\tprivate expandRecursive(node: TreeNode, isExpand: boolean) {\r\n\t\tnode.expanded = isExpand;\r\n\t\tif (node.children) {\r\n\t\t\tnode.children.forEach((childNode) => {\r\n\t\t\t\tthis.expandRecursive(childNode, isExpand);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n","<!-- <div class=\"mb-3\">\r\n\t<aril-button [label]=\"isExpended ? 'Daralt' : 'Genişlet'\" size=\"sm\" [color]=\"isExpended ? 'primary' :'warning'\" (clickEvent)=\"toggleTree()\"></aril-button>\r\n</div> -->\r\n<p-tree\r\n\t[value]=\"data()\"\r\n\t[selectionMode]=\"selectionMode()\"\r\n\t[(selection)]=\"selectionNodes\"\r\n\t[contextMenu]=\"contextMenu()?.length ? contextMenuRef : null\"\r\n\t[filter]=\"filter()\"\r\n\tfilterMode=\"lenient\"\r\n\tfilterBy=\"label\"\r\n\t[filterPlaceholder]=\"filterPlaceholder()\"\r\n\t[styleClass]=\"styleClass()!\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectionNodes)\">\r\n</p-tree>\r\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-treeSelect.mjs

@@ -0,0 +1,48 @@
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Output } from '@angular/core';
+import * as i1 from 'primeng/treeselect';
+import { TreeSelectModule } from 'primeng/treeselect';
+
+class TreeSelectComponent {
+    constructor() {
+        this.options = input.required();
+        this.modelValue = input(null);
+        this.placeholder = input('Select');
+        this.selectionMode = input('checkbox');
+        this.display = input('chip');
+        this.showClear = input(true);
+        this.filter = input(false);
+        this.filterPlaceholder = input('Filter');
+        this.propagateSelectionUp = input(true);
+        this.propagateSelectionDown = input(true);
+        this.metaKeySelection = input(false);
+        this.formControlName = input(null);
+        this.modelValueChange = new EventEmitter();
+        this.nodeSelect = new EventEmitter();
+        this.nodeUnselect = new EventEmitter();
+        this.cleared = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TreeSelectComponent, isStandalone: true, selector: "aril-treeSelect", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, modelValue: { classPropertyName: "modelValue", publicName: "modelValue", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, metaKeySelection: { classPropertyName: "metaKeySelection", publicName: "metaKeySelection", isSignal: true, isRequired: false, transformFunction: null }, formControlName: { classPropertyName: "formControlName", publicName: "formControlName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modelValueChange: "modelValueChange", nodeSelect: "nodeSelect", nodeUnselect: "nodeUnselect", cleared: "cleared" }, ngImport: i0, template: "<p-treeSelect\r\n  class=\"w-full\"\r\n  [options]=\"options()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [showClear]=\"showClear()\"\r\n  [display]=\"display()\"\r\n  [selectionMode]=\"selectionMode()\"\r\n  [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n  [metaKeySelection]=\"metaKeySelection()\"\r\n  [filter]=\"filter()\"\r\n  [filterPlaceholder]=\"filterPlaceholder()\"\r\n  [ngModel]=\"modelValue()\"\r\n  (ngModelChange)=\"modelValueChange.emit($event)\"\r\n  (onNodeSelect)=\"nodeSelect.emit($event)\"\r\n  (onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n  (onClear)=\"cleared.emit()\"\r\n></p-treeSelect>\r\n", styles: [":host ::ng-deep .p-treenode-content.p-highlight{background:transparent!important}:host ::ng-deep .p-treenode-content.p-highlight .p-treenode-label{color:#000!important}\n"], dependencies: [{ kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i1.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeSelectComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-treeSelect', imports: [TreeSelectModule, ReactiveFormsModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-treeSelect\r\n  class=\"w-full\"\r\n  [options]=\"options()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [showClear]=\"showClear()\"\r\n  [display]=\"display()\"\r\n  [selectionMode]=\"selectionMode()\"\r\n  [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n  [metaKeySelection]=\"metaKeySelection()\"\r\n  [filter]=\"filter()\"\r\n  [filterPlaceholder]=\"filterPlaceholder()\"\r\n  [ngModel]=\"modelValue()\"\r\n  (ngModelChange)=\"modelValueChange.emit($event)\"\r\n  (onNodeSelect)=\"nodeSelect.emit($event)\"\r\n  (onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n  (onClear)=\"cleared.emit()\"\r\n></p-treeSelect>\r\n", styles: [":host ::ng-deep .p-treenode-content.p-highlight{background:transparent!important}:host ::ng-deep .p-treenode-content.p-highlight .p-treenode-label{color:#000!important}\n"] }]
+        }], propDecorators: { modelValueChange: [{
+                type: Output
+            }], nodeSelect: [{
+                type: Output
+            }], nodeUnselect: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreeSelectComponent };
+//# sourceMappingURL=aril-ui-treeSelect.mjs.map

package/fesm2022/aril-ui-treeSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-treeSelect.mjs","sources":["../../projects/aril/ui/treeSelect/src/treeSelect.component.ts","../../projects/aril/ui/treeSelect/src/treeSelect.component.html","../../projects/aril/ui/treeSelect/aril-ui-treeSelect.ts"],"sourcesContent":["import { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, input } from '@angular/core';\r\n\r\nimport { TreeNode } from 'primeng/api';\r\nimport { TreeSelectModule } from 'primeng/treeselect';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-treeSelect',\r\n  templateUrl: './treeSelect.component.html',\r\n  imports: [TreeSelectModule, ReactiveFormsModule, FormsModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t:host ::ng-deep .p-treenode-content.p-highlight {\r\n\t\t\t\tbackground: transparent !important;\r\n\t\t\t}\r\n\r\n\t\t\t:host ::ng-deep .p-treenode-content.p-highlight .p-treenode-label {\r\n\t\t\t\tcolor: #000 !important;\r\n\t\t\t}\r\n\t\t`\r\n\t]\r\n})\r\nexport class TreeSelectComponent {\r\n  options = input.required<TreeNode[]>();\r\n  modelValue = input<any>(null);\r\n  placeholder = input<string>('Select');\r\n  selectionMode = input<'single' | 'multiple' | 'checkbox'>('checkbox');\r\n  display = input<'comma' | 'chip'>('chip');\r\n  showClear = input<boolean>(true);\r\n  filter = input<boolean>(false);\r\n  filterPlaceholder = input<string>('Filter');\r\n  propagateSelectionUp = input<boolean>(true);\r\n  propagateSelectionDown = input<boolean>(true);\r\n  metaKeySelection = input<boolean>(false);\r\n  formControlName = input<string | number | null>(null);\r\n\r\n  @Output() modelValueChange = new EventEmitter<any>();\r\n  @Output() nodeSelect = new EventEmitter<any>();\r\n  @Output() nodeUnselect = new EventEmitter<any>();\r\n  @Output() cleared = new EventEmitter<void>();\r\n}\r\n","<p-treeSelect\r\n  class=\"w-full\"\r\n  [options]=\"options()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [showClear]=\"showClear()\"\r\n  [display]=\"display()\"\r\n  [selectionMode]=\"selectionMode()\"\r\n  [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n  [metaKeySelection]=\"metaKeySelection()\"\r\n  [filter]=\"filter()\"\r\n  [filterPlaceholder]=\"filterPlaceholder()\"\r\n  [ngModel]=\"modelValue()\"\r\n  (ngModelChange)=\"modelValueChange.emit($event)\"\r\n  (onNodeSelect)=\"nodeSelect.emit($event)\"\r\n  (onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n  (onClear)=\"cleared.emit()\"\r\n></p-treeSelect>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-treeTable.mjs

@@ -0,0 +1,62 @@
+import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Output, ContentChildren } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i1 from 'primeng/treetable';
+import { TreeTableModule } from 'primeng/treetable';
+import * as FileSaver from 'file-saver';
+import { ButtonComponent } from 'aril/ui/button';
+import { TableColumnComponent } from 'aril/ui/table';
+import { TextComponent } from 'aril/ui/text';
+import * as i2 from 'primeng/api';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const pageOptions = [10, 20, 50, 100];
+class TreeTableComponent {
+    constructor() {
+        this.data = input.required();
+        this.checkboxSelection = input();
+        this.pageSize = input(10);
+        this.scrollable = input(false);
+        this.scrollHeight = input();
+        this.expandEvent = new EventEmitter();
+        this.selectionEvent = new EventEmitter();
+        this.pageOptions = pageOptions;
+    }
+    excelExport() {
+        // import('xlsx').then((xlsx) => {
+        // 	const worksheet = xlsx.utils.json_to_sheet(this.data());
+        // 	const workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };
+        // 	const excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });
+        // 	this.saveAsExcelFile(excelBuffer, 'excel_worksheet');
+        // });
+    }
+    saveAsExcelFile(buffer, fileName) {
+        const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+        const EXCEL_EXTENSION = '.xlsx';
+        const data = new Blob([buffer], {
+            type: EXCEL_TYPE
+        });
+        FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, checkboxSelection: { classPropertyName: "checkboxSelection", publicName: "checkboxSelection", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], ngImport: i0, template: "<p-treeTable\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"true\"\r\n\t[rowsPerPageOptions]=\"pageOptions\"\r\n\t[filterDelay]=\"0\"\r\n\tsortMode=\"multiple\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[(selection)]=\"selectedNodes\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kay\u0131t | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-sm\">\r\n\t<ng-template pTemplate=\"caption\">\r\n\t\t<div class=\"flex\">\r\n\t\t\t<aril-button\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\ticon=\"FILE_EXCEL\"\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\tpTooltip=\"XLS\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t\t(clickEvent)=\"excelExport()\">\r\n\t\t\t</aril-button>\r\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\ticonPos=\"left\"\r\n\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t[ngModel]=\"filterText\"\r\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\">\r\n\t\t\t\t</aril-text>\r\n\t\t\t</span> -->\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t<tr>\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<th>\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t</th>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t@if (column.isOperation) {\r\n\t\t\t\t\t<th>\r\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"column.field\">\r\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t\t\t\t{{ column.header }}\r\n\t\t\t\t\t\t\t<!-- <p-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t@if ($first) {\r\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </ng-template>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"summary\">\r\n\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t<tr>\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">No Data Found</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-treeTable>\r\n", dependencies: [{ kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-treeTable\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"true\"\r\n\t[rowsPerPageOptions]=\"pageOptions\"\r\n\t[filterDelay]=\"0\"\r\n\tsortMode=\"multiple\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[(selection)]=\"selectedNodes\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kay\u0131t | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-sm\">\r\n\t<ng-template pTemplate=\"caption\">\r\n\t\t<div class=\"flex\">\r\n\t\t\t<aril-button\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\ticon=\"FILE_EXCEL\"\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\tpTooltip=\"XLS\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t\t(clickEvent)=\"excelExport()\">\r\n\t\t\t</aril-button>\r\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\ticonPos=\"left\"\r\n\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t[ngModel]=\"filterText\"\r\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\">\r\n\t\t\t\t</aril-text>\r\n\t\t\t</span> -->\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t<tr>\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<th>\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t</th>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t@if (column.isOperation) {\r\n\t\t\t\t\t<th>\r\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"column.field\">\r\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t\t\t\t{{ column.header }}\r\n\t\t\t\t\t\t\t<!-- <p-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t@if ($first) {\r\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </ng-template>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"summary\">\r\n\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t<tr>\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">No Data Found</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-treeTable>\r\n" }]
+        }], propDecorators: { expandEvent: [{
+                type: Output
+            }], selectionEvent: [{
+                type: Output
+            }], columns: [{
+                type: ContentChildren,
+                args: [TableColumnComponent]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreeTableComponent };
+//# sourceMappingURL=aril-ui-treeTable.mjs.map

package/fesm2022/aril-ui-treeTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-treeTable.mjs","sources":["../../projects/aril/ui/treeTable/src/tree-table.component.ts","../../projects/aril/ui/treeTable/src/tree-table.component.html","../../projects/aril/ui/treeTable/aril-ui-treeTable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Output, input } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { TreeNode, TreeTableNode } from 'primeng/api';\r\nimport { TreeTableModule } from 'primeng/treetable';\r\n\r\nimport * as FileSaver from 'file-saver';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { TableColumnComponent, TableColumns } from 'aril/ui/table';\r\nimport { TextComponent } from 'aril/ui/text';\r\n\r\nconst pageOptions = [10, 20, 50, 100];\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-tree-table',\r\n\ttemplateUrl: './tree-table.component.html',\r\n\timports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeTableComponent {\r\n\tdata = input.required<TreeNode[]>();\r\n\tcheckboxSelection = input<boolean>();\r\n\tpageSize = input<(typeof pageOptions)[number]>(10);\r\n\tscrollable = input<boolean>(false);\r\n\tscrollHeight = input<string>();\r\n\r\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n\t@ContentChildren(TableColumnComponent) columns!: TableColumns;\r\n\r\n\tfilterText!: string;\r\n\tpageOptions = pageOptions;\r\n\tselectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;\r\n\r\n\texcelExport() {\r\n\t\t// import('xlsx').then((xlsx) => {\r\n\t\t// \tconst worksheet = xlsx.utils.json_to_sheet(this.data());\r\n\t\t// \tconst workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };\r\n\t\t// \tconst excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n\t\t// \tthis.saveAsExcelFile(excelBuffer, 'excel_worksheet');\r\n\t\t// });\r\n\t}\r\n\r\n\tsaveAsExcelFile(buffer: any, fileName: string): void {\r\n\t\tconst EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n\t\tconst EXCEL_EXTENSION = '.xlsx';\r\n\t\tconst data: Blob = new Blob([buffer], {\r\n\t\t\ttype: EXCEL_TYPE\r\n\t\t});\r\n\t\tFileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);\r\n\t}\r\n}\r\n","<p-treeTable\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"true\"\r\n\t[rowsPerPageOptions]=\"pageOptions\"\r\n\t[filterDelay]=\"0\"\r\n\tsortMode=\"multiple\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[(selection)]=\"selectedNodes\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kayıt | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-sm\">\r\n\t<ng-template pTemplate=\"caption\">\r\n\t\t<div class=\"flex\">\r\n\t\t\t<aril-button\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\ticon=\"FILE_EXCEL\"\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\tpTooltip=\"XLS\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t\t(clickEvent)=\"excelExport()\">\r\n\t\t\t</aril-button>\r\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\ticonPos=\"left\"\r\n\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t[ngModel]=\"filterText\"\r\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\">\r\n\t\t\t\t</aril-text>\r\n\t\t\t</span> -->\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t<tr>\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<th>\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t</th>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t@if (column.isOperation) {\r\n\t\t\t\t\t<th>\r\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"column.field\">\r\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t\t\t\t{{ column.header }}\r\n\t\t\t\t\t\t\t<!-- <p-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t@if ($first) {\r\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </ng-template>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"summary\">\r\n\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t<tr>\r\n\t\t\t<td [attr.colspan]=\"columns._results.length\">No Data Found</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-treeTable>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}