@es.framework/ng.ui.core 2.0.66 → 2.0.67
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/README.md +3 -3
- package/attachments/README.md +3 -3
- package/base-crud/README.md +3 -3
- package/breadcrumb/README.md +3 -3
- package/checkbox/README.md +3 -3
- package/collapsible/README.md +3 -3
- package/color-picker/README.md +3 -3
- package/column-settings-popover/README.md +3 -3
- package/custom-switch/README.md +3 -3
- package/datepicker/README.md +3 -3
- package/deactivation-reason/README.md +3 -3
- package/excel-import/README.md +3 -3
- package/fesm2022/es.framework-ng.ui.core-attachments.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-attachments.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-base-crud.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs +110 -109
- package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-checkbox.mjs +54 -54
- package/fesm2022/es.framework-ng.ui.core-checkbox.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-collapsible.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-color-picker.mjs +44 -44
- package/fesm2022/es.framework-ng.ui.core-color-picker.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-custom-switch.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-datepicker.mjs +178 -178
- package/fesm2022/es.framework-ng.ui.core-datepicker.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-deactivation-reason.mjs +46 -46
- package/fesm2022/es.framework-ng.ui.core-deactivation-reason.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-excel-import.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-filter-templates.mjs +624 -624
- package/fesm2022/es.framework-ng.ui.core-filter-templates.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-form-button.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-form-field.mjs +80 -80
- package/fesm2022/es.framework-ng.ui.core-form-field.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-form-template.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-image.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs +44 -44
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs +92 -92
- package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-button.mjs +24 -24
- package/fesm2022/es.framework-ng.ui.core-formly-button.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-presets.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs +366 -366
- package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-split-button.mjs +16 -16
- package/fesm2022/es.framework-ng.ui.core-formly-split-button.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-ui-all.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-ui.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-formly-username-with-domain.mjs +16 -16
- package/fesm2022/es.framework-ng.ui.core-formly-username-with-domain.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-assets.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-autocomplete.mjs +38 -38
- package/fesm2022/es.framework-ng.ui.core-generic-autocomplete.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-button.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-button.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-card.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-card.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-crud-table.mjs +12 -5
- package/fesm2022/es.framework-ng.ui.core-generic-crud-table.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-dialog.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-dialog.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-errormessage.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-errormessage.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-listbox.mjs +64 -64
- package/fesm2022/es.framework-ng.ui.core-generic-listbox.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs +68 -68
- package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-report.mjs +4 -2
- package/fesm2022/es.framework-ng.ui.core-generic-report.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-search-advanced.mjs +518 -495
- package/fesm2022/es.framework-ng.ui.core-generic-search-advanced.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-search.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-search.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-selector.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-table.mjs +4 -4
- package/fesm2022/es.framework-ng.ui.core-generic-table.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-generic-view.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-generic-view.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs +106 -106
- package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-input-switch.mjs +58 -58
- package/fesm2022/es.framework-ng.ui.core-input-switch.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs +26 -26
- package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-input.mjs +64 -64
- package/fesm2022/es.framework-ng.ui.core-input.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-label-type.mjs +16 -16
- package/fesm2022/es.framework-ng.ui.core-label-type.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-loading-skeletons.mjs +22 -22
- package/fesm2022/es.framework-ng.ui.core-loading-skeletons.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-query-type.mjs +14 -14
- package/fesm2022/es.framework-ng.ui.core-query-type.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-radio.mjs +30 -30
- package/fesm2022/es.framework-ng.ui.core-radio.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-repeat.mjs +354 -354
- package/fesm2022/es.framework-ng.ui.core-repeat.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-select.mjs +84 -84
- package/fesm2022/es.framework-ng.ui.core-select.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-sidebar-cards.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-sidebar-cards.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-sidebar-toggles.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core-sidebar-toggles.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-tabs.mjs +14 -14
- package/fesm2022/es.framework-ng.ui.core-tabs.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-tag-type.mjs +80 -80
- package/fesm2022/es.framework-ng.ui.core-tag-type.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-text-editor.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-textarea.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core-wrappers.mjs +118 -118
- package/fesm2022/es.framework-ng.ui.core-wrappers.mjs.map +1 -1
- package/fesm2022/es.framework-ng.ui.core.mjs +2 -2
- package/fesm2022/es.framework-ng.ui.core.mjs.map +1 -1
- package/filter-templates/README.md +3 -3
- package/form-button/README.md +3 -3
- package/form-field/README.md +3 -3
- package/form-template/README.md +3 -3
- package/formly-avatar-image/README.md +3 -3
- package/formly-avatar-label/README.md +3 -3
- package/formly-button/README.md +3 -3
- package/formly-button-selector/README.md +3 -3
- package/formly-presets/README.md +3 -3
- package/formly-prime-icon-picker/README.md +3 -3
- package/formly-split-button/README.md +3 -3
- package/formly-ui/README.md +3 -3
- package/formly-ui-all/README.md +3 -3
- package/formly-username-with-domain/README.md +3 -3
- package/generic-assets/README.md +3 -3
- package/generic-autocomplete/README.md +3 -3
- package/generic-button/README.md +3 -3
- package/generic-card/README.md +3 -3
- package/generic-crud-table/README.md +3 -3
- package/generic-dialog/README.md +3 -3
- package/generic-errormessage/README.md +3 -3
- package/generic-formly-fields/README.md +3 -3
- package/generic-loadingspinner/README.md +3 -3
- package/generic-report/README.md +3 -3
- package/generic-search/README.md +3 -3
- package/generic-search-advanced/README.md +3 -3
- package/generic-selector/README.md +3 -3
- package/generic-table/README.md +3 -3
- package/generic-view/README.md +3 -3
- package/header-wrapper/README.md +3 -3
- package/icon-picker/README.md +3 -3
- package/input/README.md +3 -3
- package/input-switch/README.md +3 -3
- package/input-with-icon/README.md +3 -3
- package/label-type/README.md +3 -3
- package/loading-skeletons/README.md +3 -3
- package/odata-query-builder/README.md +3 -3
- package/package.json +1 -1
- package/query-type/README.md +3 -3
- package/radio/README.md +3 -3
- package/repeat/README.md +3 -3
- package/select/README.md +3 -3
- package/sidebar-cards/README.md +3 -3
- package/sidebar-toggles/README.md +3 -3
- package/styles.css +0 -0
- package/tabs/README.md +3 -3
- package/tag-type/README.md +3 -3
- package/text-editor/README.md +3 -3
- package/textarea/README.md +3 -3
- package/types/es.framework-ng.ui.core-generic-crud-table.d.ts +1 -0
- package/types/es.framework-ng.ui.core-generic-search-advanced.d.ts +5 -2
- package/wrappers/README.md +3 -3
|
@@ -4,6 +4,7 @@ import * as i1 from '@angular/common';
|
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i2 from '@angular/router';
|
|
6
6
|
import { RouterModule } from '@angular/router';
|
|
7
|
+
import { TranslatePipe } from '@es.framework/ng.core/pipes';
|
|
7
8
|
|
|
8
9
|
class BreadcrumbModule {
|
|
9
10
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -20,118 +21,118 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
20
21
|
class BreadcrumbComponent {
|
|
21
22
|
breadcrumb = [];
|
|
22
23
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: BreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { breadcrumb: "breadcrumb" }, ngImport: i0, template: `
|
|
24
|
-
<nav class="overflow-x-auto">
|
|
25
|
-
<ul class="flex items-center text-white text-sm font-medium" role="list">
|
|
26
|
-
|
|
27
|
-
@for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {
|
|
28
|
-
<li
|
|
29
|
-
class="relative z-10"
|
|
30
|
-
>
|
|
31
|
-
@if (item.routerLink && !last) {
|
|
32
|
-
@if(i === 0){
|
|
33
|
-
<a
|
|
34
|
-
[routerLink]="item.routerLink"
|
|
35
|
-
class="breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
|
|
36
|
-
>
|
|
37
|
-
<i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
|
|
38
|
-
</a>
|
|
39
|
-
}
|
|
40
|
-
@else {
|
|
41
|
-
<a
|
|
42
|
-
[routerLink]="item.routerLink"
|
|
43
|
-
class="breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
|
|
44
|
-
[ngClass]="{
|
|
45
|
-
'bg-primary-500': i % 2 === 0,
|
|
46
|
-
'bg-primary-600': i % 2 === 1,
|
|
47
|
-
'rounded-l-md pl-5': first,
|
|
48
|
-
'rounded-r-md pr-5': last
|
|
49
|
-
}"
|
|
50
|
-
>
|
|
51
|
-
@if (item.icon) {
|
|
52
|
-
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
53
|
-
}
|
|
54
|
-
{{ item.label }}
|
|
55
|
-
</a>
|
|
56
|
-
}
|
|
57
|
-
} @else {
|
|
58
|
-
<span
|
|
59
|
-
class="breadcrumb-text flex items-center h-10 px-4 pr-6 text-white"
|
|
60
|
-
[ngClass]="{
|
|
61
|
-
'bg-primary-500': i % 2 === 0,
|
|
62
|
-
'bg-primary-600': i % 2 === 1,
|
|
63
|
-
'rounded-l-md pl-5': first,
|
|
64
|
-
'rounded-r-md pr-5': last
|
|
65
|
-
}"
|
|
66
|
-
>
|
|
67
|
-
@if (item.icon) {
|
|
68
|
-
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
69
|
-
}
|
|
70
|
-
{{ item.label }}
|
|
71
|
-
</span>
|
|
72
|
-
}
|
|
73
|
-
</li>
|
|
74
|
-
}
|
|
75
|
-
</ul>
|
|
76
|
-
</nav>
|
|
77
|
-
`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: BreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { breadcrumb: "breadcrumb" }, ngImport: i0, template: `
|
|
25
|
+
<nav class="overflow-x-auto">
|
|
26
|
+
<ul class="flex items-center text-white text-sm font-medium" role="list">
|
|
27
|
+
|
|
28
|
+
@for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {
|
|
29
|
+
<li
|
|
30
|
+
class="relative z-10"
|
|
31
|
+
>
|
|
32
|
+
@if (item.routerLink && !last) {
|
|
33
|
+
@if(i === 0){
|
|
34
|
+
<a
|
|
35
|
+
[routerLink]="item.routerLink"
|
|
36
|
+
class="breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
|
|
37
|
+
>
|
|
38
|
+
<i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
|
|
39
|
+
</a>
|
|
40
|
+
}
|
|
41
|
+
@else {
|
|
42
|
+
<a
|
|
43
|
+
[routerLink]="item.routerLink"
|
|
44
|
+
class="breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
|
|
45
|
+
[ngClass]="{
|
|
46
|
+
'bg-primary-500': i % 2 === 0,
|
|
47
|
+
'bg-primary-600': i % 2 === 1,
|
|
48
|
+
'rounded-l-md pl-5': first,
|
|
49
|
+
'rounded-r-md pr-5': last
|
|
50
|
+
}"
|
|
51
|
+
>
|
|
52
|
+
@if (item.icon) {
|
|
53
|
+
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
54
|
+
}
|
|
55
|
+
{{ item.label | translate }}
|
|
56
|
+
</a>
|
|
57
|
+
}
|
|
58
|
+
} @else {
|
|
59
|
+
<span
|
|
60
|
+
class="breadcrumb-text flex items-center h-10 px-4 pr-6 text-white"
|
|
61
|
+
[ngClass]="{
|
|
62
|
+
'bg-primary-500': i % 2 === 0,
|
|
63
|
+
'bg-primary-600': i % 2 === 1,
|
|
64
|
+
'rounded-l-md pl-5': first,
|
|
65
|
+
'rounded-r-md pr-5': last
|
|
66
|
+
}"
|
|
67
|
+
>
|
|
68
|
+
@if (item.icon) {
|
|
69
|
+
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
70
|
+
}
|
|
71
|
+
{{ item.label | translate }}
|
|
72
|
+
</span>
|
|
73
|
+
}
|
|
74
|
+
</li>
|
|
75
|
+
}
|
|
76
|
+
</ul>
|
|
77
|
+
</nav>
|
|
78
|
+
`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
|
|
78
79
|
}
|
|
79
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
80
81
|
type: Component,
|
|
81
|
-
args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule, RouterModule], template: `
|
|
82
|
-
<nav class="overflow-x-auto">
|
|
83
|
-
<ul class="flex items-center text-white text-sm font-medium" role="list">
|
|
84
|
-
|
|
85
|
-
@for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {
|
|
86
|
-
<li
|
|
87
|
-
class="relative z-10"
|
|
88
|
-
>
|
|
89
|
-
@if (item.routerLink && !last) {
|
|
90
|
-
@if(i === 0){
|
|
91
|
-
<a
|
|
92
|
-
[routerLink]="item.routerLink"
|
|
93
|
-
class="breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
|
|
94
|
-
>
|
|
95
|
-
<i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
|
|
96
|
-
</a>
|
|
97
|
-
}
|
|
98
|
-
@else {
|
|
99
|
-
<a
|
|
100
|
-
[routerLink]="item.routerLink"
|
|
101
|
-
class="breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
|
|
102
|
-
[ngClass]="{
|
|
103
|
-
'bg-primary-500': i % 2 === 0,
|
|
104
|
-
'bg-primary-600': i % 2 === 1,
|
|
105
|
-
'rounded-l-md pl-5': first,
|
|
106
|
-
'rounded-r-md pr-5': last
|
|
107
|
-
}"
|
|
108
|
-
>
|
|
109
|
-
@if (item.icon) {
|
|
110
|
-
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
111
|
-
}
|
|
112
|
-
{{ item.label }}
|
|
113
|
-
</a>
|
|
114
|
-
}
|
|
115
|
-
} @else {
|
|
116
|
-
<span
|
|
117
|
-
class="breadcrumb-text flex items-center h-10 px-4 pr-6 text-white"
|
|
118
|
-
[ngClass]="{
|
|
119
|
-
'bg-primary-500': i % 2 === 0,
|
|
120
|
-
'bg-primary-600': i % 2 === 1,
|
|
121
|
-
'rounded-l-md pl-5': first,
|
|
122
|
-
'rounded-r-md pr-5': last
|
|
123
|
-
}"
|
|
124
|
-
>
|
|
125
|
-
@if (item.icon) {
|
|
126
|
-
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
127
|
-
}
|
|
128
|
-
{{ item.label }}
|
|
129
|
-
</span>
|
|
130
|
-
}
|
|
131
|
-
</li>
|
|
132
|
-
}
|
|
133
|
-
</ul>
|
|
134
|
-
</nav>
|
|
82
|
+
args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule, RouterModule, TranslatePipe], template: `
|
|
83
|
+
<nav class="overflow-x-auto">
|
|
84
|
+
<ul class="flex items-center text-white text-sm font-medium" role="list">
|
|
85
|
+
|
|
86
|
+
@for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {
|
|
87
|
+
<li
|
|
88
|
+
class="relative z-10"
|
|
89
|
+
>
|
|
90
|
+
@if (item.routerLink && !last) {
|
|
91
|
+
@if(i === 0){
|
|
92
|
+
<a
|
|
93
|
+
[routerLink]="item.routerLink"
|
|
94
|
+
class="breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
|
|
95
|
+
>
|
|
96
|
+
<i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
|
|
97
|
+
</a>
|
|
98
|
+
}
|
|
99
|
+
@else {
|
|
100
|
+
<a
|
|
101
|
+
[routerLink]="item.routerLink"
|
|
102
|
+
class="breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
|
|
103
|
+
[ngClass]="{
|
|
104
|
+
'bg-primary-500': i % 2 === 0,
|
|
105
|
+
'bg-primary-600': i % 2 === 1,
|
|
106
|
+
'rounded-l-md pl-5': first,
|
|
107
|
+
'rounded-r-md pr-5': last
|
|
108
|
+
}"
|
|
109
|
+
>
|
|
110
|
+
@if (item.icon) {
|
|
111
|
+
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
112
|
+
}
|
|
113
|
+
{{ item.label | translate }}
|
|
114
|
+
</a>
|
|
115
|
+
}
|
|
116
|
+
} @else {
|
|
117
|
+
<span
|
|
118
|
+
class="breadcrumb-text flex items-center h-10 px-4 pr-6 text-white"
|
|
119
|
+
[ngClass]="{
|
|
120
|
+
'bg-primary-500': i % 2 === 0,
|
|
121
|
+
'bg-primary-600': i % 2 === 1,
|
|
122
|
+
'rounded-l-md pl-5': first,
|
|
123
|
+
'rounded-r-md pr-5': last
|
|
124
|
+
}"
|
|
125
|
+
>
|
|
126
|
+
@if (item.icon) {
|
|
127
|
+
<i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
|
|
128
|
+
}
|
|
129
|
+
{{ item.label | translate }}
|
|
130
|
+
</span>
|
|
131
|
+
}
|
|
132
|
+
</li>
|
|
133
|
+
}
|
|
134
|
+
</ul>
|
|
135
|
+
</nav>
|
|
135
136
|
` }]
|
|
136
137
|
}], propDecorators: { breadcrumb: [{
|
|
137
138
|
type: Input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"es.framework-ng.ui.core-breadcrumb.mjs","sources":["../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb-module.ts","../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb.ts","../../../../libs/ng.ui.core/breadcrumb/src/es.framework-ng.ui.core-breadcrumb.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"es.framework-ng.ui.core-breadcrumb.mjs","sources":["../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb-module.ts","../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb.ts","../../../../libs/ng.ui.core/breadcrumb/src/es.framework-ng.ui.core-breadcrumb.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n imports: [CommonModule],\n})\nexport class BreadcrumbModule {}\n","import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuItem } from 'primeng/api';\nimport { RouterModule } from '@angular/router';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\n\n@Component({\n selector: 'app-breadcrumb',\n standalone: true,\n imports: [CommonModule, RouterModule,TranslatePipe], \n template: `\n <nav class=\"overflow-x-auto\">\n <ul class=\"flex items-center text-white text-sm font-medium\" role=\"list\">\n \n @for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {\n <li\n class=\"relative z-10\"\n >\n @if (item.routerLink && !last) {\n @if(i === 0){\n <a\n [routerLink]=\"item.routerLink\"\n class=\"breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md\"\n >\n <i class=\"pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base\"></i>\n </a>\n }\n @else {\n <a\n [routerLink]=\"item.routerLink\"\n class=\"breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150\"\n [ngClass]=\"{\n 'bg-primary-500': i % 2 === 0,\n 'bg-primary-600': i % 2 === 1,\n 'rounded-l-md pl-5': first,\n 'rounded-r-md pr-5': last\n }\"\n >\n @if (item.icon) {\n <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n }\n {{ item.label | translate }}\n </a>\n }\n } @else {\n <span\n class=\"breadcrumb-text flex items-center h-10 px-4 pr-6 text-white\"\n [ngClass]=\"{\n 'bg-primary-500': i % 2 === 0,\n 'bg-primary-600': i % 2 === 1,\n 'rounded-l-md pl-5': first,\n 'rounded-r-md pr-5': last\n }\"\n >\n @if (item.icon) {\n <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n }\n {{ item.label | translate }}\n </span>\n }\n </li>\n }\n </ul>\n </nav>\n `,\n styles:[\n ``\n ]\n})\nexport class BreadcrumbComponent {\n @Input() breadcrumb: MenuItem[] | any = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAMa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,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,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;;2FAEX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MCgEY,mBAAmB,CAAA;IACrB,UAAU,GAAqB,EAAE;uGAD/B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3DpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDP,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvDO,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,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAC,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FA4DvC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA/D/B,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAC,aAAa,CAAC,EAAA,QAAA,EACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDP,IAAA,CAAA,EAAA;;sBAMF;;;ACtEH;;AAEG;;;;"}
|
|
@@ -21,33 +21,33 @@ class FormlyFieldCheckbox extends FieldType {
|
|
|
21
21
|
return document.body.dir === 'rtl' || document.documentElement.dir === 'rtl' || document.documentElement.lang === 'ar';
|
|
22
22
|
}
|
|
23
23
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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: `
|
|
25
|
-
<div
|
|
26
|
-
class="flex items-center gap-3 w-full py-3 px-2 border border-gray-200 rounded-lg bg-white transition-all duration-200 hover:bg-gray-50 focus-within:ring-1 focus-within:ring-blue-400 focus-within:border-blue-400"
|
|
27
|
-
[attr.dir]="isRtl() ? 'rtl' : 'ltr'"
|
|
28
|
-
[ngClass]="isRtl() ? ' justify-start text-left' : 'justify-end text-right'"
|
|
29
|
-
style="background: var(--p-button-secondary-background);"
|
|
30
|
-
>
|
|
31
|
-
<!-- [ngClass]="isRtl() ? 'flex-row' : 'flex-row-reverse'" -->
|
|
32
|
-
<!-- Checkbox FIRST (always start visually) -->
|
|
33
|
-
<p-checkbox
|
|
34
|
-
[binary]="true"
|
|
35
|
-
[formControl]="formControl"
|
|
36
|
-
[formlyAttributes]="field"
|
|
37
|
-
[inputId]="id"
|
|
38
|
-
class="shrink-0"
|
|
39
|
-
></p-checkbox>
|
|
40
|
-
|
|
41
|
-
<!-- Label SECOND -->
|
|
42
|
-
<label
|
|
43
|
-
[for]="id"
|
|
44
|
-
class="cursor-pointer select-none font-bold text-sm text-gray-800 truncate"
|
|
45
|
-
[title]="(to.label ?? '') | translate"
|
|
46
|
-
>
|
|
47
|
-
{{ (to.label ?? '') | translate }}
|
|
48
|
-
</label>
|
|
49
|
-
</div>
|
|
50
|
-
|
|
24
|
+
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: `
|
|
25
|
+
<div
|
|
26
|
+
class="flex items-center gap-3 w-full py-3 px-2 border border-gray-200 rounded-lg bg-white transition-all duration-200 hover:bg-gray-50 focus-within:ring-1 focus-within:ring-blue-400 focus-within:border-blue-400"
|
|
27
|
+
[attr.dir]="isRtl() ? 'rtl' : 'ltr'"
|
|
28
|
+
[ngClass]="isRtl() ? ' justify-start text-left' : 'justify-end text-right'"
|
|
29
|
+
style="background: var(--p-button-secondary-background);"
|
|
30
|
+
>
|
|
31
|
+
<!-- [ngClass]="isRtl() ? 'flex-row' : 'flex-row-reverse'" -->
|
|
32
|
+
<!-- Checkbox FIRST (always start visually) -->
|
|
33
|
+
<p-checkbox
|
|
34
|
+
[binary]="true"
|
|
35
|
+
[formControl]="formControl"
|
|
36
|
+
[formlyAttributes]="field"
|
|
37
|
+
[inputId]="id"
|
|
38
|
+
class="shrink-0"
|
|
39
|
+
></p-checkbox>
|
|
40
|
+
|
|
41
|
+
<!-- Label SECOND -->
|
|
42
|
+
<label
|
|
43
|
+
[for]="id"
|
|
44
|
+
class="cursor-pointer select-none font-bold text-sm text-gray-800 truncate"
|
|
45
|
+
[title]="(to.label ?? '') | translate"
|
|
46
|
+
>
|
|
47
|
+
{{ (to.label ?? '') | translate }}
|
|
48
|
+
</label>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
51
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3.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: "ngmodule", type: FormlyFormFieldModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
|
|
@@ -64,33 +64,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
64
64
|
CheckboxModule,
|
|
65
65
|
FormlyFormFieldModule
|
|
66
66
|
],
|
|
67
|
-
template: `
|
|
68
|
-
<div
|
|
69
|
-
class="flex items-center gap-3 w-full py-3 px-2 border border-gray-200 rounded-lg bg-white transition-all duration-200 hover:bg-gray-50 focus-within:ring-1 focus-within:ring-blue-400 focus-within:border-blue-400"
|
|
70
|
-
[attr.dir]="isRtl() ? 'rtl' : 'ltr'"
|
|
71
|
-
[ngClass]="isRtl() ? ' justify-start text-left' : 'justify-end text-right'"
|
|
72
|
-
style="background: var(--p-button-secondary-background);"
|
|
73
|
-
>
|
|
74
|
-
<!-- [ngClass]="isRtl() ? 'flex-row' : 'flex-row-reverse'" -->
|
|
75
|
-
<!-- Checkbox FIRST (always start visually) -->
|
|
76
|
-
<p-checkbox
|
|
77
|
-
[binary]="true"
|
|
78
|
-
[formControl]="formControl"
|
|
79
|
-
[formlyAttributes]="field"
|
|
80
|
-
[inputId]="id"
|
|
81
|
-
class="shrink-0"
|
|
82
|
-
></p-checkbox>
|
|
83
|
-
|
|
84
|
-
<!-- Label SECOND -->
|
|
85
|
-
<label
|
|
86
|
-
[for]="id"
|
|
87
|
-
class="cursor-pointer select-none font-bold text-sm text-gray-800 truncate"
|
|
88
|
-
[title]="(to.label ?? '') | translate"
|
|
89
|
-
>
|
|
90
|
-
{{ (to.label ?? '') | translate }}
|
|
91
|
-
</label>
|
|
92
|
-
</div>
|
|
93
|
-
|
|
67
|
+
template: `
|
|
68
|
+
<div
|
|
69
|
+
class="flex items-center gap-3 w-full py-3 px-2 border border-gray-200 rounded-lg bg-white transition-all duration-200 hover:bg-gray-50 focus-within:ring-1 focus-within:ring-blue-400 focus-within:border-blue-400"
|
|
70
|
+
[attr.dir]="isRtl() ? 'rtl' : 'ltr'"
|
|
71
|
+
[ngClass]="isRtl() ? ' justify-start text-left' : 'justify-end text-right'"
|
|
72
|
+
style="background: var(--p-button-secondary-background);"
|
|
73
|
+
>
|
|
74
|
+
<!-- [ngClass]="isRtl() ? 'flex-row' : 'flex-row-reverse'" -->
|
|
75
|
+
<!-- Checkbox FIRST (always start visually) -->
|
|
76
|
+
<p-checkbox
|
|
77
|
+
[binary]="true"
|
|
78
|
+
[formControl]="formControl"
|
|
79
|
+
[formlyAttributes]="field"
|
|
80
|
+
[inputId]="id"
|
|
81
|
+
class="shrink-0"
|
|
82
|
+
></p-checkbox>
|
|
83
|
+
|
|
84
|
+
<!-- Label SECOND -->
|
|
85
|
+
<label
|
|
86
|
+
[for]="id"
|
|
87
|
+
class="cursor-pointer select-none font-bold text-sm text-gray-800 truncate"
|
|
88
|
+
[title]="(to.label ?? '') | translate"
|
|
89
|
+
>
|
|
90
|
+
{{ (to.label ?? '') | translate }}
|
|
91
|
+
</label>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
94
|
`
|
|
95
95
|
}]
|
|
96
96
|
}] });
|
|
@@ -1 +1 @@
|
|
|
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';\
|
|
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';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { CheckboxModule } from 'primeng/checkbox';\nimport { FormlyFormFieldModule, FormlyFieldProps as CheckboxProps } from '@es.framework/ng.ui.core/form-field';\nimport { CommonModule } from '@angular/common';\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n selector: 'formly-field-primeng-checkbox',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormlyAttributes,\n TranslatePipe,\n CheckboxModule,\n FormlyFormFieldModule\n ],\n template: `\n <div\n class=\"flex items-center gap-3 w-full py-3 px-2 border border-gray-200 rounded-lg bg-white transition-all duration-200 hover:bg-gray-50 focus-within:ring-1 focus-within:ring-blue-400 focus-within:border-blue-400\"\n [attr.dir]=\"isRtl() ? 'rtl' : 'ltr'\"\n [ngClass]=\"isRtl() ? ' justify-start text-left' : 'justify-end text-right'\"\n style=\"background: var(--p-button-secondary-background);\"\n >\n <!-- [ngClass]=\"isRtl() ? 'flex-row' : 'flex-row-reverse'\" -->\n <!-- Checkbox FIRST (always start visually) -->\n <p-checkbox\n [binary]=\"true\"\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [inputId]=\"id\"\n class=\"shrink-0\"\n ></p-checkbox>\n\n <!-- Label SECOND -->\n <label\n [for]=\"id\"\n class=\"cursor-pointer select-none font-bold text-sm text-gray-800 truncate\"\n [title]=\"(to.label ?? '') | translate\"\n >\n {{ (to.label ?? '') | translate }}\n </label>\n </div>\n\n `\n})\nexport class FormlyFieldCheckbox extends FieldType<FieldTypeConfig<CheckboxProps>> {\n override defaultOptions = {\n props: {\n hideLabel: true,\n },\n };\n\n isRtl(): boolean {\n return document.body.dir === 'rtl' || document.documentElement.dir === 'rtl' || document.documentElement.lang === 'ar';\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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"}
|
|
@@ -1 +1 @@
|
|
|
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';\
|
|
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;;;;"}
|
|
@@ -22,28 +22,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
22
22
|
|
|
23
23
|
class ColorPickerComponent extends FieldType {
|
|
24
24
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
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: `
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<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);">
|
|
29
|
-
<p-colorPicker
|
|
30
|
-
[style.direction]="'ltr'"
|
|
31
|
-
[(ngModel)]="formControl.value"
|
|
32
|
-
(ngModelChange)="formControl.setValue($event)"
|
|
33
|
-
[style]="to['style']"
|
|
34
|
-
[disabled]="to.disabled ?? false"
|
|
35
|
-
[inline]="to['inline'] ?? false"
|
|
36
|
-
[format]="to['format'] ?? 'hex'"
|
|
37
|
-
[tabindex]="'' + (to.tabindex ?? 0)"
|
|
38
|
-
[id]="id"
|
|
39
|
-
[name]="to['name'] || key"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
></p-colorPicker>
|
|
43
|
-
<!-- appendTo="body" -->
|
|
44
|
-
<label [for]="id" class="text-sm text-gray-800 mr-2 whitespace-nowrap">
|
|
45
|
-
{{ (to.label ?? '') | translate}}
|
|
46
|
-
</label>
|
|
25
|
+
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: `
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
<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);">
|
|
29
|
+
<p-colorPicker
|
|
30
|
+
[style.direction]="'ltr'"
|
|
31
|
+
[(ngModel)]="formControl.value"
|
|
32
|
+
(ngModelChange)="formControl.setValue($event)"
|
|
33
|
+
[style]="to['style']"
|
|
34
|
+
[disabled]="to.disabled ?? false"
|
|
35
|
+
[inline]="to['inline'] ?? false"
|
|
36
|
+
[format]="to['format'] ?? 'hex'"
|
|
37
|
+
[tabindex]="'' + (to.tabindex ?? 0)"
|
|
38
|
+
[id]="id"
|
|
39
|
+
[name]="to['name'] || key"
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
></p-colorPicker>
|
|
43
|
+
<!-- appendTo="body" -->
|
|
44
|
+
<label [for]="id" class="text-sm text-gray-800 mr-2 whitespace-nowrap">
|
|
45
|
+
{{ (to.label ?? '') | translate}}
|
|
46
|
+
</label>
|
|
47
47
|
`, 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 });
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
@@ -52,28 +52,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
52
52
|
standalone: true,
|
|
53
53
|
selector: 'formly-field-color-picker',
|
|
54
54
|
imports: [ColorPickerModule$1, FormsModule, TranslatePipe],
|
|
55
|
-
template: `
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<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);">
|
|
59
|
-
<p-colorPicker
|
|
60
|
-
[style.direction]="'ltr'"
|
|
61
|
-
[(ngModel)]="formControl.value"
|
|
62
|
-
(ngModelChange)="formControl.setValue($event)"
|
|
63
|
-
[style]="to['style']"
|
|
64
|
-
[disabled]="to.disabled ?? false"
|
|
65
|
-
[inline]="to['inline'] ?? false"
|
|
66
|
-
[format]="to['format'] ?? 'hex'"
|
|
67
|
-
[tabindex]="'' + (to.tabindex ?? 0)"
|
|
68
|
-
[id]="id"
|
|
69
|
-
[name]="to['name'] || key"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
></p-colorPicker>
|
|
73
|
-
<!-- appendTo="body" -->
|
|
74
|
-
<label [for]="id" class="text-sm text-gray-800 mr-2 whitespace-nowrap">
|
|
75
|
-
{{ (to.label ?? '') | translate}}
|
|
76
|
-
</label>
|
|
55
|
+
template: `
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
<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);">
|
|
59
|
+
<p-colorPicker
|
|
60
|
+
[style.direction]="'ltr'"
|
|
61
|
+
[(ngModel)]="formControl.value"
|
|
62
|
+
(ngModelChange)="formControl.setValue($event)"
|
|
63
|
+
[style]="to['style']"
|
|
64
|
+
[disabled]="to.disabled ?? false"
|
|
65
|
+
[inline]="to['inline'] ?? false"
|
|
66
|
+
[format]="to['format'] ?? 'hex'"
|
|
67
|
+
[tabindex]="'' + (to.tabindex ?? 0)"
|
|
68
|
+
[id]="id"
|
|
69
|
+
[name]="to['name'] || key"
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
></p-colorPicker>
|
|
73
|
+
<!-- appendTo="body" -->
|
|
74
|
+
<label [for]="id" class="text-sm text-gray-800 mr-2 whitespace-nowrap">
|
|
75
|
+
{{ (to.label ?? '') | translate}}
|
|
76
|
+
</label>
|
|
77
77
|
`,
|
|
78
78
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
79
79
|
}]
|
|
@@ -1 +1 @@
|
|
|
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';\
|
|
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":"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"}
|