@elite.framework/ng.core 1.0.62 → 1.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/elite.framework-ng.core-src-lib-components-attachments.mjs +204 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-attachments.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-breadcrumb.mjs +132 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-breadcrumb.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-color-picker.mjs +76 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-color-picker.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-column-settings-popover.mjs +172 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-column-settings-popover.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-condition-editor.mjs +794 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-condition-editor.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-custom-switch.mjs +110 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-custom-switch.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-deactivation-reason.mjs +130 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-deactivation-reason.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-form-button.mjs +50 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-form-button.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-form-field.mjs +154 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-form-field.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-form-template.mjs +24 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-form-template.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-avatar-image.mjs +100 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-avatar-image.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-avatar-label.mjs +78 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-avatar-label.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-button-selector.mjs +167 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-button-selector.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-button.mjs +62 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-button.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-split-button.mjs +50 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-split-button.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-username-with-domain.mjs +76 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-formly-username-with-domain.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-autocomplete.mjs +163 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-autocomplete.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-button.mjs +133 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-button.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-card.mjs +214 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-card.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-crud-table.mjs +385 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-crud-table.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-errormessage.mjs +23 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-errormessage.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-formly-fields.mjs +53 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-formly-fields.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-loadingspinner.mjs +23 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-loadingspinner.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-search.mjs +85 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-search.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-selector.mjs +430 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-selector.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-table.mjs +216 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-generic-table.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-header-wrapper.mjs +18 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-header-wrapper.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-icon-picker.mjs +195 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-icon-picker.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-input-switch.mjs +94 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-input-switch.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-input-with-icon.mjs +55 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-input-with-icon.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-label-type.mjs +112 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-label-type.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-odata-query-builder.mjs +297 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-odata-query-builder.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-repeat.mjs +135 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-repeat.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-sidebar-cards.mjs +40 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-sidebar-cards.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-sidebar-toggles.mjs +41 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-sidebar-toggles.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-tabs.mjs +45 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-tabs.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-tag-type.mjs +192 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-tag-type.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-text-editor.mjs +44 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-text-editor.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-wrappers.mjs +174 -0
- package/fesm2022/elite.framework-ng.core-src-lib-components-wrappers.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-directives.mjs +59 -0
- package/fesm2022/elite.framework-ng.core-src-lib-directives.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core-src-lib-pipes.mjs +135 -0
- package/fesm2022/elite.framework-ng.core-src-lib-pipes.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.core.mjs +1371 -6371
- package/fesm2022/elite.framework-ng.core.mjs.map +1 -1
- package/index.d.ts +347 -1274
- package/package.json +162 -22
- package/src/lib/components/attachments/index.d.ts +31 -0
- package/src/lib/components/breadcrumb/index.d.ts +10 -0
- package/src/lib/components/color-picker/index.d.ts +9 -0
- package/src/lib/components/column-settings-popover/index.d.ts +39 -0
- package/src/lib/components/condition-editor/index.d.ts +73 -0
- package/src/lib/components/custom-switch/index.d.ts +12 -0
- package/src/lib/components/deactivation-reason/index.d.ts +24 -0
- package/src/lib/components/form-button/index.d.ts +10 -0
- package/src/lib/components/form-field/index.d.ts +30 -0
- package/src/lib/components/form-template/index.d.ts +9 -0
- package/src/lib/components/formly-avatar-image/index.d.ts +11 -0
- package/src/lib/components/formly-avatar-label/index.d.ts +29 -0
- package/src/lib/components/formly-button/index.d.ts +13 -0
- package/src/lib/components/formly-button-selector/index.d.ts +28 -0
- package/src/lib/components/formly-split-button/index.d.ts +16 -0
- package/src/lib/components/formly-username-with-domain/index.d.ts +12 -0
- package/src/lib/components/generic-autocomplete/index.d.ts +34 -0
- package/src/lib/components/generic-button/index.d.ts +35 -0
- package/src/lib/components/generic-card/index.d.ts +90 -0
- package/src/lib/components/generic-crud-table/index.d.ts +120 -0
- package/src/lib/components/generic-errormessage/index.d.ts +10 -0
- package/src/lib/components/generic-formly-fields/index.d.ts +22 -0
- package/src/lib/components/generic-loadingspinner/index.d.ts +9 -0
- package/src/lib/components/generic-search/index.d.ts +29 -0
- package/src/lib/components/generic-selector/index.d.ts +66 -0
- package/src/lib/components/generic-table/index.d.ts +60 -0
- package/src/lib/components/header-wrapper/index.d.ts +8 -0
- package/src/lib/components/icon-picker/index.d.ts +23 -0
- package/src/lib/components/input-switch/index.d.ts +9 -0
- package/src/lib/components/input-with-icon/index.d.ts +10 -0
- package/src/lib/components/label-type/index.d.ts +19 -0
- package/src/lib/components/odata-query-builder/index.d.ts +81 -0
- package/src/lib/components/repeat/index.d.ts +17 -0
- package/src/lib/components/sidebar-cards/index.d.ts +18 -0
- package/src/lib/components/sidebar-toggles/index.d.ts +18 -0
- package/src/lib/components/tabs/index.d.ts +10 -0
- package/src/lib/components/tag-type/index.d.ts +27 -0
- package/src/lib/components/text-editor/index.d.ts +9 -0
- package/src/lib/components/wrappers/index.d.ts +24 -0
- package/src/lib/directives/index.d.ts +23 -0
- package/src/lib/pipes/index.d.ts +20 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FieldType } from '@ngx-formly/core';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { Component } from '@angular/core';
|
|
4
|
+
import { SafeHtmlPipe } from 'primeng/menu';
|
|
5
|
+
|
|
6
|
+
class FormlyTemplateType extends FieldType {
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyTemplateType, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FormlyTemplateType, isStandalone: true, selector: "formly-template", usesInheritance: true, ngImport: i0, template: `<div [innerHTML]="to['innerHTML'] | safeHtml"></div>`, isInline: true, dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyTemplateType, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [SafeHtmlPipe],
|
|
14
|
+
selector: 'formly-template',
|
|
15
|
+
template: `<div [innerHTML]="to['innerHTML'] | safeHtml"></div>`,
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Generated bundle index. Do not edit.
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
export { FormlyTemplateType };
|
|
24
|
+
//# sourceMappingURL=elite.framework-ng.core-src-lib-components-form-template.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elite.framework-ng.core-src-lib-components-form-template.mjs","sources":["../../../projects/core/src/lib/components/form-template/template.type.ts","../../../projects/core/src/lib/components/form-template/elite.framework-ng.core-src-lib-components-form-template.ts"],"sourcesContent":["import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { Component } from '@angular/core';\r\nimport { SafeHtmlPipe } from 'primeng/menu';\r\n\r\n@Component({\r\n imports:[SafeHtmlPipe],\r\n selector: 'formly-template',\r\n template: `<div [innerHTML]=\"to['innerHTML'] | safeHtml\"></div>`,\r\n})\r\nexport class FormlyTemplateType extends FieldType {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AASM,MAAO,kBAAmB,SAAQ,SAAS,CAAA;uGAApC,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAFnB,CAAA,oDAAA,CAAsD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAFvD,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,CAAA;;2FAIV,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,OAAO,EAAC,CAAC,YAAY,CAAC;AACtB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAAA,oDAAA,CAAsD;AACjE,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
6
|
+
import * as i2 from '@ngx-formly/core';
|
|
7
|
+
import { FieldType, FormlyModule } from '@ngx-formly/core';
|
|
8
|
+
import * as i3 from 'primeng/avatar';
|
|
9
|
+
import { AvatarModule } from 'primeng/avatar';
|
|
10
|
+
|
|
11
|
+
class FormlyAvatarImageComponent extends FieldType {
|
|
12
|
+
get type() {
|
|
13
|
+
return this.field.type;
|
|
14
|
+
}
|
|
15
|
+
get displayValue() {
|
|
16
|
+
const value = this.formControl?.value;
|
|
17
|
+
const baseUrl = this.field.props['baseUrl'] || '';
|
|
18
|
+
const defaultImage = this.field.props['defaultImage'] || '';
|
|
19
|
+
if (value) {
|
|
20
|
+
return baseUrl ? `${baseUrl}${value}` : value;
|
|
21
|
+
}
|
|
22
|
+
return defaultImage;
|
|
23
|
+
}
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FormlyAvatarImageComponent, isStandalone: true, selector: "formly-field-avatar-image", usesInheritance: true, ngImport: i0, template: `
|
|
26
|
+
<div [ngClass]="field.props['containerClass'] || ''">
|
|
27
|
+
<label *ngIf="field.props.label && field.props['hideLabel'] !== true" [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
|
|
28
|
+
{{ field.props.label }}
|
|
29
|
+
<span *ngIf="field.props.required" class="text-red-500">*</span>
|
|
30
|
+
</label>
|
|
31
|
+
<div class="mt-1 flex items-center">
|
|
32
|
+
<p-avatar
|
|
33
|
+
[image]="displayValue"
|
|
34
|
+
[size]="field.props['size'] || 'large'"
|
|
35
|
+
[shape]="field.props['shape'] || 'circle'"
|
|
36
|
+
[style]="field.props['avatarStyle'] || ''"
|
|
37
|
+
[styleClass]="field.props['avatarClass'] || ''"
|
|
38
|
+
(onClick)="field.props['onClick'] && field.props['onClick']($event)"
|
|
39
|
+
|
|
40
|
+
></p-avatar>
|
|
41
|
+
<!-- (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)" -->
|
|
42
|
+
<div *ngIf="field.props['showPlaceholder']" class="ml-4">
|
|
43
|
+
<span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<small *ngIf="showError" class="mt-1 text-sm text-red-600">
|
|
47
|
+
<formly-validation-message [field]="field"></formly-validation-message>
|
|
48
|
+
</small>
|
|
49
|
+
<small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
|
|
50
|
+
</div>
|
|
51
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2.LegacyFormlyValidationMessage, selector: "formly-validation-message" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] });
|
|
52
|
+
}
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, decorators: [{
|
|
54
|
+
type: Component,
|
|
55
|
+
args: [{
|
|
56
|
+
selector: 'formly-field-avatar-image',
|
|
57
|
+
standalone: true,
|
|
58
|
+
imports: [
|
|
59
|
+
CommonModule,
|
|
60
|
+
ReactiveFormsModule,
|
|
61
|
+
FormlyModule,
|
|
62
|
+
AvatarModule
|
|
63
|
+
],
|
|
64
|
+
template: `
|
|
65
|
+
<div [ngClass]="field.props['containerClass'] || ''">
|
|
66
|
+
<label *ngIf="field.props.label && field.props['hideLabel'] !== true" [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
|
|
67
|
+
{{ field.props.label }}
|
|
68
|
+
<span *ngIf="field.props.required" class="text-red-500">*</span>
|
|
69
|
+
</label>
|
|
70
|
+
<div class="mt-1 flex items-center">
|
|
71
|
+
<p-avatar
|
|
72
|
+
[image]="displayValue"
|
|
73
|
+
[size]="field.props['size'] || 'large'"
|
|
74
|
+
[shape]="field.props['shape'] || 'circle'"
|
|
75
|
+
[style]="field.props['avatarStyle'] || ''"
|
|
76
|
+
[styleClass]="field.props['avatarClass'] || ''"
|
|
77
|
+
(onClick)="field.props['onClick'] && field.props['onClick']($event)"
|
|
78
|
+
|
|
79
|
+
></p-avatar>
|
|
80
|
+
<!-- (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)" -->
|
|
81
|
+
<div *ngIf="field.props['showPlaceholder']" class="ml-4">
|
|
82
|
+
<span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
<small *ngIf="showError" class="mt-1 text-sm text-red-600">
|
|
86
|
+
<formly-validation-message [field]="field"></formly-validation-message>
|
|
87
|
+
</small>
|
|
88
|
+
<small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
|
|
89
|
+
</div>
|
|
90
|
+
`,
|
|
91
|
+
// changeDetection: ChangeDetectionStrategy.OnPush,
|
|
92
|
+
}]
|
|
93
|
+
}] });
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* Generated bundle index. Do not edit.
|
|
97
|
+
*/
|
|
98
|
+
|
|
99
|
+
export { FormlyAvatarImageComponent };
|
|
100
|
+
//# sourceMappingURL=elite.framework-ng.core-src-lib-components-formly-avatar-image.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elite.framework-ng.core-src-lib-components-formly-avatar-image.mjs","sources":["../../../projects/core/src/lib/components/formly-avatar-image/formly-avatar-image.ts","../../../projects/core/src/lib/components/formly-avatar-image/elite.framework-ng.core-src-lib-components-formly-avatar-image.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { FieldType, FieldTypeConfig, FormlyModule } from '@ngx-formly/core';\r\nimport { AvatarModule } from 'primeng/avatar';\r\n\r\n@Component({\r\n selector: 'formly-field-avatar-image',\r\n standalone: true,\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormlyModule,\r\n AvatarModule\r\n ],\r\n template: `\r\n <div [ngClass]=\"field.props['containerClass'] || ''\">\r\n <label *ngIf=\"field.props.label && field.props['hideLabel'] !== true\" [for]=\"id\" class=\"p-formgroup-inline block text-sm font-medium text-gray-700\">\r\n {{ field.props.label }}\r\n <span *ngIf=\"field.props.required\" class=\"text-red-500\">*</span>\r\n </label>\r\n <div class=\"mt-1 flex items-center\">\r\n <p-avatar\r\n [image]=\"displayValue\"\r\n [size]=\"field.props['size'] || 'large'\"\r\n [shape]=\"field.props['shape'] || 'circle'\"\r\n [style]=\"field.props['avatarStyle'] || ''\"\r\n [styleClass]=\"field.props['avatarClass'] || ''\"\r\n (onClick)=\"field.props['onClick'] && field.props['onClick']($event)\"\r\n\r\n ></p-avatar>\r\n <!-- (onImageError)=\"field.props['onImageError'] && field.props['onImageError']($event)\" -->\r\n <div *ngIf=\"field.props['showPlaceholder']\" class=\"ml-4\">\r\n <span class=\"text-gray-500\">{{ field.props['placeholderText'] || 'No image selected' }}</span>\r\n </div>\r\n </div>\r\n <small *ngIf=\"showError\" class=\"mt-1 text-sm text-red-600\">\r\n <formly-validation-message [field]=\"field\"></formly-validation-message>\r\n </small>\r\n <small *ngIf=\"field.props.description\" class=\"mt-1 text-sm text-gray-500\">{{ field.props.description }}</small>\r\n </div>\r\n `,\r\n // changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FormlyAvatarImageComponent extends FieldType<FieldTypeConfig> {\r\n get type() {\r\n return this.field.type as string;\r\n }\r\n get displayValue(): any {\r\n const value = this.formControl?.value;\r\n const baseUrl = this.field.props['baseUrl'] || '';\r\n const defaultImage = this.field.props['defaultImage'] || '';\r\n\r\n if (value) {\r\n return baseUrl ? `${baseUrl}${value}` : value;\r\n }\r\n\r\n return defaultImage;\r\n}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AA4CM,MAAO,0BAA2B,SAAQ,SAA0B,CAAA;AACxE,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAc;;AAElC,IAAA,IAAI,YAAY,GAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK;AACnC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE;AACjD,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE;QAE3D,IAAI,KAAK,EAAE;AACT,YAAA,OAAO,OAAO,GAAG,CAAA,EAAG,OAAO,CAAA,EAAG,KAAK,CAAA,CAAE,GAAG,KAAK;;AAG/C,QAAA,OAAO,YAAY;;uGAbV,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA7B3B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA/BC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,YAAY,oIACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FA+BH,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAtCtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,YAAY;wBACZ;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,EAAA,CAAA;;AAEF,iBAAA;;;AC3CD;;AAEG;;;;"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import * as i1 from '@angular/common';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
5
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
|
+
import { FieldType } from '@ngx-formly/core';
|
|
7
|
+
import * as i2 from '@ngx-translate/core';
|
|
8
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
9
|
+
import { ButtonModule } from 'primeng/button';
|
|
10
|
+
|
|
11
|
+
class FormlyAvatarLabelComponent extends FieldType {
|
|
12
|
+
get to() {
|
|
13
|
+
return this.field.props;
|
|
14
|
+
}
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FormlyAvatarLabelComponent, isStandalone: true, selector: "formly-avatar-label", usesInheritance: true, ngImport: i0, template: `
|
|
17
|
+
<div class="flex flex-col text-gray-700 text-sm mb-4">
|
|
18
|
+
<div class="flex items-center w-full min-h-[30px]">
|
|
19
|
+
<div
|
|
20
|
+
class="w-7 h-7 rounded-full flex items-center justify-center bg-gray-200 text-gray-600 text-base mr-2 flex-shrink-0"
|
|
21
|
+
>
|
|
22
|
+
{{ to.username ? (to.username | slice:0:1) : '?' }}
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
@if (to.showUsername) {
|
|
26
|
+
<div class="flex items-center gap-1 ml-4 w-full">
|
|
27
|
+
<span class="text-gray-500">{{ (to.prefixLabel ?? '') | translate }}:</span>
|
|
28
|
+
|
|
29
|
+
<span class="font-medium text-gray-800 text-sm">
|
|
30
|
+
{{ to.username || ('COMMON.USER' | translate) }}
|
|
31
|
+
</span>
|
|
32
|
+
</div>
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
`, isInline: true, styles: [".formly-avatar-label img{border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarLabelComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'formly-avatar-label', template: `
|
|
43
|
+
<div class="flex flex-col text-gray-700 text-sm mb-4">
|
|
44
|
+
<div class="flex items-center w-full min-h-[30px]">
|
|
45
|
+
<div
|
|
46
|
+
class="w-7 h-7 rounded-full flex items-center justify-center bg-gray-200 text-gray-600 text-base mr-2 flex-shrink-0"
|
|
47
|
+
>
|
|
48
|
+
{{ to.username ? (to.username | slice:0:1) : '?' }}
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
@if (to.showUsername) {
|
|
52
|
+
<div class="flex items-center gap-1 ml-4 w-full">
|
|
53
|
+
<span class="text-gray-500">{{ (to.prefixLabel ?? '') | translate }}:</span>
|
|
54
|
+
|
|
55
|
+
<span class="font-medium text-gray-800 text-sm">
|
|
56
|
+
{{ to.username || ('COMMON.USER' | translate) }}
|
|
57
|
+
</span>
|
|
58
|
+
</div>
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
65
|
+
CommonModule,
|
|
66
|
+
ButtonModule,
|
|
67
|
+
FormsModule,
|
|
68
|
+
ReactiveFormsModule,
|
|
69
|
+
TranslateModule
|
|
70
|
+
], styles: [".formly-avatar-label img{border-radius:50%}\n"] }]
|
|
71
|
+
}] });
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Generated bundle index. Do not edit.
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
export { FormlyAvatarLabelComponent };
|
|
78
|
+
//# sourceMappingURL=elite.framework-ng.core-src-lib-components-formly-avatar-label.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elite.framework-ng.core-src-lib-components-formly-avatar-label.mjs","sources":["../../../projects/core/src/lib/components/formly-avatar-label/formly-avatar-label.ts","../../../projects/core/src/lib/components/formly-avatar-label/elite.framework-ng.core-src-lib-components-formly-avatar-label.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ButtonModule } from 'primeng/button';\n\ninterface AvatarLabelProps {\n /**\n * The username or display name, shown as text and used for avatar initial\n */\n username?: string;\n\n /**\n * Prefix label shown before username (e.g. \"FROM\"), expected to be a translatable key\n */\n prefixLabel?: string;\n\n /**\n * Additional CSS classes to customize wrapper div if needed\n */\n styleClass?: string;\n\n /**\n * Whether the button should be disabled (optional)\n */\n disabled?: boolean;\n showUsername?: boolean;\n}\n\n@Component({\n selector: 'formly-avatar-label',\n template: `\n <div class=\"flex flex-col text-gray-700 text-sm mb-4\">\n <div class=\"flex items-center w-full min-h-[30px]\">\n <div\n class=\"w-7 h-7 rounded-full flex items-center justify-center bg-gray-200 text-gray-600 text-base mr-2 flex-shrink-0\"\n >\n {{ to.username ? (to.username | slice:0:1) : '?' }}\n </div>\n\n @if (to.showUsername) {\n <div class=\"flex items-center gap-1 ml-4 w-full\">\n <span class=\"text-gray-500\">{{ (to.prefixLabel ?? '') | translate }}:</span>\n\n <span class=\"font-medium text-gray-800 text-sm\">\n {{ to.username || ('COMMON.USER' | translate) }}\n </span>\n </div>\n }\n\n\n </div>\n</div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: [`\n .formly-avatar-label img {\n border-radius: 50%;\n }\n `],\n imports: [\n CommonModule,\n ButtonModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule\n ],\n})\nexport class FormlyAvatarLabelComponent extends FieldType {\n\n override get to(): AvatarLabelProps {\n return this.field.props as AvatarLabelProps;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAqEM,MAAO,0BAA2B,SAAQ,SAAS,CAAA;AAEvD,IAAA,IAAa,EAAE,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAyB;;uGAHlC,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArC3B;;;;;;;;;;;;;;;;;;;;;;GAsBT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAQD,YAAY,8BACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,mBAAmB,8BACnB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAGJ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAvCtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,QAAA,EACrB;;;;;;;;;;;;;;;;;;;;;;GAsBT,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EAMrC;wBACV,YAAY;wBACZ,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB;AACC,qBAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA;;;ACnEH;;AAEG;;;;"}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ViewChild, Component } from '@angular/core';
|
|
3
|
+
import { FieldType } from '@ngx-formly/core';
|
|
4
|
+
import * as i2 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i3 from 'primeng/button';
|
|
7
|
+
import { ButtonModule } from 'primeng/button';
|
|
8
|
+
import * as i5 from 'primeng/popover';
|
|
9
|
+
import { PopoverModule } from 'primeng/popover';
|
|
10
|
+
import * as i1 from '@ngx-translate/core';
|
|
11
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
12
|
+
import * as i4 from 'primeng/api';
|
|
13
|
+
|
|
14
|
+
// formly-selection-button.component.ts
|
|
15
|
+
class FormlySelectionButtonComponent extends FieldType {
|
|
16
|
+
translate;
|
|
17
|
+
popover;
|
|
18
|
+
constructor(translate) {
|
|
19
|
+
super();
|
|
20
|
+
this.translate = translate;
|
|
21
|
+
}
|
|
22
|
+
getButtonLabel() {
|
|
23
|
+
const value = this.formControl.value;
|
|
24
|
+
const options = this.props.options ?? [];
|
|
25
|
+
const selected = options.find(opt => opt[this.props.optionValue] === value);
|
|
26
|
+
if (selected) {
|
|
27
|
+
const labelKey = selected[this.props.optionLabel] ?? '';
|
|
28
|
+
return labelKey ? this.translate.instant(labelKey) : String(selected[this.props.optionLabel] ?? '');
|
|
29
|
+
}
|
|
30
|
+
// fallback to provided buttonLabel (could be a translation key)
|
|
31
|
+
if (this.props.buttonLabel) {
|
|
32
|
+
return this.translate.instant(this.props.buttonLabel);
|
|
33
|
+
}
|
|
34
|
+
return '';
|
|
35
|
+
}
|
|
36
|
+
getButtonIcon() {
|
|
37
|
+
const value = this.formControl.value;
|
|
38
|
+
const options = this.props.options ?? [];
|
|
39
|
+
const selected = options.find(opt => opt[this.props.optionValue] === value);
|
|
40
|
+
if (selected && selected.icon) {
|
|
41
|
+
return selected.icon;
|
|
42
|
+
}
|
|
43
|
+
return this.props.buttonIcon;
|
|
44
|
+
}
|
|
45
|
+
onSelect(value) {
|
|
46
|
+
// حدّد القيمة في الفورم
|
|
47
|
+
this.formControl.setValue(value);
|
|
48
|
+
// اغلاق البوبوفر
|
|
49
|
+
try {
|
|
50
|
+
this.popover?.hide();
|
|
51
|
+
}
|
|
52
|
+
catch (e) {
|
|
53
|
+
// تجاهل لو ما اشتغل hide لسبب ما
|
|
54
|
+
}
|
|
55
|
+
// نفّذ callback إن وُجد
|
|
56
|
+
if (this.props.onSelect) {
|
|
57
|
+
this.props.onSelect(value);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
ngOnInit() {
|
|
61
|
+
const options = this.props.options ?? [];
|
|
62
|
+
const defaultValue = (this.formControl.value != null) ? this.formControl.value : options[0]?.[this.props.optionValue];
|
|
63
|
+
if (defaultValue != null) {
|
|
64
|
+
this.formControl.setValue(defaultValue);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlySelectionButtonComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FormlySelectionButtonComponent, isStandalone: true, selector: "formly-selection-button", viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
69
|
+
<p-button
|
|
70
|
+
type="button"
|
|
71
|
+
[label]="getButtonLabel()"
|
|
72
|
+
[icon]="getButtonIcon()"
|
|
73
|
+
(click)="popover.toggle($event)"
|
|
74
|
+
styleClass="p-button-secondary p-button-outlined p-button-sm"
|
|
75
|
+
></p-button>
|
|
76
|
+
|
|
77
|
+
<p-popover #popover [style]="{'min-width': '250px'}">
|
|
78
|
+
<ng-template pTemplate="content">
|
|
79
|
+
<div class="flex flex-col p-2">
|
|
80
|
+
<div *ngIf="props.popoverHeader" class="text-xs text-gray-500 mb-2">
|
|
81
|
+
{{ props.popoverHeader | translate }}
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
<div
|
|
85
|
+
*ngFor="let option of props.options || []"
|
|
86
|
+
class="flex items-center p-2 hover:bg-gray-100 cursor-pointer rounded"
|
|
87
|
+
(click)="onSelect(option[props.optionValue])"
|
|
88
|
+
>
|
|
89
|
+
<i *ngIf="option.icon" [class]="option.icon" class="mr-2 text-lg"></i>
|
|
90
|
+
|
|
91
|
+
<div class="flex flex-col">
|
|
92
|
+
<span class="font-medium">{{ (option[props.optionLabel] || '') | translate }}</span>
|
|
93
|
+
<span class="text-xs text-gray-500" *ngIf="option.description">{{ option.description | translate }}</span>
|
|
94
|
+
</div>
|
|
95
|
+
|
|
96
|
+
<i *ngIf="formControl.value === option[props.optionValue]" class="pi pi-check ml-auto text-blue-500 text-lg"></i>
|
|
97
|
+
</div>
|
|
98
|
+
|
|
99
|
+
<div *ngIf="!(props.options?.length)" class="p-3 text-gray-500">
|
|
100
|
+
{{ 'COMMON.NO_DATA' | translate }}
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</ng-template>
|
|
104
|
+
</p-popover>
|
|
105
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i5.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
106
|
+
}
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlySelectionButtonComponent, decorators: [{
|
|
108
|
+
type: Component,
|
|
109
|
+
args: [{
|
|
110
|
+
selector: 'formly-selection-button',
|
|
111
|
+
standalone: true,
|
|
112
|
+
imports: [
|
|
113
|
+
CommonModule,
|
|
114
|
+
ButtonModule,
|
|
115
|
+
PopoverModule,
|
|
116
|
+
TranslateModule
|
|
117
|
+
],
|
|
118
|
+
template: `
|
|
119
|
+
<p-button
|
|
120
|
+
type="button"
|
|
121
|
+
[label]="getButtonLabel()"
|
|
122
|
+
[icon]="getButtonIcon()"
|
|
123
|
+
(click)="popover.toggle($event)"
|
|
124
|
+
styleClass="p-button-secondary p-button-outlined p-button-sm"
|
|
125
|
+
></p-button>
|
|
126
|
+
|
|
127
|
+
<p-popover #popover [style]="{'min-width': '250px'}">
|
|
128
|
+
<ng-template pTemplate="content">
|
|
129
|
+
<div class="flex flex-col p-2">
|
|
130
|
+
<div *ngIf="props.popoverHeader" class="text-xs text-gray-500 mb-2">
|
|
131
|
+
{{ props.popoverHeader | translate }}
|
|
132
|
+
</div>
|
|
133
|
+
|
|
134
|
+
<div
|
|
135
|
+
*ngFor="let option of props.options || []"
|
|
136
|
+
class="flex items-center p-2 hover:bg-gray-100 cursor-pointer rounded"
|
|
137
|
+
(click)="onSelect(option[props.optionValue])"
|
|
138
|
+
>
|
|
139
|
+
<i *ngIf="option.icon" [class]="option.icon" class="mr-2 text-lg"></i>
|
|
140
|
+
|
|
141
|
+
<div class="flex flex-col">
|
|
142
|
+
<span class="font-medium">{{ (option[props.optionLabel] || '') | translate }}</span>
|
|
143
|
+
<span class="text-xs text-gray-500" *ngIf="option.description">{{ option.description | translate }}</span>
|
|
144
|
+
</div>
|
|
145
|
+
|
|
146
|
+
<i *ngIf="formControl.value === option[props.optionValue]" class="pi pi-check ml-auto text-blue-500 text-lg"></i>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
<div *ngIf="!(props.options?.length)" class="p-3 text-gray-500">
|
|
150
|
+
{{ 'COMMON.NO_DATA' | translate }}
|
|
151
|
+
</div>
|
|
152
|
+
</div>
|
|
153
|
+
</ng-template>
|
|
154
|
+
</p-popover>
|
|
155
|
+
`,
|
|
156
|
+
}]
|
|
157
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { popover: [{
|
|
158
|
+
type: ViewChild,
|
|
159
|
+
args: ['popover']
|
|
160
|
+
}] } });
|
|
161
|
+
|
|
162
|
+
/**
|
|
163
|
+
* Generated bundle index. Do not edit.
|
|
164
|
+
*/
|
|
165
|
+
|
|
166
|
+
export { FormlySelectionButtonComponent };
|
|
167
|
+
//# sourceMappingURL=elite.framework-ng.core-src-lib-components-formly-button-selector.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elite.framework-ng.core-src-lib-components-formly-button-selector.mjs","sources":["../../../projects/core/src/lib/components/formly-button-selector/formly-button-selector.ts","../../../projects/core/src/lib/components/formly-button-selector/elite.framework-ng.core-src-lib-components-formly-button-selector.ts"],"sourcesContent":["// formly-selection-button.component.ts\n\nimport { Component, OnInit, ViewChild } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonModule } from 'primeng/button';\nimport { PopoverModule } from 'primeng/popover';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { Popover } from 'primeng/popover';\n\ninterface SelectionButtonProps {\n options?: any[]; // مصفوفة الخيارات (قد تكون undefined)\n optionLabel: string; // حقل النص في كل خيار\n optionValue: string; // حقل القيمة في كل خيار\n popoverHeader?: string;\n buttonLabel?: string;\n buttonIcon?: string;\n onSelect?: (value: any) => void;\n}\n\n@Component({\n selector: 'formly-selection-button',\n standalone: true,\n imports: [\n CommonModule,\n ButtonModule,\n PopoverModule,\n TranslateModule\n ],\n template: `\n <p-button\n type=\"button\"\n [label]=\"getButtonLabel()\"\n [icon]=\"getButtonIcon()\"\n (click)=\"popover.toggle($event)\"\n styleClass=\"p-button-secondary p-button-outlined p-button-sm\"\n ></p-button>\n\n <p-popover #popover [style]=\"{'min-width': '250px'}\">\n <ng-template pTemplate=\"content\">\n <div class=\"flex flex-col p-2\">\n <div *ngIf=\"props.popoverHeader\" class=\"text-xs text-gray-500 mb-2\">\n {{ props.popoverHeader | translate }}\n </div>\n\n <div\n *ngFor=\"let option of props.options || []\"\n class=\"flex items-center p-2 hover:bg-gray-100 cursor-pointer rounded\"\n (click)=\"onSelect(option[props.optionValue])\"\n >\n <i *ngIf=\"option.icon\" [class]=\"option.icon\" class=\"mr-2 text-lg\"></i>\n\n <div class=\"flex flex-col\">\n <span class=\"font-medium\">{{ (option[props.optionLabel] || '') | translate }}</span>\n <span class=\"text-xs text-gray-500\" *ngIf=\"option.description\">{{ option.description | translate }}</span>\n </div>\n\n <i *ngIf=\"formControl.value === option[props.optionValue]\" class=\"pi pi-check ml-auto text-blue-500 text-lg\"></i>\n </div>\n\n <div *ngIf=\"!(props.options?.length)\" class=\"p-3 text-gray-500\">\n {{ 'COMMON.NO_DATA' | translate }}\n </div>\n </div>\n </ng-template>\n </p-popover>\n `,\n})\nexport class FormlySelectionButtonComponent extends FieldType<FieldTypeConfig<SelectionButtonProps>> implements OnInit {\n @ViewChild('popover') popover!: Popover;\n\n constructor(private translate: TranslateService) {\n super();\n }\n\n getButtonLabel(): string {\n const value = this.formControl.value;\n const options = this.props.options ?? [];\n const selected = options.find(opt => opt[this.props.optionValue] === value);\n\n if (selected) {\n const labelKey = selected[this.props.optionLabel] ?? '';\n return labelKey ? this.translate.instant(labelKey) : String(selected[this.props.optionLabel] ?? '');\n }\n\n // fallback to provided buttonLabel (could be a translation key)\n if (this.props.buttonLabel) {\n return this.translate.instant(this.props.buttonLabel);\n }\n\n return '';\n }\n\n getButtonIcon(): string | undefined {\n const value = this.formControl.value;\n const options = this.props.options ?? [];\n const selected = options.find(opt => opt[this.props.optionValue] === value);\n\n if (selected && selected.icon) {\n return selected.icon;\n }\n\n return this.props.buttonIcon;\n }\n\n onSelect(value: any): void {\n // حدّد القيمة في الفورم\n this.formControl.setValue(value);\n\n // اغلاق البوبوفر\n try {\n this.popover?.hide();\n } catch (e) {\n // تجاهل لو ما اشتغل hide لسبب ما\n }\n\n // نفّذ callback إن وُجد\n if (this.props.onSelect) {\n this.props.onSelect(value);\n }\n }\n\n ngOnInit(): void {\n const options = this.props.options ?? [];\n const defaultValue = (this.formControl.value != null) ? this.formControl.value : options[0]?.[this.props.optionValue];\n if (defaultValue != null) {\n this.formControl.setValue(defaultValue);\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { FieldType } from '@ngx-formly/core';
|
|
6
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
7
|
+
import * as i1 from 'primeng/button';
|
|
8
|
+
import { ButtonModule } from 'primeng/button';
|
|
9
|
+
|
|
10
|
+
class FormlyButtonComponent extends FieldType {
|
|
11
|
+
get to() {
|
|
12
|
+
return this.field.props;
|
|
13
|
+
}
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FormlyButtonComponent, isStandalone: true, selector: "formly-button", usesInheritance: true, ngImport: i0, template: `
|
|
16
|
+
<div class="flex items-cente flex-col text-gray-700 text-sm mb-4" style="flex-direction: row-reverse;">
|
|
17
|
+
<button
|
|
18
|
+
pButton
|
|
19
|
+
pRipple
|
|
20
|
+
type="button"
|
|
21
|
+
icon="pi pi-expand"
|
|
22
|
+
class="p-button-text p-button-sm"
|
|
23
|
+
(click)="to.onExpand && to.onExpand(field, model)"
|
|
24
|
+
></button>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyButtonComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{
|
|
32
|
+
selector: 'formly-button',
|
|
33
|
+
template: `
|
|
34
|
+
<div class="flex items-cente flex-col text-gray-700 text-sm mb-4" style="flex-direction: row-reverse;">
|
|
35
|
+
<button
|
|
36
|
+
pButton
|
|
37
|
+
pRipple
|
|
38
|
+
type="button"
|
|
39
|
+
icon="pi pi-expand"
|
|
40
|
+
class="p-button-text p-button-sm"
|
|
41
|
+
(click)="to.onExpand && to.onExpand(field, model)"
|
|
42
|
+
></button>
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
`,
|
|
46
|
+
imports: [
|
|
47
|
+
CommonModule,
|
|
48
|
+
ButtonModule,
|
|
49
|
+
FormsModule,
|
|
50
|
+
ReactiveFormsModule,
|
|
51
|
+
TranslateModule
|
|
52
|
+
],
|
|
53
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
54
|
+
}]
|
|
55
|
+
}] });
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Generated bundle index. Do not edit.
|
|
59
|
+
*/
|
|
60
|
+
|
|
61
|
+
export { FormlyButtonComponent };
|
|
62
|
+
//# sourceMappingURL=elite.framework-ng.core-src-lib-components-formly-button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elite.framework-ng.core-src-lib-components-formly-button.mjs","sources":["../../../projects/core/src/lib/components/formly-button/formly-button.ts","../../../projects/core/src/lib/components/formly-button/elite.framework-ng.core-src-lib-components-formly-button.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ButtonModule } from 'primeng/button';\n\ninterface TemplateOptions {\n onExpand?: (field: any, model: any) => void;\n // other props...\n}\n\n@Component({\n selector: 'formly-button',\n template: `\n <div class=\"flex items-cente flex-col text-gray-700 text-sm mb-4\" style=\"flex-direction: row-reverse;\">\n<button\n pButton\n pRipple\n type=\"button\"\n icon=\"pi pi-expand\"\n class=\"p-button-text p-button-sm\"\n (click)=\"to.onExpand && to.onExpand(field, model)\"\n ></button>\n </div>\n\n `,\n imports: [\n CommonModule,\n ButtonModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyButtonComponent extends FieldType {\n\n override get to(): TemplateOptions {\n return this.field.props as TemplateOptions;\n}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAoCM,MAAO,qBAAsB,SAAQ,SAAS,CAAA;AAElD,IAAA,IAAa,EAAE,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAwB;;uGAH/B,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtBtB;;;;;;;;;;;;GAYT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAED,YAAY,8BACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,mBAAmB,8BACnB,eAAe,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAxBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;AACA,oBAAA,OAAO,EAAE;wBACV,YAAY;wBACZ,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB;AACC,qBAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;ACnCD;;AAEG;;;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
import { FieldType } from '@ngx-formly/core';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i1 from 'primeng/splitbutton';
|
|
6
|
+
import { SplitButtonModule } from 'primeng/splitbutton';
|
|
7
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
|
+
import { ButtonModule } from 'primeng/button';
|
|
9
|
+
|
|
10
|
+
// formly-split-button.component.ts
|
|
11
|
+
class FormlySplitButtonComponent extends FieldType {
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlySplitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FormlySplitButtonComponent, isStandalone: true, selector: "formly-split-button-type", usesInheritance: true, ngImport: i0, template: `
|
|
14
|
+
<p-splitButton
|
|
15
|
+
[label]="props.label"
|
|
16
|
+
[icon]="props.icon"
|
|
17
|
+
[model]="props.items"
|
|
18
|
+
(onClick)="props.onClick?.()"
|
|
19
|
+
class="p-button-sm p-button-text p-button-plain"
|
|
20
|
+
></p-splitButton>
|
|
21
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i1.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
22
|
+
}
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlySplitButtonComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ selector: 'formly-split-button-type',
|
|
26
|
+
standalone: true,
|
|
27
|
+
imports: [
|
|
28
|
+
CommonModule,
|
|
29
|
+
ButtonModule, SplitButtonModule,
|
|
30
|
+
FormsModule,
|
|
31
|
+
ReactiveFormsModule
|
|
32
|
+
],
|
|
33
|
+
template: `
|
|
34
|
+
<p-splitButton
|
|
35
|
+
[label]="props.label"
|
|
36
|
+
[icon]="props.icon"
|
|
37
|
+
[model]="props.items"
|
|
38
|
+
(onClick)="props.onClick?.()"
|
|
39
|
+
class="p-button-sm p-button-text p-button-plain"
|
|
40
|
+
></p-splitButton>
|
|
41
|
+
`,
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Generated bundle index. Do not edit.
|
|
47
|
+
*/
|
|
48
|
+
|
|
49
|
+
export { FormlySplitButtonComponent };
|
|
50
|
+
//# sourceMappingURL=elite.framework-ng.core-src-lib-components-formly-split-button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elite.framework-ng.core-src-lib-components-formly-split-button.mjs","sources":["../../../projects/core/src/lib/components/formly-split-button/formly-split-button.ts","../../../projects/core/src/lib/components/formly-split-button/elite.framework-ng.core-src-lib-components-formly-split-button.ts"],"sourcesContent":["// formly-split-button.component.ts\n\nimport { Component } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\nimport { CommonModule } from '@angular/common';\nimport { SplitButtonModule } from 'primeng/splitbutton';\nimport { MenuItem } from 'primeng/api';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { ButtonModule } from 'primeng/button';\n\ninterface SplitButtonProps {\n label: string;\n icon?: string;\n items: MenuItem[];\n onClick?: () => void;\n // إضافة أي خصائص أخرى تحتاجها من p-splitButton\n}\n\n@Component({ selector: 'formly-split-button-type',\n standalone: true,\n imports: [\n CommonModule,\n ButtonModule, SplitButtonModule,\n FormsModule,\n ReactiveFormsModule\n ],\n template: `\n <p-splitButton\n [label]=\"props.label\"\n [icon]=\"props.icon\"\n [model]=\"props.items\"\n (onClick)=\"props.onClick?.()\"\n class=\"p-button-sm p-button-text p-button-plain\"\n ></p-splitButton>\n `,\n})\nexport class FormlySplitButtonComponent extends FieldType<FieldTypeConfig<SplitButtonProps>> {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAAA;AAoCM,MAAO,0BAA2B,SAAQ,SAA4C,CAAA;uGAA/E,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAV3B;;;;;;;;EAQV,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbA,YAAY,8BACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAC/B,WAAW,8BACX,mBAAmB,EAAA,CAAA,EAAA,CAAA;;2FAYR,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAlBtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,0BAA0B;AAChD,oBAAA,UAAU,EAAE,IAAI;AACf,oBAAA,OAAO,EAAE;wBACT,YAAY;AACZ,wBAAA,YAAY,EAAE,iBAAiB;wBAC/B,WAAW;wBACX;AACC,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;AAQV,CAAA,CAAA;AACD,iBAAA;;;ACnCD;;AAEG;;;;"}
|