@igo2/common 18.0.0-next.9 → 18.0.1-next.1
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/drag-drop/drag-drop.module.d.ts +2 -1
- package/drag-drop/public_api.d.ts +1 -0
- package/drag-drop/tree-drag-drop/index.d.ts +2 -0
- package/drag-drop/tree-drag-drop/tree-drag-drop.directive.d.ts +85 -0
- package/drag-drop/tree-drag-drop/tree-drag-drop.interface.d.ts +15 -0
- package/entity/src/entity-table/entity-table.theming.scss +1 -1
- package/fesm2022/igo2-common-action.mjs +16 -16
- package/fesm2022/igo2-common-action.mjs.map +1 -1
- package/fesm2022/igo2-common-backdrop.mjs +8 -8
- package/fesm2022/igo2-common-backdrop.mjs.map +1 -1
- package/fesm2022/igo2-common-badge.mjs +7 -7
- package/fesm2022/igo2-common-badge.mjs.map +1 -1
- package/fesm2022/igo2-common-clickout.mjs +7 -7
- package/fesm2022/igo2-common-clickout.mjs.map +1 -1
- package/fesm2022/igo2-common-clone.mjs +7 -7
- package/fesm2022/igo2-common-clone.mjs.map +1 -1
- package/fesm2022/igo2-common-collapsible.mjs +11 -11
- package/fesm2022/igo2-common-collapsible.mjs.map +1 -1
- package/fesm2022/igo2-common-color.mjs +9 -9
- package/fesm2022/igo2-common-color.mjs.map +1 -1
- package/fesm2022/igo2-common-confirm-dialog.mjs +11 -11
- package/fesm2022/igo2-common-confirm-dialog.mjs.map +1 -1
- package/fesm2022/igo2-common-context-menu.mjs +10 -10
- package/fesm2022/igo2-common-context-menu.mjs.map +1 -1
- package/fesm2022/igo2-common-custom-html.mjs +11 -11
- package/fesm2022/igo2-common-custom-html.mjs.map +1 -1
- package/fesm2022/igo2-common-dom.mjs +7 -7
- package/fesm2022/igo2-common-dom.mjs.map +1 -1
- package/fesm2022/igo2-common-drag-drop.mjs +400 -11
- package/fesm2022/igo2-common-drag-drop.mjs.map +1 -1
- package/fesm2022/igo2-common-dynamic-component.mjs +14 -14
- package/fesm2022/igo2-common-dynamic-component.mjs.map +1 -1
- package/fesm2022/igo2-common-entity.mjs +33 -33
- package/fesm2022/igo2-common-entity.mjs.map +1 -1
- package/fesm2022/igo2-common-flexible.mjs +7 -7
- package/fesm2022/igo2-common-flexible.mjs.map +1 -1
- package/fesm2022/igo2-common-form.mjs +64 -61
- package/fesm2022/igo2-common-form.mjs.map +1 -1
- package/fesm2022/igo2-common-home-button.mjs +8 -8
- package/fesm2022/igo2-common-home-button.mjs.map +1 -1
- package/fesm2022/igo2-common-icon.mjs +22 -15
- package/fesm2022/igo2-common-icon.mjs.map +1 -1
- package/fesm2022/igo2-common-image.mjs +10 -10
- package/fesm2022/igo2-common-image.mjs.map +1 -1
- package/fesm2022/igo2-common-interactive-tour.mjs +14 -14
- package/fesm2022/igo2-common-interactive-tour.mjs.map +1 -1
- package/fesm2022/igo2-common-json-dialog.mjs +11 -11
- package/fesm2022/igo2-common-json-dialog.mjs.map +1 -1
- package/fesm2022/igo2-common-keyvalue.mjs +7 -7
- package/fesm2022/igo2-common-keyvalue.mjs.map +1 -1
- package/fesm2022/igo2-common-list.mjs +11 -11
- package/fesm2022/igo2-common-list.mjs.map +1 -1
- package/fesm2022/igo2-common-panel.mjs +8 -8
- package/fesm2022/igo2-common-panel.mjs.map +1 -1
- package/fesm2022/igo2-common-select-value-dialog.mjs +11 -11
- package/fesm2022/igo2-common-select-value-dialog.mjs.map +1 -1
- package/fesm2022/igo2-common-sidenav.mjs +7 -7
- package/fesm2022/igo2-common-sidenav.mjs.map +1 -1
- package/fesm2022/igo2-common-spinner.mjs +11 -11
- package/fesm2022/igo2-common-spinner.mjs.map +1 -1
- package/fesm2022/igo2-common-stop-propagation.mjs +10 -10
- package/fesm2022/igo2-common-stop-propagation.mjs.map +1 -1
- package/fesm2022/igo2-common-table.mjs +8 -8
- package/fesm2022/igo2-common-table.mjs.map +1 -1
- package/fesm2022/igo2-common-tool.mjs +15 -15
- package/fesm2022/igo2-common-tool.mjs.map +1 -1
- package/fesm2022/igo2-common-widget.mjs +15 -15
- package/fesm2022/igo2-common-widget.mjs.map +1 -1
- package/fesm2022/igo2-common-workspace.mjs +20 -20
- package/fesm2022/igo2-common-workspace.mjs.map +1 -1
- package/form/shared/form.interfaces.d.ts +1 -0
- package/icon/shared/icons.d.ts +2 -0
- package/locale/en.common.json +6 -0
- package/locale/fr.common.json +6 -0
- package/package.json +8 -76
- package/src/style/style.scss +1 -1
- package/style/style.css +4 -1
- package/esm2022/action/action.module.mjs +0 -19
- package/esm2022/action/actionbar/actionbar-item.component.mjs +0 -192
- package/esm2022/action/actionbar/actionbar.component.mjs +0 -277
- package/esm2022/action/actionbar/actionbar.module.mjs +0 -19
- package/esm2022/action/igo2-common-action.mjs +0 -5
- package/esm2022/action/public_api.mjs +0 -5
- package/esm2022/action/shared/action.enums.mjs +0 -7
- package/esm2022/action/shared/action.interfaces.mjs +0 -2
- package/esm2022/action/shared/index.mjs +0 -4
- package/esm2022/action/shared/store.mjs +0 -8
- package/esm2022/backdrop/backdrop.component.mjs +0 -21
- package/esm2022/backdrop/backdrop.module.mjs +0 -25
- package/esm2022/backdrop/igo2-common-backdrop.mjs +0 -5
- package/esm2022/backdrop/public_api.mjs +0 -3
- package/esm2022/badge/badge-icon.directive.mjs +0 -149
- package/esm2022/badge/badge-icon.module.mjs +0 -25
- package/esm2022/badge/igo2-common-badge.mjs +0 -5
- package/esm2022/badge/public_api.mjs +0 -3
- package/esm2022/clickout/clickout.directive.mjs +0 -32
- package/esm2022/clickout/clickout.module.mjs +0 -25
- package/esm2022/clickout/igo2-common-clickout.mjs +0 -5
- package/esm2022/clickout/public_api.mjs +0 -3
- package/esm2022/clone/clone.module.mjs +0 -25
- package/esm2022/clone/clone.pipe.mjs +0 -25
- package/esm2022/clone/igo2-common-clone.mjs +0 -5
- package/esm2022/clone/public_api.mjs +0 -3
- package/esm2022/collapsible/collapse.directive.mjs +0 -57
- package/esm2022/collapsible/collapsible.component.mjs +0 -38
- package/esm2022/collapsible/collapsible.module.mjs +0 -26
- package/esm2022/collapsible/igo2-common-collapsible.mjs +0 -5
- package/esm2022/collapsible/public_api.mjs +0 -10
- package/esm2022/color/color-picker-form-field/color-picker-form-field.component.mjs +0 -104
- package/esm2022/color/color-picker-form-field/color-picker-form-field.module.mjs +0 -19
- package/esm2022/color/color-picker-form-field/index.mjs +0 -3
- package/esm2022/color/igo2-common-color.mjs +0 -5
- package/esm2022/color/public_api.mjs +0 -2
- package/esm2022/confirm-dialog/confirm-dialog.component.mjs +0 -31
- package/esm2022/confirm-dialog/confirm-dialog.interface.mjs +0 -2
- package/esm2022/confirm-dialog/confirm-dialog.module.mjs +0 -27
- package/esm2022/confirm-dialog/confirm-dialog.service.mjs +0 -35
- package/esm2022/confirm-dialog/igo2-common-confirm-dialog.mjs +0 -5
- package/esm2022/confirm-dialog/public_api.mjs +0 -5
- package/esm2022/context-menu/context-menu.directive.mjs +0 -109
- package/esm2022/context-menu/context-menu.module.mjs +0 -26
- package/esm2022/context-menu/igo2-common-context-menu.mjs +0 -5
- package/esm2022/context-menu/long-press.directive.mjs +0 -65
- package/esm2022/context-menu/public_api.mjs +0 -10
- package/esm2022/custom-html/custom-html.component.mjs +0 -21
- package/esm2022/custom-html/custom-html.module.mjs +0 -25
- package/esm2022/custom-html/custom-html.pipe.mjs +0 -23
- package/esm2022/custom-html/igo2-common-custom-html.mjs +0 -5
- package/esm2022/custom-html/public_api.mjs +0 -10
- package/esm2022/dom/dom.interfaces.mjs +0 -2
- package/esm2022/dom/dom.module.mjs +0 -27
- package/esm2022/dom/dom.service.mjs +0 -35
- package/esm2022/dom/igo2-common-dom.mjs +0 -5
- package/esm2022/dom/public_api.mjs +0 -4
- package/esm2022/drag-drop/drag-drop.directive.mjs +0 -82
- package/esm2022/drag-drop/drag-drop.module.mjs +0 -25
- package/esm2022/drag-drop/igo2-common-drag-drop.mjs +0 -5
- package/esm2022/drag-drop/public_api.mjs +0 -3
- package/esm2022/dynamic-component/dynamic-component.module.mjs +0 -19
- package/esm2022/dynamic-component/dynamic-outlet/dynamic-outlet.component.mjs +0 -129
- package/esm2022/dynamic-component/dynamic-outlet/dynamic-outlet.module.mjs +0 -19
- package/esm2022/dynamic-component/igo2-common-dynamic-component.mjs +0 -5
- package/esm2022/dynamic-component/public_api.mjs +0 -5
- package/esm2022/dynamic-component/shared/dynamic-component.interfaces.mjs +0 -2
- package/esm2022/dynamic-component/shared/dynamic-component.mjs +0 -183
- package/esm2022/dynamic-component/shared/dynamic-component.service.mjs +0 -30
- package/esm2022/dynamic-component/shared/index.mjs +0 -4
- package/esm2022/entity/entity-selector/entity-selector.component.mjs +0 -174
- package/esm2022/entity/entity-selector/entity-selector.module.mjs +0 -19
- package/esm2022/entity/entity-selector/index.mjs +0 -3
- package/esm2022/entity/entity-table/entity-table-row.directive.mjs +0 -138
- package/esm2022/entity/entity-table/entity-table.component.mjs +0 -883
- package/esm2022/entity/entity-table/entity-table.module.mjs +0 -19
- package/esm2022/entity/entity-table/index.mjs +0 -3
- package/esm2022/entity/entity-table-paginator/entity-table-paginator.component.mjs +0 -158
- package/esm2022/entity/entity-table-paginator/entity-table-paginator.interface.mjs +0 -2
- package/esm2022/entity/entity-table-paginator/entity-table-paginator.module.mjs +0 -19
- package/esm2022/entity/entity-table-paginator/index.mjs +0 -4
- package/esm2022/entity/entity.module.mjs +0 -30
- package/esm2022/entity/igo2-common-entity.mjs +0 -5
- package/esm2022/entity/public_api.mjs +0 -6
- package/esm2022/entity/shared/entity.enums.mjs +0 -28
- package/esm2022/entity/shared/entity.interfaces.mjs +0 -2
- package/esm2022/entity/shared/entity.utils.mjs +0 -73
- package/esm2022/entity/shared/index.mjs +0 -10
- package/esm2022/entity/shared/state.mjs +0 -194
- package/esm2022/entity/shared/store.mjs +0 -322
- package/esm2022/entity/shared/strategies/filter-custom-function.mjs +0 -80
- package/esm2022/entity/shared/strategies/filter-selection.mjs +0 -81
- package/esm2022/entity/shared/strategies/index.mjs +0 -4
- package/esm2022/entity/shared/strategies/strategy.mjs +0 -82
- package/esm2022/entity/shared/transaction.mjs +0 -329
- package/esm2022/entity/shared/view.mjs +0 -330
- package/esm2022/entity/shared/watcher.mjs +0 -135
- package/esm2022/environment/environment.interface.mjs +0 -2
- package/esm2022/environment/igo2-common-environment.mjs +0 -5
- package/esm2022/environment/public_api.mjs +0 -2
- package/esm2022/flexible/flexible.component.mjs +0 -137
- package/esm2022/flexible/flexible.module.mjs +0 -25
- package/esm2022/flexible/flexible.type.mjs +0 -2
- package/esm2022/flexible/igo2-common-flexible.mjs +0 -5
- package/esm2022/flexible/public_api.mjs +0 -4
- package/esm2022/form/form/form.component.mjs +0 -102
- package/esm2022/form/form/form.module.mjs +0 -19
- package/esm2022/form/form/index.mjs +0 -3
- package/esm2022/form/form-dialog/form-dialog.component.mjs +0 -94
- package/esm2022/form/form-dialog/form-dialog.interface.mjs +0 -2
- package/esm2022/form/form-dialog/form-dialog.module.mjs +0 -31
- package/esm2022/form/form-dialog/form-dialog.service.mjs +0 -30
- package/esm2022/form/form-dialog/index.mjs +0 -5
- package/esm2022/form/form-field/form-field-select.component.mjs +0 -117
- package/esm2022/form/form-field/form-field-text.component.mjs +0 -126
- package/esm2022/form/form-field/form-field-textarea.component.mjs +0 -95
- package/esm2022/form/form-field/form-field.component.mjs +0 -65
- package/esm2022/form/form-field/form-field.directive.mjs +0 -11
- package/esm2022/form/form-field/form-field.module.mjs +0 -23
- package/esm2022/form/form-field/index.mjs +0 -7
- package/esm2022/form/form-group/form-group.component.mjs +0 -81
- package/esm2022/form/form-group/form-group.module.mjs +0 -19
- package/esm2022/form/form-group/index.mjs +0 -3
- package/esm2022/form/form.module.mjs +0 -32
- package/esm2022/form/igo2-common-form.mjs +0 -5
- package/esm2022/form/public_api.mjs +0 -7
- package/esm2022/form/shared/form-field-component.mjs +0 -7
- package/esm2022/form/shared/form-field.service.mjs +0 -28
- package/esm2022/form/shared/form.interfaces.mjs +0 -2
- package/esm2022/form/shared/form.service.mjs +0 -82
- package/esm2022/form/shared/form.utils.mjs +0 -41
- package/esm2022/form/shared/index.mjs +0 -6
- package/esm2022/home-button/home-button.component.mjs +0 -25
- package/esm2022/home-button/home-button.module.mjs +0 -19
- package/esm2022/home-button/igo2-common-home-button.mjs +0 -5
- package/esm2022/home-button/public_api.mjs +0 -3
- package/esm2022/icon/icon/icon.component.mjs +0 -38
- package/esm2022/icon/icon.provider.mjs +0 -14
- package/esm2022/icon/igo2-common-icon.mjs +0 -5
- package/esm2022/icon/public_api.mjs +0 -4
- package/esm2022/icon/shared/icon.interface.mjs +0 -2
- package/esm2022/icon/shared/icon.service.mjs +0 -26
- package/esm2022/icon/shared/icons.mjs +0 -32
- package/esm2022/icon/shared/index.mjs +0 -4
- package/esm2022/igo2-common.mjs +0 -5
- package/esm2022/image/igo2-common-image.mjs +0 -5
- package/esm2022/image/image-error.directive.mjs +0 -35
- package/esm2022/image/image.module.mjs +0 -26
- package/esm2022/image/public_api.mjs +0 -7
- package/esm2022/image/secure-image.pipe.mjs +0 -66
- package/esm2022/interactive-tour/igo2-common-interactive-tour.mjs +0 -5
- package/esm2022/interactive-tour/interactive-tour.component.mjs +0 -131
- package/esm2022/interactive-tour/interactive-tour.interface.mjs +0 -2
- package/esm2022/interactive-tour/interactive-tour.loader.mjs +0 -49
- package/esm2022/interactive-tour/interactive-tour.module.mjs +0 -19
- package/esm2022/interactive-tour/interactive-tour.service.mjs +0 -303
- package/esm2022/interactive-tour/public_api.mjs +0 -6
- package/esm2022/json-dialog/igo2-common-json-dialog.mjs +0 -5
- package/esm2022/json-dialog/json-dialog.component.mjs +0 -38
- package/esm2022/json-dialog/json-dialog.module.mjs +0 -26
- package/esm2022/json-dialog/json-dialog.service.mjs +0 -26
- package/esm2022/json-dialog/public_api.mjs +0 -4
- package/esm2022/keyvalue/igo2-common-keyvalue.mjs +0 -5
- package/esm2022/keyvalue/keyvalue.module.mjs +0 -25
- package/esm2022/keyvalue/keyvalue.pipe.mjs +0 -19
- package/esm2022/keyvalue/public_api.mjs +0 -3
- package/esm2022/list/igo2-common-list.mjs +0 -5
- package/esm2022/list/list-item.directive.mjs +0 -166
- package/esm2022/list/list.component.mjs +0 -252
- package/esm2022/list/list.module.mjs +0 -26
- package/esm2022/list/public_api.mjs +0 -7
- package/esm2022/panel/igo2-common-panel.mjs +0 -5
- package/esm2022/panel/panel.component.mjs +0 -30
- package/esm2022/panel/panel.module.mjs +0 -19
- package/esm2022/panel/public_api.mjs +0 -3
- package/esm2022/public_api.mjs +0 -20
- package/esm2022/select-value-dialog/igo2-common-select-value-dialog.mjs +0 -5
- package/esm2022/select-value-dialog/public_api.mjs +0 -6
- package/esm2022/select-value-dialog/select-value-check-radio-dialog.component.mjs +0 -103
- package/esm2022/select-value-dialog/select-value-dialog.enums.mjs +0 -6
- package/esm2022/select-value-dialog/select-value-dialog.interface.mjs +0 -2
- package/esm2022/select-value-dialog/select-value-dialog.module.mjs +0 -27
- package/esm2022/select-value-dialog/select-value-dialog.service.mjs +0 -29
- package/esm2022/sidenav/igo2-common-sidenav.mjs +0 -5
- package/esm2022/sidenav/public_api.mjs +0 -3
- package/esm2022/sidenav/sidenav-shim.directive.mjs +0 -58
- package/esm2022/sidenav/sidenav.module.mjs +0 -25
- package/esm2022/spinner/igo2-common-spinner.mjs +0 -5
- package/esm2022/spinner/public_api.mjs +0 -4
- package/esm2022/spinner/spinner-activity.directive.mjs +0 -56
- package/esm2022/spinner/spinner.component.mjs +0 -29
- package/esm2022/spinner/spinner.module.mjs +0 -26
- package/esm2022/stop-propagation/igo2-common-stop-propagation.mjs +0 -5
- package/esm2022/stop-propagation/public_api.mjs +0 -10
- package/esm2022/stop-propagation/stop-drop-propagation.directive.mjs +0 -21
- package/esm2022/stop-propagation/stop-propagation.directive.mjs +0 -20
- package/esm2022/stop-propagation/stop-propagation.module.mjs +0 -26
- package/esm2022/table/igo2-common-table.mjs +0 -5
- package/esm2022/table/public_api.mjs +0 -7
- package/esm2022/table/table-action-color.enum.mjs +0 -7
- package/esm2022/table/table-database.mjs +0 -28
- package/esm2022/table/table-datasource.mjs +0 -66
- package/esm2022/table/table-model.interface.mjs +0 -2
- package/esm2022/table/table.component.mjs +0 -143
- package/esm2022/table/table.module.mjs +0 -25
- package/esm2022/tool/igo2-common-tool.mjs +0 -5
- package/esm2022/tool/public_api.mjs +0 -4
- package/esm2022/tool/shared/index.mjs +0 -6
- package/esm2022/tool/shared/tool-component.mjs +0 -9
- package/esm2022/tool/shared/tool.interface.mjs +0 -2
- package/esm2022/tool/shared/tool.service.mjs +0 -43
- package/esm2022/tool/shared/toolbox.enums.mjs +0 -2
- package/esm2022/tool/shared/toolbox.mjs +0 -192
- package/esm2022/tool/tool.module.mjs +0 -28
- package/esm2022/tool/toolbox/index.mjs +0 -3
- package/esm2022/tool/toolbox/toolbox.animation.mjs +0 -10
- package/esm2022/tool/toolbox/toolbox.component.mjs +0 -241
- package/esm2022/tool/toolbox/toolbox.module.mjs +0 -19
- package/esm2022/widget/igo2-common-widget.mjs +0 -5
- package/esm2022/widget/public_api.mjs +0 -4
- package/esm2022/widget/shared/index.mjs +0 -4
- package/esm2022/widget/shared/widget.interfaces.mjs +0 -2
- package/esm2022/widget/shared/widget.mjs +0 -4
- package/esm2022/widget/shared/widget.service.mjs +0 -22
- package/esm2022/widget/widget-outlet/index.mjs +0 -3
- package/esm2022/widget/widget-outlet/widget-outlet.component.mjs +0 -112
- package/esm2022/widget/widget-outlet/widget-outlet.module.mjs +0 -19
- package/esm2022/widget/widget.module.mjs +0 -22
- package/esm2022/workspace/igo2-common-workspace.mjs +0 -5
- package/esm2022/workspace/public_api.mjs +0 -5
- package/esm2022/workspace/shared/index.mjs +0 -4
- package/esm2022/workspace/shared/store.mjs +0 -37
- package/esm2022/workspace/shared/workspace.interfaces.mjs +0 -2
- package/esm2022/workspace/shared/workspace.mjs +0 -143
- package/esm2022/workspace/workspace-selector/index.mjs +0 -3
- package/esm2022/workspace/workspace-selector/workspace-selector.component.mjs +0 -51
- package/esm2022/workspace/workspace-selector/workspace-selector.module.mjs +0 -19
- package/esm2022/workspace/workspace-widget-outlet/index.mjs +0 -3
- package/esm2022/workspace/workspace-widget-outlet/workspace-widget-outlet.component.mjs +0 -73
- package/esm2022/workspace/workspace-widget-outlet/workspace-widget-outlet.module.mjs +0 -19
- package/esm2022/workspace/workspace.module.mjs +0 -27
|
@@ -10,10 +10,10 @@ class SanitizeHtmlPipe {
|
|
|
10
10
|
transform(v) {
|
|
11
11
|
return this._sanitizer.bypassSecurityTrustHtml(v);
|
|
12
12
|
}
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
14
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SanitizeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
14
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: SanitizeHtmlPipe, isStandalone: true, name: "sanitizeHtml" });
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SanitizeHtmlPipe, decorators: [{
|
|
17
17
|
type: Pipe,
|
|
18
18
|
args: [{
|
|
19
19
|
name: 'sanitizeHtml',
|
|
@@ -29,12 +29,12 @@ class CustomHtmlComponent {
|
|
|
29
29
|
this._html = value;
|
|
30
30
|
}
|
|
31
31
|
_html = '';
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: CustomHtmlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: CustomHtmlComponent, isStandalone: true, selector: "igo-custom-html", inputs: { html: "html" }, ngImport: i0, template: "<div class=\"custom-html\" [innerHTML]=\"html | sanitizeHtml\"></div>\n", styles: [":host .custom-html{padding:20px}\n"], dependencies: [{ kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }] });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: CustomHtmlComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 'igo-custom-html',
|
|
37
|
+
args: [{ selector: 'igo-custom-html', imports: [SanitizeHtmlPipe], template: "<div class=\"custom-html\" [innerHTML]=\"html | sanitizeHtml\"></div>\n", styles: [":host .custom-html{padding:20px}\n"] }]
|
|
38
38
|
}], propDecorators: { html: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}] } });
|
|
@@ -48,11 +48,11 @@ class IgoCustomHtmlModule {
|
|
|
48
48
|
ngModule: IgoCustomHtmlModule
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
52
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
53
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoCustomHtmlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
52
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: IgoCustomHtmlModule, imports: [SanitizeHtmlPipe, CustomHtmlComponent], exports: [SanitizeHtmlPipe, CustomHtmlComponent] });
|
|
53
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoCustomHtmlModule });
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoCustomHtmlModule, decorators: [{
|
|
56
56
|
type: NgModule,
|
|
57
57
|
args: [{
|
|
58
58
|
imports: [SanitizeHtmlPipe, CustomHtmlComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"igo2-common-custom-html.mjs","sources":["../../../packages/common/custom-html/src/custom-html.pipe.ts","../../../packages/common/custom-html/src/custom-html.component.ts","../../../packages/common/custom-html/src/custom-html.component.html","../../../packages/common/custom-html/src/custom-html.module.ts","../../../packages/common/custom-html/src/public_api.ts","../../../packages/common/custom-html/src/igo2-common-custom-html.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Pipe({\n name: 'sanitizeHtml',\n standalone: true\n})\nexport class SanitizeHtmlPipe implements PipeTransform {\n constructor(private _sanitizer: DomSanitizer) {}\n transform(v: string): SafeHtml {\n return this._sanitizer.bypassSecurityTrustHtml(v);\n }\n}\n","import { Component, Input } from '@angular/core';\n\nimport { SanitizeHtmlPipe } from './custom-html.pipe';\n\n@Component({\n selector: 'igo-custom-html',\n templateUrl: './custom-html.component.html',\n styleUrls: ['./custom-html.component.scss'],\n
|
|
1
|
+
{"version":3,"file":"igo2-common-custom-html.mjs","sources":["../../../packages/common/custom-html/src/custom-html.pipe.ts","../../../packages/common/custom-html/src/custom-html.component.ts","../../../packages/common/custom-html/src/custom-html.component.html","../../../packages/common/custom-html/src/custom-html.module.ts","../../../packages/common/custom-html/src/public_api.ts","../../../packages/common/custom-html/src/igo2-common-custom-html.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Pipe({\n name: 'sanitizeHtml',\n standalone: true\n})\nexport class SanitizeHtmlPipe implements PipeTransform {\n constructor(private _sanitizer: DomSanitizer) {}\n transform(v: string): SafeHtml {\n return this._sanitizer.bypassSecurityTrustHtml(v);\n }\n}\n","import { Component, Input } from '@angular/core';\n\nimport { SanitizeHtmlPipe } from './custom-html.pipe';\n\n@Component({\n selector: 'igo-custom-html',\n templateUrl: './custom-html.component.html',\n styleUrls: ['./custom-html.component.scss'],\n imports: [SanitizeHtmlPipe]\n})\nexport class CustomHtmlComponent {\n @Input()\n get html(): string {\n return this._html;\n }\n set html(value: string) {\n this._html = value;\n }\n private _html = '';\n}\n","<div class=\"custom-html\" [innerHTML]=\"html | sanitizeHtml\"></div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { CustomHtmlComponent } from './custom-html.component';\nimport { SanitizeHtmlPipe } from './custom-html.pipe';\n\n/**\n * @deprecated import the components/directives directly or CUSTOM_HTML_DIRECTIVES for the set\n */\n@NgModule({\n imports: [SanitizeHtmlPipe, CustomHtmlComponent],\n exports: [SanitizeHtmlPipe, CustomHtmlComponent]\n})\nexport class IgoCustomHtmlModule {\n static forRoot(): ModuleWithProviders<IgoCustomHtmlModule> {\n return {\n ngModule: IgoCustomHtmlModule\n };\n }\n}\n","import { CustomHtmlComponent } from './custom-html.component';\nimport { SanitizeHtmlPipe } from './custom-html.pipe';\n\nexport * from './custom-html.module';\nexport * from './custom-html.component';\nexport * from './custom-html.pipe';\n\nexport const CUSTOM_HTML_DIRECTIVES = [\n SanitizeHtmlPipe,\n CustomHtmlComponent\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAOa,gBAAgB,CAAA;AACP,IAAA,UAAA;AAApB,IAAA,WAAA,CAAoB,UAAwB,EAAA;QAAxB,IAAU,CAAA,UAAA,GAAV,UAAU;;AAC9B,IAAA,SAAS,CAAC,CAAS,EAAA;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC,CAAC;;uGAHxC,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;qGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,cAAc;AACpB,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCIY,mBAAmB,CAAA;AAC9B,IAAA,IACI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,KAAK;;IAEnB,IAAI,IAAI,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAEZ,KAAK,GAAG,EAAE;uGARP,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVhC,yEACA,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDOY,gBAAgB,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,CAAA;;2FAEf,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAGlB,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,yEAAA,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA;8BAIvB,IAAI,EAAA,CAAA;sBADP;;;AENH;;AAEG;MAKU,mBAAmB,CAAA;AAC9B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE;SACX;;uGAJQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAHpB,gBAAgB,EAAE,mBAAmB,CACrC,EAAA,OAAA,EAAA,CAAA,gBAAgB,EAAE,mBAAmB,CAAA,EAAA,CAAA;wGAEpC,mBAAmB,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;AAChD,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,mBAAmB;AAChD,iBAAA;;;ACJY,MAAA,sBAAsB,GAAG;IACpC,gBAAgB;IAChB;;;ACTF;;AAEG;;;;"}
|
|
@@ -23,10 +23,10 @@ class DOMService {
|
|
|
23
23
|
.toPromise();
|
|
24
24
|
return result;
|
|
25
25
|
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DOMService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
27
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DOMService, providedIn: 'root' });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DOMService, decorators: [{
|
|
30
30
|
type: Injectable,
|
|
31
31
|
args: [{
|
|
32
32
|
providedIn: 'root'
|
|
@@ -46,11 +46,11 @@ class IgoDOMModule {
|
|
|
46
46
|
providers: [DOMService]
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
50
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
51
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoDOMModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
50
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: IgoDOMModule });
|
|
51
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoDOMModule, providers: [DOMService] });
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoDOMModule, decorators: [{
|
|
54
54
|
type: NgModule,
|
|
55
55
|
args: [{
|
|
56
56
|
providers: [DOMService]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"igo2-common-dom.mjs","sources":["../../../packages/common/dom/src/dom.service.ts","../../../packages/common/dom/src/dom.module.ts","../../../packages/common/dom/src/igo2-common-dom.ts"],"sourcesContent":["import { HttpClient, HttpErrorResponse } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\n\nimport { throwError } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\n\nimport { DOMOptions, DOMValue } from './dom.interfaces';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class DOMService {\n constructor(private http: HttpClient) {}\n\n async getDomValuesFromURL(domOptions: DOMOptions): Promise<DOMValue[]> {\n const url = domOptions.url;\n let result: DOMValue[];\n\n await this.http\n .get<any>(url)\n .pipe(\n map((response) => {\n result = response;\n return response;\n }),\n catchError((err: HttpErrorResponse) => {\n return throwError(err);\n })\n )\n .toPromise();\n\n return result;\n }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { DOMService } from './dom.service';\n\n/**\n * @deprecated it has no effect\n */\n\n@NgModule({\n providers: [DOMService]\n})\nexport class IgoDOMModule {\n /**\n * @deprecated it has no effect\n */\n static forRoot(): ModuleWithProviders<IgoDOMModule> {\n return {\n ngModule: IgoDOMModule,\n providers: [DOMService]\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAWa,UAAU,CAAA;AACD,IAAA,IAAA
|
|
1
|
+
{"version":3,"file":"igo2-common-dom.mjs","sources":["../../../packages/common/dom/src/dom.service.ts","../../../packages/common/dom/src/dom.module.ts","../../../packages/common/dom/src/igo2-common-dom.ts"],"sourcesContent":["import { HttpClient, HttpErrorResponse } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\n\nimport { throwError } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\n\nimport { DOMOptions, DOMValue } from './dom.interfaces';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class DOMService {\n constructor(private http: HttpClient) {}\n\n async getDomValuesFromURL(domOptions: DOMOptions): Promise<DOMValue[]> {\n const url = domOptions.url;\n let result: DOMValue[];\n\n await this.http\n .get<any>(url)\n .pipe(\n map((response) => {\n result = response;\n return response;\n }),\n catchError((err: HttpErrorResponse) => {\n return throwError(err);\n })\n )\n .toPromise();\n\n return result;\n }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { DOMService } from './dom.service';\n\n/**\n * @deprecated it has no effect\n */\n\n@NgModule({\n providers: [DOMService]\n})\nexport class IgoDOMModule {\n /**\n * @deprecated it has no effect\n */\n static forRoot(): ModuleWithProviders<IgoDOMModule> {\n return {\n ngModule: IgoDOMModule,\n providers: [DOMService]\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAWa,UAAU,CAAA;AACD,IAAA,IAAA;AAApB,IAAA,WAAA,CAAoB,IAAgB,EAAA;QAAhB,IAAI,CAAA,IAAA,GAAJ,IAAI;;IAExB,MAAM,mBAAmB,CAAC,UAAsB,EAAA;AAC9C,QAAA,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG;AAC1B,QAAA,IAAI,MAAkB;QAEtB,MAAM,IAAI,CAAC;aACR,GAAG,CAAM,GAAG;AACZ,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,QAAQ,KAAI;YACf,MAAM,GAAG,QAAQ;AACjB,YAAA,OAAO,QAAQ;AACjB,SAAC,CAAC,EACF,UAAU,CAAC,CAAC,GAAsB,KAAI;AACpC,YAAA,OAAO,UAAU,CAAC,GAAG,CAAC;AACxB,SAAC,CAAC;AAEH,aAAA,SAAS,EAAE;AAEd,QAAA,OAAO,MAAM;;uGApBJ,UAAU,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAV,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cAFT,MAAM,EAAA,CAAA;;2FAEP,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACND;;AAEG;MAKU,YAAY,CAAA;AACvB;;AAEG;AACH,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,CAAC,UAAU;SACvB;;uGARQ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAZ,YAAY,EAAA,CAAA;wGAAZ,YAAY,EAAA,SAAA,EAFZ,CAAC,UAAU,CAAC,EAAA,CAAA;;2FAEZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,SAAS,EAAE,CAAC,UAAU;AACvB,iBAAA;;;ACVD;;AAEG;;;;"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Directive, Input, Output, HostBinding, HostListener, NgModule } from '@angular/core';
|
|
2
|
+
import { EventEmitter, Directive, Input, Output, HostBinding, HostListener, booleanAttribute, ContentChildren, NgModule } from '@angular/core';
|
|
3
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
|
4
|
+
import '@angular/cdk/tree';
|
|
5
|
+
import { MatTreeNode } from '@angular/material/tree';
|
|
3
6
|
|
|
4
7
|
class DragAndDropDirective {
|
|
5
8
|
allowedExtensions = [];
|
|
@@ -52,10 +55,10 @@ class DragAndDropDirective {
|
|
|
52
55
|
}
|
|
53
56
|
return filesObj;
|
|
54
57
|
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
56
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DragAndDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
59
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: DragAndDropDirective, isStandalone: true, selector: "[igoDragAndDrop]", inputs: { allowedExtensions: "allowedExtensions" }, outputs: { filesDropped: "filesDropped", filesInvalid: "filesInvalid" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "style.background": "this.background" } }, ngImport: i0 });
|
|
57
60
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DragAndDropDirective, decorators: [{
|
|
59
62
|
type: Directive,
|
|
60
63
|
args: [{
|
|
61
64
|
selector: '[igoDragAndDrop]',
|
|
@@ -81,6 +84,392 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
81
84
|
args: ['drop', ['$event']]
|
|
82
85
|
}] } });
|
|
83
86
|
|
|
87
|
+
/**
|
|
88
|
+
* This directive should be use with a MatTree flatened
|
|
89
|
+
* It should add all logic to drag the MatTreeNode and connect the (onDrop) output
|
|
90
|
+
* Class added:
|
|
91
|
+
* Tree: --dragging
|
|
92
|
+
* Node: --drag-hover | --dragged
|
|
93
|
+
*/
|
|
94
|
+
class TreeDragDropDirective {
|
|
95
|
+
elementRef;
|
|
96
|
+
renderer;
|
|
97
|
+
draggedNode;
|
|
98
|
+
dropNodeTarget;
|
|
99
|
+
expandTimeout;
|
|
100
|
+
nodesListeners;
|
|
101
|
+
dropLineTarget;
|
|
102
|
+
highlightedNode = new SelectionModel();
|
|
103
|
+
treeControl;
|
|
104
|
+
/** The default is 5 */
|
|
105
|
+
maxLevel = 5;
|
|
106
|
+
set treeDragDropIsDisabled(disabled) {
|
|
107
|
+
this.isDisabled = disabled;
|
|
108
|
+
disabled ? this.removeAllListener() : this.addAllListener();
|
|
109
|
+
}
|
|
110
|
+
isDisabled = false;
|
|
111
|
+
dragStart = new EventEmitter();
|
|
112
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
113
|
+
onDrop = new EventEmitter(null);
|
|
114
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
115
|
+
onDropError = new EventEmitter();
|
|
116
|
+
hostDragOver(event) {
|
|
117
|
+
event.preventDefault();
|
|
118
|
+
}
|
|
119
|
+
hostDrop(event) {
|
|
120
|
+
this.drop(event);
|
|
121
|
+
}
|
|
122
|
+
dragging;
|
|
123
|
+
nodes;
|
|
124
|
+
constructor(elementRef, renderer) {
|
|
125
|
+
this.elementRef = elementRef;
|
|
126
|
+
this.renderer = renderer;
|
|
127
|
+
this.onDrop.subscribe(() => this.dragEnd());
|
|
128
|
+
this.highlightedNode.changed.subscribe((change) => {
|
|
129
|
+
if (change.removed.length) {
|
|
130
|
+
this.removeNodeClass(change.removed[0].id, '--drag-hover');
|
|
131
|
+
}
|
|
132
|
+
if (change.added.length) {
|
|
133
|
+
this.addNodeClass(change.added[0].id, '--drag-hover');
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
}
|
|
137
|
+
ngAfterContentInit() {
|
|
138
|
+
this.nodes.changes.subscribe(() => {
|
|
139
|
+
this.addAllListener();
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
ngOnDestroy() {
|
|
143
|
+
this.removeAllListener();
|
|
144
|
+
}
|
|
145
|
+
onDragStart(node) {
|
|
146
|
+
this.dragging = true;
|
|
147
|
+
this.draggedNode = node;
|
|
148
|
+
this.addNodeClass(node.id, '--dragged');
|
|
149
|
+
this.dragStart.emit(node);
|
|
150
|
+
}
|
|
151
|
+
dragEnd() {
|
|
152
|
+
this.dragging = false;
|
|
153
|
+
if (this.draggedNode) {
|
|
154
|
+
this.removeNodeClass(this.draggedNode.id, '--dragged');
|
|
155
|
+
this.draggedNode = null;
|
|
156
|
+
}
|
|
157
|
+
this.dragLeave();
|
|
158
|
+
this.removeDropTargetLine();
|
|
159
|
+
}
|
|
160
|
+
dragOver(node, event) {
|
|
161
|
+
event.preventDefault();
|
|
162
|
+
event.stopPropagation();
|
|
163
|
+
this.dropNodeTarget = node;
|
|
164
|
+
const position = this.getPosition(event, node);
|
|
165
|
+
this.updateDropTargetLinePosition(position);
|
|
166
|
+
this.setHighlightedNode(node);
|
|
167
|
+
this.handleGroupExpansion(node, position.type === 'inside');
|
|
168
|
+
}
|
|
169
|
+
dragLeave() {
|
|
170
|
+
clearTimeout(this.expandTimeout);
|
|
171
|
+
this.expandTimeout = null;
|
|
172
|
+
this.highlightedNode.clear();
|
|
173
|
+
}
|
|
174
|
+
drop(event) {
|
|
175
|
+
if (!this.dropNodeTarget || this.isDisabled) {
|
|
176
|
+
return;
|
|
177
|
+
}
|
|
178
|
+
const dropPosition = this.getPosition(event, this.dropNodeTarget);
|
|
179
|
+
const validation = this.canDropNode(this.dropNodeTarget, dropPosition);
|
|
180
|
+
if (!validation.canDrop) {
|
|
181
|
+
this.onDropError.emit(validation);
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
// Allow to drop a last child outside is group. We refer to it's ancestor for the target
|
|
185
|
+
if (dropPosition.type === 'below' &&
|
|
186
|
+
dropPosition.level !== this.dropNodeTarget.level) {
|
|
187
|
+
this.dropNodeTarget = this.getNodeAncestors(this.dropNodeTarget.id, dropPosition.level);
|
|
188
|
+
}
|
|
189
|
+
if (this.dropNodeTarget.isGroup) {
|
|
190
|
+
if (dropPosition.type === 'inside') {
|
|
191
|
+
const isExpanded = this.treeControl.isExpanded(this.dropNodeTarget);
|
|
192
|
+
if (isExpanded) {
|
|
193
|
+
const children = this.getDirectDescendants(this.dropNodeTarget);
|
|
194
|
+
if (children[0]?.id === this.draggedNode.id) {
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
this.treeControl.expand(this.dropNodeTarget);
|
|
199
|
+
return this.onDrop.emit({
|
|
200
|
+
node: this.draggedNode,
|
|
201
|
+
ref: this.dropNodeTarget,
|
|
202
|
+
position: dropPosition.type
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
if (dropPosition.type === 'below' &&
|
|
207
|
+
dropPosition.level !== this.dropNodeTarget.level) {
|
|
208
|
+
const ancestor = this.getNodeAncestors(this.dropNodeTarget.id);
|
|
209
|
+
return this.onDrop.emit({
|
|
210
|
+
node: this.draggedNode,
|
|
211
|
+
ref: ancestor,
|
|
212
|
+
position: dropPosition.type
|
|
213
|
+
});
|
|
214
|
+
}
|
|
215
|
+
this.onDrop.emit({
|
|
216
|
+
node: this.draggedNode,
|
|
217
|
+
ref: this.dropNodeTarget,
|
|
218
|
+
position: dropPosition.type
|
|
219
|
+
});
|
|
220
|
+
}
|
|
221
|
+
addNodeClass(id, className) {
|
|
222
|
+
const node = this.nodes.find((node) => node.data.id === id);
|
|
223
|
+
this.renderer.addClass(node['_elementRef'].nativeElement, className);
|
|
224
|
+
}
|
|
225
|
+
removeNodeClass(id, className) {
|
|
226
|
+
const node = this.nodes.find((node) => node.data.id === id);
|
|
227
|
+
this.renderer.removeClass(node['_elementRef'].nativeElement, className);
|
|
228
|
+
}
|
|
229
|
+
addAllListener() {
|
|
230
|
+
if (this.isDisabled) {
|
|
231
|
+
return;
|
|
232
|
+
}
|
|
233
|
+
const nodes = this.nodes?.toArray();
|
|
234
|
+
if (this.nodesListeners) {
|
|
235
|
+
this.removeAllListener();
|
|
236
|
+
}
|
|
237
|
+
this.nodesListeners = nodes?.map((node) => this.addListener(node));
|
|
238
|
+
}
|
|
239
|
+
addListener(node) {
|
|
240
|
+
const element = node['_elementRef'].nativeElement;
|
|
241
|
+
const listeners = [
|
|
242
|
+
['dragstart', () => this.onDragStart(node.data)],
|
|
243
|
+
['dragend', () => this.dragEnd()],
|
|
244
|
+
['dragover', (event) => this.dragOver(node.data, event)],
|
|
245
|
+
['dragleave', () => this.dragLeave()]
|
|
246
|
+
];
|
|
247
|
+
element.setAttribute('draggable', 'true');
|
|
248
|
+
listeners.forEach(([type, listener]) => element.addEventListener(type, listener));
|
|
249
|
+
return { element, listeners };
|
|
250
|
+
}
|
|
251
|
+
removeAllListener() {
|
|
252
|
+
this.nodesListeners?.forEach(({ element, listeners }) => {
|
|
253
|
+
listeners.forEach(([type, listener]) => {
|
|
254
|
+
element.setAttribute('draggable', 'false');
|
|
255
|
+
element.removeEventListener(type, listener);
|
|
256
|
+
});
|
|
257
|
+
});
|
|
258
|
+
this.nodesListeners = null;
|
|
259
|
+
}
|
|
260
|
+
setHighlightedNode(node) {
|
|
261
|
+
const toHighlight = node.isGroup ? node : this.getNodeAncestors(node.id);
|
|
262
|
+
toHighlight
|
|
263
|
+
? this.highlightedNode.select(toHighlight)
|
|
264
|
+
: this.highlightedNode.clear();
|
|
265
|
+
}
|
|
266
|
+
addDropTargetLine() {
|
|
267
|
+
const target = this.renderer.createElement('div');
|
|
268
|
+
target.classList.add('drop-target-line');
|
|
269
|
+
target.setAttribute('style', `position: absolute; top: 0; width: 100%; pointer-events: none; z-index: 4; height: 2px; background-color: black; transition: margin-left 150ms;`);
|
|
270
|
+
this.dropLineTarget = target;
|
|
271
|
+
this.renderer.appendChild(this.elementRef.nativeElement.parentElement, this.dropLineTarget);
|
|
272
|
+
}
|
|
273
|
+
removeDropTargetLine() {
|
|
274
|
+
if (!this.dropLineTarget) {
|
|
275
|
+
return;
|
|
276
|
+
}
|
|
277
|
+
this.renderer.removeChild(this.elementRef.nativeElement.parentElement, this.dropLineTarget);
|
|
278
|
+
this.dropLineTarget = null;
|
|
279
|
+
}
|
|
280
|
+
updateDropTargetLinePosition(position) {
|
|
281
|
+
if (!this.dropLineTarget) {
|
|
282
|
+
this.addDropTargetLine();
|
|
283
|
+
}
|
|
284
|
+
if (position.type === 'inside') {
|
|
285
|
+
return this.removeDropTargetLine();
|
|
286
|
+
}
|
|
287
|
+
this.renderer.setStyle(this.dropLineTarget, 'margin-left', position.level * 24 + 20 + 'px');
|
|
288
|
+
this.renderer.setStyle(this.dropLineTarget, 'transform', 'translate3d(0,' + position.y + 'px, 0)');
|
|
289
|
+
}
|
|
290
|
+
handleGroupExpansion(node, isInside) {
|
|
291
|
+
if (!isInside) {
|
|
292
|
+
return this.dragLeave();
|
|
293
|
+
}
|
|
294
|
+
const isOpen = this.treeControl.isExpanded(node);
|
|
295
|
+
if (!isOpen && !this.expandTimeout) {
|
|
296
|
+
this.expandTimeout = window.setTimeout(() => {
|
|
297
|
+
this.treeControl.expand(node);
|
|
298
|
+
}, 1200);
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
getNodeElement(node) {
|
|
302
|
+
const treeNode = this.nodes.find((n) => n.data.id === node.id);
|
|
303
|
+
return treeNode?.['_elementRef'].nativeElement;
|
|
304
|
+
}
|
|
305
|
+
canDropNode(hoveredNode, position) {
|
|
306
|
+
if (this.draggedNode.isGroup) {
|
|
307
|
+
return this.canDropGroup(hoveredNode, position);
|
|
308
|
+
}
|
|
309
|
+
const hasMaxLevelRestrictions = this.validateMaxHierarchyLevel(position);
|
|
310
|
+
if (hasMaxLevelRestrictions) {
|
|
311
|
+
return hasMaxLevelRestrictions;
|
|
312
|
+
}
|
|
313
|
+
return { canDrop: true };
|
|
314
|
+
}
|
|
315
|
+
canDropGroup(hoveredNode, position) {
|
|
316
|
+
// On ne veut pas permettre le Drop pour un groupe qui s'auto référence
|
|
317
|
+
if (hoveredNode.id === this.draggedNode.id) {
|
|
318
|
+
return {
|
|
319
|
+
canDrop: false,
|
|
320
|
+
message: 'igo.common.dragDrop.cannot.dropInsideItself'
|
|
321
|
+
};
|
|
322
|
+
}
|
|
323
|
+
const hasMaxLevelRestrictions = this.validateMaxHierarchyLevel(position);
|
|
324
|
+
if (hasMaxLevelRestrictions) {
|
|
325
|
+
return hasMaxLevelRestrictions;
|
|
326
|
+
}
|
|
327
|
+
const isHoverDescendant = this.isHoverDescendant(hoveredNode.id);
|
|
328
|
+
return {
|
|
329
|
+
canDrop: !isHoverDescendant,
|
|
330
|
+
message: isHoverDescendant && 'igo.common.dragDrop.cannot.dropInsideItself'
|
|
331
|
+
};
|
|
332
|
+
}
|
|
333
|
+
validateMaxHierarchyLevel(position) {
|
|
334
|
+
if (!this.maxLevel) {
|
|
335
|
+
return;
|
|
336
|
+
}
|
|
337
|
+
let level = position.type === 'inside' ? position.level + 1 : position.level;
|
|
338
|
+
if (this.draggedNode.isGroup) {
|
|
339
|
+
// We add an extra level +1 to avoid empty group in group
|
|
340
|
+
level = level + (this.draggedNode.descendantLevels ?? 0) + 1;
|
|
341
|
+
}
|
|
342
|
+
if (level > this.maxLevel) {
|
|
343
|
+
return {
|
|
344
|
+
canDrop: false,
|
|
345
|
+
message: 'igo.common.dragDrop.cannot.maxLevel',
|
|
346
|
+
params: { value: this.maxLevel }
|
|
347
|
+
};
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
isHoverDescendant(id) {
|
|
351
|
+
return this.treeControl
|
|
352
|
+
.getDescendants(this.draggedNode)
|
|
353
|
+
.some((child) => child.id === id);
|
|
354
|
+
}
|
|
355
|
+
getPosition(event, hoveredNode) {
|
|
356
|
+
if (this.draggedNode.isGroup) {
|
|
357
|
+
if (this.isHoverDescendant(hoveredNode.id)) {
|
|
358
|
+
hoveredNode = this.draggedNode;
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
let positionType = this.getPositionType(event, hoveredNode);
|
|
362
|
+
const bellowOpenedGroup = hoveredNode.isGroup &&
|
|
363
|
+
positionType === 'below' &&
|
|
364
|
+
this.treeControl.isExpanded(hoveredNode);
|
|
365
|
+
if (bellowOpenedGroup) {
|
|
366
|
+
positionType = 'inside';
|
|
367
|
+
}
|
|
368
|
+
return {
|
|
369
|
+
x: event.x,
|
|
370
|
+
y: this.getPositionY(hoveredNode, positionType),
|
|
371
|
+
level: this.getPositionLevel(hoveredNode, positionType, event.x),
|
|
372
|
+
type: positionType
|
|
373
|
+
};
|
|
374
|
+
}
|
|
375
|
+
getPositionY(node, type) {
|
|
376
|
+
const element = this.getNodeElement(node);
|
|
377
|
+
const rect = element.getBoundingClientRect();
|
|
378
|
+
return type === 'below'
|
|
379
|
+
? element.offsetTop + rect.height - 1
|
|
380
|
+
: element.offsetTop + 1;
|
|
381
|
+
}
|
|
382
|
+
getPositionType(event, hoveredNode) {
|
|
383
|
+
const target = this.getNodeElement(hoveredNode);
|
|
384
|
+
const rect = target.getBoundingClientRect();
|
|
385
|
+
const middle = rect.top + rect.height / 2;
|
|
386
|
+
const y = event.y;
|
|
387
|
+
const selfReferencing = this.draggedNode.id === hoveredNode.id;
|
|
388
|
+
if (hoveredNode.isGroup && !selfReferencing) {
|
|
389
|
+
const tolerence = 5;
|
|
390
|
+
if (y <= middle + tolerence && y >= middle - tolerence) {
|
|
391
|
+
return 'inside';
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
const isBelow = y > middle;
|
|
395
|
+
return isBelow ? 'below' : 'above';
|
|
396
|
+
}
|
|
397
|
+
getPositionLevel(hoveredNode, type, x) {
|
|
398
|
+
if (hoveredNode.level === 0) {
|
|
399
|
+
return 0;
|
|
400
|
+
}
|
|
401
|
+
const ancestor = this.getNodeAncestors(hoveredNode.id);
|
|
402
|
+
const children = this.getDirectDescendants(ancestor);
|
|
403
|
+
const lastChild = [...children].pop();
|
|
404
|
+
if (type === 'below' && lastChild.id === hoveredNode.id) {
|
|
405
|
+
const target = this.getNodeElement(hoveredNode);
|
|
406
|
+
const rect = target.getBoundingClientRect();
|
|
407
|
+
const indentation = 24;
|
|
408
|
+
const xMin = rect.x + indentation;
|
|
409
|
+
const xMax = xMin + indentation * hoveredNode.level;
|
|
410
|
+
const isInsideSameGroup = x > xMax;
|
|
411
|
+
if (!isInsideSameGroup) {
|
|
412
|
+
const levelSubstracted = Math.round((xMax - x) / indentation);
|
|
413
|
+
return Math.max(0, hoveredNode.level - levelSubstracted);
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
return hoveredNode.level;
|
|
417
|
+
}
|
|
418
|
+
/**
|
|
419
|
+
* @param level if level is defined with go to the defined levle to find ancestor. Sinon on prend le current ancestor
|
|
420
|
+
*/
|
|
421
|
+
getNodeAncestors(id, level) {
|
|
422
|
+
const nodes = this.treeControl.dataNodes;
|
|
423
|
+
const index = nodes.findIndex((node) => node.id === id);
|
|
424
|
+
const targetLevel = level ?? Math.max(0, nodes[index].level - 1);
|
|
425
|
+
return nodes
|
|
426
|
+
.slice(0, index)
|
|
427
|
+
.reverse()
|
|
428
|
+
.find((node) => node.level === targetLevel);
|
|
429
|
+
}
|
|
430
|
+
getDirectDescendants(node) {
|
|
431
|
+
const level = node.level + 1;
|
|
432
|
+
return this.treeControl
|
|
433
|
+
.getDescendants(node)
|
|
434
|
+
.filter((child) => child.level === level);
|
|
435
|
+
}
|
|
436
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TreeDragDropDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
437
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.6", type: TreeDragDropDirective, isStandalone: true, selector: "[igoTreeDragDrop]", inputs: { treeControl: "treeControl", maxLevel: "maxLevel", treeDragDropIsDisabled: ["treeDragDropIsDisabled", "treeDragDropIsDisabled", booleanAttribute] }, outputs: { dragStart: "dragStart", onDrop: "onDrop", onDropError: "onDropError" }, host: { listeners: { "dragover": "hostDragOver($event)", "drop": "hostDrop($event)" }, properties: { "class.--dragging": "this.dragging" } }, queries: [{ propertyName: "nodes", predicate: MatTreeNode, descendants: true }], ngImport: i0 });
|
|
438
|
+
}
|
|
439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TreeDragDropDirective, decorators: [{
|
|
440
|
+
type: Directive,
|
|
441
|
+
args: [{
|
|
442
|
+
selector: '[igoTreeDragDrop]',
|
|
443
|
+
standalone: true
|
|
444
|
+
}]
|
|
445
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { treeControl: [{
|
|
446
|
+
type: Input,
|
|
447
|
+
args: [{ required: true }]
|
|
448
|
+
}], maxLevel: [{
|
|
449
|
+
type: Input
|
|
450
|
+
}], treeDragDropIsDisabled: [{
|
|
451
|
+
type: Input,
|
|
452
|
+
args: [{ transform: booleanAttribute }]
|
|
453
|
+
}], dragStart: [{
|
|
454
|
+
type: Output
|
|
455
|
+
}], onDrop: [{
|
|
456
|
+
type: Output
|
|
457
|
+
}], onDropError: [{
|
|
458
|
+
type: Output
|
|
459
|
+
}], hostDragOver: [{
|
|
460
|
+
type: HostListener,
|
|
461
|
+
args: ['dragover', ['$event']]
|
|
462
|
+
}], hostDrop: [{
|
|
463
|
+
type: HostListener,
|
|
464
|
+
args: ['drop', ['$event']]
|
|
465
|
+
}], dragging: [{
|
|
466
|
+
type: HostBinding,
|
|
467
|
+
args: ['class.--dragging']
|
|
468
|
+
}], nodes: [{
|
|
469
|
+
type: ContentChildren,
|
|
470
|
+
args: [MatTreeNode, { descendants: true }]
|
|
471
|
+
}] } });
|
|
472
|
+
|
|
84
473
|
/**
|
|
85
474
|
* @deprecated import the DragAndDropDirective directly
|
|
86
475
|
*/
|
|
@@ -91,15 +480,15 @@ class IgoDrapDropModule {
|
|
|
91
480
|
providers: []
|
|
92
481
|
};
|
|
93
482
|
}
|
|
94
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
95
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
96
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
483
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoDrapDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
484
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: IgoDrapDropModule, imports: [DragAndDropDirective, TreeDragDropDirective], exports: [DragAndDropDirective, TreeDragDropDirective] });
|
|
485
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoDrapDropModule });
|
|
97
486
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
487
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: IgoDrapDropModule, decorators: [{
|
|
99
488
|
type: NgModule,
|
|
100
489
|
args: [{
|
|
101
|
-
imports: [DragAndDropDirective],
|
|
102
|
-
exports: [DragAndDropDirective]
|
|
490
|
+
imports: [DragAndDropDirective, TreeDragDropDirective],
|
|
491
|
+
exports: [DragAndDropDirective, TreeDragDropDirective]
|
|
103
492
|
}]
|
|
104
493
|
}] });
|
|
105
494
|
|
|
@@ -107,5 +496,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
107
496
|
* Generated bundle index. Do not edit.
|
|
108
497
|
*/
|
|
109
498
|
|
|
110
|
-
export { DragAndDropDirective, IgoDrapDropModule };
|
|
499
|
+
export { DragAndDropDirective, IgoDrapDropModule, TreeDragDropDirective };
|
|
111
500
|
//# sourceMappingURL=igo2-common-drag-drop.mjs.map
|