@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-checkbox.mjs

@@ -0,0 +1,131 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1$1 from '@ngx-formly/core';
+import { FieldType, FormlyAttributes, FormlyModule } from '@ngx-formly/core';
+import { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i2 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import { CommonModule } from '@angular/common';
+
+class FormlyFieldCheckbox extends FieldType {
+    defaultOptions = { props: { hideLabel: true } };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: FormlyFieldCheckbox, isStandalone: true, selector: "formly-field-primeng-checkbox", usesInheritance: true, ngImport: i0, template: `
+    <!-- <div class="p-field-checkbox flex items-center gap-1">
+
+     <p-checkbox
+        [binary]="true"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [inputId]="id"
+
+      />
+      <label [for]="id" class="ml-2">{{ (props['label'] ?? '') | translate}}</label>
+    </div> -->
+
+    <div class="flex gap-2 items-center ltr:justify-end rtl:justify-start rtl:flex-row-reverse w-full px-2 py-1" style="    border-radius: var(--p-inputtext-border-radius);">
+<!-- text-lg -->
+
+  <p-checkbox
+        [binary]="true"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [inputId]="id"
+
+      />
+       <label [for]="id" class="font-bold  text-gray-800 ltr:mr-2 rtl:ml-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate }}
+  </label>
+</div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-primeng-checkbox',
+                    template: `
+    <!-- <div class="p-field-checkbox flex items-center gap-1">
+
+     <p-checkbox
+        [binary]="true"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [inputId]="id"
+
+      />
+      <label [for]="id" class="ml-2">{{ (props['label'] ?? '') | translate}}</label>
+    </div> -->
+
+    <div class="flex gap-2 items-center ltr:justify-end rtl:justify-start rtl:flex-row-reverse w-full px-2 py-1" style="    border-radius: var(--p-inputtext-border-radius);">
+<!-- text-lg -->
+
+  <p-checkbox
+        [binary]="true"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [inputId]="id"
+
+      />
+       <label [for]="id" class="font-bold  text-gray-800 ltr:mr-2 rtl:ml-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate }}
+  </label>
+</div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [ReactiveFormsModule, DatePickerModule, FormlyFormFieldModule, FormlyAttributes, TranslatePipe, CheckboxModule]
+                }]
+        }] });
+
+function withFormlyFieldCheckbox() {
+    return {
+        types: [
+            {
+                name: 'checkbox',
+                component: FormlyFieldCheckbox,
+                wrappers: ['form-field'],
+            },
+            {
+                name: 'boolean',
+                extends: 'checkbox',
+            },
+        ],
+    };
+}
+
+class FormlyCheckboxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyCheckboxModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            CheckboxModule,
+            FormlyFormFieldModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyCheckboxModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            CheckboxModule,
+            FormlyFormFieldModule,
+            FormlyModule.forChild(withFormlyFieldCheckbox())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    // declarations: [FormlyFieldCheckbox],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CheckboxModule,
+                        FormlyFormFieldModule,
+                        FormlyModule.forChild(withFormlyFieldCheckbox()),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyCheckboxModule, FormlyFieldCheckbox, withFormlyFieldCheckbox };
+//# sourceMappingURL=es.framework-ng.ui.core-checkbox.mjs.map

