aril 0.0.6 → 0.0.8
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 +48 -48
- package/esm2022/http/index.mjs +1 -1
- package/esm2022/http/lib/enums.mjs +7 -6
- package/esm2022/http/lib/interfaces.mjs +10 -31
- package/esm2022/http/src/httpClient.mjs +3 -3
- package/esm2022/http/src/serviceBase.mjs +25 -27
- package/esm2022/http/src/serviceStateMethods.mjs +3 -3
- package/esm2022/public-api.mjs +2 -2
- package/esm2022/theme/layout/app/breadcrumb/app.breadcrumb.component.mjs +41 -0
- package/esm2022/theme/layout/app/config/app.config.component.mjs +132 -0
- package/esm2022/theme/layout/app/layout/app.layout.component.mjs +137 -0
- package/esm2022/theme/layout/app/menu/app.menu.component.mjs +381 -0
- package/esm2022/theme/layout/app/profileSidebar/app.profilesidebar.component.mjs +25 -0
- package/esm2022/theme/layout/app/sidebar/app.sidebar.component.mjs +41 -0
- package/esm2022/theme/layout/app/topbar/app.topbar.component.mjs +29 -0
- package/esm2022/theme/layout/aril-theme-layout.mjs +5 -0
- package/esm2022/theme/layout/index.mjs +2 -0
- package/esm2022/theme/layout/service/app.layout.service.mjs +127 -0
- package/esm2022/theme/layout/service/app.menu.service.mjs +27 -0
- package/esm2022/theme/layout/service/menuchangeevent.mjs +2 -0
- package/esm2022/ui/badge/index.mjs +1 -1
- package/esm2022/ui/badge/src/badge.component.mjs +3 -3
- package/esm2022/ui/button/index.mjs +1 -1
- package/esm2022/ui/button/src/button.component.mjs +2 -2
- package/esm2022/ui/button/src/split-button.component.mjs +3 -3
- package/esm2022/ui/calendar/index.mjs +1 -1
- package/esm2022/ui/calendar/src/calendar.component.mjs +26 -13
- package/esm2022/ui/checkbox/index.mjs +1 -1
- package/esm2022/ui/checkbox/src/check-box.component.mjs +5 -5
- package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs +5 -5
- package/esm2022/ui/dxField/index.mjs +1 -1
- package/esm2022/ui/dxField/src/dx-field.component.mjs +5 -5
- package/esm2022/ui/field/index.mjs +1 -1
- package/esm2022/ui/field/src/field.component.mjs +11 -9
- package/esm2022/ui/fileUpload/index.mjs +1 -1
- package/esm2022/ui/fileUpload/src/file-upload.component.mjs +11 -11
- package/esm2022/ui/form/index.mjs +20 -13
- package/esm2022/ui/form/src/form-submit-button.component.mjs +4 -3
- package/esm2022/ui/form/src/form.component.mjs +4 -4
- package/esm2022/ui/index.mjs +2 -2
- package/esm2022/ui/lib/index.mjs +1 -1
- package/esm2022/ui/lib/src/form/form-error-message.component.mjs +9 -9
- package/esm2022/ui/lib/src/form/form-error-message.directive.mjs +1 -1
- package/esm2022/ui/lib/src/form/form-field-builder.mjs +4 -4
- package/esm2022/ui/lib/src/form/form-validation.mjs +3 -3
- package/esm2022/ui/lib/src/grid/flex-grid.directive.mjs +2 -2
- package/esm2022/ui/lib/src/input/baseInput.mjs +4 -4
- package/esm2022/ui/lib/src/input/common-input-validators.service.mjs +6 -6
- package/esm2022/ui/lib/src/input/dx-input-error-message.pipe.mjs +3 -3
- package/esm2022/ui/lib/src/input/input-disabled.directive.mjs +1 -1
- package/esm2022/ui/lib/src/input/input-error-message.pipe.mjs +3 -2
- package/esm2022/ui/lib/src/input/input-transforms.mjs +1 -1
- package/esm2022/ui/lib/src/input/value-accessor.directive.mjs +12 -6
- package/esm2022/ui/mask/index.mjs +1 -1
- package/esm2022/ui/mask/src/mask.component.mjs +9 -9
- package/esm2022/ui/number/index.mjs +1 -1
- package/esm2022/ui/number/src/number.component.mjs +10 -10
- package/esm2022/ui/overlayPanel/index.mjs +1 -1
- package/esm2022/ui/overlayPanel/src/overlay-panel.component.mjs +4 -7
- package/esm2022/ui/panel/index.mjs +1 -1
- package/esm2022/ui/panel/src/panel.component.mjs +4 -4
- package/esm2022/ui/password/index.mjs +1 -1
- package/esm2022/ui/password/src/password.component.mjs +6 -6
- package/esm2022/ui/radioButton/index.mjs +1 -1
- package/esm2022/ui/radioButton/src/radio-button.component.mjs +7 -7
- package/esm2022/ui/selectBox/index.mjs +1 -1
- package/esm2022/ui/selectBox/src/select-box.component.mjs +7 -7
- package/esm2022/ui/switch/index.mjs +1 -1
- package/esm2022/ui/switch/src/switch.component.mjs +6 -6
- package/esm2022/ui/table/index.mjs +24 -17
- package/esm2022/ui/table/src/i18n.mjs +53 -90
- package/esm2022/ui/table/src/table-column.component.mjs +8 -10
- package/esm2022/ui/table/src/table.component.mjs +26 -41
- package/esm2022/ui/tagBox/index.mjs +1 -1
- package/esm2022/ui/tagBox/src/tag-box.component.mjs +12 -12
- package/esm2022/ui/text/index.mjs +1 -1
- package/esm2022/ui/text/src/text.component.mjs +4 -4
- package/esm2022/ui/textArea/index.mjs +1 -1
- package/esm2022/ui/textArea/src/text-area.component.mjs +3 -3
- package/esm2022/ui/tree/index.mjs +1 -1
- package/esm2022/ui/tree/src/tree.component.mjs +29 -45
- package/esm2022/ui/treeTable/index.mjs +1 -1
- package/esm2022/ui/treeTable/src/tree-table.component.mjs +39 -43
- package/esm2022/ui/value/index.mjs +1 -1
- package/esm2022/ui/value/src/value.component.mjs +13 -13
- package/esm2022/util/index.mjs +2 -2
- package/esm2022/util/init-event/index.mjs +1 -1
- package/esm2022/util/init-event/src/init-event.directive.mjs +1 -1
- package/esm2022/util/lib/index.mjs +1 -1
- package/esm2022/util/lib/src/interfaces.mjs +1 -1
- package/esm2022/util/lib/src/types.mjs +1 -1
- package/esm2022/util/primitive-extensions/index.mjs +5 -5
- package/esm2022/util/primitive-extensions/src/boolean.extensions.mjs +1 -1
- package/esm2022/util/primitive-extensions/src/date.extensions.mjs +68 -47
- package/esm2022/util/primitive-extensions/src/number.extensions.mjs +13 -7
- package/esm2022/util/primitive-extensions/src/string.extensions.mjs +4 -4
- package/esm2022/util/pub-sub/index.mjs +1 -1
- package/esm2022/util/pub-sub/src/pub-sub.service.mjs +7 -5
- package/fesm2022/aril-http.mjs +39 -60
- package/fesm2022/aril-http.mjs.map +1 -1
- package/fesm2022/aril-theme-layout.mjs +899 -0
- package/fesm2022/aril-theme-layout.mjs.map +1 -0
- package/fesm2022/aril-ui-badge.mjs +2 -2
- package/fesm2022/aril-ui-badge.mjs.map +1 -1
- package/fesm2022/aril-ui-button.mjs +3 -3
- package/fesm2022/aril-ui-button.mjs.map +1 -1
- package/fesm2022/aril-ui-calendar.mjs +24 -11
- package/fesm2022/aril-ui-calendar.mjs.map +1 -1
- package/fesm2022/aril-ui-checkbox.mjs +8 -8
- package/fesm2022/aril-ui-checkbox.mjs.map +1 -1
- package/fesm2022/aril-ui-dxField.mjs +4 -4
- package/fesm2022/aril-ui-dxField.mjs.map +1 -1
- package/fesm2022/aril-ui-field.mjs +9 -7
- package/fesm2022/aril-ui-field.mjs.map +1 -1
- package/fesm2022/aril-ui-fileUpload.mjs +10 -10
- package/fesm2022/aril-ui-fileUpload.mjs.map +1 -1
- package/fesm2022/aril-ui-form.mjs +23 -20
- package/fesm2022/aril-ui-form.mjs.map +1 -1
- package/fesm2022/aril-ui-lib.mjs +30 -23
- package/fesm2022/aril-ui-lib.mjs.map +1 -1
- package/fesm2022/aril-ui-mask.mjs +10 -10
- package/fesm2022/aril-ui-mask.mjs.map +1 -1
- package/fesm2022/aril-ui-number.mjs +11 -11
- package/fesm2022/aril-ui-number.mjs.map +1 -1
- package/fesm2022/aril-ui-overlayPanel.mjs +2 -5
- package/fesm2022/aril-ui-overlayPanel.mjs.map +1 -1
- package/fesm2022/aril-ui-panel.mjs +2 -2
- package/fesm2022/aril-ui-panel.mjs.map +1 -1
- package/fesm2022/aril-ui-password.mjs +6 -6
- package/fesm2022/aril-ui-password.mjs.map +1 -1
- package/fesm2022/aril-ui-radioButton.mjs +6 -6
- package/fesm2022/aril-ui-radioButton.mjs.map +1 -1
- package/fesm2022/aril-ui-selectBox.mjs +4 -4
- package/fesm2022/aril-ui-selectBox.mjs.map +1 -1
- package/fesm2022/aril-ui-switch.mjs +6 -6
- package/fesm2022/aril-ui-switch.mjs.map +1 -1
- package/fesm2022/aril-ui-table.mjs +99 -150
- package/fesm2022/aril-ui-table.mjs.map +1 -1
- package/fesm2022/aril-ui-tagBox.mjs +10 -10
- package/fesm2022/aril-ui-tagBox.mjs.map +1 -1
- package/fesm2022/aril-ui-text.mjs +3 -3
- package/fesm2022/aril-ui-text.mjs.map +1 -1
- package/fesm2022/aril-ui-textArea.mjs +2 -2
- package/fesm2022/aril-ui-textArea.mjs.map +1 -1
- package/fesm2022/aril-ui-tree.mjs +28 -44
- package/fesm2022/aril-ui-tree.mjs.map +1 -1
- package/fesm2022/aril-ui-treeTable.mjs +38 -42
- package/fesm2022/aril-ui-treeTable.mjs.map +1 -1
- package/fesm2022/aril-ui-value.mjs +11 -11
- package/fesm2022/aril-ui-value.mjs.map +1 -1
- package/fesm2022/aril-ui.mjs +1 -1
- package/fesm2022/aril-ui.mjs.map +1 -1
- package/fesm2022/aril-util-init-event.mjs.map +1 -1
- package/fesm2022/aril-util-lib.mjs.map +1 -1
- package/fesm2022/aril-util-primitive-extensions.mjs +82 -55
- package/fesm2022/aril-util-primitive-extensions.mjs.map +1 -1
- package/fesm2022/aril-util-pub-sub.mjs +6 -4
- package/fesm2022/aril-util-pub-sub.mjs.map +1 -1
- package/fesm2022/aril-util.mjs +1 -1
- package/fesm2022/aril-util.mjs.map +1 -1
- package/fesm2022/aril.mjs +1 -1
- package/fesm2022/aril.mjs.map +1 -1
- package/http/lib/enums.d.ts +6 -5
- package/http/lib/interfaces.d.ts +9 -29
- package/http/src/httpClient.d.ts +3 -3
- package/http/src/serviceBase.d.ts +2 -1
- package/http/src/serviceStateMethods.d.ts +1 -1
- package/package.json +13 -7
- package/styles/ui/ui.common.scss +8 -8
- package/theme/layout/app/breadcrumb/app.breadcrumb.component.d.ts +16 -0
- package/theme/layout/app/breadcrumb/app.breadcrumb.component.html +10 -0
- package/theme/layout/app/breadcrumb/app.breadcrumb.component.ts +50 -0
- package/theme/layout/app/config/app.config.component.d.ts +36 -0
- package/theme/layout/app/config/app.config.component.html +142 -0
- package/theme/layout/app/config/app.config.component.ts +143 -0
- package/theme/layout/app/layout/app.layout.component.d.ts +51 -0
- package/theme/layout/app/layout/app.layout.component.html +13 -0
- package/theme/layout/app/layout/app.layout.component.ts +170 -0
- package/theme/layout/app/menu/app.menu.component.d.ts +44 -0
- package/theme/layout/app/menu/app.menu.component.html +9 -0
- package/theme/layout/app/menu/app.menu.component.ts +343 -0
- package/theme/layout/app/profileSidebar/app.profilesidebar.component.d.ts +10 -0
- package/theme/layout/app/profileSidebar/app.profilesidebar.component.html +152 -0
- package/theme/layout/app/profileSidebar/app.profilesidebar.component.ts +24 -0
- package/theme/layout/app/sidebar/app.sidebar.component.d.ts +15 -0
- package/theme/layout/app/sidebar/app.sidebar.component.html +45 -0
- package/theme/layout/app/sidebar/app.sidebar.component.ts +43 -0
- package/theme/layout/app/topbar/app.topbar.component.d.ts +13 -0
- package/theme/layout/app/topbar/app.topbar.component.html +37 -0
- package/theme/layout/app/topbar/app.topbar.component.ts +28 -0
- package/theme/layout/index.d.ts +1 -0
- package/theme/layout/index.ts +1 -0
- package/theme/layout/ng-package.json +6 -0
- package/theme/layout/service/app.layout.service.d.ts +51 -0
- package/theme/layout/service/app.layout.service.ts +178 -0
- package/theme/layout/service/app.menu.service.d.ts +14 -0
- package/theme/layout/service/app.menu.service.ts +27 -0
- package/theme/layout/service/menuchangeevent.d.ts +4 -0
- package/theme/layout/service/menuchangeevent.ts +4 -0
- package/theme/styles/layout/_animation.scss +53 -53
- package/theme/styles/layout/_breadcrumb.scss +21 -21
- package/theme/styles/layout/_config.scss +42 -42
- package/theme/styles/layout/_content.scss +3 -3
- package/theme/styles/layout/_fonts.scss +40 -36
- package/theme/styles/layout/_layout_dark.scss +5 -5
- package/theme/styles/layout/_layout_dim.scss +5 -5
- package/theme/styles/layout/_layout_light.scss +5 -5
- package/theme/styles/layout/_main.scss +28 -28
- package/theme/styles/layout/_profile.scss +10 -10
- package/theme/styles/layout/_responsive.scss +111 -113
- package/theme/styles/layout/_sidebar_drawer.scss +234 -236
- package/theme/styles/layout/_sidebar_horizontal.scss +163 -163
- package/theme/styles/layout/_sidebar_reveal.scss +201 -203
- package/theme/styles/layout/_sidebar_slim.scss +144 -145
- package/theme/styles/layout/_sidebar_slim_plus.scss +162 -163
- package/theme/styles/layout/_sidebar_vertical.scss +153 -153
- package/theme/styles/layout/_topbar.scss +78 -78
- package/theme/styles/layout/_typography.scss +68 -63
- package/theme/styles/layout/_utils.scss +24 -24
- package/theme/styles/layout/layout.scss +24 -24
- package/theme/styles/layout/menutheme/_colorscheme.scss +11 -11
- package/theme/styles/layout/menutheme/_menutheme.scss +3 -3
- package/theme/styles/layout/menutheme/_primarycolor.scss +16 -16
- package/theme/styles/layout/menutheme/_transparent.scss +26 -26
- package/theme/styles/layout/preloading.scss +84 -84
- package/theme/styles/theme/base/_colors.scss +14 -15
- package/theme/styles/theme/base/_common.scss +39 -38
- package/theme/styles/theme/base/_components.scss +97 -97
- package/theme/styles/theme/base/_mixins.scss +281 -281
- package/theme/styles/theme/base/components/button/_button.scss +535 -535
- package/theme/styles/theme/base/components/button/_speeddial.scss +60 -60
- package/theme/styles/theme/base/components/button/_splitbutton.scss +328 -334
- package/theme/styles/theme/base/components/data/_carousel.scss +31 -31
- package/theme/styles/theme/base/components/data/_datatable.scss +336 -336
- package/theme/styles/theme/base/components/data/_dataview.scss +38 -38
- package/theme/styles/theme/base/components/data/_filter.scss +124 -125
- package/theme/styles/theme/base/components/data/_organizationchart.scss +48 -48
- package/theme/styles/theme/base/components/data/_paginator.scss +78 -78
- package/theme/styles/theme/base/components/data/_timeline.scss +33 -36
- package/theme/styles/theme/base/components/data/_treetable.scss +253 -254
- package/theme/styles/theme/base/components/data/_virtualscroller.scss +24 -24
- package/theme/styles/theme/base/components/file/_fileupload.scss +51 -51
- package/theme/styles/theme/base/components/input/_autocomplete.scss +120 -120
- package/theme/styles/theme/base/components/input/_calendar.scss +250 -250
- package/theme/styles/theme/base/components/input/_cascadeselect.scss +117 -118
- package/theme/styles/theme/base/components/input/_checkbox.scss +71 -71
- package/theme/styles/theme/base/components/input/_chips.scss +49 -49
- package/theme/styles/theme/base/components/input/_colorpicker.scss +11 -11
- package/theme/styles/theme/base/components/input/_dropdown.scss +141 -141
- package/theme/styles/theme/base/components/input/_editor.scss +120 -120
- package/theme/styles/theme/base/components/input/_inputgroup.scss +42 -42
- package/theme/styles/theme/base/components/input/_inputmask.scss +10 -10
- package/theme/styles/theme/base/components/input/_inputnumber.scss +21 -21
- package/theme/styles/theme/base/components/input/_inputswitch.scss +54 -54
- package/theme/styles/theme/base/components/input/_inputtext.scss +62 -62
- package/theme/styles/theme/base/components/input/_listbox.scss +80 -80
- package/theme/styles/theme/base/components/input/_multiselect.scss +158 -160
- package/theme/styles/theme/base/components/input/_password.scss +42 -42
- package/theme/styles/theme/base/components/input/_radiobutton.scss +57 -57
- package/theme/styles/theme/base/components/input/_rating.scss +53 -53
- package/theme/styles/theme/base/components/input/_selectbutton.scss +46 -46
- package/theme/styles/theme/base/components/input/_slider.scss +59 -55
- package/theme/styles/theme/base/components/input/_togglebutton.scss +44 -44
- package/theme/styles/theme/base/components/input/_treeselect.scss +119 -119
- package/theme/styles/theme/base/components/menu/_breadcrumb.scss +33 -33
- package/theme/styles/theme/base/components/menu/_contextmenu.scss +31 -31
- package/theme/styles/theme/base/components/menu/_dock.scss +80 -80
- package/theme/styles/theme/base/components/menu/_megamenu.scss +54 -54
- package/theme/styles/theme/base/components/menu/_menu.scss +30 -30
- package/theme/styles/theme/base/components/menu/_menubar.scss +136 -137
- package/theme/styles/theme/base/components/menu/_panelmenu.scss +151 -151
- package/theme/styles/theme/base/components/menu/_slidemenu.scss +57 -57
- package/theme/styles/theme/base/components/menu/_steps.scss +46 -46
- package/theme/styles/theme/base/components/menu/_tabmenu.scss +60 -61
- package/theme/styles/theme/base/components/menu/_tieredmenu.scss +34 -34
- package/theme/styles/theme/base/components/messages/_inlinemessage.scss +55 -55
- package/theme/styles/theme/base/components/messages/_message.scss +105 -105
- package/theme/styles/theme/base/components/messages/_toast.scss +97 -98
- package/theme/styles/theme/base/components/misc/_avatar.scss +22 -22
- package/theme/styles/theme/base/components/misc/_badge.scss +40 -40
- package/theme/styles/theme/base/components/misc/_chip.scss +39 -39
- package/theme/styles/theme/base/components/misc/_inplace.scss +12 -13
- package/theme/styles/theme/base/components/misc/_progressbar.scss +13 -13
- package/theme/styles/theme/base/components/misc/_scrolltop.scss +20 -20
- package/theme/styles/theme/base/components/misc/_skeleton.scss +6 -6
- package/theme/styles/theme/base/components/misc/_tag.scss +31 -31
- package/theme/styles/theme/base/components/misc/_terminal.scss +1 -1
- package/theme/styles/theme/base/components/multimedia/_galleria.scss +150 -150
- package/theme/styles/theme/base/components/multimedia/_image.scss +35 -35
- package/theme/styles/theme/base/components/overlay/_confirmpopup.scss +57 -59
- package/theme/styles/theme/base/components/overlay/_dialog.scss +56 -56
- package/theme/styles/theme/base/components/overlay/_overlaypanel.scss +58 -60
- package/theme/styles/theme/base/components/overlay/_sidebar.scss +20 -20
- package/theme/styles/theme/base/components/overlay/_tooltip.scss +27 -27
- package/theme/styles/theme/base/components/panel/_accordion.scss +104 -104
- package/theme/styles/theme/base/components/panel/_card.scss +23 -23
- package/theme/styles/theme/base/components/panel/_divider.scss +24 -24
- package/theme/styles/theme/base/components/panel/_fieldset.scss +38 -38
- package/theme/styles/theme/base/components/panel/_panel.scss +61 -61
- package/theme/styles/theme/base/components/panel/_scrollpanel.scss +5 -5
- package/theme/styles/theme/base/components/panel/_splitter.scss +15 -15
- package/theme/styles/theme/base/components/panel/_tabview.scss +68 -68
- package/theme/styles/theme/base/components/panel/_toolbar.scss +8 -8
- package/theme/styles/theme/dark/_extensions.scss +134 -120
- package/theme/styles/theme/dark/_variables.scss +918 -896
- package/theme/styles/theme/dark/blue/theme.scss +14 -14
- package/theme/styles/theme/dark/indigo/theme.scss +14 -14
- package/theme/styles/theme/light/_extensions.scss +116 -102
- package/theme/styles/theme/light/_variables.scss +911 -898
- package/theme/styles/theme/light/blue/theme.scss +14 -14
- package/theme/styles/theme/light/indigo/theme.scss +14 -14
- package/ui/calendar/src/calendar.component.d.ts +2 -2
- package/ui/form/index.d.ts +9 -0
- package/ui/form/src/form-submit-button.component.d.ts +1 -1
- package/ui/form/src/form.component.d.ts +1 -1
- package/ui/lib/src/form/form-validation.d.ts +1 -1
- package/ui/lib/src/input/baseInput.d.ts +2 -2
- package/ui/lib/src/input/common-input-validators.service.d.ts +3 -3
- package/ui/lib/src/input/dx-input-error-message.pipe.d.ts +2 -2
- package/ui/lib/src/input/input-transforms.d.ts +1 -1
- package/ui/mask/src/mask.component.d.ts +3 -3
- package/ui/number/src/number.component.d.ts +4 -4
- package/ui/overlayPanel/src/overlay-panel.component.d.ts +1 -1
- package/ui/password/src/password.component.d.ts +3 -3
- package/ui/selectBox/src/select-box.component.d.ts +2 -2
- package/ui/switch/src/switch.component.d.ts +3 -3
- package/ui/table/index.d.ts +13 -0
- package/ui/table/src/table-column.component.d.ts +6 -5
- package/ui/table/src/table.component.d.ts +8 -15
- package/ui/tree/src/tree.component.d.ts +14 -19
- package/ui/treeTable/src/tree-table.component.d.ts +14 -18
- package/ui/value/src/value.component.d.ts +2 -2
- package/util/lib/src/types.d.ts +2 -2
- package/util/primitive-extensions/index.d.ts +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-checkbox.mjs","sources":["../../projects/aril/ui/checkbox/src/check-box.component.ts","../../projects/aril/ui/checkbox/src/check-box.component.html","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.ts","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.html","../../projects/aril/ui/checkbox/aril-ui-checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"aril-ui-checkbox.mjs","sources":["../../projects/aril/ui/checkbox/src/check-box.component.ts","../../projects/aril/ui/checkbox/src/check-box.component.html","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.ts","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.html","../../projects/aril/ui/checkbox/aril-ui-checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { CheckboxModule } from 'primeng/checkbox';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\n\ttemplateUrl: './check-box.component.html',\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CheckboxComponent extends BaseInputComponent {\n\tlabel = input.required<string>();\n\ttabindex = input<number>();\n}\n","<p-checkbox\n\t[label]=\"label()\"\n\t[tabindex]=\"tabindex()\"\n\t[binary]=\"true\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-checkbox>\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { TooltipModule } from 'primeng/tooltip';\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n@Component({\n\tstandalone: true,\n\tselector:\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\n\ttemplateUrl: './tri-state-checkbox.component.html',\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TriStateCheckboxComponent extends BaseInputComponent {\n\tlabel = input.required<string>();\n\ttabindex = input<number>();\n}\n","<p-triStateCheckbox\n\t[label]=\"label()\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-triStateCheckbox>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}
|
|
@@ -12,21 +12,21 @@ class DxFieldComponent {
|
|
|
12
12
|
this.valueWidth = 70;
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: "label", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value +
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: "label", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value + '%'], valueWidth: ["valueWidth", "valueWidth", (value) => value + '%'] }, ngImport: i0, template: "<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color, width: labelWidth }\">\n\t\t{{ label }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dx-field\">\
|
|
19
|
+
args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color, width: labelWidth }\">\n\t\t{{ label }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n" }]
|
|
20
20
|
}], propDecorators: { label: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], color: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], labelWidth: [{
|
|
25
25
|
type: Input,
|
|
26
|
-
args: [{ transform: (value) => value +
|
|
26
|
+
args: [{ transform: (value) => value + '%' }]
|
|
27
27
|
}], valueWidth: [{
|
|
28
28
|
type: Input,
|
|
29
|
-
args: [{ transform: (value) => value +
|
|
29
|
+
args: [{ transform: (value) => value + '%' }]
|
|
30
30
|
}] } });
|
|
31
31
|
|
|
32
32
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-dxField.mjs","sources":["../../projects/aril/ui/dxField/src/dx-field.component.ts","../../projects/aril/ui/dxField/src/dx-field.component.html","../../projects/aril/ui/dxField/aril-ui-dxField.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\
|
|
1
|
+
{"version":3,"file":"aril-ui-dxField.mjs","sources":["../../projects/aril/ui/dxField/src/dx-field.component.ts","../../projects/aril/ui/dxField/src/dx-field.component.html","../../projects/aril/ui/dxField/aril-ui-dxField.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n/* TODO : \n 1. InputSignal\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-dx-field',\n\ttemplateUrl: './dx-field.component.html',\n\timports: [NgStyle],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DxFieldComponent {\n\t@Input() label!: string;\n\t@Input() color = '#333';\n\t@Input({ transform: (value: number) => value + '%' }) labelWidth = 30;\n\t@Input({ transform: (value: number) => value + '%' }) valueWidth = 70;\n}\n","<div class=\"dx-field\">\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color, width: labelWidth }\">\n\t\t{{ label }}\n\t</div>\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth }\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;AAEE;MASW,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QASU,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAC8B,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AACtE,KAAA;8GALY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAGR,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAC9B,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnD,4QAQA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAEhB,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4QAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACgD,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;;;AElBrD;;AAEG;;;;"}
|
|
@@ -4,7 +4,7 @@ import { DxFieldComponent } from 'aril/ui/dxField';
|
|
|
4
4
|
|
|
5
5
|
class FieldComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.labelPos =
|
|
7
|
+
this.labelPos = 'top';
|
|
8
8
|
this.color = '#333';
|
|
9
9
|
this.labelWidth = 30;
|
|
10
10
|
this.valueWidth = 70;
|
|
@@ -12,15 +12,17 @@ class FieldComponent {
|
|
|
12
12
|
this.padding = '.5rem';
|
|
13
13
|
}
|
|
14
14
|
set cols(value) {
|
|
15
|
-
this.hostClass =
|
|
16
|
-
Object.entries(value).forEach(([key, value]) => {
|
|
15
|
+
this.hostClass = '';
|
|
16
|
+
Object.entries(value).forEach(([key, value]) => {
|
|
17
|
+
this.hostClass += `${key}:col-${value} `;
|
|
18
|
+
});
|
|
17
19
|
}
|
|
18
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FieldComponent, isStandalone: true, selector: "aril-field", inputs: { label: "label", labelPos: "labelPos", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value +
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FieldComponent, isStandalone: true, selector: "aril-field", inputs: { label: "label", labelPos: "labelPos", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value + '%'], valueWidth: ["valueWidth", "valueWidth", (value) => value + '%'], markAsRequired: "markAsRequired", cols: "cols" }, host: { properties: { "class": "this.hostClass", "style.padding": "this.padding" } }, ngImport: i0, template: "@if (labelPos === 'left') {\n\t<aril-dx-field [label]=\"label\" [color]=\"color\" [labelWidth]=\"labelWidth\" [valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n", dependencies: [{ kind: "component", type: DxFieldComponent, selector: "aril-dx-field", inputs: ["label", "color", "labelWidth", "valueWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
22
|
}
|
|
21
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, decorators: [{
|
|
22
24
|
type: Component,
|
|
23
|
-
args: [{ standalone: true, selector: 'aril-field', imports: [DxFieldComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (labelPos === 'left') {\n\t<aril-dx-field
|
|
25
|
+
args: [{ standalone: true, selector: 'aril-field', imports: [DxFieldComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (labelPos === 'left') {\n\t<aril-dx-field [label]=\"label\" [color]=\"color\" [labelWidth]=\"labelWidth\" [valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n" }]
|
|
24
26
|
}], propDecorators: { label: [{
|
|
25
27
|
type: Input,
|
|
26
28
|
args: [{ required: true }]
|
|
@@ -30,10 +32,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
30
32
|
type: Input
|
|
31
33
|
}], labelWidth: [{
|
|
32
34
|
type: Input,
|
|
33
|
-
args: [{ transform: (value) => value +
|
|
35
|
+
args: [{ transform: (value) => value + '%' }]
|
|
34
36
|
}], valueWidth: [{
|
|
35
37
|
type: Input,
|
|
36
|
-
args: [{ transform: (value) => value +
|
|
38
|
+
args: [{ transform: (value) => value + '%' }]
|
|
37
39
|
}], markAsRequired: [{
|
|
38
40
|
type: Input
|
|
39
41
|
}], cols: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-field.mjs","sources":["../../projects/aril/ui/field/src/field.component.ts","../../projects/aril/ui/field/src/field.component.html","../../projects/aril/ui/field/aril-ui-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"aril-ui-field.mjs","sources":["../../projects/aril/ui/field/src/field.component.ts","../../projects/aril/ui/field/src/field.component.html","../../projects/aril/ui/field/aril-ui-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nimport { Types } from 'aril/util/lib';\nimport { DxFieldComponent } from 'aril/ui/dxField';\n\n/* TODO : \n 1. InputSignal\n*/\n\ntype LabelPositions = 'top' | 'left';\n\ninterface ColumnSizeTypes {\n\txl?: Types.NumberRange<1, 13>;\n\tlg?: Types.NumberRange<1, 13>;\n\tmd?: Types.NumberRange<1, 13>;\n\tsm?: Types.NumberRange<1, 13>;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-field',\n\ttemplateUrl: './field.component.html',\n\timports: [DxFieldComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FieldComponent {\n\t@Input({ required: true }) label!: string;\n\t@Input() labelPos: LabelPositions = 'top';\n\t@Input() color = '#333';\n\t@Input({ transform: (value: number) => value + '%' }) labelWidth = 30;\n\t@Input({ transform: (value: number) => value + '%' }) valueWidth = 70;\n\t@Input() markAsRequired!: boolean;\n\t@Input({ required: true }) set cols(value: ColumnSizeTypes) {\n\t\tthis.hostClass = '';\n\t\tObject.entries(value).forEach(([key, value]) => {\n\t\t\tthis.hostClass += `${key}:col-${value} `;\n\t\t});\n\t}\n\n\t@HostBinding('class') hostClass = '';\n\t@HostBinding('style.padding') padding = '.5rem';\n}\n","@if (labelPos === 'left') {\n\t<aril-dx-field [label]=\"label\" [color]=\"color\" [labelWidth]=\"labelWidth\" [valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAyBa,cAAc,CAAA;AAP3B,IAAA,WAAA,GAAA;QASU,IAAQ,CAAA,QAAA,GAAmB,KAAK,CAAC;QACjC,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAC8B,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAShD,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACP,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;AAChD,KAAA;IATA,IAA+B,IAAI,CAAC,KAAsB,EAAA;AACzD,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AACpB,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YAC9C,IAAI,CAAC,SAAS,IAAI,CAAA,EAAG,GAAG,CAAQ,KAAA,EAAA,KAAK,GAAG,CAAC;AAC1C,SAAC,CAAC,CAAC;KACH;8GAZW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAIN,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAC9B,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BnD,uXAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDUW,gBAAgB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,YAAY,EAEb,OAAA,EAAA,CAAC,gBAAgB,CAAC,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uXAAA,EAAA,CAAA;8BAGpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACgD,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBAC3C,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACyB,IAAI,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAOH,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACU,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe,CAAA;;;AExC7B;;AAEG;;;;"}
|
|
@@ -9,19 +9,19 @@ class FileUploadComponent {
|
|
|
9
9
|
constructor(messageService) {
|
|
10
10
|
this.messageService = messageService;
|
|
11
11
|
this.multiple = false;
|
|
12
|
-
this.accept =
|
|
12
|
+
this.accept = '.xlsx';
|
|
13
13
|
this.disabled = false;
|
|
14
14
|
this.auto = false;
|
|
15
15
|
this.withCredentials = false;
|
|
16
16
|
this.showUploadButton = true;
|
|
17
17
|
this.showCancelButton = true;
|
|
18
|
-
this.cancelLabel =
|
|
19
|
-
this.chooseLabel =
|
|
20
|
-
this.uploadLabel =
|
|
21
|
-
this.invalidFileTypeMessageSummary =
|
|
22
|
-
this.invalidFileTypeMessageDetail =
|
|
23
|
-
this.invalidFileSizeMessageSummary =
|
|
24
|
-
this.invalidFileSizeMessageDetail =
|
|
18
|
+
this.cancelLabel = 'Temizle';
|
|
19
|
+
this.chooseLabel = 'Dosyayi Seç';
|
|
20
|
+
this.uploadLabel = 'Dosyayi Yükle';
|
|
21
|
+
this.invalidFileTypeMessageSummary = 'Geçersiz dosya türü';
|
|
22
|
+
this.invalidFileTypeMessageDetail = 'Seçilen dosya türü desteklenmiyor.';
|
|
23
|
+
this.invalidFileSizeMessageSummary = 'Dosya boyutu çok büyük';
|
|
24
|
+
this.invalidFileSizeMessageDetail = 'Dosya boyutu izin verilen maksimum boyuttan daha büyük.';
|
|
25
25
|
this.beforeSend = new EventEmitter();
|
|
26
26
|
this.upload = new EventEmitter();
|
|
27
27
|
this.errors = new EventEmitter();
|
|
@@ -35,11 +35,11 @@ class FileUploadComponent {
|
|
|
35
35
|
this.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: "name", url: "url", multiple: "multiple", accept: "accept", disabled: "disabled", auto: "auto", maxFileSize: "maxFileSize", tabindex: "tabindex", withCredentials: "withCredentials", showUploadButton: "showUploadButton", showCancelButton: "showCancelButton", cancelLabel: "cancelLabel", chooseLabel: "chooseLabel", uploadLabel: "uploadLabel", invalidFileTypeMessageSummary: "invalidFileTypeMessageSummary", invalidFileTypeMessageDetail: "invalidFileTypeMessageDetail", invalidFileSizeMessageSummary: "invalidFileSizeMessageSummary", invalidFileSizeMessageDetail: "invalidFileSizeMessageDetail" }, outputs: { beforeSend: "beforeSend", upload: "upload", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: "name", url: "url", multiple: "multiple", accept: "accept", disabled: "disabled", auto: "auto", maxFileSize: "maxFileSize", tabindex: "tabindex", withCredentials: "withCredentials", showUploadButton: "showUploadButton", showCancelButton: "showCancelButton", cancelLabel: "cancelLabel", chooseLabel: "chooseLabel", uploadLabel: "uploadLabel", invalidFileTypeMessageSummary: "invalidFileTypeMessageSummary", invalidFileTypeMessageDetail: "invalidFileTypeMessageDetail", invalidFileSizeMessageSummary: "invalidFileSizeMessageSummary", invalidFileSizeMessageDetail: "invalidFileSizeMessageDetail" }, outputs: { beforeSend: "beforeSend", upload: "upload", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n", dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i2.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ standalone: true, selector: 'aril-file-upload', imports: [FileUploadModule], providers: [MessageService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-fileUpload\
|
|
42
|
+
args: [{ standalone: true, selector: 'aril-file-upload', imports: [FileUploadModule], providers: [MessageService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n" }]
|
|
43
43
|
}], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { name: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], url: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\
|
|
1
|
+
{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { HttpEvent } from '@angular/common/http';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { FileUploadModule } from 'primeng/fileupload';\nimport { MessageService } from 'primeng/api';\n\n/* TODO : \n 1. InputSignal\n*/\n\ninterface UploadEvent {\n\toriginalEvent: HttpEvent<any>;\n\tfiles: File[];\n}\n\ninterface UploadFile {\n\tname: string;\n\tsize: number;\n\ttype: string;\n\tobjectURL?: string;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-file-upload',\n\ttemplateUrl: './file-upload.component.html',\n\timports: [FileUploadModule],\n\tproviders: [MessageService],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileUploadComponent {\n\tconstructor(private messageService: MessageService) {}\n\n\t@Input() name!: string;\n\t@Input({ required: true }) url!: string;\n\t@Input() multiple = false;\n\t@Input() accept = '.xlsx';\n\t@Input() disabled = false;\n\t@Input() auto = false;\n\t@Input() maxFileSize!: number;\n\t@Input() tabindex!: number;\n\t@Input() withCredentials = false;\n\t@Input() showUploadButton = true;\n\t@Input() showCancelButton = true;\n\t@Input() cancelLabel = 'Temizle';\n\t@Input() chooseLabel = 'Dosyayi Seç';\n\t@Input() uploadLabel = 'Dosyayi Yükle';\n\t@Input() invalidFileTypeMessageSummary = 'Geçersiz dosya türü';\n\t@Input() invalidFileTypeMessageDetail = 'Seçilen dosya türü desteklenmiyor.';\n\t@Input() invalidFileSizeMessageSummary = 'Dosya boyutu çok büyük';\n\t@Input() invalidFileSizeMessageDetail = 'Dosya boyutu izin verilen maksimum boyuttan daha büyük.';\n\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\n\n\tuploadedFiles: UploadFile[] = [];\n\n\tonUpload(event: UploadEvent) {\n\t\tthis.upload.emit(event);\n\t\tthis.uploadedFiles = event.files;\n\t\tthis.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });\n\t}\n}\n","<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,29 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1$1 from 'aril/ui/button';
|
|
4
|
+
import { ButtonComponent } from 'aril/ui/button';
|
|
3
5
|
import * as i1 from 'aril/ui/lib';
|
|
4
6
|
import { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';
|
|
5
7
|
import { isFormControl, isFormGroup, isFormArray } from '@angular/forms';
|
|
6
|
-
import { ButtonComponent } from 'aril/ui/button';
|
|
7
8
|
|
|
8
9
|
/* TODO :
|
|
9
10
|
1. InputSignal
|
|
10
11
|
*/
|
|
11
12
|
class FormComponent {
|
|
12
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormComponent,
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormComponent, selector: "aril-form", inputs: { formGroup: "formGroup" }, hostDirectives: [{ directive: i1.FlexGridDirective }, { directive: i1.FormErrorMessageDirective, inputs: ["formErrorMessage", "formGroup"] }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
15
|
}
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormComponent, decorators: [{
|
|
16
17
|
type: Component,
|
|
17
18
|
args: [{
|
|
18
|
-
standalone: true,
|
|
19
|
+
// standalone: true,
|
|
19
20
|
selector: 'aril-form',
|
|
20
21
|
template: ` <ng-content></ng-content> `,
|
|
21
22
|
hostDirectives: [
|
|
22
23
|
FlexGridDirective,
|
|
23
24
|
{
|
|
24
25
|
directive: FormErrorMessageDirective,
|
|
25
|
-
inputs: [
|
|
26
|
+
inputs: ['formErrorMessage: formGroup']
|
|
26
27
|
}
|
|
27
28
|
],
|
|
28
29
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
@@ -60,11 +61,11 @@ class FormSubmitButtonComponent extends ButtonComponent {
|
|
|
60
61
|
});
|
|
61
62
|
}
|
|
62
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormSubmitButtonComponent,
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormSubmitButtonComponent, selector: "aril-form-submit", inputs: { formGroup: "formGroup" }, outputs: { inValidEvent: "inValidEvent" }, usesInheritance: true, ngImport: i0, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup.pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n", dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
64
65
|
}
|
|
65
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, decorators: [{
|
|
66
67
|
type: Component,
|
|
67
|
-
args: [{
|
|
68
|
+
args: [{ selector: 'aril-form-submit', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup.pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n" }]
|
|
68
69
|
}], propDecorators: { formGroup: [{
|
|
69
70
|
type: Input,
|
|
70
71
|
args: [{ required: true }]
|
|
@@ -72,22 +73,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
72
73
|
type: Output
|
|
73
74
|
}] } });
|
|
74
75
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
76
|
+
const components = [FormComponent, FormSubmitButtonComponent];
|
|
77
|
+
class ARiLFormModule {
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
79
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, declarations: [FormComponent, FormSubmitButtonComponent], imports: [ButtonComponent], exports: [FormComponent, FormSubmitButtonComponent] }); }
|
|
80
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, imports: [ButtonComponent] }); }
|
|
81
|
+
}
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, decorators: [{
|
|
83
|
+
type: NgModule,
|
|
84
|
+
args: [{
|
|
85
|
+
imports: [ButtonComponent],
|
|
86
|
+
exports: [components],
|
|
87
|
+
declarations: [components]
|
|
88
|
+
}]
|
|
89
|
+
}] });
|
|
87
90
|
|
|
88
91
|
/**
|
|
89
92
|
* Generated bundle index. Do not edit.
|
|
90
93
|
*/
|
|
91
94
|
|
|
92
|
-
export { FormComponent, FormSubmitButtonComponent };
|
|
95
|
+
export { ARiLFormModule, FormComponent, FormSubmitButtonComponent };
|
|
93
96
|
//# sourceMappingURL=aril-ui-form.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-form.mjs","sources":["../../projects/aril/ui/form/src/form.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.html","../../projects/aril/ui/form/index.ts","../../projects/aril/ui/form/aril-ui-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"aril-ui-form.mjs","sources":["../../projects/aril/ui/form/src/form.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.html","../../projects/aril/ui/form/index.ts","../../projects/aril/ui/form/aril-ui-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\n\nimport { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';\n\n/* TODO : \n 1. InputSignal\n*/\n\n@Component({\n\t// standalone: true,\n\tselector: 'aril-form',\n\ttemplate: ` <ng-content></ng-content> `,\n\thostDirectives: [\n\t\tFlexGridDirective,\n\t\t{\n\t\t\tdirective: FormErrorMessageDirective,\n\t\t\tinputs: ['formErrorMessage: formGroup']\n\t\t}\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FormComponent {\n\t@Input({ required: true }) formGroup!: FormGroup;\n}\n","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormGroup, isFormArray, isFormControl, isFormGroup } from '@angular/forms';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\n/* TODO : \n 1. InputSignal\n*/\n\n@Component({\n\t// standalone: true,\n\tselector: 'aril-form-submit',\n\ttemplateUrl: './form-submit-button.component.html',\n\t// imports: [ButtonComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FormSubmitButtonComponent extends ButtonComponent {\n\t@Input({ required: true }) formGroup!: FormGroup;\n\t@Output() inValidEvent: EventEmitter<never> = new EventEmitter<never>();\n\n\tsubmit() {\n\t\tthis.markAsDirty(this.formGroup.controls);\n\t\tif (this.formGroup.valid) this.clickEvent.emit();\n\t\telse this.inValidEvent.emit();\n\t}\n\n\tmarkAsDirty(controls: { [key: string]: any }) {\n\t\tObject.entries(controls).forEach(([key, ctrl]) => {\n\t\t\tif (isFormControl(ctrl)) {\n\t\t\t\tctrl.markAsDirty();\n\t\t\t} else if (isFormGroup(ctrl) || isFormArray(ctrl)) {\n\t\t\t\tthis.markAsDirty(ctrl.controls);\n\t\t\t}\n\t\t});\n\t}\n}\n","<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup.pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n","export * from './src/form.component';\nexport * from './src/form-submit-button.component';\n\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\nimport { FormComponent } from './src/form.component';\nimport { FormSubmitButtonComponent } from './src/form-submit-button.component';\n\nconst components = [FormComponent, FormSubmitButtonComponent];\n\n@NgModule({\n\timports: [ButtonComponent],\n\texports: [components],\n\tdeclarations: [components]\n})\nexport class ARiLFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
package/fesm2022/aril-ui-lib.mjs
CHANGED
|
@@ -18,10 +18,10 @@ class FormErrorMessagesComponent {
|
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormErrorMessagesComponent, isStandalone: true, selector: "ng-component", inputs: { messages: "messages" }, ngImport: i0, template: `
|
|
22
|
-
<div class="flex gap-2 formErrorMessage">
|
|
23
|
-
<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
|
|
24
|
-
</div>
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormErrorMessagesComponent, isStandalone: true, selector: "ng-component", inputs: { messages: "messages" }, ngImport: i0, template: `
|
|
22
|
+
<div class="flex gap-2 formErrorMessage">
|
|
23
|
+
<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
|
|
24
|
+
</div>
|
|
25
25
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormErrorMessagesComponent, decorators: [{
|
|
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
29
29
|
args: [{
|
|
30
30
|
standalone: true,
|
|
31
31
|
imports: [MessagesModule],
|
|
32
|
-
template: `
|
|
33
|
-
<div class="flex gap-2 formErrorMessage">
|
|
34
|
-
<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
|
|
35
|
-
</div>
|
|
32
|
+
template: `
|
|
33
|
+
<div class="flex gap-2 formErrorMessage">
|
|
34
|
+
<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
|
|
35
|
+
</div>
|
|
36
36
|
`,
|
|
37
37
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
38
38
|
}]
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
76
76
|
}] } });
|
|
77
77
|
|
|
78
78
|
const checkValidInputs = (formGroup) => {
|
|
79
|
-
Object.keys(formGroup.controls).forEach(field => {
|
|
79
|
+
Object.keys(formGroup.controls).forEach((field) => {
|
|
80
80
|
const control = formGroup.get(field);
|
|
81
81
|
if (control instanceof FormControl) {
|
|
82
82
|
control.markAsTouched({ onlySelf: true });
|
|
@@ -89,21 +89,21 @@ const checkValidInputs = (formGroup) => {
|
|
|
89
89
|
};
|
|
90
90
|
|
|
91
91
|
const addControlsWithValidation = (form, controls) => {
|
|
92
|
-
controls.forEach(control => {
|
|
92
|
+
controls.forEach((control) => {
|
|
93
93
|
if (!form.contains(control.name)) {
|
|
94
94
|
form.addControl(control.name, new FormControl({ value: '', disabled: control?.disabled || false }, control.validator));
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
97
|
};
|
|
98
98
|
const removeControls = (form, controlNames) => {
|
|
99
|
-
controlNames.forEach(controlName => {
|
|
99
|
+
controlNames.forEach((controlName) => {
|
|
100
100
|
if (form.contains(controlName)) {
|
|
101
101
|
form.removeControl(controlName);
|
|
102
102
|
}
|
|
103
103
|
});
|
|
104
104
|
};
|
|
105
105
|
const updateValueAndValidities = (form, controlNames) => {
|
|
106
|
-
controlNames.forEach(controlName => {
|
|
106
|
+
controlNames.forEach((controlName) => {
|
|
107
107
|
if (form.contains(controlName)) {
|
|
108
108
|
form.get(controlName)?.updateValueAndValidity();
|
|
109
109
|
}
|
|
@@ -148,7 +148,7 @@ function injectNgControl() {
|
|
|
148
148
|
ngControl instanceof FormControlDirective) {
|
|
149
149
|
return ngControl;
|
|
150
150
|
}
|
|
151
|
-
throw new Error(
|
|
151
|
+
throw new Error('Something went wrong in InjectNgControl');
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
class CommonInputValidatorsService {
|
|
@@ -157,16 +157,16 @@ class CommonInputValidatorsService {
|
|
|
157
157
|
* @param edCtrlName - name of the end date form control
|
|
158
158
|
* @param rangeValue - range between start and end date. Default value is 1
|
|
159
159
|
* @param rangeFormat - format of the range. Default value is "day"
|
|
160
|
-
|
|
161
|
-
dateRange(sdCtrlName, edCtrlName, rangeValue = 0, rangeFormat =
|
|
160
|
+
*/
|
|
161
|
+
dateRange(sdCtrlName, edCtrlName, rangeValue = 0, rangeFormat = 'day') {
|
|
162
162
|
return (control) => {
|
|
163
163
|
const start = control.get(sdCtrlName)?.value;
|
|
164
164
|
const end = control.get(edCtrlName)?.value;
|
|
165
165
|
const startJSDate = start.longToDate();
|
|
166
166
|
const endJSDate = end.longToDate();
|
|
167
167
|
if (startJSDate && endJSDate) {
|
|
168
|
-
const isRangeValid =
|
|
169
|
-
return isRangeValid ? null : { dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` };
|
|
168
|
+
const isRangeValid = endJSDate.getTime() - startJSDate.getTime() > rangeValue;
|
|
169
|
+
return isRangeValid ? null : ({ dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` });
|
|
170
170
|
}
|
|
171
171
|
return null;
|
|
172
172
|
};
|
|
@@ -220,7 +220,8 @@ class InputErrorMessagePipe {
|
|
|
220
220
|
return 'Invalid email';
|
|
221
221
|
case 'pattern':
|
|
222
222
|
return 'Invalid format';
|
|
223
|
-
default:
|
|
223
|
+
default:
|
|
224
|
+
return errorValue;
|
|
224
225
|
}
|
|
225
226
|
}
|
|
226
227
|
return '';
|
|
@@ -291,16 +292,22 @@ function iconPosTransform(pos) {
|
|
|
291
292
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
292
293
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
293
294
|
class ValueAccessorDirective {
|
|
294
|
-
writeValue(obj) {
|
|
295
|
-
|
|
296
|
-
|
|
295
|
+
writeValue(obj) {
|
|
296
|
+
return;
|
|
297
|
+
}
|
|
298
|
+
registerOnChange(fn) {
|
|
299
|
+
return;
|
|
300
|
+
}
|
|
301
|
+
registerOnTouched(fn) {
|
|
302
|
+
return;
|
|
303
|
+
}
|
|
297
304
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
298
305
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: ValueAccessorDirective, isStandalone: true, providers: [
|
|
299
306
|
{
|
|
300
307
|
provide: NG_VALUE_ACCESSOR,
|
|
301
308
|
multi: true,
|
|
302
309
|
useExisting: ValueAccessorDirective
|
|
303
|
-
}
|
|
310
|
+
}
|
|
304
311
|
], ngImport: i0 }); }
|
|
305
312
|
}
|
|
306
313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueAccessorDirective, decorators: [{
|
|
@@ -312,7 +319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
312
319
|
provide: NG_VALUE_ACCESSOR,
|
|
313
320
|
multi: true,
|
|
314
321
|
useExisting: ValueAccessorDirective
|
|
315
|
-
}
|
|
322
|
+
}
|
|
316
323
|
]
|
|
317
324
|
}]
|
|
318
325
|
}] });
|