aril 0.0.3 → 0.0.4
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 +10 -1
- package/esm2022/ui/badge/src/badge.component.mjs +8 -8
- package/esm2022/ui/button/src/button.component.mjs +3 -4
- package/esm2022/ui/button/src/split-button.component.mjs +9 -8
- package/esm2022/ui/calendar/src/calendar.component.mjs +55 -33
- package/esm2022/ui/checkbox/index.mjs +2 -1
- package/esm2022/ui/checkbox/src/check-box.component.mjs +7 -9
- package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs +24 -0
- package/esm2022/ui/confirmPopup/src/confirm-popup.component.mjs +8 -20
- package/esm2022/ui/dxField/src/dx-field.component.mjs +4 -1
- package/esm2022/ui/field/src/field.component.mjs +1 -1
- package/esm2022/ui/fileUpload/src/file-upload.component.mjs +9 -6
- package/esm2022/ui/form/index.mjs +2 -1
- package/esm2022/ui/form/src/form-submit-button.component.mjs +6 -3
- package/esm2022/ui/form/src/form.component.mjs +4 -1
- package/esm2022/ui/lib/src/form/form-error-message.component.mjs +5 -1
- package/esm2022/ui/lib/src/form/form-error-message.directive.mjs +4 -1
- package/esm2022/ui/lib/src/form/form-field-builder.mjs +2 -2
- package/esm2022/ui/lib/src/form/form-validation.mjs +1 -1
- package/esm2022/ui/lib/src/input/input-disabled.directive.mjs +5 -1
- package/esm2022/ui/mask/src/mask.component.mjs +11 -20
- package/esm2022/ui/number/src/number.component.mjs +7 -8
- package/esm2022/ui/overlayPanel/src/overlay-panel.component.mjs +10 -24
- package/esm2022/ui/panel/src/panel.component.mjs +7 -12
- package/esm2022/ui/password/src/password.component.mjs +8 -3
- package/esm2022/ui/radioButton/src/radio-button.component.mjs +5 -3
- package/esm2022/ui/selectBox/src/select-box.component.mjs +5 -3
- package/esm2022/ui/switch/src/switch.component.mjs +10 -5
- package/esm2022/ui/table/aril-ui-table.mjs +5 -0
- package/esm2022/ui/table/index.mjs +4 -0
- package/esm2022/ui/table/src/i18n.mjs +93 -0
- package/esm2022/ui/table/src/table-column.component.mjs +35 -0
- package/esm2022/ui/table/src/table.component.mjs +78 -0
- package/esm2022/ui/tagBox/src/tag-box.component.mjs +8 -3
- package/esm2022/ui/text/src/text.component.mjs +26 -9
- package/esm2022/ui/textArea/src/text-area.component.mjs +7 -4
- package/esm2022/ui/tree/src/tree.component.mjs +4 -13
- package/esm2022/ui/treeTable/src/tree-table.component.mjs +18 -11
- package/esm2022/ui/value/aril-ui-value.mjs +5 -0
- package/esm2022/ui/value/index.mjs +2 -0
- package/esm2022/ui/value/src/value.component.mjs +51 -0
- package/esm2022/util/lib/src/types.mjs +2 -1
- package/esm2022/util/primitive-extensions/src/string.extensions.mjs +7 -1
- package/fesm2022/aril-ui-badge.mjs +7 -7
- package/fesm2022/aril-ui-badge.mjs.map +1 -1
- package/fesm2022/aril-ui-button.mjs +10 -10
- package/fesm2022/aril-ui-button.mjs.map +1 -1
- package/fesm2022/aril-ui-calendar.mjs +54 -31
- package/fesm2022/aril-ui-calendar.mjs.map +1 -1
- package/fesm2022/aril-ui-checkbox.mjs +23 -9
- package/fesm2022/aril-ui-checkbox.mjs.map +1 -1
- package/fesm2022/aril-ui-confirmPopup.mjs +7 -19
- package/fesm2022/aril-ui-confirmPopup.mjs.map +1 -1
- package/fesm2022/aril-ui-dxField.mjs +3 -0
- package/fesm2022/aril-ui-dxField.mjs.map +1 -1
- package/fesm2022/aril-ui-field.mjs.map +1 -1
- package/fesm2022/aril-ui-fileUpload.mjs +8 -5
- package/fesm2022/aril-ui-fileUpload.mjs.map +1 -1
- package/fesm2022/aril-ui-form.mjs +10 -2
- package/fesm2022/aril-ui-form.mjs.map +1 -1
- package/fesm2022/aril-ui-lib.mjs +12 -1
- package/fesm2022/aril-ui-lib.mjs.map +1 -1
- package/fesm2022/aril-ui-mask.mjs +10 -19
- package/fesm2022/aril-ui-mask.mjs.map +1 -1
- package/fesm2022/aril-ui-number.mjs +6 -7
- package/fesm2022/aril-ui-number.mjs.map +1 -1
- package/fesm2022/aril-ui-overlayPanel.mjs +9 -23
- package/fesm2022/aril-ui-overlayPanel.mjs.map +1 -1
- package/fesm2022/aril-ui-panel.mjs +6 -11
- package/fesm2022/aril-ui-panel.mjs.map +1 -1
- package/fesm2022/aril-ui-password.mjs +7 -2
- package/fesm2022/aril-ui-password.mjs.map +1 -1
- package/fesm2022/aril-ui-radioButton.mjs +4 -2
- package/fesm2022/aril-ui-radioButton.mjs.map +1 -1
- package/fesm2022/aril-ui-selectBox.mjs +4 -2
- package/fesm2022/aril-ui-selectBox.mjs.map +1 -1
- package/fesm2022/aril-ui-switch.mjs +9 -4
- package/fesm2022/aril-ui-switch.mjs.map +1 -1
- package/fesm2022/aril-ui-table.mjs +211 -0
- package/fesm2022/aril-ui-table.mjs.map +1 -0
- package/fesm2022/aril-ui-tagBox.mjs +7 -2
- package/fesm2022/aril-ui-tagBox.mjs.map +1 -1
- package/fesm2022/aril-ui-text.mjs +25 -8
- package/fesm2022/aril-ui-text.mjs.map +1 -1
- package/fesm2022/aril-ui-textArea.mjs +6 -3
- package/fesm2022/aril-ui-textArea.mjs.map +1 -1
- package/fesm2022/aril-ui-tree.mjs +3 -12
- package/fesm2022/aril-ui-tree.mjs.map +1 -1
- package/fesm2022/aril-ui-treeTable.mjs +17 -10
- package/fesm2022/aril-ui-treeTable.mjs.map +1 -1
- package/fesm2022/aril-ui-value.mjs +58 -0
- package/fesm2022/aril-ui-value.mjs.map +1 -0
- package/fesm2022/aril-util-lib.mjs +1 -0
- package/fesm2022/aril-util-lib.mjs.map +1 -1
- package/fesm2022/aril-util-primitive-extensions.mjs +6 -0
- package/fesm2022/aril-util-primitive-extensions.mjs.map +1 -1
- package/package.json +22 -13
- package/theme/fonts/poppins-v20-latin-500.woff +0 -0
- package/theme/fonts/poppins-v20-latin-500.woff2 +0 -0
- package/theme/fonts/poppins-v20-latin-600.woff +0 -0
- package/theme/fonts/poppins-v20-latin-600.woff2 +0 -0
- package/theme/fonts/poppins-v20-latin-700.woff +0 -0
- package/theme/fonts/poppins-v20-latin-700.woff2 +0 -0
- package/theme/fonts/poppins-v20-latin-regular.woff +0 -0
- package/theme/fonts/poppins-v20-latin-regular.woff2 +0 -0
- package/theme/images/avatar.png +0 -0
- package/theme/styles/layout/_animation.scss +53 -0
- package/theme/styles/layout/_breadcrumb.scss +21 -0
- package/theme/styles/layout/_config.scss +42 -0
- package/theme/styles/layout/_content.scss +3 -0
- package/theme/styles/layout/_fonts.scss +36 -0
- package/theme/styles/layout/_layout_dark.scss +5 -0
- package/theme/styles/layout/_layout_dim.scss +5 -0
- package/theme/styles/layout/_layout_light.scss +5 -0
- package/theme/styles/layout/_main.scss +28 -0
- package/theme/styles/layout/_profile.scss +10 -0
- package/theme/styles/layout/_responsive.scss +113 -0
- package/theme/styles/layout/_sidebar_drawer.scss +236 -0
- package/theme/styles/layout/_sidebar_horizontal.scss +163 -0
- package/theme/styles/layout/_sidebar_reveal.scss +203 -0
- package/theme/styles/layout/_sidebar_slim.scss +145 -0
- package/theme/styles/layout/_sidebar_slim_plus.scss +163 -0
- package/theme/styles/layout/_sidebar_vertical.scss +153 -0
- package/theme/styles/layout/_topbar.scss +78 -0
- package/theme/styles/layout/_typography.scss +63 -0
- package/theme/styles/layout/_utils.scss +24 -0
- package/theme/styles/layout/layout.scss +24 -0
- package/theme/styles/layout/menutheme/_colorscheme.scss +11 -0
- package/theme/styles/layout/menutheme/_menutheme.scss +3 -0
- package/theme/styles/layout/menutheme/_primarycolor.scss +16 -0
- package/theme/styles/layout/menutheme/_transparent.scss +26 -0
- package/theme/styles/layout/preloading.scss +84 -0
- package/theme/styles/theme/base/_colors.scss +18 -0
- package/theme/styles/theme/base/_common.scss +75 -0
- package/theme/styles/theme/base/_components.scss +106 -0
- package/theme/styles/theme/base/_mixins.scss +337 -0
- package/theme/styles/theme/base/components/button/_button.scss +576 -0
- package/theme/styles/theme/base/components/button/_speeddial.scss +96 -0
- package/theme/styles/theme/base/components/button/_splitbutton.scss +354 -0
- package/theme/styles/theme/base/components/data/_carousel.scss +37 -0
- package/theme/styles/theme/base/components/data/_datatable.scss +338 -0
- package/theme/styles/theme/base/components/data/_dataview.scss +46 -0
- package/theme/styles/theme/base/components/data/_filter.scss +138 -0
- package/theme/styles/theme/base/components/data/_orderlist.scss +114 -0
- package/theme/styles/theme/base/components/data/_organizationchart.scss +50 -0
- package/theme/styles/theme/base/components/data/_paginator.scss +92 -0
- package/theme/styles/theme/base/components/data/_picklist.scss +114 -0
- package/theme/styles/theme/base/components/data/_timeline.scss +38 -0
- package/theme/styles/theme/base/components/data/_tree.scss +150 -0
- package/theme/styles/theme/base/components/data/_treetable.scss +256 -0
- package/theme/styles/theme/base/components/data/_virtualscroller.scss +28 -0
- package/theme/styles/theme/base/components/file/_fileupload.scss +64 -0
- package/theme/styles/theme/base/components/input/_autocomplete.scss +136 -0
- package/theme/styles/theme/base/components/input/_calendar.scss +267 -0
- package/theme/styles/theme/base/components/input/_cascadeselect.scss +136 -0
- package/theme/styles/theme/base/components/input/_checkbox.scss +94 -0
- package/theme/styles/theme/base/components/input/_chips.scss +65 -0
- package/theme/styles/theme/base/components/input/_colorpicker.scss +19 -0
- package/theme/styles/theme/base/components/input/_dropdown.scss +151 -0
- package/theme/styles/theme/base/components/input/_editor.scss +122 -0
- package/theme/styles/theme/base/components/input/_inputgroup.scss +75 -0
- package/theme/styles/theme/base/components/input/_inputmask.scss +16 -0
- package/theme/styles/theme/base/components/input/_inputnumber.scss +28 -0
- package/theme/styles/theme/base/components/input/_inputswitch.scss +60 -0
- package/theme/styles/theme/base/components/input/_inputtext.scss +100 -0
- package/theme/styles/theme/base/components/input/_listbox.scss +97 -0
- package/theme/styles/theme/base/components/input/_multiselect.scss +179 -0
- package/theme/styles/theme/base/components/input/_password.scss +52 -0
- package/theme/styles/theme/base/components/input/_radiobutton.scss +78 -0
- package/theme/styles/theme/base/components/input/_rating.scss +60 -0
- package/theme/styles/theme/base/components/input/_selectbutton.scss +50 -0
- package/theme/styles/theme/base/components/input/_slider.scss +71 -0
- package/theme/styles/theme/base/components/input/_togglebutton.scss +48 -0
- package/theme/styles/theme/base/components/input/_treeselect.scss +139 -0
- package/theme/styles/theme/base/components/menu/_breadcrumb.scss +42 -0
- package/theme/styles/theme/base/components/menu/_contextmenu.scss +39 -0
- package/theme/styles/theme/base/components/menu/_dock.scss +95 -0
- package/theme/styles/theme/base/components/menu/_megamenu.scss +55 -0
- package/theme/styles/theme/base/components/menu/_menu.scss +37 -0
- package/theme/styles/theme/base/components/menu/_menubar.scss +141 -0
- package/theme/styles/theme/base/components/menu/_panelmenu.scss +153 -0
- package/theme/styles/theme/base/components/menu/_slidemenu.scss +59 -0
- package/theme/styles/theme/base/components/menu/_steps.scss +56 -0
- package/theme/styles/theme/base/components/menu/_tabmenu.scss +74 -0
- package/theme/styles/theme/base/components/menu/_tieredmenu.scss +43 -0
- package/theme/styles/theme/base/components/messages/_inlinemessage.scss +69 -0
- package/theme/styles/theme/base/components/messages/_message.scss +107 -0
- package/theme/styles/theme/base/components/messages/_toast.scss +100 -0
- package/theme/styles/theme/base/components/misc/_avatar.scss +30 -0
- package/theme/styles/theme/base/components/misc/_badge.scss +48 -0
- package/theme/styles/theme/base/components/misc/_blockui.scss +0 -0
- package/theme/styles/theme/base/components/misc/_chip.scss +42 -0
- package/theme/styles/theme/base/components/misc/_inplace.scss +17 -0
- package/theme/styles/theme/base/components/misc/_progressbar.scss +17 -0
- package/theme/styles/theme/base/components/misc/_scrolltop.scss +25 -0
- package/theme/styles/theme/base/components/misc/_skeleton.scss +8 -0
- package/theme/styles/theme/base/components/misc/_tag.scss +40 -0
- package/theme/styles/theme/base/components/misc/_terminal.scss +12 -0
- package/theme/styles/theme/base/components/multimedia/_galleria.scss +155 -0
- package/theme/styles/theme/base/components/multimedia/_image.scss +49 -0
- package/theme/styles/theme/base/components/overlay/_confirmpopup.scss +72 -0
- package/theme/styles/theme/base/components/overlay/_dialog.scss +69 -0
- package/theme/styles/theme/base/components/overlay/_overlaypanel.scss +64 -0
- package/theme/styles/theme/base/components/overlay/_sidebar.scss +27 -0
- package/theme/styles/theme/base/components/overlay/_tooltip.scss +33 -0
- package/theme/styles/theme/base/components/panel/_accordion.scss +119 -0
- package/theme/styles/theme/base/components/panel/_card.scss +30 -0
- package/theme/styles/theme/base/components/panel/_divider.scss +31 -0
- package/theme/styles/theme/base/components/panel/_fieldset.scss +47 -0
- package/theme/styles/theme/base/components/panel/_panel.scss +63 -0
- package/theme/styles/theme/base/components/panel/_scrollpanel.scss +6 -0
- package/theme/styles/theme/base/components/panel/_splitter.scss +19 -0
- package/theme/styles/theme/base/components/panel/_tabview.scss +82 -0
- package/theme/styles/theme/base/components/panel/_toolbar.scss +11 -0
- package/theme/styles/theme/dark/_extensions.scss +120 -0
- package/theme/styles/theme/dark/_variables.scss +896 -0
- package/theme/styles/theme/dark/blue/theme.scss +14 -0
- package/theme/styles/theme/dark/indigo/theme.scss +14 -0
- package/theme/styles/theme/light/_extensions.scss +102 -0
- package/theme/styles/theme/light/_variables.scss +898 -0
- package/theme/styles/theme/light/blue/theme.scss +13 -0
- package/theme/styles/theme/light/indigo/theme.scss +14 -0
- package/ui/badge/src/badge.component.d.ts +4 -4
- package/ui/button/src/button.component.d.ts +7 -5
- package/ui/button/src/split-button.component.d.ts +2 -2
- package/ui/calendar/src/calendar.component.d.ts +13 -9
- package/ui/checkbox/index.d.ts +1 -0
- package/ui/checkbox/src/check-box.component.d.ts +3 -2
- package/ui/checkbox/src/tri-state-checkbox.component.d.ts +9 -0
- package/ui/confirmPopup/src/confirm-popup.component.d.ts +1 -7
- package/ui/field/src/field.component.d.ts +3 -2
- package/ui/fileUpload/src/file-upload.component.d.ts +3 -1
- package/ui/form/src/form-submit-button.component.d.ts +1 -1
- package/ui/lib/src/form/form-field-builder.d.ts +1 -0
- package/ui/mask/src/mask.component.d.ts +7 -7
- package/ui/number/src/number.component.d.ts +5 -4
- package/ui/overlayPanel/src/overlay-panel.component.d.ts +3 -10
- package/ui/panel/src/panel.component.d.ts +3 -4
- package/ui/password/src/password.component.d.ts +2 -1
- package/ui/radioButton/src/radio-button.component.d.ts +2 -1
- package/ui/selectBox/src/select-box.component.d.ts +4 -2
- package/ui/switch/src/switch.component.d.ts +2 -1
- package/ui/table/index.d.ts +2 -0
- package/ui/table/src/i18n.d.ts +42 -0
- package/ui/table/src/table-column.component.d.ts +22 -0
- package/ui/table/src/table.component.d.ts +30 -0
- package/ui/tagBox/src/tag-box.component.d.ts +2 -1
- package/ui/text/src/text.component.d.ts +6 -4
- package/ui/textArea/src/text-area.component.d.ts +2 -2
- package/ui/tree/src/tree.component.d.ts +3 -7
- package/ui/treeTable/src/tree-table.component.d.ts +10 -8
- package/ui/value/index.d.ts +1 -0
- package/ui/value/src/value.component.d.ts +15 -0
- package/util/lib/src/types.d.ts +7 -0
- package/util/primitive-extensions/src/string.extensions.d.ts +1 -0
- package/esm2022/ui/dialog/aril-ui-dialog.mjs +0 -5
- package/esm2022/ui/dialog/index.mjs +0 -2
- package/esm2022/ui/dialog/src/dialog.component.mjs +0 -56
- package/fesm2022/aril-ui-dialog.mjs +0 -63
- package/fesm2022/aril-ui-dialog.mjs.map +0 -1
- package/ui/dialog/index.d.ts +0 -1
- package/ui/dialog/src/dialog.component.d.ts +0 -20
- /package/styles/ui/{ui.styles.css → ui.common.scss} +0 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
3
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
3
4
|
import * as i2 from '@angular/forms';
|
|
4
5
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
6
|
import * as i3 from 'primeng/inputtext';
|
|
@@ -9,24 +10,38 @@ import { TooltipModule } from 'primeng/tooltip';
|
|
|
9
10
|
import * as i1 from 'aril/ui/lib';
|
|
10
11
|
import { BaseInputComponent, iconTransform, iconPosTransform, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
|
|
11
12
|
|
|
13
|
+
/* TODO :
|
|
14
|
+
1. InputSignal
|
|
15
|
+
2. Use computed or effect instead of input setter
|
|
16
|
+
*/
|
|
12
17
|
class TextComponent extends BaseInputComponent {
|
|
13
18
|
constructor() {
|
|
14
19
|
super(...arguments);
|
|
15
20
|
this.placeholder = '';
|
|
21
|
+
this.sizeClass = '';
|
|
22
|
+
}
|
|
23
|
+
set size(value) {
|
|
24
|
+
switch (value) {
|
|
25
|
+
case 'sm':
|
|
26
|
+
this.sizeClass = '.p-inputtext-sm';
|
|
27
|
+
break;
|
|
28
|
+
case 'lg':
|
|
29
|
+
this.sizeClass = '.p-inputtext-lg';
|
|
30
|
+
break;
|
|
31
|
+
default:
|
|
32
|
+
this.sizeClass = '';
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
16
35
|
}
|
|
17
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TextComponent, isStandalone: true, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: {
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TextComponent, isStandalone: true, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: { placeholder: "placeholder", tabindex: "tabindex", icon: ["icon", "icon", iconTransform], iconPosClass: ["iconPos", "iconPosClass", iconPosTransform], size: "size" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<ng-template #input>\r\n\t<input\r\n\t\tpInputText\r\n\t\ttype=\"text\"\r\n\t\t[class]=\"sizeClass\"\r\n\t\t[placeholder]=\"placeholder\"\r\n\t\t[tabindex]=\"tabindex\"\r\n\t\t[pTooltip]=\"\r\n\t\t\tngControl.invalid\r\n\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t: ''\r\n\t\t\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\r\n</ng-template>\r\n\r\n@if (icon) {\r\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\r\n\t\t<i [class]=\"icon\"></i>\r\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n\t</span>\r\n} @else {\r\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
38
|
}
|
|
20
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextComponent, decorators: [{
|
|
21
40
|
type: Component,
|
|
22
|
-
args: [{ standalone: true, selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]', imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[
|
|
23
|
-
}], propDecorators: {
|
|
24
|
-
type: Input
|
|
25
|
-
}], styleClass: [{
|
|
41
|
+
args: [{ standalone: true, selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]', imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #input>\r\n\t<input\r\n\t\tpInputText\r\n\t\ttype=\"text\"\r\n\t\t[class]=\"sizeClass\"\r\n\t\t[placeholder]=\"placeholder\"\r\n\t\t[tabindex]=\"tabindex\"\r\n\t\t[pTooltip]=\"\r\n\t\t\tngControl.invalid\r\n\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t: ''\r\n\t\t\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\r\n</ng-template>\r\n\r\n@if (icon) {\r\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\r\n\t\t<i [class]=\"icon\"></i>\r\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n\t</span>\r\n} @else {\r\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n}\r\n" }]
|
|
42
|
+
}], propDecorators: { placeholder: [{
|
|
26
43
|
type: Input
|
|
27
|
-
}],
|
|
28
|
-
type: Input
|
|
29
|
-
}], placeholder: [{
|
|
44
|
+
}], tabindex: [{
|
|
30
45
|
type: Input
|
|
31
46
|
}], icon: [{
|
|
32
47
|
type: Input,
|
|
@@ -34,6 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
34
49
|
}], iconPosClass: [{
|
|
35
50
|
type: Input,
|
|
36
51
|
args: [{ "alias": "iconPos", transform: iconPosTransform }]
|
|
52
|
+
}], size: [{
|
|
53
|
+
type: Input
|
|
37
54
|
}] } });
|
|
38
55
|
|
|
39
56
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-text.mjs","sources":["../../projects/aril/ui/text/src/text.component.ts","../../projects/aril/ui/text/src/text.component.html","../../projects/aril/ui/text/aril-ui-text.ts"],"sourcesContent":["\r\n\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport {\r\n BaseInputComponent, IconPosTypes, InputErrorMessagePipe, PrimeIcon,\r\n ValueAccessorDirective, iconPosTransform, iconTransform\r\n} from 'aril/ui/lib';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\r\n templateUrl: './text.component.html',\r\n imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe],\r\n hostDirectives: [ValueAccessorDirective],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TextComponent extends BaseInputComponent {\r\n @Input()
|
|
1
|
+
{"version":3,"file":"aril-ui-text.mjs","sources":["../../projects/aril/ui/text/src/text.component.ts","../../projects/aril/ui/text/src/text.component.html","../../projects/aril/ui/text/aril-ui-text.ts"],"sourcesContent":["\r\n\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport {\r\n BaseInputComponent, IconPosTypes, InputErrorMessagePipe, PrimeIcon,\r\n ValueAccessorDirective, iconPosTransform, iconTransform\r\n} from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' | 'md' | 'lg';\r\n\r\n/* TODO : \r\n 1. InputSignal\r\n 2. Use computed or effect instead of input setter\r\n*/\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\r\n templateUrl: './text.component.html',\r\n imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet],\r\n hostDirectives: [ValueAccessorDirective],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TextComponent extends BaseInputComponent {\r\n @Input() placeholder? = '';\r\n @Input() tabindex!: number;\r\n @Input({ transform: iconTransform }) icon?: PrimeIcon;\r\n @Input({ \"alias\": \"iconPos\", transform: iconPosTransform }) iconPosClass?: IconPosTypes;\r\n @Input() set size(value: Size) {\r\n switch (value) {\r\n case 'sm':\r\n this.sizeClass = '.p-inputtext-sm';\r\n break;\r\n case 'lg':\r\n this.sizeClass = '.p-inputtext-lg';\r\n break;\r\n default:\r\n this.sizeClass = '';\r\n break;\r\n }\r\n }\r\n\r\n sizeClass = '';\r\n}\r\n","<ng-template #input>\r\n\t<input\r\n\t\tpInputText\r\n\t\ttype=\"text\"\r\n\t\t[class]=\"sizeClass\"\r\n\t\t[placeholder]=\"placeholder\"\r\n\t\t[tabindex]=\"tabindex\"\r\n\t\t[pTooltip]=\"\r\n\t\t\tngControl.invalid\r\n\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t: ''\r\n\t\t\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\r\n</ng-template>\r\n\r\n@if (icon) {\r\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\r\n\t\t<i [class]=\"icon\"></i>\r\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n\t</span>\r\n} @else {\r\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -9,18 +9,21 @@ import { TooltipModule } from 'primeng/tooltip';
|
|
|
9
9
|
import * as i1 from 'aril/ui/lib';
|
|
10
10
|
import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
|
|
11
11
|
|
|
12
|
+
/* TODO :
|
|
13
|
+
1. InputSignal
|
|
14
|
+
*/
|
|
12
15
|
class TextAreaComponent extends BaseInputComponent {
|
|
13
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: "rows", cols: "cols",
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: "rows", cols: "cols", tabindex: "tabindex", placeholder: "placeholder" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[autoResize]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
18
|
}
|
|
16
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
17
20
|
type: Component,
|
|
18
|
-
args: [{ standalone: true, selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]', imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[
|
|
21
|
+
args: [{ standalone: true, selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]', imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[autoResize]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n" }]
|
|
19
22
|
}], propDecorators: { rows: [{
|
|
20
23
|
type: Input
|
|
21
24
|
}], cols: [{
|
|
22
25
|
type: Input
|
|
23
|
-
}],
|
|
26
|
+
}], tabindex: [{
|
|
24
27
|
type: Input
|
|
25
28
|
}], placeholder: [{
|
|
26
29
|
type: Input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-textArea.mjs","sources":["../../projects/aril/ui/textArea/src/text-area.component.ts","../../projects/aril/ui/textArea/src/text-area.component.html","../../projects/aril/ui/textArea/aril-ui-textArea.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputTextareaModule } from 'primeng/inputtextarea';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\r\n templateUrl: './text-area.component.html',\r\n imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\r\n hostDirectives: [ValueAccessorDirective],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TextAreaComponent extends BaseInputComponent {\r\n @Input() rows?: number;\r\n @Input() cols?: number;\r\n @Input()
|
|
1
|
+
{"version":3,"file":"aril-ui-textArea.mjs","sources":["../../projects/aril/ui/textArea/src/text-area.component.ts","../../projects/aril/ui/textArea/src/text-area.component.html","../../projects/aril/ui/textArea/aril-ui-textArea.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputTextareaModule } from 'primeng/inputtextarea';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n/* TODO : \r\n 1. InputSignal\r\n*/\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\r\n templateUrl: './text-area.component.html',\r\n imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\r\n hostDirectives: [ValueAccessorDirective],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TextAreaComponent extends BaseInputComponent {\r\n @Input() rows?: number;\r\n @Input() cols?: number;\r\n @Input() tabindex!: number;\r\n @Input() placeholder?: string;\r\n}\r\n","<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[autoResize]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;AAEE;AAUI,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;8GAA5C,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB9B,ycAeA,EDDY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,ykBAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI7E,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,uFAAuF,EAAA,OAAA,EAExF,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACzE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ycAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AEtBR;;AAEG;;;;"}
|
|
@@ -9,6 +9,7 @@ class TreeComponent {
|
|
|
9
9
|
this.metaKeySelection = false;
|
|
10
10
|
this.propagateSelectionUp = false;
|
|
11
11
|
this.propagateSelectionDown = true;
|
|
12
|
+
this.filter = false;
|
|
12
13
|
this.filterMode = 'lenient';
|
|
13
14
|
this.filterBy = 'label';
|
|
14
15
|
this.nodeSelect = new EventEmitter();
|
|
@@ -17,23 +18,15 @@ class TreeComponent {
|
|
|
17
18
|
this.nodeCollapse = new EventEmitter();
|
|
18
19
|
}
|
|
19
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { value: "value", selectionMode: "selectionMode",
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { value: "value", selectionMode: "selectionMode", contextMenu: "contextMenu", metaKeySelection: "metaKeySelection", propagateSelectionUp: "propagateSelectionUp", propagateSelectionDown: "propagateSelectionDown", loading: "loading", loadingIcon: "loadingIcon", filter: "filter", filterMode: "filterMode", filterBy: "filterBy", filterPlaceholder: "filterPlaceholder" }, outputs: { nodeSelect: "nodeSelect", nodeUnselect: "nodeUnselect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse" }, ngImport: i0, template: "<p-tree\r\n\t[value]=\"value\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[metaKeySelection]=\"metaKeySelection\"\r\n\t[propagateSelectionUp]=\"propagateSelectionUp\"\r\n\t[propagateSelectionDown]=\"propagateSelectionDown\"\r\n\t[loading]=\"loading\"\r\n\t[loadingIcon]=\"loadingIcon\"\r\n\t[filter]=\"filter\"\r\n\t[filterMode]=\"filterMode\"\r\n\t[filterBy]=\"filterBy\"\r\n\t[filterPlaceholder]=\"filterPlaceholder\"\r\n\t(onNodeSelect)=\"nodeSelect.emit($event)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event)\">\r\n</p-tree>\r\n", dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
22
|
}
|
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
|
-
args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-tree\r\n\t[value]=\"value\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[
|
|
25
|
+
args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-tree\r\n\t[value]=\"value\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[metaKeySelection]=\"metaKeySelection\"\r\n\t[propagateSelectionUp]=\"propagateSelectionUp\"\r\n\t[propagateSelectionDown]=\"propagateSelectionDown\"\r\n\t[loading]=\"loading\"\r\n\t[loadingIcon]=\"loadingIcon\"\r\n\t[filter]=\"filter\"\r\n\t[filterMode]=\"filterMode\"\r\n\t[filterBy]=\"filterBy\"\r\n\t[filterPlaceholder]=\"filterPlaceholder\"\r\n\t(onNodeSelect)=\"nodeSelect.emit($event)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event)\">\r\n</p-tree>\r\n" }]
|
|
25
26
|
}], propDecorators: { value: [{
|
|
26
27
|
type: Input
|
|
27
28
|
}], selectionMode: [{
|
|
28
29
|
type: Input
|
|
29
|
-
}], selection: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}], style: [{
|
|
32
|
-
type: Input
|
|
33
|
-
}], styleClass: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], contextMenuSelection: [{
|
|
36
|
-
type: Input
|
|
37
30
|
}], contextMenu: [{
|
|
38
31
|
type: Input
|
|
39
32
|
}], metaKeySelection: [{
|
|
@@ -54,8 +47,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
54
47
|
type: Input
|
|
55
48
|
}], filterPlaceholder: [{
|
|
56
49
|
type: Input
|
|
57
|
-
}], filterLocale: [{
|
|
58
|
-
type: Input
|
|
59
50
|
}], nodeSelect: [{
|
|
60
51
|
type: Output
|
|
61
52
|
}], nodeUnselect: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode } from 'primeng/api';\r\nimport { TreeModule } from 'primeng/tree';\r\n\r\
|
|
1
|
+
{"version":3,"file":"aril-ui-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode } from 'primeng/api';\r\nimport { TreeModule } from 'primeng/tree';\r\n\r\n/* TODO : \r\n 1. InputSignal\r\n*/\r\n\r\ntype SelectionModes = \"multiple\" | \"checkbox\" | \"single\";\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-tree',\r\n templateUrl: './tree.component.html',\r\n imports: [TreeModule],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeComponent {\r\n @Input() value!: TreeNode[];\r\n @Input() selectionMode!: SelectionModes;\r\n @Input() contextMenu!: any;\r\n @Input() metaKeySelection = false;\r\n @Input() propagateSelectionUp = false;\r\n @Input() propagateSelectionDown = true;\r\n @Input() loading!: boolean;\r\n @Input() loadingIcon!: string;\r\n @Input() filter = false;\r\n @Input() filterMode = 'lenient';\r\n @Input() filterBy = 'label';\r\n @Input() filterPlaceholder!: string;\r\n\r\n @Output() nodeSelect: EventEmitter<unknown> = new EventEmitter();\r\n @Output() nodeUnselect: EventEmitter<unknown> = new EventEmitter();\r\n @Output() nodeExpand: EventEmitter<unknown> = new EventEmitter();\r\n @Output() nodeCollapse: EventEmitter<unknown> = new EventEmitter();\r\n}\r\n","<p-tree\r\n\t[value]=\"value\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[metaKeySelection]=\"metaKeySelection\"\r\n\t[propagateSelectionUp]=\"propagateSelectionUp\"\r\n\t[propagateSelectionDown]=\"propagateSelectionDown\"\r\n\t[loading]=\"loading\"\r\n\t[loadingIcon]=\"loadingIcon\"\r\n\t[filter]=\"filter\"\r\n\t[filterMode]=\"filterMode\"\r\n\t[filterBy]=\"filterBy\"\r\n\t[filterPlaceholder]=\"filterPlaceholder\"\r\n\t(onNodeSelect)=\"nodeSelect.emit($event)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event)\">\r\n</p-tree>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,25 +7,32 @@ import * as i2 from 'primeng/api';
|
|
|
7
7
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
8
8
|
class TreeTableComponent {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.
|
|
10
|
+
this.rows = 10;
|
|
11
|
+
this.rowsPerPageOptions = [10, 20, 50, 100];
|
|
12
|
+
this.scrollable = false;
|
|
13
|
+
this.loading = false;
|
|
14
|
+
this.sortMode = "single";
|
|
15
|
+
this.filterMode = "lenient";
|
|
16
|
+
this.selectionMode = "single";
|
|
17
|
+
this.selectEvent = new EventEmitter();
|
|
11
18
|
}
|
|
12
19
|
getFilterTargetValue(event) {
|
|
13
20
|
const inputElement = event.target;
|
|
14
21
|
return inputElement.value;
|
|
15
22
|
}
|
|
16
|
-
|
|
23
|
+
emitSelectedRows() {
|
|
17
24
|
if (!this.selectedNodes)
|
|
18
25
|
return;
|
|
19
|
-
this.
|
|
26
|
+
this.selectEvent.emit(this.selectedNodes);
|
|
20
27
|
this.selectedNodes = null;
|
|
21
28
|
}
|
|
22
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: {
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: { data: "data", columns: "columns", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", scrollable: "scrollable", scrollHeight: "scrollHeight", loading: "loading", sortMode: "sortMode", filterMode: "filterMode", selectionMode: "selectionMode" }, outputs: { selectEvent: "selectEvent" }, ngImport: i0, template: "@if (data && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"data\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">T\u00FCm\u00FCn\u00FC se\u00E7</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\".export-btn\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamad\u0131..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n", styles: [":host ::ng-deep .p-icon-wrapper{display:inline-block!important}\n"], dependencies: [{ kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i1.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
31
|
}
|
|
25
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, decorators: [{
|
|
26
33
|
type: Component,
|
|
27
|
-
args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (
|
|
28
|
-
}], propDecorators: {
|
|
34
|
+
args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (data && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"data\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">T\u00FCm\u00FCn\u00FC se\u00E7</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\".export-btn\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamad\u0131..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n", styles: [":host ::ng-deep .p-icon-wrapper{display:inline-block!important}\n"] }]
|
|
35
|
+
}], propDecorators: { data: [{
|
|
29
36
|
type: Input,
|
|
30
37
|
args: [{ required: true }]
|
|
31
38
|
}], columns: [{
|
|
@@ -33,21 +40,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
33
40
|
args: [{ required: true }]
|
|
34
41
|
}], rows: [{
|
|
35
42
|
type: Input
|
|
36
|
-
}], paginator: [{
|
|
37
|
-
type: Input
|
|
38
43
|
}], rowsPerPageOptions: [{
|
|
39
44
|
type: Input
|
|
40
45
|
}], scrollable: [{
|
|
41
46
|
type: Input
|
|
42
47
|
}], scrollHeight: [{
|
|
43
48
|
type: Input
|
|
49
|
+
}], loading: [{
|
|
50
|
+
type: Input
|
|
44
51
|
}], sortMode: [{
|
|
45
52
|
type: Input
|
|
46
53
|
}], filterMode: [{
|
|
47
54
|
type: Input
|
|
48
|
-
}],
|
|
55
|
+
}], selectionMode: [{
|
|
49
56
|
type: Input
|
|
50
|
-
}],
|
|
57
|
+
}], selectEvent: [{
|
|
51
58
|
type: Output
|
|
52
59
|
}] } });
|
|
53
60
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-treeTable.mjs","sources":["../../projects/aril/ui/treeTable/src/tree-table.component.ts","../../projects/aril/ui/treeTable/src/tree-table.component.html","../../projects/aril/ui/treeTable/aril-ui-treeTable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode, TreeTableNode } from 'primeng/api';\r\nimport { TreeTableModule } from 'primeng/treetable';\r\n\r\
|
|
1
|
+
{"version":3,"file":"aril-ui-treeTable.mjs","sources":["../../projects/aril/ui/treeTable/src/tree-table.component.ts","../../projects/aril/ui/treeTable/src/tree-table.component.html","../../projects/aril/ui/treeTable/aril-ui-treeTable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode, TreeTableNode } from 'primeng/api';\r\nimport { TreeTableModule } from 'primeng/treetable';\r\n\r\n/* TODO : \r\n 1. InputSignal\r\n*/\r\n\r\ntype SortMode = 'single' | 'multiple';\r\ntype FilterMode = 'lenient' | 'strict';\r\ntype SelectionModes = 'single' | 'multiple' | 'checkbox';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-tree-table',\r\n templateUrl: './tree-table.component.html',\r\n styles: [`\r\n :host ::ng-deep .p-icon-wrapper {\r\n display: inline-block !important;\r\n }`\r\n ],\r\n imports: [TreeTableModule],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeTableComponent {\r\n @Input({ required: true }) data!: TreeNode[];\r\n @Input({ required: true }) columns!: Array<object>;\r\n @Input() rows = 10;\r\n @Input() rowsPerPageOptions = [10, 20, 50, 100];\r\n @Input() scrollable = false;\r\n @Input() scrollHeight!: string;\r\n @Input() loading = false;\r\n @Input() sortMode: SortMode = \"single\";\r\n @Input() filterMode: FilterMode = \"lenient\";\r\n @Input() selectionMode: SelectionModes = \"single\";\r\n\r\n @Output() selectEvent: EventEmitter<any> = new EventEmitter();\r\n\r\n selectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;\r\n\r\n getFilterTargetValue(event: Event) {\r\n const inputElement = event.target as HTMLInputElement;\r\n return inputElement.value;\r\n }\r\n\r\n emitSelectedRows() {\r\n if (!this.selectedNodes) return;\r\n\r\n this.selectEvent.emit(this.selectedNodes);\r\n this.selectedNodes = null;\r\n }\r\n}\r\n","@if (data && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"data\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">Tümünü seç</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\".export-btn\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamadı..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
3
|
+
import 'aril/util/primitive-extensions';
|
|
4
|
+
|
|
5
|
+
class ValueComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.type = "text";
|
|
8
|
+
this.color = "#333";
|
|
9
|
+
this.display = "";
|
|
10
|
+
}
|
|
11
|
+
ngOnChanges(changes) {
|
|
12
|
+
switch (this.type) {
|
|
13
|
+
case "text":
|
|
14
|
+
this.display = this.model;
|
|
15
|
+
break;
|
|
16
|
+
case "number":
|
|
17
|
+
this.format = this.format || '0.###';
|
|
18
|
+
this.display = format(this.format, this.model);
|
|
19
|
+
break;
|
|
20
|
+
case "decimal":
|
|
21
|
+
this.format = this.format || '#.##0,###';
|
|
22
|
+
this.display = format(this.format, this.model);
|
|
23
|
+
break;
|
|
24
|
+
case "date":
|
|
25
|
+
this.format = this.format || 'time';
|
|
26
|
+
this.display = this.model.longToString(this.format);
|
|
27
|
+
break;
|
|
28
|
+
case "password":
|
|
29
|
+
this.display = this.model.replace(/./g, "*");
|
|
30
|
+
break;
|
|
31
|
+
default:
|
|
32
|
+
console.error("Invalid type: '" + this.type + "'");
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ValueComponent, isStandalone: true, selector: "aril-value", inputs: { model: "model", type: "type", format: "format", color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if (model == undefined || model == null) {\n\t<span>\n\t\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n\t</span>\n} @else {\n\t<div style=\"display: inline-block\">\n\t\t@if (type == 'bool') {\n\t\t\t<span>\n\t\t\t\t@if (!!model) {\n\t\t\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t\t\t} @else {\n\t\t\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t\t\t}\n\t\t\t</span>\n\t\t} @else {\n\t\t\t@if (display == undefined) {\n\t\t\t\t<span>\n\t\t\t\t\t<i\n\t\t\t\t\t\tclass=\"pi pi-exclamation-circle\"\n\t\t\t\t\t\tstyle=\"color: red\"\n\t\t\t\t\t\tpTooltip=\"Invalid Data\">\n\t\t\t\t\t</i>\n\t\t\t\t</span>\n\t\t\t} @else {\n\t\t\t\t<span [style.color]=\"color\">\n\t\t\t\t\t{{ display }}\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t</div>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ standalone: true, selector: 'aril-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (model == undefined || model == null) {\n\t<span>\n\t\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n\t</span>\n} @else {\n\t<div style=\"display: inline-block\">\n\t\t@if (type == 'bool') {\n\t\t\t<span>\n\t\t\t\t@if (!!model) {\n\t\t\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t\t\t} @else {\n\t\t\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t\t\t}\n\t\t\t</span>\n\t\t} @else {\n\t\t\t@if (display == undefined) {\n\t\t\t\t<span>\n\t\t\t\t\t<i\n\t\t\t\t\t\tclass=\"pi pi-exclamation-circle\"\n\t\t\t\t\t\tstyle=\"color: red\"\n\t\t\t\t\t\tpTooltip=\"Invalid Data\">\n\t\t\t\t\t</i>\n\t\t\t\t</span>\n\t\t\t} @else {\n\t\t\t\t<span [style.color]=\"color\">\n\t\t\t\t\t{{ display }}\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t</div>\n}\n" }]
|
|
42
|
+
}], propDecorators: { model: [{
|
|
43
|
+
type: Input,
|
|
44
|
+
args: [{ required: true }]
|
|
45
|
+
}], type: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], format: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], color: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Generated bundle index. Do not edit.
|
|
55
|
+
*/
|
|
56
|
+
|
|
57
|
+
export { ValueComponent };
|
|
58
|
+
//# sourceMappingURL=aril-ui-value.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aril-ui-value.mjs","sources":["../../projects/aril/ui/value/src/value.component.ts","../../projects/aril/ui/value/src/value.component.html","../../projects/aril/ui/value/aril-ui-value.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';\r\nimport \"aril/util/primitive-extensions\";\r\n\r\n/* TODO : \r\n 1. InputSignal\r\n*/\r\n\r\n/* number-format.js */\r\ndeclare const format: Function;\r\n\r\ntype ValueTypes = 'text' | 'bool' | 'number' | 'decimal' | 'date' | 'password';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'aril-value',\r\n templateUrl: './value.component.html',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ValueComponent implements OnChanges {\r\n\r\n @Input({ required: true }) model!: any;\r\n @Input() type: ValueTypes = \"text\";\r\n @Input() format!: string;\r\n @Input() color: string = \"#333\";\r\n\r\n display = \"\";\r\n\r\n ngOnChanges(changes: any) {\r\n switch (this.type) {\r\n case \"text\":\r\n this.display = this.model;\r\n break;\r\n case \"number\":\r\n this.format = this.format || '0.###';\r\n this.display = format(this.format, this.model);\r\n break;\r\n case \"decimal\":\r\n this.format = this.format || '#.##0,###';\r\n this.display = format(this.format, this.model);\r\n break; \r\n case \"date\":\r\n this.format = this.format || 'time';\r\n this.display = (<number>this.model).longToString(this.format) as string;\r\n break;\r\n case \"password\":\r\n this.display = this.model.replace(/./g, \"*\");\r\n break;\r\n default:\r\n console.error(\"Invalid type: '\" + this.type + \"'\");\r\n break;\r\n }\r\n }\r\n}\r\n","@if (model == undefined || model == null) {\n\t<span>\n\t\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n\t</span>\n} @else {\n\t<div style=\"display: inline-block\">\n\t\t@if (type == 'bool') {\n\t\t\t<span>\n\t\t\t\t@if (!!model) {\n\t\t\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t\t\t} @else {\n\t\t\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t\t\t}\n\t\t\t</span>\n\t\t} @else {\n\t\t\t@if (display == undefined) {\n\t\t\t\t<span>\n\t\t\t\t\t<i\n\t\t\t\t\t\tclass=\"pi pi-exclamation-circle\"\n\t\t\t\t\t\tstyle=\"color: red\"\n\t\t\t\t\t\tpTooltip=\"Invalid Data\">\n\t\t\t\t\t</i>\n\t\t\t\t</span>\n\t\t\t} @else {\n\t\t\t\t<span [style.color]=\"color\">\n\t\t\t\t\t{{ display }}\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAkBa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;QASW,IAAI,CAAA,IAAA,GAAe,MAAM,CAAC;QAE1B,IAAK,CAAA,KAAA,GAAW,MAAM,CAAC;QAEhC,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AA2Bd,KAAA;AAzBC,IAAA,WAAW,CAAC,OAAY,EAAA;AACtB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;gBAC1B,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;AACrC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACR,YAAA,KAAK,SAAS;gBACZ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC;AACzC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC;AACpC,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAW,CAAC;gBACxE,MAAM;AACR,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBAC7C,MAAM;AACR,YAAA;gBACE,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;gBACnD,MAAM;SACT;KACF;8GAjCU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,uKClB3B,2yBA+BA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDba,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2yBAAA,EAAA,CAAA;8BAIpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;AEvBR;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-util-lib.mjs","sources":["../../projects/aril/util/lib/src/types.ts","../../projects/aril/util/lib/src/interfaces.ts","../../projects/aril/util/lib/aril-util-lib.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/ban-types */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\n\r\nimport { FormControl, FormGroup } from \"@angular/forms\"\r\n\r\nexport namespace Types {\r\n type MarkComponentProps<Component> = {\r\n [Key in keyof Component]: Component[Key] extends Function ? never : Key;\r\n }\r\n type KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];\r\n type ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;\r\n export type NgChanges<Component, Props = ComponentProps<Component>> = {\r\n [Key in keyof Props]: {\r\n previousValue: Props[Key];\r\n currentValue: Props[Key];\r\n firstChange: boolean;\r\n isFirstChange(): boolean;\r\n }\r\n }\r\n\r\n
|
|
1
|
+
{"version":3,"file":"aril-util-lib.mjs","sources":["../../projects/aril/util/lib/src/types.ts","../../projects/aril/util/lib/src/interfaces.ts","../../projects/aril/util/lib/aril-util-lib.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/ban-types */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\n\r\nimport { InputSignal } from \"@angular/core\";\r\nimport { FormControl, FormGroup } from \"@angular/forms\"\r\n\r\nexport namespace Types {\r\n type MarkComponentProps<Component> = {\r\n [Key in keyof Component]: Component[Key] extends Function ? never : Key;\r\n }\r\n type KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];\r\n type ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;\r\n export type NgChanges<Component, Props = ComponentProps<Component>> = {\r\n [Key in keyof Props]: {\r\n previousValue: Props[Key];\r\n currentValue: Props[Key];\r\n firstChange: boolean;\r\n isFirstChange(): boolean;\r\n }\r\n }\r\n\r\n export type IsArray<T> = T extends (infer U)[] ? U : never;\r\n\r\n export type ControlsOf<T extends Record<string, any>> = {\r\n [K in keyof T]: T[K] extends Record<any, any>\r\n ? T[K] extends any[]\r\n ? FormControl<T[K] | null>\r\n : FormGroup<ControlsOf<T[K]>>\r\n : FormControl<T[K] | null>;\r\n };\r\n\r\n type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\r\n ? Acc[number]\r\n : Enumerate<N, [...Acc, Acc['length']]>\r\n\r\n export type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>\r\n\r\n export type ComponentInputs<C> = {\r\n [K in keyof Pick<\r\n C,\r\n {\r\n [K in keyof C]: C[K] extends InputSignal<any> ? K : never;\r\n }[keyof C]\r\n >]: C[K] extends InputSignal<infer _, infer Write> ? Write : never;\r\n };\r\n}","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\n\r\nexport namespace Interfaces {\r\n export interface MapStringString {\r\n [key: string]: string\r\n }\r\n export interface MapStringNumber {\r\n [key: string]: number\r\n }\r\n export interface MapStringBoolean {\r\n [key: string]: boolean\r\n }\r\n export interface MapStringObject<T> {\r\n [key: string]: T\r\n }\r\n export interface MapStringAny {\r\n [key: string]: any\r\n }\r\n export interface MapNumberString {\r\n [key: number]: string\r\n }\r\n export interface MapNumberNumber {\r\n [key: number]: number\r\n }\r\n export interface MapNumberBoolean {\r\n [key: number]: boolean\r\n }\r\n export interface MapNumberObject<T> {\r\n [key: number]: T\r\n }\r\n export interface MapNumberArray<T> {\r\n [key: number]: Array<T>\r\n }\r\n export interface MapNumberAny {\r\n [key: number]: any\r\n }\r\n export interface MapEnums {\r\n [key: number]: MapStringString\r\n }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;AACA;;ACDA;;AAEG"}
|
|
@@ -139,6 +139,12 @@ String.prototype.toPascalCase = function () {
|
|
|
139
139
|
String.prototype.toCapitalizeFirstLetter = function () {
|
|
140
140
|
return this.charAt(0).toLocaleUpperCase() + this.slice(1);
|
|
141
141
|
};
|
|
142
|
+
String.prototype.stringToBool = function (str) {
|
|
143
|
+
if (str == "true" || str == "1")
|
|
144
|
+
return true;
|
|
145
|
+
else
|
|
146
|
+
return false;
|
|
147
|
+
};
|
|
142
148
|
|
|
143
149
|
/**
|
|
144
150
|
* Generated bundle index. Do not edit.
|