package/fesm2022/es.framework-ng.ui.core-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-checkbox.mjs","sources":["../../../../libs/ng.ui.core/checkbox/src/lib/checkbox.type.ts","../../../../libs/ng.ui.core/checkbox/src/lib/checkbox.config.ts","../../../../libs/ng.ui.core/checkbox/src/lib/checkbox.module.ts","../../../../libs/ng.ui.core/checkbox/src/es.framework-ng.ui.core-checkbox.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldType, FieldTypeConfig, FormlyAttributes, FormlyFieldConfig } from '@ngx-formly/core';\n// import { FormlyFieldProps as CheckboxProps, FormlyFormFieldModule  } from '@es.framework/ng.core/form-field';\nimport { FormlyFieldProps as CheckboxProps,FormlyFormFieldModule  } from '@es.framework/ng.ui.core/form-field';\n\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { CheckboxModule } from 'primeng/checkbox';\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n  type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n  selector: 'formly-field-primeng-checkbox',\n  template: `\n    <!-- <div class=\"p-field-checkbox flex items-center gap-1\">\n\n     <p-checkbox\n        [binary]=\"true\"\n        [formControl]=\"formControl\"\n        [formlyAttributes]=\"field\"\n        [inputId]=\"id\"\n\n      />\n      <label [for]=\"id\" class=\"ml-2\">{{ (props['label'] ?? '') | translate}}</label>\n    </div> -->\n\n    <div class=\"flex gap-2 items-center ltr:justify-end rtl:justify-start rtl:flex-row-reverse w-full px-2 py-1\" style=\"    border-radius: var(--p-inputtext-border-radius);\">\n<!-- text-lg -->\n\n  <p-checkbox\n        [binary]=\"true\"\n        [formControl]=\"formControl\"\n        [formlyAttributes]=\"field\"\n        [inputId]=\"id\"\n\n      />\n       <label [for]=\"id\" class=\"font-bold  text-gray-800 ltr:mr-2 rtl:ml-2 whitespace-nowrap\">\n    {{ (to.label ?? '') | translate }}\n  </label>\n</div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone:true,\n  imports: [ReactiveFormsModule, DatePickerModule, FormlyFormFieldModule, FormlyAttributes, TranslatePipe, CheckboxModule]\n})\nexport class FormlyFieldCheckbox extends FieldType<FieldTypeConfig<CheckboxProps>> {\n  override defaultOptions = { props: { hideLabel: true } };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldCheckbox } from './checkbox.type';\n\nexport function withFormlyFieldCheckbox(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'checkbox',\n        component: FormlyFieldCheckbox,\n        wrappers: ['form-field'],\n      },\n      {\n        name: 'boolean',\n        extends: 'checkbox',\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {  FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { CheckboxModule } from 'primeng/checkbox';\n\nimport { FormlyFieldCheckbox } from './checkbox.type';\nimport { withFormlyFieldCheckbox } from './checkbox.config';\nimport { FormlyFormFieldModule } from '@es.framework/ng.ui.core/form-field';\n\n@NgModule({\n  // declarations: [FormlyFieldCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    CheckboxModule,\n    FormlyFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldCheckbox()),\n  ],\n})\nexport class FormlyCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-collapsible.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FieldWrapper, FormlyModule } from '@ngx-formly/core';
+
+class CollapsibleModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CollapsibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CollapsibleModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CollapsibleModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CollapsibleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class CollapsibleWrapper extends FieldWrapper {
+    isCollapsed = true;
+    toggleCollapse() {
+        this.isCollapsed = !this.isCollapsed;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CollapsibleWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: CollapsibleWrapper, isStandalone: true, selector: "formly-wrapper-collapsible", usesInheritance: true, ngImport: i0, template: `
+    <div class="w-full flex flex-col rounded-lg shadow-md overflow-hidden border border-gray-300 bg-white">
+      <!-- Header -->
+      <div
+        class="flex items-center p-4 bg-gray-50 border-b border-gray-200 cursor-pointer transition duration-200 hover:bg-gray-100"
+        (click)="toggleCollapse()"
+        >
+        <div class="flex items-center gap-2">
+          @if (props['icon']) {
+            <i class="{{ props['icon'] }} text-blue-500 text-lg"></i>
+          }
+          <span class="text-lg font-semibold text-gray-700">{{ props.label }}</span>
+        </div>
+        <i
+          class="pi mr-auto text-gray-600 text-xl transition-transform duration-300"
+          [ngClass]="{ 'pi-angle-up': !isCollapsed, 'pi-angle-down': isCollapsed }"
+        ></i>
+      </div>
+    
+      <!-- Body -->
+      <div [ngClass]="{ hidden: isCollapsed, 'p-6': !isCollapsed }">
+        <ng-container #fieldComponent></ng-container>
+      </div>
+    </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormlyModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CollapsibleWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-wrapper-collapsible',
+                    standalone: true,
+                    imports: [CommonModule, FormlyModule],
+                    template: `
+    <div class="w-full flex flex-col rounded-lg shadow-md overflow-hidden border border-gray-300 bg-white">
+      <!-- Header -->
+      <div
+        class="flex items-center p-4 bg-gray-50 border-b border-gray-200 cursor-pointer transition duration-200 hover:bg-gray-100"
+        (click)="toggleCollapse()"
+        >
+        <div class="flex items-center gap-2">
+          @if (props['icon']) {
+            <i class="{{ props['icon'] }} text-blue-500 text-lg"></i>
+          }
+          <span class="text-lg font-semibold text-gray-700">{{ props.label }}</span>
+        </div>
+        <i
+          class="pi mr-auto text-gray-600 text-xl transition-transform duration-300"
+          [ngClass]="{ 'pi-angle-up': !isCollapsed, 'pi-angle-down': isCollapsed }"
+        ></i>
+      </div>
+    
+      <!-- Body -->
+      <div [ngClass]="{ hidden: isCollapsed, 'p-6': !isCollapsed }">
+        <ng-container #fieldComponent></ng-container>
+      </div>
+    </div>
+    `,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CollapsibleModule, CollapsibleWrapper };
+//# sourceMappingURL=es.framework-ng.ui.core-collapsible.mjs.map

package/fesm2022/es.framework-ng.ui.core-collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-collapsible.mjs","sources":["../../../../libs/ng.ui.core/collapsible/src/lib/collapsible-module.ts","../../../../libs/ng.ui.core/collapsible/src/lib/collapsible-wrapper.ts","../../../../libs/ng.ui.core/collapsible/src/es.framework-ng.ui.core-collapsible.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class CollapsibleModule {}\n","import { Component } from '@angular/core';\r\nimport { FieldWrapper, FormlyModule } from '@ngx-formly/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'formly-wrapper-collapsible',\r\n  standalone: true,\r\n  imports: [CommonModule, FormlyModule],\r\n  template: `\n    <div class=\"w-full flex flex-col rounded-lg shadow-md overflow-hidden border border-gray-300 bg-white\">\n      <!-- Header -->\n      <div\n        class=\"flex items-center p-4 bg-gray-50 border-b border-gray-200 cursor-pointer transition duration-200 hover:bg-gray-100\"\n        (click)=\"toggleCollapse()\"\n        >\n        <div class=\"flex items-center gap-2\">\n          @if (props['icon']) {\n            <i class=\"{{ props['icon'] }} text-blue-500 text-lg\"></i>\n          }\n          <span class=\"text-lg font-semibold text-gray-700\">{{ props.label }}</span>\n        </div>\n        <i\n          class=\"pi mr-auto text-gray-600 text-xl transition-transform duration-300\"\n          [ngClass]=\"{ 'pi-angle-up': !isCollapsed, 'pi-angle-down': isCollapsed }\"\n        ></i>\n      </div>\n    \n      <!-- Body -->\n      <div [ngClass]=\"{ hidden: isCollapsed, 'p-6': !isCollapsed }\">\n        <ng-container #fieldComponent></ng-container>\n      </div>\n    </div>\n    `,\r\n})\r\nexport class CollapsibleWrapper extends FieldWrapper {\r\n  isCollapsed = true;\r\n\r\n  toggleCollapse() {\r\n    this.isCollapsed = !this.isCollapsed;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAMa,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA;;2FAEX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;AC6BK,MAAO,kBAAmB,SAAQ,YAAY,CAAA;IAClD,WAAW,GAAG,IAAI;IAElB,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;IACtC;uGALW,kBAAkB,EAAA,IAAA,EAAA,IAAA,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,4BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1BnB;;;;;;;;;;;;;;;;;;;;;;;;KAwBP,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAzBO,YAAY,4HAAE,YAAY,EAAA,CAAA,EAAA,CAAA;;2FA2BzB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBA9B9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;AAwBP,IAAA,CAAA;AACJ,iBAAA;;;ACjCD;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-color-picker.mjs

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType } from '@ngx-formly/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1 from 'primeng/colorpicker';
+import { ColorPickerModule as ColorPickerModule$1 } from 'primeng/colorpicker';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+
+class ColorPickerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class ColorPickerComponent extends FieldType {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: ColorPickerComponent, isStandalone: true, selector: "formly-field-color-picker", usesInheritance: true, ngImport: i0, template: `
+
+
+    <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1" style="    border-radius: var(--p-inputtext-border-radius);">
+   <p-colorPicker
+   [style.direction]="'ltr'"
+      [(ngModel)]="formControl.value"
+      (ngModelChange)="formControl.setValue($event)"
+      [style]="to['style']"
+      [disabled]="to.disabled ?? false"
+      [inline]="to['inline'] ?? false"
+      [format]="to['format'] ?? 'hex'"
+      [tabindex]="'' + (to.tabindex ?? 0)"
+      [id]="id"
+      [name]="to['name'] || key"
+
+
+    ></p-colorPicker>
+    <!--  appendTo="body" -->
+     <label [for]="id" class="text-sm text-gray-800 mr-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate}}
+  </label>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ColorPickerModule$1 }, { kind: "component", type: i1.ColorPicker, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: ["styleClass", "inline", "format", "tabindex", "inputId", "autoZIndex", "showTransitionOptions", "hideTransitionOptions", "autofocus", "defaultColor", "appendTo"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'formly-field-color-picker',
+                    imports: [ColorPickerModule$1, FormsModule, TranslatePipe],
+                    template: `
+
+
+    <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1" style="    border-radius: var(--p-inputtext-border-radius);">
+   <p-colorPicker
+   [style.direction]="'ltr'"
+      [(ngModel)]="formControl.value"
+      (ngModelChange)="formControl.setValue($event)"
+      [style]="to['style']"
+      [disabled]="to.disabled ?? false"
+      [inline]="to['inline'] ?? false"
+      [format]="to['format'] ?? 'hex'"
+      [tabindex]="'' + (to.tabindex ?? 0)"
+      [id]="id"
+      [name]="to['name'] || key"
+
+
+    ></p-colorPicker>
+    <!--  appendTo="body" -->
+     <label [for]="id" class="text-sm text-gray-800 mr-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate}}
+  </label>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColorPickerComponent, ColorPickerModule };
+//# sourceMappingURL=es.framework-ng.ui.core-color-picker.mjs.map

package/fesm2022/es.framework-ng.ui.core-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-color-picker.mjs","sources":["../../../../libs/ng.ui.core/color-picker/src/lib/color-picker-module.ts","../../../../libs/ng.ui.core/color-picker/src/lib/color-picker.type.ts","../../../../libs/ng.ui.core/color-picker/src/es.framework-ng.ui.core-color-picker.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class ColorPickerModule {}\n","import { Component, ChangeDetectionStrategy, inject } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\nimport { FormsModule, NgModel } from '@angular/forms';\n\nimport { ColorPickerModule } from 'primeng/colorpicker';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\n\n@Component({\n  standalone: true,\n  selector: 'formly-field-color-picker',\n  imports: [ColorPickerModule, FormsModule, TranslatePipe],\n  template: `\n\n\n    <div class=\"flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1\" style=\"    border-radius: var(--p-inputtext-border-radius);\">\n   <p-colorPicker\n   [style.direction]=\"'ltr'\"\n      [(ngModel)]=\"formControl.value\"\n      (ngModelChange)=\"formControl.setValue($event)\"\n      [style]=\"to['style']\"\n      [disabled]=\"to.disabled ?? false\"\n      [inline]=\"to['inline'] ?? false\"\n      [format]=\"to['format'] ?? 'hex'\"\n      [tabindex]=\"'' + (to.tabindex ?? 0)\"\n      [id]=\"id\"\n      [name]=\"to['name'] || key\"\n\n\n    ></p-colorPicker>\n    <!--  appendTo=\"body\" -->\n     <label [for]=\"id\" class=\"text-sm text-gray-800 mr-2 whitespace-nowrap\">\n    {{ (to.label ?? '') | translate}}\n  </label>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ColorPickerComponent extends FieldType<FieldTypeConfig> {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ColorPickerModule"],"mappings":";;;;;;;;;;MAMa,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA;;2FAEX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;AC+BK,MAAO,oBAAqB,SAAQ,SAA0B,CAAA;uGAAvD,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAzBrB;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvBSA,mBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FA0B5C,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBA7BhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,OAAO,EAAE,CAACA,mBAAiB,EAAE,WAAW,EAAE,aAAa,CAAC;AACxD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;ACnCD;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs

@@ -0,0 +1,183 @@
+import * as i0 from '@angular/core';
+import { NgModule, EventEmitter, Output, Input, ViewChild, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i3 from 'primeng/popover';
+import { PopoverModule } from 'primeng/popover';
+import { DividerModule } from 'primeng/divider';
+import { ButtonModule } from 'primeng/button';
+import { TooltipModule } from 'primeng/tooltip';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import * as i5 from 'primeng/orderlist';
+import { OrderListModule } from 'primeng/orderlist';
+import * as i6 from 'primeng/checkbox';
+import { CheckboxModule, Checkbox } from 'primeng/checkbox';
+import * as i1 from '@es.framework/ng.core/services';
+import * as i4 from 'primeng/api';
+
+class ColumnSettingsPopoverModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColumnSettingsPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ColumnSettingsPopoverModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColumnSettingsPopoverModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColumnSettingsPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+// src/app/shared/column-settings-popover/column-settings-popover.component.ts
+class ColumnSettingsPopoverComponent {
+    translate;
+    op;
+    fixedColumns = [];
+    toggleableColumns = [];
+    // تم إزالة @Input() tableId لأنه لن يستخدم هنا للحفظ
+    tableId = 'defaultTable';
+    _displayOrderListColumns = [];
+    _selectedToggleableColumns = [];
+    get selectedToggleableColumns() {
+        return this._selectedToggleableColumns;
+    }
+    set selectedToggleableColumns(val) {
+        if (!this.areColumnsEqual(this._selectedToggleableColumns, val)) {
+            this._selectedToggleableColumns = val;
+            this.syncDisplayColumnsWithSelectedInput();
+        }
+    }
+    selectedToggleableColumnsChange = new EventEmitter();
+    // تم إزالة @Output() columnRemoved و @Output() popoverHidden لأن selectedToggleableColumnsChange يغني عنهما
+    constructor(translate) {
+        this.translate = translate;
+    }
+    ngOnInit() {
+        console.log('ColumnSettingsPopoverComponent: ngOnInit called.');
+        // في ngOnInit، نقوم فقط بتهيئة الأعمدة للعرض بناءً على المدخلات
+        this.initializeDisplayColumns();
+        this.syncDisplayColumnsWithSelectedInput();
+    }
+    ngOnChanges(changes) {
+        // عند تغير toggleableColumns، نعيد تهيئة القائمة للعرض
+        if (changes['toggleableColumns']) {
+            console.log('ColumnSettingsPopoverComponent: toggleableColumns input changed.');
+            this.initializeDisplayColumns();
+        }
+        // عند تغير selectedToggleableColumns من المكون الأب، نقوم بمزامنة حالتها
+        if (changes['selectedToggleableColumns']) {
+            console.log('ColumnSettingsPopoverComponent: selectedToggleableColumns input changed (from parent).');
+            this.syncDisplayColumnsWithSelectedInput();
+        }
+    }
+    // ⭐ Getter/Setter لمربع الاختيار "تحديد الكل" ⭐
+    get allColumnsSelected() {
+        if (!this._displayOrderListColumns || this._displayOrderListColumns.length === 0) {
+            return false;
+        }
+        return this._displayOrderListColumns.every(col => col.isSelected);
+    }
+    set allColumnsSelected(value) {
+        this._displayOrderListColumns.forEach(col => col.isSelected = value);
+        this.emitCurrentSelection();
+    }
+    // ⭐ دالة لتهيئة _displayOrderListColumns من toggleableColumns ⭐
+    initializeDisplayColumns() {
+        this._displayOrderListColumns = this.toggleableColumns.map(col => ({
+            ...col,
+            isSelected: false // نترك isSelected كـ false مؤقتاً
+        }));
+    }
+    // دالة لمزامنة حالة العرض مع الأعمدة المحددة من المكون الأب
+    syncDisplayColumnsWithSelectedInput() {
+        if (!this._displayOrderListColumns || this._displayOrderListColumns.length === 0) {
+            return;
+        }
+        const selectedFieldsSet = new Set(this._selectedToggleableColumns.map(col => col.field));
+        // تحديث خاصية isSelected بناءً على selectedFieldsSet
+        this._displayOrderListColumns.forEach(col => {
+            col.isSelected = selectedFieldsSet.has(col.field);
+        });
+        // إعادة ترتيب القائمة لتكون الأعمدة المحددة في الأعلى
+        const orderedSelected = this._displayOrderListColumns
+            .filter(col => selectedFieldsSet.has(col.field))
+            .sort((a, b) => {
+            return Array.from(selectedFieldsSet).indexOf(a.field) - Array.from(selectedFieldsSet).indexOf(b.field);
+        });
+        const orderedUnselected = this._displayOrderListColumns.filter(col => !selectedFieldsSet.has(col.field));
+        this._displayOrderListColumns = [...orderedSelected, ...orderedUnselected];
+        console.log('ColumnSettingsPopoverComponent: _displayOrderListColumns synced with selectedToggleableColumns input:', this._displayOrderListColumns);
+    }
+    toggle(event) {
+        this.op.toggle(event);
+    }
+    hide() {
+        this.op.hide();
+    }
+    // عند تغيير حالة أي مربع اختيار
+    onColumnVisibilityChange(column) {
+        this.emitCurrentSelection();
+    }
+    // عند إعادة ترتيب القائمة
+    onOrderListReorder(event) {
+        this.emitCurrentSelection();
+    }
+    // دالة لإرسال التغييرات إلى المكون الأب
+    emitCurrentSelection() {
+        const currentSelected = this._displayOrderListColumns
+            .filter(col => col.isSelected)
+            .map(col => {
+            const { isSelected, ...rest } = col;
+            return rest;
+        });
+        this.selectedToggleableColumnsChange.emit(currentSelected);
+    }
+    areColumnsEqual(cols1, cols2) {
+        if (cols1.length !== cols2.length) {
+            return false;
+        }
+        // التحقق من أن العناصر هي نفسها وبنفس الترتيب
+        for (let i = 0; i < cols1.length; i++) {
+            if (cols1[i].field !== cols2[i].field) {
+                return false;
+            }
+        }
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColumnSettingsPopoverComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: ColumnSettingsPopoverComponent, isStandalone: true, selector: "lib-column-settings-popover", inputs: { fixedColumns: "fixedColumns", toggleableColumns: "toggleableColumns", tableId: "tableId", selectedToggleableColumns: "selectedToggleableColumns" }, outputs: { selectedToggleableColumnsChange: "selectedToggleableColumnsChange" }, viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-popover #op appendTo=\"body\" styleClass=\"w-80\">\n\n\n\n\n    <!-- \u2B50 \u0645\u0631\u0628\u0639 \u0627\u062E\u062A\u064A\u0627\u0631 \"\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644\" \u2B50 -->\n    <div class=\"flex items-center mb-3\">\n        <p-checkbox\n            [(ngModel)]=\"allColumnsSelected\"\n            [binary]=\"true\"\n            inputId=\"selectAllColumns\"\n        ></p-checkbox>\n        <label for=\"selectAllColumns\" class=\"ml-2 cursor-pointer font-medium text-color-secondary\">\n            {{ 'COMMON.SELECT_ALL' | translate }}\n        </label>\n    </div>\n\n    <p-orderList\n      [value]=\"_displayOrderListColumns\"\n      header=\"{{ 'COMMON.REORDER_AND_SELECT_COLUMNS' | translate }}\"\n      [listStyle]=\"{'height':'250px'}\"\n      [responsive]=\"true\"\n      [dragdrop]=\"true\"\n      (onReorder)=\"onOrderListReorder($event)\"\n      styleClass=\"w-full\"\n    >\n      <ng-template let-col pTemplate=\"item\">\n        <div class=\"p-2 border rounded-md flex items-center justify-between w-full\">\n          <!-- \u0645\u0631\u0628\u0639 \u0627\u062E\u062A\u064A\u0627\u0631 \u0644\u0644\u062A\u062D\u0643\u0645 \u0641\u064A \u0627\u0644\u0631\u0624\u064A\u0629 -->\n          <p-checkbox\n            [(ngModel)]=\"col.isSelected\"\n            (ngModelChange)=\"onColumnVisibilityChange(col)\"\n            [binary]=\"true\"\n            class=\"mr-4\"\n          ></p-checkbox>\n          <span class=\"flex-grow\">{{ col.header | translate }}</span>\n          <i class=\"pi pi-bars text-surface-400 cursor-grab\"></i> <!-- \u0623\u064A\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u062D\u0628 -->\n        </div>\n      </ng-template>\n    </p-orderList>\n\n\n</p-popover>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: i5.OrderList, selector: "p-orderList, p-orderlist, p-order-list", inputs: ["header", "styleClass", "tabindex", "ariaLabel", "ariaLabelledBy", "listStyle", "responsive", "filterBy", "filterPlaceholder", "filterLocale", "metaKeySelection", "dragdrop", "controlsPosition", "ariaFilterLabel", "filterMatchMode", "breakpoint", "stripedRows", "disabled", "trackBy", "scrollHeight", "autoOptionFocus", "dataKey", "selection", "value", "buttonProps", "moveUpButtonProps", "moveTopButtonProps", "moveDownButtonProps", "moveBottomButtonProps"], outputs: ["selectionChange", "onReorder", "onSelectionChange", "onFilterEvent", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i6.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColumnSettingsPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-column-settings-popover', standalone: true, imports: [
+                        FormsModule,
+                        PopoverModule,
+                        DividerModule,
+                        ButtonModule,
+                        TooltipModule,
+                        TranslatePipe,
+                        OrderListModule,
+                        CheckboxModule,
+                        Checkbox
+                    ], template: "<p-popover #op appendTo=\"body\" styleClass=\"w-80\">\n\n\n\n\n    <!-- \u2B50 \u0645\u0631\u0628\u0639 \u0627\u062E\u062A\u064A\u0627\u0631 \"\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644\" \u2B50 -->\n    <div class=\"flex items-center mb-3\">\n        <p-checkbox\n            [(ngModel)]=\"allColumnsSelected\"\n            [binary]=\"true\"\n            inputId=\"selectAllColumns\"\n        ></p-checkbox>\n        <label for=\"selectAllColumns\" class=\"ml-2 cursor-pointer font-medium text-color-secondary\">\n            {{ 'COMMON.SELECT_ALL' | translate }}\n        </label>\n    </div>\n\n    <p-orderList\n      [value]=\"_displayOrderListColumns\"\n      header=\"{{ 'COMMON.REORDER_AND_SELECT_COLUMNS' | translate }}\"\n      [listStyle]=\"{'height':'250px'}\"\n      [responsive]=\"true\"\n      [dragdrop]=\"true\"\n      (onReorder)=\"onOrderListReorder($event)\"\n      styleClass=\"w-full\"\n    >\n      <ng-template let-col pTemplate=\"item\">\n        <div class=\"p-2 border rounded-md flex items-center justify-between w-full\">\n          <!-- \u0645\u0631\u0628\u0639 \u0627\u062E\u062A\u064A\u0627\u0631 \u0644\u0644\u062A\u062D\u0643\u0645 \u0641\u064A \u0627\u0644\u0631\u0624\u064A\u0629 -->\n          <p-checkbox\n            [(ngModel)]=\"col.isSelected\"\n            (ngModelChange)=\"onColumnVisibilityChange(col)\"\n            [binary]=\"true\"\n            class=\"mr-4\"\n          ></p-checkbox>\n          <span class=\"flex-grow\">{{ col.header | translate }}</span>\n          <i class=\"pi pi-bars text-surface-400 cursor-grab\"></i> <!-- \u0623\u064A\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u062D\u0628 -->\n        </div>\n      </ng-template>\n    </p-orderList>\n\n\n</p-popover>\n" }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { op: [{
+                type: ViewChild,
+                args: ['op']
+            }], fixedColumns: [{
+                type: Input
+            }], toggleableColumns: [{
+                type: Input
+            }], tableId: [{
+                type: Input
+            }], selectedToggleableColumns: [{
+                type: Input
+            }], selectedToggleableColumnsChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColumnSettingsPopoverComponent, ColumnSettingsPopoverModule };
+//# sourceMappingURL=es.framework-ng.ui.core-column-settings-popover.mjs.map

package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-column-settings-popover.mjs","sources":["../../../../libs/ng.ui.core/column-settings-popover/src/lib/column-settings-popover-module.ts","../../../../libs/ng.ui.core/column-settings-popover/src/lib/column-settings-popover.ts","../../../../libs/ng.ui.core/column-settings-popover/src/lib/column-settings-popover.html","../../../../libs/ng.ui.core/column-settings-popover/src/es.framework-ng.ui.core-column-settings-popover.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class ColumnSettingsPopoverModule {}\n","// src/app/shared/column-settings-popover/column-settings-popover.component.ts\nimport { Component, Input, Output, EventEmitter, ViewChild, OnInit, OnChanges, SimpleChanges, inject } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\nimport { PopoverModule } from 'primeng/popover';\nimport { DividerModule } from 'primeng/divider';\nimport { ButtonModule } from 'primeng/button';\nimport { TooltipModule } from 'primeng/tooltip';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { ColumnDef } from '@es.framework/ng.core/models';\nimport { OrderListModule } from 'primeng/orderlist';\nimport { CheckboxModule, Checkbox } from 'primeng/checkbox';\nimport { LocalizationService } from '@es.framework/ng.core/services';\n\ntype PopoverColumnDef<T> = ColumnDef<T> & { isSelected?: boolean };\n\n@Component({\n selector: 'lib-column-settings-popover',\n standalone: true,\n imports: [\n    FormsModule,\n    PopoverModule,\n    DividerModule,\n    ButtonModule,\n    TooltipModule,\n    TranslatePipe,\n    OrderListModule,\n    CheckboxModule,\n    Checkbox\n],\n templateUrl: './column-settings-popover.html',\n styleUrls: ['./column-settings-popover.css']\n})\nexport class ColumnSettingsPopoverComponent<T extends { [key: string]: any }> implements OnInit, OnChanges {\n @ViewChild('op') op: any;\n\n @Input() fixedColumns: ColumnDef<T>[] = [];\n @Input() toggleableColumns: ColumnDef<T>[] = [];\n\n // تم إزالة @Input() tableId لأنه لن يستخدم هنا للحفظ\n @Input() tableId = 'defaultTable';\n\n\n _displayOrderListColumns: PopoverColumnDef<T>[] = [];\n private _selectedToggleableColumns: ColumnDef<T>[] = [];\n\n @Input()\n get selectedToggleableColumns(): ColumnDef<T>[] {\n  return this._selectedToggleableColumns;\n }\n set selectedToggleableColumns(val: ColumnDef<T>[]) {\n  if (!this.areColumnsEqual(this._selectedToggleableColumns, val)) {\n   this._selectedToggleableColumns = val;\n   this.syncDisplayColumnsWithSelectedInput();\n  }\n }\n\n @Output() selectedToggleableColumnsChange = new EventEmitter<ColumnDef<T>[]>();\n\n // تم إزالة @Output() columnRemoved و @Output() popoverHidden لأن selectedToggleableColumnsChange يغني عنهما\n\n constructor(private translate: LocalizationService) {}\n\n ngOnInit(): void {\n  console.log('ColumnSettingsPopoverComponent: ngOnInit called.');\n  // في ngOnInit، نقوم فقط بتهيئة الأعمدة للعرض بناءً على المدخلات\n  this.initializeDisplayColumns();\n  this.syncDisplayColumnsWithSelectedInput();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n  // عند تغير toggleableColumns، نعيد تهيئة القائمة للعرض\n  if (changes['toggleableColumns']) {\n   console.log('ColumnSettingsPopoverComponent: toggleableColumns input changed.');\n   this.initializeDisplayColumns();\n  }\n  // عند تغير selectedToggleableColumns من المكون الأب، نقوم بمزامنة حالتها\n  if (changes['selectedToggleableColumns']) {\n   console.log('ColumnSettingsPopoverComponent: selectedToggleableColumns input changed (from parent).');\n   this.syncDisplayColumnsWithSelectedInput();\n  }\n }\n  // ⭐ Getter/Setter لمربع الاختيار \"تحديد الكل\" ⭐\n get allColumnsSelected(): boolean {\n  if (!this._displayOrderListColumns || this._displayOrderListColumns.length === 0) {\n   return false;\n  }\n  return this._displayOrderListColumns.every(col => col.isSelected);\n }\n\n set allColumnsSelected(value: boolean) {\n  this._displayOrderListColumns.forEach(col => col.isSelected = value);\n  this.emitCurrentSelection();\n }\n\n // ⭐ دالة لتهيئة _displayOrderListColumns من toggleableColumns ⭐\n private initializeDisplayColumns(): void {\n  this._displayOrderListColumns = this.toggleableColumns.map(col => ({\n   ...col,\n   isSelected: false // نترك isSelected كـ false مؤقتاً\n  }));\n }\n\n // دالة لمزامنة حالة العرض مع الأعمدة المحددة من المكون الأب\n private syncDisplayColumnsWithSelectedInput(): void {\n  if (!this._displayOrderListColumns || this._displayOrderListColumns.length === 0) {\n   return;\n  }\n\n  const selectedFieldsSet = new Set(this._selectedToggleableColumns.map(col => col.field));\n\n  // تحديث خاصية isSelected بناءً على selectedFieldsSet\n  this._displayOrderListColumns.forEach(col => {\n   col.isSelected = selectedFieldsSet.has(col.field);\n  });\n\n  // إعادة ترتيب القائمة لتكون الأعمدة المحددة في الأعلى\n  const orderedSelected = this._displayOrderListColumns\n   .filter(col => selectedFieldsSet.has(col.field))\n   .sort((a, b) => {\n    return Array.from(selectedFieldsSet).indexOf(a.field) - Array.from(selectedFieldsSet).indexOf(b.field);\n   });\n\n  const orderedUnselected = this._displayOrderListColumns.filter(col => !selectedFieldsSet.has(col.field));\n\n  this._displayOrderListColumns = [...orderedSelected, ...orderedUnselected];\n  console.log('ColumnSettingsPopoverComponent: _displayOrderListColumns synced with selectedToggleableColumns input:', this._displayOrderListColumns);\n }\n\n toggle(event: Event): void {\n  this.op.toggle(event);\n }\n\n hide(): void {\n  this.op.hide();\n }\n\n // عند تغيير حالة أي مربع اختيار\n onColumnVisibilityChange(column: PopoverColumnDef<T>): void {\n  this.emitCurrentSelection();\n }\n\n // عند إعادة ترتيب القائمة\n onOrderListReorder(event: any): void {\n  this.emitCurrentSelection();\n }\n\n // دالة لإرسال التغييرات إلى المكون الأب\n private emitCurrentSelection(): void {\n  const currentSelected = this._displayOrderListColumns\n   .filter(col => col.isSelected)\n   .map(col => {\n    const { isSelected, ...rest } = col;\n    return rest as ColumnDef<T>;\n   });\n\n  this.selectedToggleableColumnsChange.emit(currentSelected);\n }\n\n private areColumnsEqual(cols1: ColumnDef<T>[], cols2: ColumnDef<T>[]): boolean {\n  if (cols1.length !== cols2.length) {\n   return false;\n  }\n  // التحقق من أن العناصر هي نفسها وبنفس الترتيب\n  for (let i = 0; i < cols1.length; i++) {\n   if (cols1[i].field !== cols2[i].field) {\n    return false;\n   }\n  }\n  return true;\n }\n}\n","<p-popover #op appendTo=\"body\" styleClass=\"w-80\">\n\n\n\n\n    <!-- ⭐ مربع اختيار \"تحديد الكل\" ⭐ -->\n    <div class=\"flex items-center mb-3\">\n        <p-checkbox\n            [(ngModel)]=\"allColumnsSelected\"\n            [binary]=\"true\"\n            inputId=\"selectAllColumns\"\n        ></p-checkbox>\n        <label for=\"selectAllColumns\" class=\"ml-2 cursor-pointer font-medium text-color-secondary\">\n            {{ 'COMMON.SELECT_ALL' | translate }}\n        </label>\n    </div>\n\n    <p-orderList\n      [value]=\"_displayOrderListColumns\"\n      header=\"{{ 'COMMON.REORDER_AND_SELECT_COLUMNS' | translate }}\"\n      [listStyle]=\"{'height':'250px'}\"\n      [responsive]=\"true\"\n      [dragdrop]=\"true\"\n      (onReorder)=\"onOrderListReorder($event)\"\n      styleClass=\"w-full\"\n    >\n      <ng-template let-col pTemplate=\"item\">\n        <div class=\"p-2 border rounded-md flex items-center justify-between w-full\">\n          <!-- مربع اختيار للتحكم في الرؤية -->\n          <p-checkbox\n            [(ngModel)]=\"col.isSelected\"\n            (ngModelChange)=\"onColumnVisibilityChange(col)\"\n            [binary]=\"true\"\n            class=\"mr-4\"\n          ></p-checkbox>\n          <span class=\"flex-grow\">{{ col.header | translate }}</span>\n          <i class=\"pi pi-bars text-surface-400 cursor-grab\"></i> <!-- أيقونة السحب -->\n        </div>\n      </ng-template>\n    </p-orderList>\n\n\n</p-popover>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;MAMa,2BAA2B,CAAA;uGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAF5B,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAF5B,YAAY,CAAA,EAAA,CAAA;;2FAEX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACLD;MAiCa,8BAA8B,CAAA;AA4BtB,IAAA,SAAA;AA3BH,IAAA,EAAE;IAEV,YAAY,GAAmB,EAAE;IACjC,iBAAiB,GAAmB,EAAE;;IAGtC,OAAO,GAAG,cAAc;IAGjC,wBAAwB,GAA0B,EAAE;IAC5C,0BAA0B,GAAmB,EAAE;AAEvD,IAAA,IACI,yBAAyB,GAAA;QAC5B,OAAO,IAAI,CAAC,0BAA0B;IACvC;IACA,IAAI,yBAAyB,CAAC,GAAmB,EAAA;AAChD,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,0BAA0B,EAAE,GAAG,CAAC,EAAE;AAChE,YAAA,IAAI,CAAC,0BAA0B,GAAG,GAAG;YACrC,IAAI,CAAC,mCAAmC,EAAE;QAC3C;IACD;AAEU,IAAA,+BAA+B,GAAG,IAAI,YAAY,EAAkB;;AAI9E,IAAA,WAAA,CAAoB,SAA8B,EAAA;QAA9B,IAAA,CAAA,SAAS,GAAT,SAAS;IAAwB;IAErD,QAAQ,GAAA;AACP,QAAA,OAAO,CAAC,GAAG,CAAC,kDAAkD,CAAC;;QAE/D,IAAI,CAAC,wBAAwB,EAAE;QAC/B,IAAI,CAAC,mCAAmC,EAAE;IAC3C;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;;AAEjC,QAAA,IAAI,OAAO,CAAC,mBAAmB,CAAC,EAAE;AACjC,YAAA,OAAO,CAAC,GAAG,CAAC,kEAAkE,CAAC;YAC/E,IAAI,CAAC,wBAAwB,EAAE;QAChC;;AAEA,QAAA,IAAI,OAAO,CAAC,2BAA2B,CAAC,EAAE;AACzC,YAAA,OAAO,CAAC,GAAG,CAAC,wFAAwF,CAAC;YACrG,IAAI,CAAC,mCAAmC,EAAE;QAC3C;IACD;;AAEA,IAAA,IAAI,kBAAkB,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,wBAAwB,CAAC,MAAM,KAAK,CAAC,EAAE;AACjF,YAAA,OAAO,KAAK;QACb;AACA,QAAA,OAAO,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC;IAClE;IAEA,IAAI,kBAAkB,CAAC,KAAc,EAAA;AACpC,QAAA,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC;QACpE,IAAI,CAAC,oBAAoB,EAAE;IAC5B;;IAGQ,wBAAwB,GAAA;AAC/B,QAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK;AAClE,YAAA,GAAG,GAAG;YACN,UAAU,EAAE,KAAK;AACjB,SAAA,CAAC,CAAC;IACJ;;IAGQ,mCAAmC,GAAA;AAC1C,QAAA,IAAI,CAAC,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,wBAAwB,CAAC,MAAM,KAAK,CAAC,EAAE;YACjF;QACD;QAEA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;;AAGxF,QAAA,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,GAAG,IAAG;YAC3C,GAAG,CAAC,UAAU,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AAClD,QAAA,CAAC,CAAC;;AAGF,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC;AAC3B,aAAA,MAAM,CAAC,GAAG,IAAI,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9C,aAAA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;YACd,OAAO,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACvG,QAAA,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAExG,IAAI,CAAC,wBAAwB,GAAG,CAAC,GAAG,eAAe,EAAE,GAAG,iBAAiB,CAAC;QAC1E,OAAO,CAAC,GAAG,CAAC,uGAAuG,EAAE,IAAI,CAAC,wBAAwB,CAAC;IACpJ;AAEA,IAAA,MAAM,CAAC,KAAY,EAAA;AAClB,QAAA,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IACtB;IAEA,IAAI,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;IACf;;AAGA,IAAA,wBAAwB,CAAC,MAA2B,EAAA;QACnD,IAAI,CAAC,oBAAoB,EAAE;IAC5B;;AAGA,IAAA,kBAAkB,CAAC,KAAU,EAAA;QAC5B,IAAI,CAAC,oBAAoB,EAAE;IAC5B;;IAGQ,oBAAoB,GAAA;AAC3B,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC;aAC3B,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU;aAC5B,GAAG,CAAC,GAAG,IAAG;YACV,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,GAAG;AACnC,YAAA,OAAO,IAAoB;AAC5B,QAAA,CAAC,CAAC;AAEH,QAAA,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,eAAe,CAAC;IAC3D;IAEQ,eAAe,CAAC,KAAqB,EAAE,KAAqB,EAAA;QACnE,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;AAClC,YAAA,OAAO,KAAK;QACb;;AAEA,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,YAAA,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;AACtC,gBAAA,OAAO,KAAK;YACb;QACD;AACA,QAAA,OAAO,IAAI;IACZ;uGAzIY,8BAA8B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA9B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,qbCjC3C,ktDA2CA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvBI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,YAAY,8BACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,YAAA,EAAA,UAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,cAAc,iaAFd,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAQJ,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAjB1C,SAAS;+BACC,6BAA6B,EAAA,UAAA,EAC3B,IAAI,EAAA,OAAA,EACP;wBACN,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,eAAe;wBACf,cAAc;wBACd;AACH,qBAAA,EAAA,QAAA,EAAA,ktDAAA,EAAA;;sBAKC,SAAS;uBAAC,IAAI;;sBAEd;;sBACA;;sBAGA;;sBAMA;;sBAWA;;;AEzDF;;AAEG;;;;"}