aril 1.1.65 → 1.1.66
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 +62 -62
- package/boot/config/api.sample.json +8 -8
- package/esm2022/boot/config/api/index.mjs +1 -1
- package/esm2022/boot/config/api/src/api.service.mjs +1 -1
- package/esm2022/boot/config/api/src/interfaces.mjs +1 -1
- package/esm2022/boot/config/apps/index.mjs +1 -1
- package/esm2022/boot/config/apps/src/apps.service.mjs +1 -1
- package/esm2022/boot/config/apps/src/auth.guard.mjs +1 -1
- package/esm2022/boot/config/apps/src/interfaces.mjs +1 -1
- package/esm2022/boot/config/apps/src/reuse-strategy.mjs +1 -1
- package/esm2022/boot/config/apps/src/showdowDOMWrapper.mjs +1 -1
- package/esm2022/boot/config/plugins/index.mjs +1 -1
- package/esm2022/boot/config/plugins/src/getNgZone.mjs +1 -1
- package/esm2022/boot/config/plugins/src/interfaces.mjs +1 -1
- package/esm2022/boot/config/plugins/src/plugins.service.mjs +1 -1
- package/esm2022/boot/config/translate/constants.mjs +1 -1
- package/esm2022/boot/config/translate/index.mjs +1 -1
- package/esm2022/boot/config/translate/primeng/i18n/tr.mjs +1 -1
- package/esm2022/boot/host/index.mjs +1 -1
- package/esm2022/boot/host/src/app.component.mjs +1 -1
- package/esm2022/boot/host/src/bootstrap.mjs +1 -1
- package/esm2022/boot/index.mjs +1 -1
- package/esm2022/boot/mfe/index.mjs +1 -1
- package/esm2022/boot/mfe/src/app.component.mjs +13 -13
- package/esm2022/boot/mfe/src/appComponentLoader.mjs +1 -1
- package/esm2022/boot/mfe/src/bootstrap.mjs +1 -1
- package/esm2022/boot/mfe/src/loadStyles.mjs +1 -1
- package/esm2022/boot/mfe/src/monaco.config.mjs +1 -1
- package/esm2022/http/index.mjs +1 -1
- package/esm2022/http/lib/enums.mjs +1 -1
- package/esm2022/http/lib/interfaces.mjs +1 -1
- package/esm2022/http/src/httpBackend.mjs +1 -1
- package/esm2022/http/src/httpClient.mjs +1 -1
- package/esm2022/http/src/interceptor/accept-language.interceptor.mjs +1 -1
- package/esm2022/http/src/serviceBase.mjs +1 -1
- package/esm2022/http/src/serviceMockBase.mjs +1 -1
- package/esm2022/http/src/serviceRequest.mjs +1 -1
- package/esm2022/http/src/serviceStateMethods.mjs +1 -1
- package/esm2022/i18n/index.mjs +1 -1
- package/esm2022/i18n/src/folder-name-token.mjs +1 -1
- package/esm2022/i18n/src/i18n.module.mjs +1 -1
- package/esm2022/i18n/src/loader.mjs +1 -1
- package/esm2022/i18n/src/provideI18n.mjs +1 -1
- package/esm2022/i18n/src/provideScope.mjs +1 -1
- package/esm2022/keycloak/src/auth.interceptor.mjs +1 -1
- package/esm2022/provider/index.mjs +1 -1
- package/esm2022/provider/src/index.mjs +1 -1
- package/esm2022/provider/src/prodiveHost.mjs +1 -1
- package/esm2022/provider/src/prodiveHostRouter.mjs +1 -1
- package/esm2022/provider/src/provideHostKeycloak.mjs +1 -1
- package/esm2022/provider/src/provideLocaleId.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/esm2022/theme/index.mjs +1 -1
- package/esm2022/theme/layout/app/breadcrumb/app.breadcrumb.component.mjs +3 -3
- package/esm2022/theme/layout/app/chatbot/app.chatbot.component.mjs +3 -3
- package/esm2022/theme/layout/app/expandableMenu/expandable-menu.component.mjs +3 -3
- package/esm2022/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.mjs +3 -3
- package/esm2022/theme/layout/app/favorite-pages/favorite-pages.service.mjs +1 -1
- package/esm2022/theme/layout/app/favorite-pages/modals/add-edit-favorite-modal/add-edit-favorite-modal.component.mjs +3 -3
- package/esm2022/theme/layout/app/general-search/general-search.component.mjs +3 -3
- package/esm2022/theme/layout/app/general-search/helpers.mjs +1 -1
- package/esm2022/theme/layout/app/general-search/models.mjs +1 -1
- package/esm2022/theme/layout/app/history/history-sidebar.component.mjs +3 -3
- package/esm2022/theme/layout/app/history/history.service.mjs +1 -1
- package/esm2022/theme/layout/app/layout/app.layout.component.mjs +3 -3
- package/esm2022/theme/layout/app/layout/mfe.layout.component.mjs +23 -23
- package/esm2022/theme/layout/app/notifications/notifications-sidebar.component.mjs +3 -3
- package/esm2022/theme/layout/app/profileSidebar/app.profilesidebar.component.mjs +3 -3
- package/esm2022/theme/layout/app/profileSidebar/modals/change-password-modal/change-password-modal.component.mjs +3 -3
- package/esm2022/theme/layout/app/profileSidebar/modals/edit-profile-modal/edit-profile-modal.component.mjs +3 -3
- package/esm2022/theme/layout/app/profileSidebar/profile.service.mjs +1 -1
- package/esm2022/theme/layout/app/site-map/site-map-sidebar.component.mjs +3 -3
- package/esm2022/theme/layout/app/static-sidebar/static-sidebar.component.mjs +3 -3
- package/esm2022/theme/layout/app/topbar/app.topbar.component.mjs +3 -3
- package/esm2022/theme/layout/index.mjs +1 -1
- package/esm2022/theme/layout/service/app.layout.service.mjs +1 -1
- package/esm2022/theme/layout/service/app.menu.service.mjs +1 -1
- package/esm2022/theme/layout/service/breadcrumb.service.mjs +1 -1
- package/esm2022/theme/layout/service/interfaces/enum.mjs +1 -1
- package/esm2022/theme/layout/service/interfaces/interfaces.mjs +1 -1
- package/esm2022/theme/layout/service/menuchangeevent.mjs +1 -1
- package/esm2022/theme/layout/service/notifications.service.mjs +1 -1
- package/esm2022/theme/layout/service/search.service.mjs +1 -1
- package/esm2022/theme/layout/service/selection-group.service.mjs +1 -1
- package/esm2022/ui/autoComplete/index.mjs +1 -1
- package/esm2022/ui/autoComplete/src/auto-complete.component.mjs +3 -3
- package/esm2022/ui/autoComplete/src/interfaces.mjs +1 -1
- 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 +3 -3
- 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 +3 -3
- package/esm2022/ui/charts/index.mjs +1 -1
- package/esm2022/ui/charts/src/amCharts/column/column-chart.component.mjs +1 -1
- package/esm2022/ui/charts/src/amCharts/line/line-chart.component.mjs +1 -1
- package/esm2022/ui/charts/src/amCharts/pie/pie-chart.component.mjs +1 -1
- package/esm2022/ui/charts/src/highCharts/area/area-chart.component.mjs +19 -19
- package/esm2022/ui/charts/src/highCharts/bar/bar-chart.component.mjs +14 -14
- package/esm2022/ui/charts/src/highCharts/column/column-chart.component.mjs +14 -14
- package/esm2022/ui/charts/src/highCharts/gauge/solid-gauge.component.mjs +19 -19
- package/esm2022/ui/charts/src/highCharts/heatmap/heatMap-chart.component.mjs +15 -15
- package/esm2022/ui/charts/src/highCharts/line/line-chart-datetime-axis.component.mjs +15 -15
- package/esm2022/ui/charts/src/highCharts/line/line-chart-series.component.mjs +5 -5
- package/esm2022/ui/charts/src/highCharts/line/line-chart.component.mjs +1 -1
- package/esm2022/ui/charts/src/highCharts/pie/pie-chart.component.mjs +17 -17
- package/esm2022/ui/charts/src/theme/theme.mjs +1 -1
- package/esm2022/ui/checkbox/index.mjs +1 -1
- package/esm2022/ui/checkbox/src/check-box.component.mjs +3 -3
- package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs +3 -3
- package/esm2022/ui/chip/src/chip.component.mjs +3 -3
- package/esm2022/ui/collapse-reorder-list/src/collapse-reorder-list.component.mjs +3 -3
- package/esm2022/ui/dxEditor/index.mjs +1 -1
- package/esm2022/ui/dxEditor/src/dx-editor.component.mjs +3 -3
- package/esm2022/ui/dxField/index.mjs +1 -1
- package/esm2022/ui/dxField/src/dx-field.component.mjs +3 -3
- package/esm2022/ui/editor/index.mjs +1 -1
- package/esm2022/ui/editor/src/aril-editor.component.mjs +3 -3
- package/esm2022/ui/editor/src/types.mjs +1 -1
- package/esm2022/ui/field/index.mjs +1 -1
- package/esm2022/ui/field/src/field.component.mjs +3 -3
- package/esm2022/ui/fileUpload/index.mjs +1 -1
- package/esm2022/ui/fileUpload/src/file-upload.component.mjs +3 -3
- package/esm2022/ui/form/index.mjs +1 -1
- package/esm2022/ui/form/src/form-submit-button.component.mjs +3 -3
- package/esm2022/ui/form/src/form.component.mjs +1 -1
- package/esm2022/ui/img-viewer/index.mjs +1 -1
- package/esm2022/ui/img-viewer/src/img-viewer.component.mjs +3 -3
- package/esm2022/ui/index.mjs +1 -1
- package/esm2022/ui/json-diff-comparison/index.mjs +1 -1
- package/esm2022/ui/json-diff-comparison/src/json-diff.component.mjs +3 -3
- 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 +1 -1
- package/esm2022/ui/lib/src/form/form-validation.mjs +1 -1
- package/esm2022/ui/lib/src/grid/enum-color-picker.pipe.mjs +1 -1
- package/esm2022/ui/lib/src/grid/flex-grid.directive.mjs +1 -1
- package/esm2022/ui/lib/src/input/baseInput.mjs +1 -1
- package/esm2022/ui/lib/src/input/common-input-validators.service.mjs +1 -1
- package/esm2022/ui/lib/src/input/dx-input-error-message.pipe.mjs +1 -1
- package/esm2022/ui/lib/src/input/input-disabled.directive.mjs +1 -1
- package/esm2022/ui/lib/src/input/input-error-message.pipe.mjs +1 -1
- package/esm2022/ui/lib/src/input/input-transforms.mjs +1 -1
- package/esm2022/ui/lib/src/input/value-accessor.directive.mjs +1 -1
- package/esm2022/ui/loader/index.mjs +1 -1
- package/esm2022/ui/loader/src/loader.component.mjs +3 -3
- package/esm2022/ui/mask/index.mjs +1 -1
- package/esm2022/ui/mask/src/mask.component.mjs +3 -3
- package/esm2022/ui/multiSelect/index.mjs +1 -1
- package/esm2022/ui/multiSelect/src/interfaces.mjs +1 -1
- package/esm2022/ui/multiSelect/src/multi-select.component.mjs +3 -3
- package/esm2022/ui/number/index.mjs +1 -1
- package/esm2022/ui/number/src/number.component.mjs +3 -3
- package/esm2022/ui/operation-types-dialog/index.mjs +1 -1
- package/esm2022/ui/operation-types-dialog/src/operation-types-dialog.component.mjs +11 -11
- package/esm2022/ui/overlayPanel/index.mjs +1 -1
- package/esm2022/ui/overlayPanel/src/overlay-panel.component.mjs +3 -3
- package/esm2022/ui/panel/index.mjs +1 -1
- package/esm2022/ui/panel/src/panel.component.mjs +3 -3
- package/esm2022/ui/password/index.mjs +1 -1
- package/esm2022/ui/password/src/password.component.mjs +3 -3
- package/esm2022/ui/pdf-viewer/index.mjs +1 -1
- package/esm2022/ui/pdf-viewer/src/pdf-viewer.component.mjs +3 -3
- package/esm2022/ui/progressbar/index.mjs +1 -1
- package/esm2022/ui/progressbar/src/progressbar.component.mjs +3 -3
- package/esm2022/ui/radioButton/index.mjs +1 -1
- package/esm2022/ui/radioButton/src/radio-button.component.mjs +3 -3
- package/esm2022/ui/relativeDateSelector/src/enum.mjs +1 -1
- package/esm2022/ui/relativeDateSelector/src/relative-date-selector.component.mjs +3 -3
- package/esm2022/ui/selectBox/index.mjs +1 -1
- package/esm2022/ui/selectBox/src/interfaces.mjs +1 -1
- package/esm2022/ui/selectBox/src/select-box.component.mjs +3 -3
- package/esm2022/ui/switch/index.mjs +1 -1
- package/esm2022/ui/switch/src/switch.component.mjs +3 -3
- package/esm2022/ui/table/index.mjs +1 -1
- package/esm2022/ui/table/src/export-overlay-panel.component.mjs +127 -127
- package/esm2022/ui/table/src/interfaces.mjs +1 -1
- package/esm2022/ui/table/src/table-column.component.mjs +1 -1
- package/esm2022/ui/table/src/table.component.mjs +3 -3
- package/esm2022/ui/table-expand/index.mjs +1 -1
- package/esm2022/ui/table-expand/src/table-column.component.mjs +1 -1
- package/esm2022/ui/table-expand/src/table-expand-area.component.mjs +1 -1
- package/esm2022/ui/table-expand/src/table.component.mjs +3 -3
- package/esm2022/ui/tag/src/tag.component.mjs +3 -3
- package/esm2022/ui/tagBox/index.mjs +1 -1
- package/esm2022/ui/tagBox/src/tag-box.component.mjs +3 -3
- package/esm2022/ui/text/index.mjs +1 -1
- package/esm2022/ui/text/src/text.component.mjs +3 -3
- package/esm2022/ui/textArea/index.mjs +1 -1
- package/esm2022/ui/textArea/src/text-area.component.mjs +3 -3
- package/esm2022/ui/toggle-button/src/toggle-button.component.mjs +3 -3
- package/esm2022/ui/tooltip/index.mjs +1 -1
- package/esm2022/ui/tooltip/src/tooltip-component.mjs +3 -3
- package/esm2022/ui/translate-input/index.mjs +1 -1
- package/esm2022/ui/translate-input/src/aril-lang-modal/aril-lang-modal.component.mjs +3 -3
- package/esm2022/ui/translate-input/src/aril-lang-modal/constants.mjs +1 -1
- package/esm2022/ui/translate-input/src/aril-translate-input.component.mjs +25 -25
- package/esm2022/ui/translate-input/src/interface.mjs +1 -1
- package/esm2022/ui/tree/index.mjs +1 -1
- package/esm2022/ui/tree/src/tree.component.mjs +3 -3
- package/esm2022/ui/treeSelect/index.mjs +1 -1
- package/esm2022/ui/treeSelect/src/treeSelect.component.mjs +3 -3
- package/esm2022/ui/treeTable/index.mjs +1 -1
- package/esm2022/ui/treeTable/src/tree-table.component.mjs +3 -3
- package/esm2022/ui/value/index.mjs +1 -1
- package/esm2022/ui/value/src/value.component.mjs +3 -3
- package/esm2022/ui-business/assetPicker/src/asset-picker.component.mjs +64 -31
- package/esm2022/ui-business/assetPicker/src/interface.mjs +1 -1
- package/esm2022/ui-business/detailed-overlay-panel/index.mjs +1 -1
- package/esm2022/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.mjs +3 -3
- package/esm2022/ui-business/detailed-overlay-panel/src/interface.mjs +1 -1
- package/esm2022/ui-business/enumPicker/src/enum-picker.component.mjs +3 -3
- package/esm2022/ui-business/enumPicker/src/interface.mjs +1 -1
- package/esm2022/ui-business/image-viewer/src/aril-image-viewer.component.mjs +29 -29
- package/esm2022/ui-business/index.mjs +1 -1
- package/esm2022/ui-business/multiple-ref-value/index.mjs +1 -1
- package/esm2022/ui-business/multiple-ref-value/src/multiple-ref-value.component.mjs +3 -3
- package/esm2022/ui-business/notification-templates-dialog/index.mjs +1 -1
- package/esm2022/ui-business/notification-templates-dialog/src/interface.mjs +1 -1
- package/esm2022/ui-business/notification-templates-dialog/src/notification-templates-dialog.component.mjs +3 -3
- package/esm2022/ui-business/operation-types-dialog/index.mjs +1 -1
- package/esm2022/ui-business/operation-types-dialog/src/operation-types-dialog.component.mjs +11 -11
- package/esm2022/ui-business/ref-value/index.mjs +1 -1
- package/esm2022/ui-business/ref-value/src/ref-value.component.mjs +3 -3
- package/esm2022/ui-business/rolePicker/index.mjs +1 -1
- package/esm2022/ui-business/rolePicker/src/interface.mjs +1 -1
- package/esm2022/ui-business/rolePicker/src/role-picker.component.mjs +3 -3
- package/esm2022/ui-business/userPicker/src/interface.mjs +1 -1
- package/esm2022/ui-business/userPicker/src/user-picker.component.mjs +3 -3
- package/esm2022/util/block/index.mjs +1 -1
- package/esm2022/util/block/src/block.mjs +1 -1
- package/esm2022/util/custom_pages/index.mjs +1 -1
- package/esm2022/util/custom_pages/src/notFound.component.mjs +47 -47
- package/esm2022/util/directives/index.mjs +1 -1
- package/esm2022/util/directives/src/detail-page-customization/detail-page-customization.directive.mjs +1 -1
- package/esm2022/util/directives/src/detail-page-customization/index.mjs +1 -1
- package/esm2022/util/directives/src/detail-page-customization/models.mjs +1 -1
- package/esm2022/util/directives/src/dialog-component/plugin-dialog.component.mjs +1 -1
- package/esm2022/util/directives/src/dialog-service/plugin-dialog.service.mjs +1 -1
- 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/module-router.mjs +1 -1
- package/esm2022/util/lib/src/types.mjs +1 -1
- package/esm2022/util/lib/src/validators/iban.validator.mjs +1 -1
- package/esm2022/util/lib/src/validators/index.mjs +1 -1
- package/esm2022/util/lib/src/validators/max-array-length.validator.mjs +1 -1
- package/esm2022/util/lib/src/validators/min-array-length.validator.mjs +1 -1
- package/esm2022/util/lib/src/validators/tckn.validator.mjs +1 -1
- package/esm2022/util/lib/src/validators/validators.mjs +1 -1
- package/esm2022/util/loaders/index.mjs +1 -1
- package/esm2022/util/loaders/script/script.loader.service.mjs +1 -1
- package/esm2022/util/loaders/style/style.loader.service.mjs +1 -1
- package/esm2022/util/pipes/index.mjs +1 -1
- package/esm2022/util/pipes/src/distance-to-now.pipe.mjs +1 -1
- package/esm2022/util/pipes/src/get-column-by-field.pipe.mjs +1 -1
- package/esm2022/util/pipes/src/parse.pipe.mjs +1 -1
- package/esm2022/util/pipes/src/round-number.pipe.mjs +1 -1
- package/esm2022/util/pipes/src/safe.pipe.mjs +1 -1
- package/esm2022/util/pipes/src/translate-json/translate-json.pipe.mjs +1 -1
- package/esm2022/util/primitive-extensions/index.mjs +1 -1
- package/esm2022/util/primitive-extensions/src/boolean.extensions.mjs +1 -1
- package/esm2022/util/primitive-extensions/src/date.extensions.mjs +1 -1
- package/esm2022/util/primitive-extensions/src/number.extensions.mjs +1 -1
- package/esm2022/util/primitive-extensions/src/string.extensions.mjs +1 -1
- package/esm2022/util/pub-sub/index.mjs +1 -1
- package/esm2022/util/pub-sub/src/pub-sub.service.mjs +1 -1
- package/esm2022/util/sync-active-tab-route/index.mjs +1 -1
- package/esm2022/util/sync-active-tab-route/src/sync-active-tab-route.directive.mjs +1 -1
- package/esm2022/util/unwrap/index.mjs +1 -1
- package/esm2022/util/unwrap/src/unwrap-tag.directive.mjs +1 -1
- package/fesm2022/{aril-app.component-BrM-uBqB.mjs → aril-app.component-hxaLgwmC.mjs} +13 -13
- package/fesm2022/aril-app.component-hxaLgwmC.mjs.map +1 -0
- package/fesm2022/aril-boot-config-api.mjs.map +1 -1
- package/fesm2022/aril-boot-config-apps.mjs +1 -1
- package/fesm2022/aril-boot-config-apps.mjs.map +1 -1
- package/fesm2022/aril-boot-config-plugins.mjs +2 -2
- package/fesm2022/aril-boot-config-plugins.mjs.map +1 -1
- package/fesm2022/aril-boot-config-translate.mjs.map +1 -1
- package/fesm2022/aril-boot-host.mjs +4 -4
- package/fesm2022/aril-boot-host.mjs.map +1 -1
- package/fesm2022/{aril-boot-mfe-app.component-BWEM0ozE.mjs → aril-boot-mfe-app.component-s1a-tkOD.mjs} +14 -14
- package/fesm2022/aril-boot-mfe-app.component-s1a-tkOD.mjs.map +1 -0
- package/fesm2022/{aril-boot-mfe-aril-boot-mfe-Chnmyg0H.mjs → aril-boot-mfe-aril-boot-mfe-wLTqwDtz.mjs} +7 -7
- package/fesm2022/aril-boot-mfe-aril-boot-mfe-wLTqwDtz.mjs.map +1 -0
- package/fesm2022/aril-boot-mfe.mjs +1 -1
- package/fesm2022/aril-boot.mjs.map +1 -1
- package/fesm2022/aril-http.mjs.map +1 -1
- package/fesm2022/aril-i18n.mjs.map +1 -1
- package/fesm2022/aril-keycloak.mjs.map +1 -1
- package/fesm2022/aril-provider.mjs +1 -1
- package/fesm2022/aril-provider.mjs.map +1 -1
- package/fesm2022/aril-theme-layout.mjs +52 -52
- package/fesm2022/aril-theme-layout.mjs.map +1 -1
- package/fesm2022/aril-theme.mjs.map +1 -1
- package/fesm2022/aril-ui-autoComplete.mjs +5 -5
- package/fesm2022/aril-ui-autoComplete.mjs.map +1 -1
- package/fesm2022/aril-ui-badge.mjs +3 -3
- package/fesm2022/aril-ui-badge.mjs.map +1 -1
- package/fesm2022/aril-ui-business-assetPicker.mjs +64 -31
- package/fesm2022/aril-ui-business-assetPicker.mjs.map +1 -1
- package/fesm2022/aril-ui-business-detailed-overlay-panel.mjs +4 -4
- package/fesm2022/aril-ui-business-detailed-overlay-panel.mjs.map +1 -1
- package/fesm2022/aril-ui-business-enumPicker.mjs +4 -4
- package/fesm2022/aril-ui-business-enumPicker.mjs.map +1 -1
- package/fesm2022/aril-ui-business-image-viewer.mjs +28 -28
- package/fesm2022/aril-ui-business-image-viewer.mjs.map +1 -1
- package/fesm2022/aril-ui-business-multiple-ref-value.mjs +3 -3
- package/fesm2022/aril-ui-business-multiple-ref-value.mjs.map +1 -1
- package/fesm2022/aril-ui-business-notification-templates-dialog.mjs +2 -2
- package/fesm2022/aril-ui-business-notification-templates-dialog.mjs.map +1 -1
- package/fesm2022/aril-ui-business-operation-types-dialog.mjs +10 -10
- package/fesm2022/aril-ui-business-operation-types-dialog.mjs.map +1 -1
- package/fesm2022/aril-ui-business-ref-value.mjs +3 -3
- package/fesm2022/aril-ui-business-ref-value.mjs.map +1 -1
- package/fesm2022/aril-ui-business-rolePicker.mjs +3 -3
- package/fesm2022/aril-ui-business-rolePicker.mjs.map +1 -1
- package/fesm2022/aril-ui-business-userPicker.mjs +2 -2
- package/fesm2022/aril-ui-business-userPicker.mjs.map +1 -1
- package/fesm2022/aril-ui-business.mjs.map +1 -1
- package/fesm2022/aril-ui-button.mjs +5 -5
- package/fesm2022/aril-ui-button.mjs.map +1 -1
- package/fesm2022/aril-ui-calendar.mjs +2 -2
- package/fesm2022/aril-ui-calendar.mjs.map +1 -1
- package/fesm2022/aril-ui-charts.mjs +111 -111
- package/fesm2022/aril-ui-charts.mjs.map +1 -1
- package/fesm2022/aril-ui-checkbox.mjs +4 -4
- package/fesm2022/aril-ui-checkbox.mjs.map +1 -1
- package/fesm2022/aril-ui-chip.mjs +3 -3
- package/fesm2022/aril-ui-chip.mjs.map +1 -1
- package/fesm2022/aril-ui-collapse-reorder-list.mjs +3 -3
- package/fesm2022/aril-ui-collapse-reorder-list.mjs.map +1 -1
- package/fesm2022/aril-ui-dxEditor.mjs +3 -3
- package/fesm2022/aril-ui-dxEditor.mjs.map +1 -1
- package/fesm2022/aril-ui-dxField.mjs +3 -3
- package/fesm2022/aril-ui-dxField.mjs.map +1 -1
- package/fesm2022/aril-ui-editor.mjs +3 -3
- package/fesm2022/aril-ui-editor.mjs.map +1 -1
- package/fesm2022/aril-ui-field.mjs +3 -3
- package/fesm2022/aril-ui-field.mjs.map +1 -1
- package/fesm2022/aril-ui-fileUpload.mjs +3 -3
- package/fesm2022/aril-ui-fileUpload.mjs.map +1 -1
- package/fesm2022/aril-ui-form.mjs +3 -3
- package/fesm2022/aril-ui-form.mjs.map +1 -1
- package/fesm2022/aril-ui-img-viewer.mjs +2 -2
- package/fesm2022/aril-ui-img-viewer.mjs.map +1 -1
- package/fesm2022/aril-ui-json-diff-comparison.mjs +3 -3
- package/fesm2022/aril-ui-json-diff-comparison.mjs.map +1 -1
- package/fesm2022/aril-ui-lib.mjs +9 -9
- package/fesm2022/aril-ui-lib.mjs.map +1 -1
- package/fesm2022/aril-ui-loader.mjs +2 -2
- package/fesm2022/aril-ui-loader.mjs.map +1 -1
- package/fesm2022/aril-ui-mask.mjs +2 -2
- package/fesm2022/aril-ui-mask.mjs.map +1 -1
- package/fesm2022/aril-ui-multiSelect.mjs +2 -2
- package/fesm2022/aril-ui-multiSelect.mjs.map +1 -1
- package/fesm2022/aril-ui-number.mjs +2 -2
- package/fesm2022/aril-ui-number.mjs.map +1 -1
- package/fesm2022/aril-ui-operation-types-dialog.mjs +10 -10
- package/fesm2022/aril-ui-operation-types-dialog.mjs.map +1 -1
- package/fesm2022/aril-ui-overlayPanel.mjs +3 -3
- package/fesm2022/aril-ui-overlayPanel.mjs.map +1 -1
- package/fesm2022/aril-ui-panel.mjs +3 -3
- package/fesm2022/aril-ui-panel.mjs.map +1 -1
- package/fesm2022/aril-ui-password.mjs +2 -2
- package/fesm2022/aril-ui-password.mjs.map +1 -1
- package/fesm2022/aril-ui-pdf-viewer.mjs +2 -2
- package/fesm2022/aril-ui-pdf-viewer.mjs.map +1 -1
- package/fesm2022/aril-ui-progressbar.mjs +2 -2
- package/fesm2022/aril-ui-progressbar.mjs.map +1 -1
- package/fesm2022/aril-ui-radioButton.mjs +2 -2
- package/fesm2022/aril-ui-radioButton.mjs.map +1 -1
- package/fesm2022/aril-ui-relativeDateSelector.mjs +3 -3
- package/fesm2022/aril-ui-relativeDateSelector.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 +2 -2
- package/fesm2022/aril-ui-switch.mjs.map +1 -1
- package/fesm2022/aril-ui-table-expand.mjs +3 -3
- package/fesm2022/aril-ui-table-expand.mjs.map +1 -1
- package/fesm2022/aril-ui-table.mjs +130 -130
- package/fesm2022/aril-ui-table.mjs.map +1 -1
- package/fesm2022/aril-ui-tag.mjs +2 -2
- package/fesm2022/aril-ui-tag.mjs.map +1 -1
- package/fesm2022/aril-ui-tagBox.mjs +4 -4
- package/fesm2022/aril-ui-tagBox.mjs.map +1 -1
- package/fesm2022/aril-ui-text.mjs +2 -2
- 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-toggle-button.mjs +3 -3
- package/fesm2022/aril-ui-toggle-button.mjs.map +1 -1
- package/fesm2022/aril-ui-tooltip.mjs +2 -2
- package/fesm2022/aril-ui-tooltip.mjs.map +1 -1
- package/fesm2022/aril-ui-translate-input.mjs +26 -26
- package/fesm2022/aril-ui-translate-input.mjs.map +1 -1
- package/fesm2022/aril-ui-tree.mjs +3 -3
- package/fesm2022/aril-ui-tree.mjs.map +1 -1
- package/fesm2022/aril-ui-treeSelect.mjs +3 -3
- package/fesm2022/aril-ui-treeSelect.mjs.map +1 -1
- package/fesm2022/aril-ui-treeTable.mjs +3 -3
- package/fesm2022/aril-ui-treeTable.mjs.map +1 -1
- package/fesm2022/aril-ui-value.mjs +4 -4
- package/fesm2022/aril-ui-value.mjs.map +1 -1
- package/fesm2022/aril-ui.mjs.map +1 -1
- package/fesm2022/aril-util-block.mjs.map +1 -1
- package/fesm2022/aril-util-custom_pages.mjs +46 -46
- package/fesm2022/aril-util-custom_pages.mjs.map +1 -1
- package/fesm2022/aril-util-directives.mjs +1 -1
- package/fesm2022/aril-util-directives.mjs.map +1 -1
- package/fesm2022/aril-util-init-event.mjs +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-loaders.mjs +1 -1
- package/fesm2022/aril-util-loaders.mjs.map +1 -1
- package/fesm2022/aril-util-pipes.mjs +1 -1
- package/fesm2022/aril-util-pipes.mjs.map +1 -1
- package/fesm2022/aril-util-primitive-extensions.mjs.map +1 -1
- package/fesm2022/aril-util-pub-sub.mjs.map +1 -1
- package/fesm2022/aril-util-sync-active-tab-route.mjs +1 -1
- package/fesm2022/aril-util-sync-active-tab-route.mjs.map +1 -1
- package/fesm2022/aril-util-unwrap.mjs.map +1 -1
- package/fesm2022/aril.mjs +6 -6
- package/fesm2022/aril.mjs.map +1 -1
- package/package.json +114 -114
- package/scripts/util/blockui.min.js +6 -6
- package/styles/ui/ui.common.scss +42 -42
- package/styles/util/blockui.css +56 -56
- package/theme/index.ts +1 -1
- package/theme/layout/app/breadcrumb/app.breadcrumb.component.html +8 -8
- package/theme/layout/app/breadcrumb/app.breadcrumb.component.ts +126 -126
- package/theme/layout/app/chatbot/app.chatbot.component.html +108 -108
- package/theme/layout/app/chatbot/app.chatbot.component.scss +34 -34
- package/theme/layout/app/chatbot/app.chatbot.component.ts +151 -151
- package/theme/layout/app/config/app.config.component.html +146 -146
- package/theme/layout/app/config/app.config.component.ts +143 -143
- package/theme/layout/app/expandableMenu/expandable-menu.component.html +89 -89
- package/theme/layout/app/expandableMenu/expandable-menu.component.ts +295 -295
- package/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.html +110 -110
- package/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.scss +181 -181
- package/theme/layout/app/favorite-pages/favorite-pages-sidebar.component.ts +260 -260
- package/theme/layout/app/favorite-pages/favorite-pages.service.ts +95 -95
- package/theme/layout/app/favorite-pages/modals/add-edit-favorite-modal/add-edit-favorite-modal.component.html +27 -27
- package/theme/layout/app/favorite-pages/modals/add-edit-favorite-modal/add-edit-favorite-modal.component.ts +165 -165
- package/theme/layout/app/general-search/general-search.component.html +57 -57
- package/theme/layout/app/general-search/general-search.component.scss +27 -27
- package/theme/layout/app/general-search/general-search.component.ts +93 -93
- package/theme/layout/app/general-search/helpers.spec.ts +527 -527
- package/theme/layout/app/general-search/helpers.ts +106 -106
- package/theme/layout/app/general-search/models.ts +142 -142
- package/theme/layout/app/history/history-sidebar.component.html +87 -87
- package/theme/layout/app/history/history-sidebar.component.scss +182 -182
- package/theme/layout/app/history/history-sidebar.component.ts +143 -143
- package/theme/layout/app/history/history.service.ts +154 -154
- package/theme/layout/app/layout/app.layout.component.html +27 -27
- package/theme/layout/app/layout/app.layout.component.ts +171 -171
- package/theme/layout/app/layout/mfe.layout.component.ts +59 -59
- package/theme/layout/app/menu/app.menu.component.html +14 -14
- package/theme/layout/app/menu/app.menu.component.ts +350 -350
- package/theme/layout/app/notifications/notifications-sidebar.component.html +104 -104
- package/theme/layout/app/notifications/notifications-sidebar.component.scss +237 -237
- package/theme/layout/app/notifications/notifications-sidebar.component.ts +221 -221
- package/theme/layout/app/profileSidebar/app.profilesidebar.component.html +122 -122
- package/theme/layout/app/profileSidebar/app.profilesidebar.component.scss +151 -151
- package/theme/layout/app/profileSidebar/app.profilesidebar.component.ts +141 -141
- package/theme/layout/app/profileSidebar/modals/change-password-modal/change-password-modal.component.html +48 -48
- package/theme/layout/app/profileSidebar/modals/change-password-modal/change-password-modal.component.scss +27 -27
- package/theme/layout/app/profileSidebar/modals/change-password-modal/change-password-modal.component.ts +178 -178
- package/theme/layout/app/profileSidebar/modals/edit-profile-modal/edit-profile-modal.component.html +71 -71
- package/theme/layout/app/profileSidebar/modals/edit-profile-modal/edit-profile-modal.component.ts +251 -251
- package/theme/layout/app/profileSidebar/profile.service.ts +116 -116
- package/theme/layout/app/sidebar/app.sidebar.component.html +24 -24
- package/theme/layout/app/sidebar/app.sidebar.component.ts +44 -44
- package/theme/layout/app/site-map/site-map-sidebar.component.html +121 -121
- package/theme/layout/app/site-map/site-map-sidebar.component.scss +178 -178
- package/theme/layout/app/site-map/site-map-sidebar.component.ts +193 -193
- package/theme/layout/app/static-sidebar/static-sidebar.component.html +123 -123
- package/theme/layout/app/static-sidebar/static-sidebar.component.scss +408 -408
- package/theme/layout/app/static-sidebar/static-sidebar.component.ts +276 -276
- package/theme/layout/app/topbar/app.topbar.component.html +85 -85
- package/theme/layout/app/topbar/app.topbar.component.scss +193 -193
- package/theme/layout/app/topbar/app.topbar.component.ts +172 -172
- package/theme/layout/index.ts +7 -7
- package/theme/layout/ng-package.json +6 -6
- package/theme/layout/service/app.layout.service.ts +307 -307
- package/theme/layout/service/app.menu.service.ts +53 -53
- package/theme/layout/service/breadcrumb.service.ts +14 -14
- package/theme/layout/service/interfaces/enum.ts +13 -13
- package/theme/layout/service/interfaces/interfaces.ts +150 -150
- package/theme/layout/service/menuchangeevent.ts +4 -4
- package/theme/layout/service/notifications.service.ts +26 -26
- package/theme/layout/service/search.service.ts +22 -22
- package/theme/layout/service/selection-group.service.ts +73 -73
- package/theme/ng-package.json +6 -6
- package/theme/styles/layout/_animation.scss +53 -53
- package/theme/styles/layout/_breadcrumb.scss +31 -31
- package/theme/styles/layout/_config.scss +42 -42
- package/theme/styles/layout/_content.scss +61 -61
- package/theme/styles/layout/_expanded_sidebar.scss +486 -486
- package/theme/styles/layout/_fonts.scss +93 -93
- 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 +153 -153
- package/theme/styles/layout/_sidebar_drawer.scss +234 -234
- package/theme/styles/layout/_sidebar_horizontal.scss +163 -163
- package/theme/styles/layout/_sidebar_reveal.scss +201 -201
- package/theme/styles/layout/_sidebar_slim.scss +144 -144
- package/theme/styles/layout/_sidebar_slim_plus.scss +168 -168
- package/theme/styles/layout/_sidebar_vertical.scss +156 -156
- package/theme/styles/layout/_topbar.scss +140 -140
- package/theme/styles/layout/_typography.scss +68 -68
- package/theme/styles/layout/_utils.scss +24 -24
- package/theme/styles/layout/layout.scss +25 -25
- 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 +17 -17
- package/theme/styles/theme/base/_common.scss +89 -89
- package/theme/styles/theme/base/_components.scss +108 -108
- package/theme/styles/theme/base/_mixins.scss +337 -337
- package/theme/styles/theme/base/components/button/_button.scss +576 -576
- package/theme/styles/theme/base/components/button/_speeddial.scss +96 -96
- package/theme/styles/theme/base/components/button/_splitbutton.scss +348 -348
- package/theme/styles/theme/base/components/data/_carousel.scss +37 -37
- package/theme/styles/theme/base/components/data/_datatable.scss +338 -338
- package/theme/styles/theme/base/components/data/_dataview.scss +46 -46
- package/theme/styles/theme/base/components/data/_filter.scss +137 -137
- package/theme/styles/theme/base/components/data/_orderlist.scss +114 -114
- package/theme/styles/theme/base/components/data/_organizationchart.scss +50 -50
- package/theme/styles/theme/base/components/data/_paginator.scss +92 -92
- package/theme/styles/theme/base/components/data/_picklist.scss +114 -114
- package/theme/styles/theme/base/components/data/_table.scss +16 -16
- package/theme/styles/theme/base/components/data/_timeline.scss +35 -35
- package/theme/styles/theme/base/components/data/_tree.scss +150 -150
- package/theme/styles/theme/base/components/data/_treetable.scss +255 -255
- package/theme/styles/theme/base/components/data/_virtualscroller.scss +28 -28
- package/theme/styles/theme/base/components/file/_fileupload.scss +64 -64
- package/theme/styles/theme/base/components/input/_autocomplete.scss +141 -141
- package/theme/styles/theme/base/components/input/_calendar.scss +267 -267
- package/theme/styles/theme/base/components/input/_cascadeselect.scss +135 -135
- package/theme/styles/theme/base/components/input/_checkbox.scss +99 -99
- package/theme/styles/theme/base/components/input/_chips.scss +67 -67
- package/theme/styles/theme/base/components/input/_colorpicker.scss +19 -19
- package/theme/styles/theme/base/components/input/_dropdown.scss +151 -151
- package/theme/styles/theme/base/components/input/_editor.scss +122 -122
- package/theme/styles/theme/base/components/input/_inputgroup.scss +75 -75
- package/theme/styles/theme/base/components/input/_inputmask.scss +16 -16
- package/theme/styles/theme/base/components/input/_inputnumber.scss +28 -28
- package/theme/styles/theme/base/components/input/_inputswitch.scss +60 -60
- package/theme/styles/theme/base/components/input/_inputtext.scss +100 -100
- package/theme/styles/theme/base/components/input/_listbox.scss +97 -97
- package/theme/styles/theme/base/components/input/_multiselect.scss +177 -177
- package/theme/styles/theme/base/components/input/_password.scss +52 -52
- package/theme/styles/theme/base/components/input/_radiobutton.scss +78 -78
- package/theme/styles/theme/base/components/input/_rating.scss +60 -60
- package/theme/styles/theme/base/components/input/_selectbutton.scss +50 -50
- package/theme/styles/theme/base/components/input/_slider.scss +75 -75
- package/theme/styles/theme/base/components/input/_togglebutton.scss +48 -48
- package/theme/styles/theme/base/components/input/_treeselect.scss +139 -139
- package/theme/styles/theme/base/components/menu/_breadcrumb.scss +43 -43
- package/theme/styles/theme/base/components/menu/_contextmenu.scss +39 -39
- package/theme/styles/theme/base/components/menu/_dock.scss +95 -95
- package/theme/styles/theme/base/components/menu/_megamenu.scss +55 -55
- package/theme/styles/theme/base/components/menu/_menu.scss +37 -37
- package/theme/styles/theme/base/components/menu/_menubar.scss +140 -140
- package/theme/styles/theme/base/components/menu/_panelmenu.scss +153 -153
- package/theme/styles/theme/base/components/menu/_slidemenu.scss +59 -59
- package/theme/styles/theme/base/components/menu/_steps.scss +56 -56
- package/theme/styles/theme/base/components/menu/_tabmenu.scss +73 -73
- package/theme/styles/theme/base/components/menu/_tieredmenu.scss +43 -43
- package/theme/styles/theme/base/components/messages/_inlinemessage.scss +69 -69
- package/theme/styles/theme/base/components/messages/_message.scss +107 -107
- package/theme/styles/theme/base/components/messages/_toast.scss +99 -99
- package/theme/styles/theme/base/components/misc/_avatar.scss +30 -30
- package/theme/styles/theme/base/components/misc/_badge.scss +48 -48
- package/theme/styles/theme/base/components/misc/_chip.scss +42 -42
- package/theme/styles/theme/base/components/misc/_inplace.scss +16 -16
- package/theme/styles/theme/base/components/misc/_progressbar.scss +17 -17
- package/theme/styles/theme/base/components/misc/_scrolltop.scss +25 -25
- package/theme/styles/theme/base/components/misc/_skeleton.scss +8 -8
- package/theme/styles/theme/base/components/misc/_tag.scss +45 -45
- package/theme/styles/theme/base/components/misc/_terminal.scss +12 -12
- package/theme/styles/theme/base/components/multimedia/_galleria.scss +155 -155
- package/theme/styles/theme/base/components/multimedia/_image.scss +49 -49
- package/theme/styles/theme/base/components/overlay/_confirmpopup.scss +70 -70
- package/theme/styles/theme/base/components/overlay/_dialog.scss +69 -69
- package/theme/styles/theme/base/components/overlay/_overlaypanel.scss +62 -62
- package/theme/styles/theme/base/components/overlay/_sidebar.scss +28 -28
- package/theme/styles/theme/base/components/overlay/_tooltip.scss +33 -33
- package/theme/styles/theme/base/components/panel/_accordion.scss +119 -119
- package/theme/styles/theme/base/components/panel/_card.scss +30 -30
- package/theme/styles/theme/base/components/panel/_divider.scss +31 -31
- package/theme/styles/theme/base/components/panel/_fieldset.scss +47 -47
- package/theme/styles/theme/base/components/panel/_panel.scss +77 -77
- package/theme/styles/theme/base/components/panel/_scrollpanel.scss +6 -6
- package/theme/styles/theme/base/components/panel/_splitter.scss +19 -19
- package/theme/styles/theme/base/components/panel/_stepper.scss +200 -200
- package/theme/styles/theme/base/components/panel/_tabview.scss +91 -91
- package/theme/styles/theme/base/components/panel/_toolbar.scss +11 -11
- package/theme/styles/theme/dark/_extensions.scss +134 -134
- package/theme/styles/theme/dark/_variables.scss +933 -933
- package/theme/styles/theme/dark/blue/theme.scss +14 -14
- package/theme/styles/theme/dark/indigo/theme.scss +14 -14
- package/theme/styles/theme/dark/lena/theme.scss +14 -14
- package/theme/styles/theme/dark/orange/theme.scss +14 -14
- package/theme/styles/theme/dark/thor/theme.scss +14 -14
- package/theme/styles/theme/dark/yeap/theme.scss +14 -14
- package/theme/styles/theme/light/_extensions.scss +116 -116
- package/theme/styles/theme/light/_variables.scss +940 -940
- package/theme/styles/theme/light/blue/theme.scss +14 -14
- package/theme/styles/theme/light/custom/theme.scss +16 -16
- package/theme/styles/theme/light/indigo/theme.scss +14 -14
- package/theme/styles/theme/light/lena/theme.scss +14 -14
- package/theme/styles/theme/light/orange/theme.scss +14 -14
- package/theme/styles/theme/light/thor/theme.scss +15 -15
- package/theme/styles/theme/light/yeap/theme.scss +14 -14
- package/ui-business/assetPicker/src/asset-picker.component.d.ts +7 -2
- package/ui-business/assetPicker/src/interface.d.ts +1 -0
- package/fesm2022/aril-app.component-BrM-uBqB.mjs.map +0 -1
- package/fesm2022/aril-boot-mfe-app.component-BWEM0ozE.mjs.map +0 -1
- package/fesm2022/aril-boot-mfe-aril-boot-mfe-Chnmyg0H.mjs.map +0 -1
|
@@ -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 { Component, inject, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { CheckboxModule } from 'primeng/checkbox';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { TranslocoService } from '@ngneat/transloco';\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})\nexport class CheckboxComponent extends BaseInputComponent {\n\tlabel = input<string>();\n\tlabelAsYesNo = input<boolean>();\n\ttabindex = input<number>();\n\n\ttranslocoService = inject(TranslocoService);\n}\n","<p-checkbox\n\t[label]=\"\n\t\tlabelAsYesNo() ?\n\t\t\tngControl.control.value ?\n\t\t\t\ttranslocoService.translate('yes')\n\t\t\t:\ttranslocoService.translate('no')\n\t\t:\tlabel()\n\t\"\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 { 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})\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":";;;;;;;;;;;;;;AAiBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAPzD,IAAA,WAAA,GAAA;;QAQC,
|
|
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 { Component, inject, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { CheckboxModule } from 'primeng/checkbox';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\r\n\ttemplateUrl: './check-box.component.html',\r\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class CheckboxComponent extends BaseInputComponent {\r\n\tlabel = input<string>();\r\n\tlabelAsYesNo = input<boolean>();\r\n\ttabindex = input<number>();\r\n\r\n\ttranslocoService = inject(TranslocoService);\r\n}\r\n","<p-checkbox\r\n\t[label]=\"\r\n\t\tlabelAsYesNo() ?\r\n\t\t\tngControl.control.value ?\r\n\t\t\t\ttranslocoService.translate('yes')\r\n\t\t\t:\ttranslocoService.translate('no')\r\n\t\t:\tlabel()\r\n\t\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n","import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector:\r\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\r\n\ttemplateUrl: './tri-state-checkbox.component.html',\r\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TriStateCheckboxComponent extends BaseInputComponent {\r\n\tlabel = input.required<string>();\r\n\ttabindex = input<number>();\r\n}\r\n","<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i7 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { input, signal, inject, DestroyRef, computed,
|
|
4
|
+
import { input, signal, inject, DestroyRef, computed, Component, ViewChild } from '@angular/core';
|
|
5
5
|
import * as i2 from '@angular/forms';
|
|
6
6
|
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
7
7
|
import * as i3 from 'primeng/chips';
|
|
@@ -110,7 +110,7 @@ class ChipComponent extends BaseInputComponent {
|
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
112
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChipComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ChipComponent, isStandalone: true, selector: "aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, addOnBlur: { classPropertyName: "addOnBlur", publicName: "addOnBlur", isSignal: true, isRequired: false, transformFunction: null }, addOnTab: { classPropertyName: "addOnTab", publicName: "addOnTab", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [InputErrorMessagePipe], viewQueries: [{ propertyName: "editInput", first: true, predicate: ["editInput"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-chips\n\t[class]=\"_sizeClass()\"\n\t[placeholder]=\"placeholder()\"\n\t[tabindex]=\"tabindex()\"\n\t[addOnBlur]=\"addOnBlur()\"\n\t[addOnTab]=\"addOnTab()\"\n\t[separator]=\"separator\"\n\t[allowDuplicate]=\"false\"\n\t[formControl]=\"ngControl.control\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\ttooltipPosition=\"top\"\n\ttooltipStyleClass=\"tooltipErrorMessage\"\n\t(onAdd)=\"onAdd($event)\">\n\t<ng-template let-item pTemplate=\"item\">\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\n\t\t\t<input\n\t\t\t\tpInputText\n\t\t\t\t[ngClass]=\"_sizeClass()\"\n\t\t\t\t[ngModel]=\"editValue()\"\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\n\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t(blur)=\"resetEditing()\"\n\t\t\t\t#editInput\n\t\t\t\tclass=\"m-0 p-1\" />\n\t\t</ng-container>\n\t\t<ng-template #displayChip>\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\n\t\t\t\t{{ item }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-template>\n</p-chips>", 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: ChipsModule }, { kind: "component", type: i3.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "
|
|
113
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ChipComponent, isStandalone: true, selector: "aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, addOnBlur: { classPropertyName: "addOnBlur", publicName: "addOnBlur", isSignal: true, isRequired: false, transformFunction: null }, addOnTab: { classPropertyName: "addOnTab", publicName: "addOnTab", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [InputErrorMessagePipe], viewQueries: [{ propertyName: "editInput", first: true, predicate: ["editInput"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>", 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: ChipsModule }, { kind: "component", type: i3.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
114
114
|
}
|
|
115
115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChipComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
122
122
|
CommonModule,
|
|
123
123
|
FormsModule,
|
|
124
124
|
InputErrorMessagePipe
|
|
125
|
-
], hostDirectives: [ValueAccessorDirective], providers: [InputErrorMessagePipe], template: "<p-chips\n\t[class]=\"_sizeClass()\"\n\t[placeholder]=\"placeholder()\"\n\t[tabindex]=\"tabindex()\"\n\t[addOnBlur]=\"addOnBlur()\"\n\t[addOnTab]=\"addOnTab()\"\n\t[separator]=\"separator\"\n\t[allowDuplicate]=\"false\"\n\t[formControl]=\"ngControl.control\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\ttooltipPosition=\"top\"\n\ttooltipStyleClass=\"tooltipErrorMessage\"\n\t(onAdd)=\"onAdd($event)\">\n\t<ng-template let-item pTemplate=\"item\">\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\n\t\t\t<input\n\t\t\t\tpInputText\n\t\t\t\t[ngClass]=\"_sizeClass()\"\n\t\t\t\t[ngModel]=\"editValue()\"\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\n\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t(blur)=\"resetEditing()\"\n\t\t\t\t#editInput\n\t\t\t\tclass=\"m-0 p-1\" />\n\t\t</ng-container>\n\t\t<ng-template #displayChip>\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\n\t\t\t\t{{ item }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-template>\n</p-chips>" }]
|
|
125
|
+
], hostDirectives: [ValueAccessorDirective], providers: [InputErrorMessagePipe], template: "<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>" }]
|
|
126
126
|
}], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { editInput: [{
|
|
127
127
|
type: ViewChild,
|
|
128
128
|
args: ['editInput']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-chip.mjs","sources":["../../projects/aril/ui/chip/src/chip.component.ts","../../projects/aril/ui/chip/src/chip.component.html","../../projects/aril/ui/chip/aril-ui-chip.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n\tAfterViewChecked,\n\tComponent,\n\tDestroyRef,\n\tElementRef,\n\tNgZone,\n\tViewChild,\n\tcomputed,\n\tinject,\n\tinput,\n\tsignal\n} from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { ChipsAddEvent, ChipsModule } from 'primeng/chips';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\ntype Size = 'sm' | 'md' | 'lg';\ntype DataType = 'string' | 'number';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]',\n\ttemplateUrl: './chip.component.html',\n\timports: [\n\t\tReactiveFormsModule,\n\t\tChipsModule,\n\t\tTooltipModule,\n\t\tInputTextModule,\n\t\tCommonModule,\n\t\tFormsModule,\n\t\tInputErrorMessagePipe\n\t],\n\thostDirectives: [ValueAccessorDirective],\n\tproviders: [InputErrorMessagePipe]\n})\nexport class ChipComponent extends BaseInputComponent implements AfterViewChecked {\n\tplaceholder = input<string>('');\n\ttabindex = input<number>();\n\tsize = input<Size>('md');\n\teditable = input<boolean>(false);\n\taddOnBlur = input<boolean>(false);\n\taddOnTab = input<boolean>(false);\n\tdataType = input<DataType>('string');\n\n\t@ViewChild('editInput') editInput: ElementRef | null = null;\n\teditingIndex = signal<number>(-1);\n\teditValue = signal<string>('');\n\n\tseparator = /[,\\n\\r]/;\n\tprivate focusSet = false;\n\tdestroyRef = inject(DestroyRef);\n\n\tconstructor(private ngZone: NgZone) {\n\t\tsuper();\n\t}\n\n\tngAfterViewChecked(): void {\n\t\t// Focus the input element after view is checked and element is available\n\t\tif (this.editingIndex() !== -1 && this.editInput && !this.focusSet) {\n\t\t\tthis.focusSet = true;\n\t\t\t// Use NgZone.runOutsideAngular to avoid triggering change detection\n\t\t\tthis.ngZone.runOutsideAngular(() => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst inputEl = this.editInput?.nativeElement;\n\t\t\t\t\tinputEl.focus();\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t}\n\n\t_sizeClass = computed(() => {\n\t\tswitch (this.size()) {\n\t\t\tcase 'sm':\n\t\t\t\treturn 'p-inputtext-sm';\n\t\t\tcase 'md':\n\t\t\t\treturn '';\n\t\t\tcase 'lg':\n\t\t\t\treturn 'p-inputtext-lg';\n\t\t}\n\t});\n\n\tstartEditing(index: number, value: string): void {\n\t\tif (!this.editable()) return;\n\t\tthis.editingIndex.set(index);\n\t\tthis.editValue.set(value);\n\t\tthis.focusSet = false;\n\t}\n\n\tsaveChanges(): void {\n\t\tif (this.editingIndex() === -1) return;\n\t\tconst currentValues = [...(this.ngControl.control.value || [])];\n\t\tlet newValue: string | number = this.editValue();\n\n\t\tif (this.dataType() === 'number') {\n\t\t\tconst numValue = Number(newValue);\n\t\t\tif (isNaN(numValue)) {\n\t\t\t\tthis.resetEditing();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tnewValue = numValue;\n\t\t}\n\n\t\tcurrentValues[this.editingIndex()] = newValue;\n\t\tthis.ngControl.control.setValue(currentValues);\n\t\tthis.resetEditing();\n\t}\n\n\tonEditKeydown(event: KeyboardEvent): void {\n\t\tif (event.key === 'Enter') {\n\t\t\tthis.saveChanges();\n\t\t} else if (event.key === 'Escape') {\n\t\t\tthis.resetEditing();\n\t\t}\n\t\t// Prevent event propagation for all keydown events to avoid interference\n\t\tevent.stopPropagation();\n\t}\n\n\tresetEditing(): void {\n\t\tthis.editingIndex.set(-1);\n\t\tthis.editValue.set('');\n\t\tthis.focusSet = false;\n\t}\n\n\tonAdd(event: ChipsAddEvent) {\n\t\tif (this.dataType() === 'number') {\n\t\t\tconst currentValues = [...(this.ngControl.value || [])];\n\t\t\tconst newValue = event.value;\n\t\t\tconst numValue = Number(newValue);\n\n\t\t\tif (isNaN(numValue)) {\n\t\t\t\tconst filteredValues = currentValues.filter((v) => v !== newValue);\n\t\t\t\tthis.ngControl.control.setValue(filteredValues);\n\t\t\t} else {\n\t\t\t\tconst numericValues = currentValues.map((v) => (typeof v === 'string' ? Number(v) : v));\n\t\t\t\tthis.ngControl.control.setValue(numericValues);\n\t\t\t}\n\t\t}\n\t}\n}\n","<p-chips\n\t[class]=\"_sizeClass()\"\n\t[placeholder]=\"placeholder()\"\n\t[tabindex]=\"tabindex()\"\n\t[addOnBlur]=\"addOnBlur()\"\n\t[addOnTab]=\"addOnTab()\"\n\t[separator]=\"separator\"\n\t[allowDuplicate]=\"false\"\n\t[formControl]=\"ngControl.control\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\ttooltipPosition=\"top\"\n\ttooltipStyleClass=\"tooltipErrorMessage\"\n\t(onAdd)=\"onAdd($event)\">\n\t<ng-template let-item pTemplate=\"item\">\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\n\t\t\t<input\n\t\t\t\tpInputText\n\t\t\t\t[ngClass]=\"_sizeClass()\"\n\t\t\t\t[ngModel]=\"editValue()\"\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\n\t\t\t\t(click)=\"$event.stopPropagation()\"\n\t\t\t\t(blur)=\"resetEditing()\"\n\t\t\t\t#editInput\n\t\t\t\tclass=\"m-0 p-1\" />\n\t\t</ng-container>\n\t\t<ng-template #displayChip>\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\n\t\t\t\t{{ item }}\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-template>\n</p-chips>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"aril-ui-chip.mjs","sources":["../../projects/aril/ui/chip/src/chip.component.ts","../../projects/aril/ui/chip/src/chip.component.html","../../projects/aril/ui/chip/aril-ui-chip.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n\tAfterViewChecked,\r\n\tComponent,\r\n\tDestroyRef,\r\n\tElementRef,\r\n\tNgZone,\r\n\tViewChild,\r\n\tcomputed,\r\n\tinject,\r\n\tinput,\r\n\tsignal\r\n} from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ChipsAddEvent, ChipsModule } from 'primeng/chips';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' | 'md' | 'lg';\r\ntype DataType = 'string' | 'number';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]',\r\n\ttemplateUrl: './chip.component.html',\r\n\timports: [\r\n\t\tReactiveFormsModule,\r\n\t\tChipsModule,\r\n\t\tTooltipModule,\r\n\t\tInputTextModule,\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t\tInputErrorMessagePipe\r\n\t],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tproviders: [InputErrorMessagePipe]\r\n})\r\nexport class ChipComponent extends BaseInputComponent implements AfterViewChecked {\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n\tsize = input<Size>('md');\r\n\teditable = input<boolean>(false);\r\n\taddOnBlur = input<boolean>(false);\r\n\taddOnTab = input<boolean>(false);\r\n\tdataType = input<DataType>('string');\r\n\r\n\t@ViewChild('editInput') editInput: ElementRef | null = null;\r\n\teditingIndex = signal<number>(-1);\r\n\teditValue = signal<string>('');\r\n\r\n\tseparator = /[,\\n\\r]/;\r\n\tprivate focusSet = false;\r\n\tdestroyRef = inject(DestroyRef);\r\n\r\n\tconstructor(private ngZone: NgZone) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tngAfterViewChecked(): void {\r\n\t\t// Focus the input element after view is checked and element is available\r\n\t\tif (this.editingIndex() !== -1 && this.editInput && !this.focusSet) {\r\n\t\t\tthis.focusSet = true;\r\n\t\t\t// Use NgZone.runOutsideAngular to avoid triggering change detection\r\n\t\t\tthis.ngZone.runOutsideAngular(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tconst inputEl = this.editInput?.nativeElement;\r\n\t\t\t\t\tinputEl.focus();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t_sizeClass = computed(() => {\r\n\t\tswitch (this.size()) {\r\n\t\t\tcase 'sm':\r\n\t\t\t\treturn 'p-inputtext-sm';\r\n\t\t\tcase 'md':\r\n\t\t\t\treturn '';\r\n\t\t\tcase 'lg':\r\n\t\t\t\treturn 'p-inputtext-lg';\r\n\t\t}\r\n\t});\r\n\r\n\tstartEditing(index: number, value: string): void {\r\n\t\tif (!this.editable()) return;\r\n\t\tthis.editingIndex.set(index);\r\n\t\tthis.editValue.set(value);\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tsaveChanges(): void {\r\n\t\tif (this.editingIndex() === -1) return;\r\n\t\tconst currentValues = [...(this.ngControl.control.value || [])];\r\n\t\tlet newValue: string | number = this.editValue();\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst numValue = Number(newValue);\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tthis.resetEditing();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tnewValue = numValue;\r\n\t\t}\r\n\r\n\t\tcurrentValues[this.editingIndex()] = newValue;\r\n\t\tthis.ngControl.control.setValue(currentValues);\r\n\t\tthis.resetEditing();\r\n\t}\r\n\r\n\tonEditKeydown(event: KeyboardEvent): void {\r\n\t\tif (event.key === 'Enter') {\r\n\t\t\tthis.saveChanges();\r\n\t\t} else if (event.key === 'Escape') {\r\n\t\t\tthis.resetEditing();\r\n\t\t}\r\n\t\t// Prevent event propagation for all keydown events to avoid interference\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\tresetEditing(): void {\r\n\t\tthis.editingIndex.set(-1);\r\n\t\tthis.editValue.set('');\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tonAdd(event: ChipsAddEvent) {\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst currentValues = [...(this.ngControl.value || [])];\r\n\t\t\tconst newValue = event.value;\r\n\t\t\tconst numValue = Number(newValue);\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tconst filteredValues = currentValues.filter((v) => v !== newValue);\r\n\t\t\t\tthis.ngControl.control.setValue(filteredValues);\r\n\t\t\t} else {\r\n\t\t\t\tconst numericValues = currentValues.map((v) => (typeof v === 'string' ? Number(v) : v));\r\n\t\t\t\tthis.ngControl.control.setValue(numericValues);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container *ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { moveItemInArray, CdkDrag, CdkDropList, CdkDragHandle } from '@angular/cdk/drag-drop';
|
|
2
2
|
import { NgTemplateOutlet } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { input, EventEmitter, TemplateRef,
|
|
4
|
+
import { input, EventEmitter, TemplateRef, Component, Optional, ContentChild, Output } from '@angular/core';
|
|
5
5
|
import { DialogService } from 'primeng/dynamicdialog';
|
|
6
6
|
import { ButtonComponent } from 'aril/ui/button';
|
|
7
7
|
import * as i1 from '@angular/forms';
|
|
@@ -38,11 +38,11 @@ class CollapseReorderListComponent {
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CollapseReorderListComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CollapseReorderListComponent, isStandalone: true, selector: "aril-collapse-reorder-list[formArrayName]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, addFieldButtonLabel: { classPropertyName: "addFieldButtonLabel", publicName: "addFieldButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addField: "addField" }, providers: [DialogService], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"collapse-reorder-list\">\n\t<div class=\"collapse-reorder-list-item mb-2\">\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\n\t\t\t<div class=\"flex align-items-center gap-2\">\n\t\t\t\t<i\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\n\n\t\t\t\t<div>{{ title() }}</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t@if (!isCollapsed) {\n\t\t\t<div class=\"flex flex-column mt-2\">\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\n\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\n\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t<aril-button\n\t\t\t\t\tclass=\"w-max mb-2\"\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\n\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t[outlined]=\"true\"\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CollapseReorderListComponent, isStandalone: true, selector: "aril-collapse-reorder-list[formArrayName]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, addFieldButtonLabel: { classPropertyName: "addFieldButtonLabel", publicName: "addFieldButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addField: "addField" }, providers: [DialogService], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CollapseReorderListComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ standalone: true, selector: 'aril-collapse-reorder-list[formArrayName]', imports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet], providers: [DialogService], template: "<div class=\"collapse-reorder-list\">\n\t<div class=\"collapse-reorder-list-item mb-2\">\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\n\t\t\t<div class=\"flex align-items-center gap-2\">\n\t\t\t\t<i\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\n\n\t\t\t\t<div>{{ title() }}</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t@if (!isCollapsed) {\n\t\t\t<div class=\"flex flex-column mt-2\">\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\n\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\n\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t<aril-button\n\t\t\t\t\tclass=\"w-max mb-2\"\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\n\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t[outlined]=\"true\"\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"] }]
|
|
45
|
+
args: [{ standalone: true, selector: 'aril-collapse-reorder-list[formArrayName]', imports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet], providers: [DialogService], template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"] }]
|
|
46
46
|
}], ctorParameters: () => [{ type: i1.ControlContainer, decorators: [{
|
|
47
47
|
type: Optional
|
|
48
48
|
}] }], propDecorators: { itemTemplate: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-collapse-reorder-list.mjs","sources":["../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.ts","../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.html","../../projects/aril/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.ts"],"sourcesContent":["import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, EventEmitter, Optional, Output, TemplateRef, input } from '@angular/core';\nimport { ControlContainer, FormArray, FormGroup } from '@angular/forms';\n\nimport { DialogService } from 'primeng/dynamicdialog';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-collapse-reorder-list[formArrayName]',\n\ttemplateUrl: './collapse-reorder-list.component.html',\n\tstyleUrls: ['./collapse-reorder-list.component.scss'],\n\timports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet],\n\tproviders: [DialogService]\n})\nexport class CollapseReorderListComponent {\n\t@ContentChild(TemplateRef) itemTemplate!: TemplateRef<any>;\n\n\ttitle = input.required<string>();\n\taddFieldButtonLabel = input.required<string>();\n\treorderField = input<string>();\n\tcollapsed = input<boolean>(false);\n\n\t@Output() addField = new EventEmitter<void>();\n\n\tisCollapsed = this.collapsed();\n\n\tconstructor(@Optional() private readonly controlContainer: ControlContainer) {}\n\n\tget formArray() {\n\t\treturn this.controlContainer.control as FormArray<FormGroup>;\n\t}\n\n\tdrop(event: CdkDragDrop<string[]>) {\n\t\tmoveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);\n\n\t\tif (this.reorderField()) this.setFieldOrder();\n\t}\n\n\tprivate setFieldOrder() {\n\t\tthis.formArray.controls.forEach((item, index) => {\n\t\t\titem.get(this.reorderField() as string)?.setValue(index + 1);\n\t\t});\n\t}\n\n\tremoveField(formGroup: FormGroup) {\n\t\tconst index = this.formArray.controls.indexOf(formGroup);\n\t\tif (index > -1) {\n\t\t\tthis.formArray.removeAt(index);\n\n\t\t\tif (this.reorderField()) this.setFieldOrder();\n\t\t}\n\t}\n}\n","<div class=\"collapse-reorder-list\">\n\t<div class=\"collapse-reorder-list-item mb-2\">\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\n\t\t\t<div class=\"flex align-items-center gap-2\">\n\t\t\t\t<i\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\n\n\t\t\t\t<div>{{ title() }}</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t@if (!isCollapsed) {\n\t\t\t<div class=\"flex flex-column mt-2\">\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\n\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\n\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t<aril-button\n\t\t\t\t\tclass=\"w-max mb-2\"\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\n\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t[outlined]=\"true\"\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAiBa,4BAA4B,CAAA;AAYxC,IAAA,WAAA,CAAyC,gBAAkC,EAAA;QAAlC,
|
|
1
|
+
{"version":3,"file":"aril-ui-collapse-reorder-list.mjs","sources":["../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.ts","../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.html","../../projects/aril/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.ts"],"sourcesContent":["import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ContentChild, EventEmitter, Optional, Output, TemplateRef, input } from '@angular/core';\r\nimport { ControlContainer, FormArray, FormGroup } from '@angular/forms';\r\n\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-collapse-reorder-list[formArrayName]',\r\n\ttemplateUrl: './collapse-reorder-list.component.html',\r\n\tstyleUrls: ['./collapse-reorder-list.component.scss'],\r\n\timports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet],\r\n\tproviders: [DialogService]\r\n})\r\nexport class CollapseReorderListComponent {\r\n\t@ContentChild(TemplateRef) itemTemplate!: TemplateRef<any>;\r\n\r\n\ttitle = input.required<string>();\r\n\taddFieldButtonLabel = input.required<string>();\r\n\treorderField = input<string>();\r\n\tcollapsed = input<boolean>(false);\r\n\r\n\t@Output() addField = new EventEmitter<void>();\r\n\r\n\tisCollapsed = this.collapsed();\r\n\r\n\tconstructor(@Optional() private readonly controlContainer: ControlContainer) {}\r\n\r\n\tget formArray() {\r\n\t\treturn this.controlContainer.control as FormArray<FormGroup>;\r\n\t}\r\n\r\n\tdrop(event: CdkDragDrop<string[]>) {\r\n\t\tmoveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);\r\n\r\n\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t}\r\n\r\n\tprivate setFieldOrder() {\r\n\t\tthis.formArray.controls.forEach((item, index) => {\r\n\t\t\titem.get(this.reorderField() as string)?.setValue(index + 1);\r\n\t\t});\r\n\t}\r\n\r\n\tremoveField(formGroup: FormGroup) {\r\n\t\tconst index = this.formArray.controls.indexOf(formGroup);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.formArray.removeAt(index);\r\n\r\n\t\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t\t}\r\n\t}\r\n}\r\n","<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { NgStyle } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input,
|
|
3
|
+
import { input, Component, ChangeDetectionStrategy } from '@angular/core';
|
|
4
4
|
import * as i3 from '@angular/forms';
|
|
5
5
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
6
6
|
import * as i1 from 'devextreme-angular';
|
|
@@ -18,11 +18,11 @@ class DxEditorComponent extends BaseInputComponent {
|
|
|
18
18
|
this.isShowToolBar = input(true);
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxEditorComponent, isStandalone: true, selector: "aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, isMultiline: { classPropertyName: "isMultiline", publicName: "isMultiline", isSignal: true, isRequired: false, transformFunction: null }, valueContent: { classPropertyName: "valueContent", publicName: "valueContent", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isShowToolBar: { classPropertyName: "isShowToolBar", publicName: "isShowToolBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "\n<dx-html-editor [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\n <dxo-toolbar [multiline]=\"isMultiline()\">\n\t\t@if(isShowToolBar()){\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"size\"\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"font\"\n\t\t\t\t[acceptedValues]=\"[\n\t\t\t\t\t'Arial',\n\t\t\t\t\t'Courier New',\n\t\t\t\t\t'Georgia',\n\t\t\t\t\t'Impact',\n\t\t\t\t\t'Lucida Console',\n\t\t\t\t\t'Tahoma',\n\t\t\t\t\t'Times New Roman',\n\t\t\t\t\t'Verdana'\n\t\t\t\t]\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"header\"\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"color\"></dxi-item>\n\t\t\t<dxi-item name=\"background\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"link\"></dxi-item>\n\t\t\t<dxi-item name=\"image\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\n\t\t}\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\n\n </dxo-toolbar>\n</dx-html-editor>\n\n", dependencies: [{ kind: "ngmodule", type: DxHtmlEditorModule }, { kind: "component", type: i1.DxHtmlEditorComponent, selector: "dx-html-editor", inputs: ["accessKey", "activeStateEnabled", "allowSoftLineBreak", "customizeModules", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "imageUpload", "isDirty", "isValid", "mediaResizing", "mentions", "name", "placeholder", "readOnly", "rtlEnabled", "stylingMode", "tabIndex", "tableContextMenu", "tableResizing", "toolbar", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueType", "variables", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onFocusIn", "onFocusOut", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "allowSoftLineBreakChange", "customizeModulesChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "imageUploadChange", "isDirtyChange", "isValidChange", "mediaResizingChange", "mentionsChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "tableContextMenuChange", "tableResizingChange", "toolbarChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueTypeChange", "variablesChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxoMediaResizingComponent, selector: "dxo-media-resizing", inputs: ["allowedTargets", "enabled"] }, { kind: "component", type: i2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i2.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxEditorComponent, isStandalone: true, selector: "aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, isMultiline: { classPropertyName: "isMultiline", publicName: "isMultiline", isSignal: true, isRequired: false, transformFunction: null }, valueContent: { classPropertyName: "valueContent", publicName: "valueContent", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isShowToolBar: { classPropertyName: "isShowToolBar", publicName: "isShowToolBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "\r\n<dx-html-editor [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n", dependencies: [{ kind: "ngmodule", type: DxHtmlEditorModule }, { kind: "component", type: i1.DxHtmlEditorComponent, selector: "dx-html-editor", inputs: ["accessKey", "activeStateEnabled", "allowSoftLineBreak", "customizeModules", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "imageUpload", "isDirty", "isValid", "mediaResizing", "mentions", "name", "placeholder", "readOnly", "rtlEnabled", "stylingMode", "tabIndex", "tableContextMenu", "tableResizing", "toolbar", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueType", "variables", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onFocusIn", "onFocusOut", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "allowSoftLineBreakChange", "customizeModulesChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "imageUploadChange", "isDirtyChange", "isValidChange", "mediaResizingChange", "mentionsChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "tableContextMenuChange", "tableResizingChange", "toolbarChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueTypeChange", "variablesChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxoMediaResizingComponent, selector: "dxo-media-resizing", inputs: ["allowedTargets", "enabled"] }, { kind: "component", type: i2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i2.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxEditorComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ standalone: true, selector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]', imports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "\n<dx-html-editor [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\n <dxo-toolbar [multiline]=\"isMultiline()\">\n\t\t@if(isShowToolBar()){\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"size\"\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"font\"\n\t\t\t\t[acceptedValues]=\"[\n\t\t\t\t\t'Arial',\n\t\t\t\t\t'Courier New',\n\t\t\t\t\t'Georgia',\n\t\t\t\t\t'Impact',\n\t\t\t\t\t'Lucida Console',\n\t\t\t\t\t'Tahoma',\n\t\t\t\t\t'Times New Roman',\n\t\t\t\t\t'Verdana'\n\t\t\t\t]\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"header\"\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"color\"></dxi-item>\n\t\t\t<dxi-item name=\"background\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"link\"></dxi-item>\n\t\t\t<dxi-item name=\"image\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\n\t\t}\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\n\n </dxo-toolbar>\n</dx-html-editor>\n\n" }]
|
|
25
|
+
args: [{ standalone: true, selector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]', imports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n<dx-html-editor [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n" }]
|
|
26
26
|
}] });
|
|
27
27
|
|
|
28
28
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-dxEditor.mjs","sources":["../../projects/aril/ui/dxEditor/src/dx-editor.component.ts","../../projects/aril/ui/dxEditor/src/dx-editor.component.html","../../projects/aril/ui/dxEditor/aril-ui-dxEditor.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { DxHtmlEditorModule } from 'devextreme-angular';\nimport { BaseInputComponent } from 'aril/ui/lib';\n@Component({\n\tstandalone: true,\n\tselector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]',\n\ttemplateUrl: './dx-editor.component.html',\n\timports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DxEditorComponent extends BaseInputComponent {\n\theight=input<string>('400px');\n\tisMultiline= input<boolean>(true);\n\tvalueContent = input.required<string>();\n\tdisabled = input<boolean>(false);\n\tisShowToolBar= input<boolean>(true);\n}\n","\n<dx-html-editor [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\n <dxo-toolbar [multiline]=\"isMultiline()\">\n\t\t@if(isShowToolBar()){\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"size\"\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"font\"\n\t\t\t\t[acceptedValues]=\"[\n\t\t\t\t\t'Arial',\n\t\t\t\t\t'Courier New',\n\t\t\t\t\t'Georgia',\n\t\t\t\t\t'Impact',\n\t\t\t\t\t'Lucida Console',\n\t\t\t\t\t'Tahoma',\n\t\t\t\t\t'Times New Roman',\n\t\t\t\t\t'Verdana'\n\t\t\t\t]\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item\n\t\t\t\tname=\"header\"\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"color\"></dxi-item>\n\t\t\t<dxi-item name=\"background\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"link\"></dxi-item>\n\t\t\t<dxi-item name=\"image\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\n\t\t}\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\n\n </dxo-toolbar>\n</dx-html-editor>\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAYM,MAAO,iBAAmB,SAAQ,kBAAkB,CAAA;AAP1D,IAAA,WAAA,GAAA;;AAQC,QAAA,IAAA,CAAA,MAAM,GAAC,KAAK,CAAS,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"aril-ui-dxEditor.mjs","sources":["../../projects/aril/ui/dxEditor/src/dx-editor.component.ts","../../projects/aril/ui/dxEditor/src/dx-editor.component.html","../../projects/aril/ui/dxEditor/aril-ui-dxEditor.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { DxHtmlEditorModule } from 'devextreme-angular';\r\nimport { BaseInputComponent } from 'aril/ui/lib';\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]',\r\n\ttemplateUrl: './dx-editor.component.html',\r\n\timports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxEditorComponent extends BaseInputComponent {\r\n\theight=input<string>('400px');\r\n\tisMultiline= input<boolean>(true);\r\n\tvalueContent = input.required<string>();\r\n\tdisabled = input<boolean>(false);\r\n\tisShowToolBar= input<boolean>(true);\r\n}\r\n","\r\n<dx-html-editor [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAYM,MAAO,iBAAmB,SAAQ,kBAAkB,CAAA;AAP1D,IAAA,WAAA,GAAA;;AAQC,QAAA,IAAA,CAAA,MAAM,GAAC,KAAK,CAAS,OAAO,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,WAAW,GAAE,KAAK,CAAU,IAAI,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AACxC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,aAAa,GAAE,KAAK,CAAU,IAAI,CAAC,CAAC;AACpC,KAAA;8GANY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,ECZ9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+2FAmEA,ED1DoB,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,8rFAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,sFAAsF,EAEvF,OAAA,EAAA,CAAC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,EAC1C,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+2FAAA,EAAA,CAAA;;;AEVhD;;AAEG;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { NgStyle } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input,
|
|
3
|
+
import { input, Component, ChangeDetectionStrategy } from '@angular/core';
|
|
4
4
|
|
|
5
5
|
class DxFieldComponent {
|
|
6
6
|
constructor() {
|
|
@@ -11,11 +11,11 @@ class DxFieldComponent {
|
|
|
11
11
|
this.markAsRequired = input(false);
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\n\t<div class=\"dx-field\">\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\n\t\t\t<div class=\"mb-1\">\n\t\t\t\t\t{{ label() }}\n\t\t\t\t\t@if (markAsRequired()) {\n\t\t\t\t\t\t*\n\t\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\t<div class=\"dx-field\">\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\n\t\t\t<div class=\"mb-1\">\n\t\t\t\t\t{{ label() }}\n\t\t\t\t\t@if (markAsRequired()) {\n\t\t\t\t\t\t*\n\t\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n" }]
|
|
18
|
+
args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n" }]
|
|
19
19
|
}] });
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -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';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\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\tlabel = input<string>();\n\tcolor = input<string>('#333');\n\tlabelWidth = input<number>(30);\n\tvalueWidth = input<number>(70);\n\tmarkAsRequired = input<boolean>(false);\n}\n","\n\t<div class=\"dx-field\">\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\n\t\t\t<div class=\"mb-1\">\n\t\t\t\t\t{{ label() }}\n\t\t\t\t\t@if (markAsRequired()) {\n\t\t\t\t\t\t*\n\t\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQC,
|
|
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';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-field',\r\n\ttemplateUrl: './dx-field.component.html',\r\n\timports: [NgStyle],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxFieldComponent {\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n\tmarkAsRequired = input<boolean>(false);\r\n}\r\n","\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACvC,KAAA;8GANY,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,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,saAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRW,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,saAAA,EAAA,CAAA;;;AERhD;;AAEG;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input, effect,
|
|
3
|
+
import { input, effect, Component, Input } from '@angular/core';
|
|
4
4
|
import * as i2 from '@angular/forms';
|
|
5
5
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
6
|
import * as i4 from 'primeng/tooltip';
|
|
@@ -180,11 +180,11 @@ class ArilEditorComponent extends BaseInputComponent {
|
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
183
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ArilEditorComponent, isStandalone: true, selector: "aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, showLanguageSelector: { classPropertyName: "showLanguageSelector", publicName: "showLanguageSelector", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, automaticLayout: { classPropertyName: "automaticLayout", publicName: "automaticLayout", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div \n [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n [tooltipOptions]=\"tooltipOptions\"\n [style.height]=\"height\"\n [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\n [class.border-radius]=\"borderRadius()\"\n class=\"aril-editor-container\">\n <ngx-monaco-editor\n [style.height]=\"height\"\n [options]=\"editorOptions\"\n [formControl]=\"ngControl.control\"\n (onInit)=\"onEditorInit($event)\"\n (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n >\n </ngx-monaco-editor>\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i3.EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { 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"] }] }); }
|
|
183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ArilEditorComponent, isStandalone: true, selector: "aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, showLanguageSelector: { classPropertyName: "showLanguageSelector", publicName: "showLanguageSelector", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, automaticLayout: { classPropertyName: "automaticLayout", publicName: "automaticLayout", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div \r\n [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n [tooltipOptions]=\"tooltipOptions\"\r\n [style.height]=\"height\"\r\n [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n [class.border-radius]=\"borderRadius()\"\r\n class=\"aril-editor-container\">\r\n <ngx-monaco-editor\r\n [style.height]=\"height\"\r\n [options]=\"editorOptions\"\r\n [formControl]=\"ngControl.control\"\r\n (onInit)=\"onEditorInit($event)\"\r\n (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n >\r\n </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i3.EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { 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"] }] }); }
|
|
184
184
|
}
|
|
185
185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilEditorComponent, decorators: [{
|
|
186
186
|
type: Component,
|
|
187
|
-
args: [{ selector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule], hostDirectives: [ValueAccessorDirective], template: "<div \n [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n [tooltipOptions]=\"tooltipOptions\"\n [style.height]=\"height\"\n [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\n [class.border-radius]=\"borderRadius()\"\n class=\"aril-editor-container\">\n <ngx-monaco-editor\n [style.height]=\"height\"\n [options]=\"editorOptions\"\n [formControl]=\"ngControl.control\"\n (onInit)=\"onEditorInit($event)\"\n (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n >\n </ngx-monaco-editor>\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"] }]
|
|
187
|
+
args: [{ selector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule], hostDirectives: [ValueAccessorDirective], template: "<div \r\n [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n [tooltipOptions]=\"tooltipOptions\"\r\n [style.height]=\"height\"\r\n [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n [class.border-radius]=\"borderRadius()\"\r\n class=\"aril-editor-container\">\r\n <ngx-monaco-editor\r\n [style.height]=\"height\"\r\n [options]=\"editorOptions\"\r\n [formControl]=\"ngControl.control\"\r\n (onInit)=\"onEditorInit($event)\"\r\n (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n >\r\n </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"] }]
|
|
188
188
|
}], ctorParameters: () => [], propDecorators: { language: [{
|
|
189
189
|
type: Input
|
|
190
190
|
}], theme: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-editor.mjs","sources":["../../projects/aril/ui/editor/src/types.ts","../../projects/aril/ui/editor/src/aril-editor.component.ts","../../projects/aril/ui/editor/src/aril-editor.component.html","../../projects/aril/ui/editor/aril-ui-editor.ts"],"sourcesContent":["/**\n * Monaco Editor desteklenen dil tipleri\n */\nexport enum MonacoLanguageType {\n\tJSON = 'json',\n\tJAVASCRIPT = 'javascript',\n\tPYTHON = 'python',\n\tTYPESCRIPT = 'typescript',\n\tLUA = 'lua',\n\tXML = 'xml',\n\tHTML = 'html',\n\tJAVA = 'java',\n\tSQL = 'sql',\n\tTEXT_PLAIN = 'text/plain'\n}\n\n/**\n * Monaco Editor tema tipleri\n */\nexport enum MonacoThemeType {\n\tVS = 'vs',\n\tVS_DARK = 'vs-dark',\n\tHC_BLACK = 'hc-black'\n}\n","/* eslint-disable @angular-eslint/component-selector */\nimport { CommonModule } from '@angular/common';\nimport { Component, Input, OnDestroy, OnInit, effect, input } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { MonacoEditorModule } from 'ngx-monaco-editor-v2';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\nimport { MonacoLanguageType, MonacoThemeType } from './types';\n\ndeclare const monaco: any;\n\n@Component({\n\tselector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]',\n\tstandalone: true,\n\timports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule],\n\ttemplateUrl: './aril-editor.component.html',\n\tstyleUrls: ['./aril-editor.component.scss'],\n\t// encapsulation: ViewEncapsulation.None,\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class ArilEditorComponent extends BaseInputComponent implements OnInit, OnDestroy {\n\t@Input() language: MonacoLanguageType = MonacoLanguageType.JSON;\n\t@Input() theme: MonacoThemeType = MonacoThemeType.VS_DARK;\n\t@Input() showLanguageSelector = false;\n\t@Input() height = '200px';\n\treadOnly = input<boolean>(false);\n\tautomaticLayout = input<boolean>(true);\n\tborderRadius = input<boolean>(true);\n\n\teditorOptions: any = {};\n\teditorInstance: any;\n\n\tconstructor() {\n\t\tsuper();\n\t\teffect(() => {\n\t\t\tif (typeof this.readOnly() === 'boolean') {\n\t\t\t\tthis.editorInstance?.updateOptions({ readOnly: this.readOnly() });\n\t\t\t}\n\t\t});\n\t}\n\n\tget languageLabel(): string {\n\t\treturn this.language.toUpperCase();\n\t}\n\n\tngOnInit(): void {\n\t\tthis.initializeEditor();\n\t}\n\n\tngOnDestroy(): void {\n\t\tif (this.editorInstance) {\n\t\t\tthis.editorInstance.dispose();\n\t\t}\n\t}\n\n\tprivate initializeEditor(): void {\n\t\tthis.editorOptions = {\n\t\t\ttheme: this.theme,\n\t\t\tlanguage: this.language,\n\t\t\tautomaticLayout: this.automaticLayout(),\n\t\t\tminimap: {\n\t\t\t\tenabled: true\n\t\t\t},\n\t\t\tscrollBeyondLastLine: false,\n\t\t\tlineNumbers: 'on',\n\t\t\ttabSize: 2,\n\t\t\trenderLineHighlight: 'all',\n\t\t\twordWrap: 'on',\n\t\t\tformatOnType: true,\n\t\t\tformatOnPaste: true,\n\t\t\treadOnly: this.readOnly()\n\t\t};\n\t}\n\n\tonEditorInit(editor: any): void {\n\t\tthis.editorInstance = editor;\n\n\t\tif (editor) {\n\t\t\t// Editör temasını ayarla\n\t\t\tmonaco.editor.setTheme(this.theme);\n\t\t\t// Dile göre doğrulama ayarları\n\t\t\tthis.setupLanguageValidation();\n\t\t}\n\t}\n\n\tprivate setupLanguageValidation(): void {\n\t\tif (!this.editorInstance) return;\n\n\t\ttry {\n\t\t\t// Her dil için uygun validasyon ayarı\n\t\t\tswitch (this.language) {\n\t\t\t\tcase MonacoLanguageType.JAVASCRIPT:\n\t\t\t\tcase MonacoLanguageType.TYPESCRIPT:\n\t\t\t\t\tthis.setupJSValidation();\n\t\t\t\t\tbreak;\n\t\t\t\tcase MonacoLanguageType.JSON:\n\t\t\t\t\tthis.setupJSONValidation();\n\t\t\t\t\tbreak;\n\t\t\t\tcase MonacoLanguageType.HTML:\n\t\t\t\tcase MonacoLanguageType.XML:\n\t\t\t\t\tthis.setupHTMLValidation();\n\t\t\t\t\tbreak;\n\t\t\t\t// Python, Lua ve Java için özel validasyon gerekli\n\t\t\t\t// Bu diller için Monaco'nun built-in validasyonu yok\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error('Language validation setup error:', e);\n\t\t}\n\t}\n\n\tprivate setupJSValidation(): void {\n\t\tif (!this.editorInstance) return;\n\n\t\ttry {\n\t\t\tif (monaco && monaco.languages && monaco.languages.typescript) {\n\t\t\t\tconst compilerOptions = {\n\t\t\t\t\ttarget: monaco.languages.typescript.ScriptTarget.ES2020,\n\t\t\t\t\tallowNonTsExtensions: true,\n\t\t\t\t\tmodule: monaco.languages.typescript.ModuleKind.CommonJS,\n\t\t\t\t\tnoSemanticValidation: false,\n\t\t\t\t\tnoSyntaxValidation: false\n\t\t\t\t};\n\n\t\t\t\tif (this.language === MonacoLanguageType.JAVASCRIPT) {\n\t\t\t\t\tmonaco.languages.typescript.javascriptDefaults.setCompilerOptions(compilerOptions);\n\t\t\t\t\tmonaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n\t\t\t\t\t\tnoSemanticValidation: false,\n\t\t\t\t\t\tnoSyntaxValidation: false\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tmonaco.languages.typescript.typescriptDefaults.setCompilerOptions(compilerOptions);\n\t\t\t\t\tmonaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n\t\t\t\t\t\tnoSemanticValidation: false,\n\t\t\t\t\t\tnoSyntaxValidation: false\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error('JS/TS validation setup error:', e);\n\t\t}\n\t}\n\n\tprivate setupJSONValidation(): void {\n\t\tif (!this.editorInstance) return;\n\n\t\ttry {\n\t\t\tif (monaco.languages && monaco.languages.json) {\n\t\t\t\tmonaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n\t\t\t\t\tvalidate: true,\n\t\t\t\t\tallowComments: true,\n\t\t\t\t\tschemas: []\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error('JSON validation setup error:', e);\n\t\t}\n\t}\n\n\tprivate setupHTMLValidation(): void {\n\t\tif (!this.editorInstance) return;\n\n\t\ttry {\n\t\t\tif (monaco.languages && monaco.languages.html) {\n\t\t\t\tmonaco.languages.html.htmlDefaults.setDiagnosticsOptions({\n\t\t\t\t\tvalidate: true\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error('HTML validation setup error:', e);\n\t\t}\n\t}\n}\n","<div \n [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n [tooltipOptions]=\"tooltipOptions\"\n [style.height]=\"height\"\n [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\n [class.border-radius]=\"borderRadius()\"\n class=\"aril-editor-container\">\n <ngx-monaco-editor\n [style.height]=\"height\"\n [options]=\"editorOptions\"\n [formControl]=\"ngControl.control\"\n (onInit)=\"onEditorInit($event)\"\n (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n >\n </ngx-monaco-editor>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"aril-ui-editor.mjs","sources":["../../projects/aril/ui/editor/src/types.ts","../../projects/aril/ui/editor/src/aril-editor.component.ts","../../projects/aril/ui/editor/src/aril-editor.component.html","../../projects/aril/ui/editor/aril-ui-editor.ts"],"sourcesContent":["/**\r\n * Monaco Editor desteklenen dil tipleri\r\n */\r\nexport enum MonacoLanguageType {\r\n\tJSON = 'json',\r\n\tJAVASCRIPT = 'javascript',\r\n\tPYTHON = 'python',\r\n\tTYPESCRIPT = 'typescript',\r\n\tLUA = 'lua',\r\n\tXML = 'xml',\r\n\tHTML = 'html',\r\n\tJAVA = 'java',\r\n\tSQL = 'sql',\r\n\tTEXT_PLAIN = 'text/plain'\r\n}\r\n\r\n/**\r\n * Monaco Editor tema tipleri\r\n */\r\nexport enum MonacoThemeType {\r\n\tVS = 'vs',\r\n\tVS_DARK = 'vs-dark',\r\n\tHC_BLACK = 'hc-black'\r\n}\r\n","/* eslint-disable @angular-eslint/component-selector */\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnDestroy, OnInit, effect, input } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { MonacoEditorModule } from 'ngx-monaco-editor-v2';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\nimport { MonacoLanguageType, MonacoThemeType } from './types';\r\n\r\ndeclare const monaco: any;\r\n\r\n@Component({\r\n\tselector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]',\r\n\tstandalone: true,\r\n\timports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule],\r\n\ttemplateUrl: './aril-editor.component.html',\r\n\tstyleUrls: ['./aril-editor.component.scss'],\r\n\t// encapsulation: ViewEncapsulation.None,\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class ArilEditorComponent extends BaseInputComponent implements OnInit, OnDestroy {\r\n\t@Input() language: MonacoLanguageType = MonacoLanguageType.JSON;\r\n\t@Input() theme: MonacoThemeType = MonacoThemeType.VS_DARK;\r\n\t@Input() showLanguageSelector = false;\r\n\t@Input() height = '200px';\r\n\treadOnly = input<boolean>(false);\r\n\tautomaticLayout = input<boolean>(true);\r\n\tborderRadius = input<boolean>(true);\r\n\r\n\teditorOptions: any = {};\r\n\teditorInstance: any;\r\n\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\teffect(() => {\r\n\t\t\tif (typeof this.readOnly() === 'boolean') {\r\n\t\t\t\tthis.editorInstance?.updateOptions({ readOnly: this.readOnly() });\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tget languageLabel(): string {\r\n\t\treturn this.language.toUpperCase();\r\n\t}\r\n\r\n\tngOnInit(): void {\r\n\t\tthis.initializeEditor();\r\n\t}\r\n\r\n\tngOnDestroy(): void {\r\n\t\tif (this.editorInstance) {\r\n\t\t\tthis.editorInstance.dispose();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate initializeEditor(): void {\r\n\t\tthis.editorOptions = {\r\n\t\t\ttheme: this.theme,\r\n\t\t\tlanguage: this.language,\r\n\t\t\tautomaticLayout: this.automaticLayout(),\r\n\t\t\tminimap: {\r\n\t\t\t\tenabled: true\r\n\t\t\t},\r\n\t\t\tscrollBeyondLastLine: false,\r\n\t\t\tlineNumbers: 'on',\r\n\t\t\ttabSize: 2,\r\n\t\t\trenderLineHighlight: 'all',\r\n\t\t\twordWrap: 'on',\r\n\t\t\tformatOnType: true,\r\n\t\t\tformatOnPaste: true,\r\n\t\t\treadOnly: this.readOnly()\r\n\t\t};\r\n\t}\r\n\r\n\tonEditorInit(editor: any): void {\r\n\t\tthis.editorInstance = editor;\r\n\r\n\t\tif (editor) {\r\n\t\t\t// Editör temasını ayarla\r\n\t\t\tmonaco.editor.setTheme(this.theme);\r\n\t\t\t// Dile göre doğrulama ayarları\r\n\t\t\tthis.setupLanguageValidation();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupLanguageValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\t// Her dil için uygun validasyon ayarı\r\n\t\t\tswitch (this.language) {\r\n\t\t\t\tcase MonacoLanguageType.JAVASCRIPT:\r\n\t\t\t\tcase MonacoLanguageType.TYPESCRIPT:\r\n\t\t\t\t\tthis.setupJSValidation();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase MonacoLanguageType.JSON:\r\n\t\t\t\t\tthis.setupJSONValidation();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase MonacoLanguageType.HTML:\r\n\t\t\t\tcase MonacoLanguageType.XML:\r\n\t\t\t\t\tthis.setupHTMLValidation();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// Python, Lua ve Java için özel validasyon gerekli\r\n\t\t\t\t// Bu diller için Monaco'nun built-in validasyonu yok\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('Language validation setup error:', e);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupJSValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\tif (monaco && monaco.languages && monaco.languages.typescript) {\r\n\t\t\t\tconst compilerOptions = {\r\n\t\t\t\t\ttarget: monaco.languages.typescript.ScriptTarget.ES2020,\r\n\t\t\t\t\tallowNonTsExtensions: true,\r\n\t\t\t\t\tmodule: monaco.languages.typescript.ModuleKind.CommonJS,\r\n\t\t\t\t\tnoSemanticValidation: false,\r\n\t\t\t\t\tnoSyntaxValidation: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (this.language === MonacoLanguageType.JAVASCRIPT) {\r\n\t\t\t\t\tmonaco.languages.typescript.javascriptDefaults.setCompilerOptions(compilerOptions);\r\n\t\t\t\t\tmonaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\t\tnoSemanticValidation: false,\r\n\t\t\t\t\t\tnoSyntaxValidation: false\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmonaco.languages.typescript.typescriptDefaults.setCompilerOptions(compilerOptions);\r\n\t\t\t\t\tmonaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\t\tnoSemanticValidation: false,\r\n\t\t\t\t\t\tnoSyntaxValidation: false\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('JS/TS validation setup error:', e);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupJSONValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\tif (monaco.languages && monaco.languages.json) {\r\n\t\t\t\tmonaco.languages.json.jsonDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\tvalidate: true,\r\n\t\t\t\t\tallowComments: true,\r\n\t\t\t\t\tschemas: []\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('JSON validation setup error:', e);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupHTMLValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\tif (monaco.languages && monaco.languages.html) {\r\n\t\t\t\tmonaco.languages.html.htmlDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\tvalidate: true\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('HTML validation setup error:', e);\r\n\t\t}\r\n\t}\r\n}\r\n","<div \r\n [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n [tooltipOptions]=\"tooltipOptions\"\r\n [style.height]=\"height\"\r\n [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n [class.border-radius]=\"borderRadius()\"\r\n class=\"aril-editor-container\">\r\n <ngx-monaco-editor\r\n [style.height]=\"height\"\r\n [options]=\"editorOptions\"\r\n [formControl]=\"ngControl.control\"\r\n (onInit)=\"onEditorInit($event)\"\r\n (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n >\r\n </ngx-monaco-editor>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|