@covalent/core 4.0.0-alpha.0 → 4.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +3 -0
- package/breadcrumbs/breadcrumb/breadcrumb.component.scss +3 -0
- package/breadcrumbs/breadcrumbs.component.d.ts +3 -0
- package/breadcrumbs/breadcrumbs.component.scss +1 -0
- package/breadcrumbs/breadcrumbs.module.d.ts +8 -0
- package/breadcrumbs/covalent-core-breadcrumbs.d.ts +1 -0
- package/breadcrumbs/package.json +6 -7
- package/common/_common-theme.scss +2 -0
- package/common/common.module.d.ts +15 -0
- package/common/covalent-core-common.d.ts +1 -2
- package/common/directives/fullscreen/fullscreen.directive.d.ts +3 -0
- package/common/forms/auto-trim/auto-trim.directive.d.ts +3 -0
- package/common/material-icons.css +31 -18
- package/common/material-icons.css.map +1 -1
- package/common/package.json +6 -7
- package/common/pipes/bytes/bytes.pipe.d.ts +3 -0
- package/common/pipes/decimal-bytes/decimal-bytes.pipe.d.ts +3 -0
- package/common/pipes/digits/digits.pipe.d.ts +3 -0
- package/common/pipes/time-ago/time-ago.pipe.d.ts +3 -0
- package/common/pipes/time-difference/time-difference.pipe.d.ts +3 -0
- package/common/pipes/time-until/time-until.pipe.d.ts +3 -0
- package/common/pipes/truncate/truncate.pipe.d.ts +3 -0
- package/common/platform.css +11828 -10433
- package/common/platform.css.map +1 -1
- package/common/services/icon.service.d.ts +3 -0
- package/common/services/router-path.service.d.ts +3 -0
- package/common/styles/_layout.scss +12 -10
- package/common/styles/_palette-dark.scss +2 -2
- package/common/styles/_palette-light.scss +6 -6
- package/common/styles/_rtl.scss +3 -0
- package/common/styles/_variables.scss +5 -5
- package/common/styles/colors/_colors-dark.scss +327 -0
- package/common/styles/colors/_colors-light.scss +748 -0
- package/common/styles/core/_button.scss +2 -1
- package/common/styles/core/_card.scss +27 -7
- package/common/styles/core/_content.scss +2 -1
- package/common/styles/core/_divider.scss +1 -0
- package/common/styles/core/_icons.scss +2 -0
- package/common/styles/core/_sidenav.scss +2 -0
- package/common/styles/core/_structure.scss +6 -7
- package/common/styles/core/_toolbar.scss +7 -0
- package/common/styles/core/_whiteframe.scss +2 -2
- package/common/styles/font/_font.scss +10 -4
- package/common/styles/utilities/_general.scss +14 -0
- package/common/styles/utilities/_text.scss +21 -0
- package/covalent-core.d.ts +1 -0
- package/dialogs/_dialog-theme.scss +1 -0
- package/dialogs/alert-dialog/alert-dialog.component.d.ts +3 -0
- package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +3 -0
- package/dialogs/covalent-core-dialogs.d.ts +1 -1
- package/dialogs/dialog.component.d.ts +9 -0
- package/dialogs/dialog.component.scss +5 -0
- package/dialogs/dialogs.module.d.ts +17 -0
- package/dialogs/package.json +6 -7
- package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +3 -0
- package/dialogs/prompt-dialog/prompt-dialog.component.scss +1 -0
- package/dialogs/public-api.d.ts +1 -0
- package/dialogs/services/dialog.service.d.ts +3 -0
- package/dialogs/window-dialog/window-dialog.component.d.ts +3 -0
- package/dynamic-menu/covalent-core-dynamic-menu.d.ts +1 -1
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +3 -0
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +1 -0
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +3 -0
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +3 -1
- package/dynamic-menu/dynamic-menu.component.d.ts +3 -0
- package/dynamic-menu/dynamic-menu.module.d.ts +13 -0
- package/dynamic-menu/package.json +6 -7
- package/dynamic-menu/public_api.d.ts +1 -0
- package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +108 -0
- package/esm2020/breadcrumbs/breadcrumbs.component.mjs +139 -0
- package/esm2020/breadcrumbs/breadcrumbs.module.mjs +21 -0
- package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +5 -0
- package/esm2020/breadcrumbs/index.mjs +2 -0
- package/esm2020/breadcrumbs/public-api.mjs +4 -0
- package/esm2020/common/animations/bounce/bounce.animation.mjs +70 -0
- package/esm2020/common/animations/collapse/collapse.animation.mjs +51 -0
- package/esm2020/common/animations/common/interfaces.mjs +2 -0
- package/esm2020/common/animations/fade/fadeInOut.animation.mjs +37 -0
- package/esm2020/common/animations/flash/flash.animation.mjs +34 -0
- package/esm2020/common/animations/headshake/headshake.animation.mjs +35 -0
- package/esm2020/common/animations/jello/jello.animation.mjs +38 -0
- package/esm2020/common/animations/pulse/pulse.animation.mjs +32 -0
- package/esm2020/common/animations/rotate/rotate.animation.mjs +25 -0
- package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +39 -0
- package/esm2020/common/behaviors/disable-ripple.mixin.mjs +24 -0
- package/esm2020/common/behaviors/disabled.mixin.mjs +24 -0
- package/esm2020/common/common.module.mjs +64 -0
- package/esm2020/common/covalent-core-common.mjs +5 -0
- package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +85 -0
- package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +36 -0
- package/esm2020/common/forms/validators/validators.mjs +29 -0
- package/{esm2015/common/functions/clipboard.js → esm2020/common/functions/clipboard.mjs} +3 -10
- package/esm2020/common/functions/convert.mjs +84 -0
- package/esm2020/common/functions/download.mjs +75 -0
- package/esm2020/common/functions/file.mjs +16 -0
- package/esm2020/common/index.mjs +2 -0
- package/esm2020/common/pipes/bytes/bytes.pipe.mjs +32 -0
- package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +32 -0
- package/esm2020/common/pipes/digits/digits.pipe.mjs +39 -0
- package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +72 -0
- package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +51 -0
- package/esm2020/common/pipes/time-until/time-until.pipe.mjs +72 -0
- package/esm2020/common/pipes/truncate/truncate.pipe.mjs +27 -0
- package/esm2020/common/public-api.mjs +39 -0
- package/esm2020/common/services/icon.service.mjs +1089 -0
- package/esm2020/common/services/router-path.service.mjs +29 -0
- package/esm2020/covalent-core.mjs +5 -0
- package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +54 -0
- package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +68 -0
- package/esm2020/dialogs/covalent-core-dialogs.mjs +5 -0
- package/esm2020/dialogs/dialog.component.mjs +97 -0
- package/esm2020/dialogs/dialogs.module.mjs +86 -0
- package/esm2020/dialogs/index.mjs +2 -0
- package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +104 -0
- package/esm2020/dialogs/public-api.mjs +9 -0
- package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +199 -0
- package/esm2020/dialogs/services/dialog.service.mjs +168 -0
- package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +69 -0
- package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +5 -0
- package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +147 -0
- package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +113 -0
- package/esm2020/dynamic-menu/dynamic-menu.component.mjs +111 -0
- package/esm2020/dynamic-menu/dynamic-menu.module.mjs +32 -0
- package/esm2020/dynamic-menu/index.mjs +2 -0
- package/esm2020/dynamic-menu/public_api.mjs +5 -0
- package/esm2020/file/covalent-core-file.mjs +5 -0
- package/esm2020/file/directives/file-drop.directive.mjs +148 -0
- package/esm2020/file/directives/file-select.directive.mjs +76 -0
- package/esm2020/file/file-input/file-input.component.mjs +137 -0
- package/esm2020/file/file-upload/file-upload.component.mjs +210 -0
- package/esm2020/file/file.module.mjs +43 -0
- package/esm2020/file/index.mjs +2 -0
- package/esm2020/file/public-api.mjs +7 -0
- package/esm2020/file/services/file.service.mjs +62 -0
- package/esm2020/index.mjs +2 -0
- package/esm2020/json-formatter/covalent-core-json-formatter.mjs +5 -0
- package/esm2020/json-formatter/index.mjs +2 -0
- package/esm2020/json-formatter/json-formatter.component.mjs +302 -0
- package/esm2020/json-formatter/json-formatter.module.mjs +21 -0
- package/esm2020/json-formatter/public-api.mjs +3 -0
- package/esm2020/layout/covalent-core-layout.mjs +5 -0
- package/esm2020/layout/index.mjs +2 -0
- package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +87 -0
- package/esm2020/layout/layout-footer/layout-footer.component.mjs +38 -0
- package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +122 -0
- package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +90 -0
- package/esm2020/layout/layout-nav/layout-nav.component.mjs +112 -0
- package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +215 -0
- package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +90 -0
- package/esm2020/layout/layout-toggle.class.mjs +95 -0
- package/esm2020/layout/layout.component.mjs +113 -0
- package/esm2020/layout/layout.directives.mjs +87 -0
- package/esm2020/layout/layout.module.mjs +118 -0
- package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +306 -0
- package/esm2020/layout/public-api.mjs +13 -0
- package/esm2020/menu/covalent-core-menu.mjs +5 -0
- package/esm2020/menu/index.mjs +2 -0
- package/esm2020/menu/menu.component.mjs +23 -0
- package/esm2020/menu/menu.module.mjs +22 -0
- package/esm2020/menu/public-api.mjs +3 -0
- package/esm2020/message/covalent-core-message.mjs +5 -0
- package/esm2020/message/index.mjs +2 -0
- package/esm2020/message/message.component.mjs +261 -0
- package/esm2020/message/message.module.mjs +21 -0
- package/esm2020/message/public-api.mjs +3 -0
- package/esm2020/search/covalent-core-search.mjs +5 -0
- package/esm2020/search/index.mjs +2 -0
- package/esm2020/search/public-api.mjs +4 -0
- package/esm2020/search/search-box/search-box.component.mjs +220 -0
- package/esm2020/search/search-input/search-input.component.mjs +240 -0
- package/esm2020/search/search.module.mjs +24 -0
- package/esm2020/side-sheet/covalent-core-side-sheet.mjs +5 -0
- package/esm2020/side-sheet/index.mjs +2 -0
- package/esm2020/side-sheet/public-api.mjs +6 -0
- package/esm2020/side-sheet/side-sheet-container.mjs +242 -0
- package/esm2020/side-sheet/side-sheet-ref.mjs +21 -0
- package/esm2020/side-sheet/side-sheet.animation.mjs +12 -0
- package/esm2020/side-sheet/side-sheet.config.mjs +4 -0
- package/esm2020/side-sheet/side-sheet.content-directives.mjs +178 -0
- package/esm2020/side-sheet/side-sheet.mjs +208 -0
- package/esm2020/side-sheet/side-sheet.module.mjs +46 -0
- package/esm2020/user-profile/covalent-core-user-profile.mjs +5 -0
- package/esm2020/user-profile/index.mjs +2 -0
- package/esm2020/user-profile/public_api.mjs +4 -0
- package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +75 -0
- package/esm2020/user-profile/user-profile.component.mjs +41 -0
- package/esm2020/user-profile/user-profile.module.mjs +26 -0
- package/fesm2015/covalent-core-breadcrumbs.mjs +287 -0
- package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -0
- package/fesm2015/covalent-core-common.mjs +2251 -0
- package/fesm2015/covalent-core-common.mjs.map +1 -0
- package/fesm2015/covalent-core-dialogs.mjs +872 -0
- package/fesm2015/covalent-core-dialogs.mjs.map +1 -0
- package/fesm2015/covalent-core-dynamic-menu.mjs +480 -0
- package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -0
- package/fesm2015/covalent-core-file.mjs +698 -0
- package/fesm2015/covalent-core-file.mjs.map +1 -0
- package/fesm2015/covalent-core-json-formatter.mjs +353 -0
- package/fesm2015/covalent-core-json-formatter.mjs.map +1 -0
- package/fesm2015/covalent-core-layout.mjs +1577 -0
- package/fesm2015/covalent-core-layout.mjs.map +1 -0
- package/fesm2015/covalent-core-menu.mjs +55 -0
- package/fesm2015/covalent-core-menu.mjs.map +1 -0
- package/fesm2015/covalent-core-message.mjs +309 -0
- package/fesm2015/covalent-core-message.mjs.map +1 -0
- package/fesm2015/covalent-core-search.mjs +508 -0
- package/fesm2015/covalent-core-search.mjs.map +1 -0
- package/fesm2015/covalent-core-side-sheet.mjs +733 -0
- package/fesm2015/covalent-core-side-sheet.mjs.map +1 -0
- package/fesm2015/covalent-core-user-profile.mjs +162 -0
- package/fesm2015/covalent-core-user-profile.mjs.map +1 -0
- package/fesm2015/covalent-core.mjs +4 -0
- package/fesm2015/covalent-core.mjs.map +1 -0
- package/fesm2020/covalent-core-breadcrumbs.mjs +268 -0
- package/{fesm2015/covalent-core-breadcrumbs.js.map → fesm2020/covalent-core-breadcrumbs.mjs.map} +1 -1
- package/{fesm2015/covalent-core-common.js → fesm2020/covalent-core-common.mjs} +213 -768
- package/fesm2020/covalent-core-common.mjs.map +1 -0
- package/fesm2020/covalent-core-dialogs.mjs +812 -0
- package/fesm2020/covalent-core-dialogs.mjs.map +1 -0
- package/fesm2020/covalent-core-dynamic-menu.mjs +393 -0
- package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -0
- package/fesm2020/covalent-core-file.mjs +651 -0
- package/fesm2020/covalent-core-file.mjs.map +1 -0
- package/fesm2020/covalent-core-json-formatter.mjs +326 -0
- package/fesm2020/covalent-core-json-formatter.mjs.map +1 -0
- package/fesm2020/covalent-core-layout.mjs +1414 -0
- package/fesm2020/covalent-core-layout.mjs.map +1 -0
- package/fesm2020/covalent-core-menu.mjs +49 -0
- package/fesm2020/covalent-core-menu.mjs.map +1 -0
- package/fesm2020/covalent-core-message.mjs +286 -0
- package/fesm2020/covalent-core-message.mjs.map +1 -0
- package/fesm2020/covalent-core-search.mjs +473 -0
- package/fesm2020/covalent-core-search.mjs.map +1 -0
- package/{fesm2015/covalent-core-side-sheet.js → fesm2020/covalent-core-side-sheet.mjs} +202 -646
- package/fesm2020/covalent-core-side-sheet.mjs.map +1 -0
- package/fesm2020/covalent-core-user-profile.mjs +141 -0
- package/fesm2020/covalent-core-user-profile.mjs.map +1 -0
- package/fesm2020/covalent-core.mjs +4 -0
- package/fesm2020/covalent-core.mjs.map +1 -0
- package/file/_file-theme.scss +1 -0
- package/file/covalent-core-file.d.ts +1 -0
- package/file/directives/file-drop.directive.d.ts +3 -0
- package/file/directives/file-select.directive.d.ts +3 -0
- package/file/file-input/file-input.component.d.ts +5 -0
- package/file/file-input/file-input.component.scss +2 -0
- package/file/file-upload/file-upload.component.d.ts +3 -0
- package/file/file-upload/file-upload.component.scss +4 -0
- package/file/file.module.d.ts +13 -0
- package/file/package.json +6 -7
- package/file/services/file.service.d.ts +3 -0
- package/json-formatter/_json-formatter-theme.scss +10 -0
- package/json-formatter/covalent-core-json-formatter.d.ts +1 -0
- package/json-formatter/json-formatter.component.d.ts +3 -0
- package/json-formatter/json-formatter.component.scss +13 -0
- package/json-formatter/json-formatter.module.d.ts +8 -0
- package/json-formatter/package.json +6 -7
- package/layout/_layout-theme.scss +12 -0
- package/layout/covalent-core-layout.d.ts +1 -0
- package/layout/layout-card-over/layout-card-over.component.d.ts +3 -0
- package/layout/layout-card-over/layout-card-over.component.scss +3 -0
- package/layout/layout-footer/layout-footer.component.d.ts +3 -0
- package/layout/layout-manage-list/layout-manage-list.component.d.ts +3 -0
- package/layout/layout-manage-list/layout-manage-list.component.scss +9 -5
- package/layout/layout-manage-list/layout-manage-list.directives.d.ts +7 -0
- package/layout/layout-nav/layout-nav.component.d.ts +3 -0
- package/layout/layout-nav/layout-nav.component.scss +4 -0
- package/layout/layout-nav-list/layout-nav-list.component.d.ts +3 -0
- package/layout/layout-nav-list/layout-nav-list.component.scss +9 -4
- package/layout/layout-nav-list/layout-nav-list.directives.d.ts +7 -0
- package/layout/layout-toggle.class.d.ts +3 -0
- package/layout/layout.component.d.ts +3 -0
- package/layout/layout.component.scss +0 -4
- package/layout/layout.directives.d.ts +7 -0
- package/layout/layout.module.d.ts +23 -0
- package/layout/navigation-drawer/navigation-drawer.component.d.ts +7 -0
- package/layout/navigation-drawer/navigation-drawer.component.scss +8 -0
- package/layout/package.json +6 -7
- package/menu/covalent-core-menu.d.ts +1 -0
- package/menu/menu.component.d.ts +3 -0
- package/menu/menu.component.scss +9 -1
- package/menu/menu.module.d.ts +8 -0
- package/menu/package.json +6 -7
- package/message/_message-theme.scss +3 -0
- package/message/covalent-core-message.d.ts +1 -0
- package/message/message.component.d.ts +5 -0
- package/message/message.component.scss +3 -0
- package/message/message.module.d.ts +7 -0
- package/message/package.json +6 -7
- package/package.json +126 -15
- package/search/covalent-core-search.d.ts +1 -0
- package/search/package.json +6 -7
- package/search/search-box/search-box.component.d.ts +3 -0
- package/search/search-box/search-box.component.scss +5 -0
- package/search/search-input/search-input.component.d.ts +3 -0
- package/search/search-input/search-input.component.scss +12 -0
- package/search/search.module.d.ts +11 -0
- package/side-sheet/covalent-core-side-sheet.d.ts +1 -2
- package/side-sheet/package.json +6 -7
- package/side-sheet/side-sheet-container.d.ts +5 -0
- package/side-sheet/side-sheet.content-directives.d.ts +11 -0
- package/side-sheet/side-sheet.d.ts +5 -0
- package/side-sheet/side-sheet.module.d.ts +9 -0
- package/side-sheet/side-sheet.scss +1 -2
- package/theming/prebuilt/blue-grey-deep-orange.css +1714 -1333
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
- package/theming/prebuilt/blue-grey-deep-orange.scss +15 -8
- package/theming/prebuilt/blue-orange.css +1714 -1333
- package/theming/prebuilt/blue-orange.css.map +1 -1
- package/theming/prebuilt/blue-orange.scss +15 -8
- package/theming/prebuilt/indigo-pink.css +1714 -1333
- package/theming/prebuilt/indigo-pink.css.map +1 -1
- package/theming/prebuilt/indigo-pink.scss +15 -8
- package/theming/prebuilt/orange-light-blue.css +1714 -1333
- package/theming/prebuilt/orange-light-blue.css.map +1 -1
- package/theming/prebuilt/orange-light-blue.scss +15 -8
- package/theming/prebuilt/teal-orange.css +1714 -1333
- package/theming/prebuilt/teal-orange.css.map +1 -1
- package/theming/prebuilt/teal-orange.scss +15 -8
- package/user-profile/covalent-core-user-profile.d.ts +1 -0
- package/user-profile/package.json +6 -7
- package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +3 -0
- package/user-profile/user-profile-menu/user-profile-menu.component.scss +3 -0
- package/user-profile/user-profile.component.d.ts +3 -0
- package/user-profile/user-profile.module.d.ts +12 -0
- package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +0 -1
- package/bundles/covalent-core-breadcrumbs.umd.js +0 -490
- package/bundles/covalent-core-breadcrumbs.umd.js.map +0 -1
- package/bundles/covalent-core-breadcrumbs.umd.min.js +0 -2
- package/bundles/covalent-core-breadcrumbs.umd.min.js.map +0 -1
- package/bundles/covalent-core-common.umd.js +0 -3188
- package/bundles/covalent-core-common.umd.js.map +0 -1
- package/bundles/covalent-core-common.umd.min.js +0 -17
- package/bundles/covalent-core-common.umd.min.js.map +0 -1
- package/bundles/covalent-core-dialogs.umd.js +0 -1318
- package/bundles/covalent-core-dialogs.umd.js.map +0 -1
- package/bundles/covalent-core-dialogs.umd.min.js +0 -2
- package/bundles/covalent-core-dialogs.umd.min.js.map +0 -1
- package/bundles/covalent-core-dynamic-menu.umd.js +0 -215
- package/bundles/covalent-core-dynamic-menu.umd.js.map +0 -1
- package/bundles/covalent-core-dynamic-menu.umd.min.js +0 -2
- package/bundles/covalent-core-dynamic-menu.umd.min.js.map +0 -1
- package/bundles/covalent-core-file.umd.js +0 -1211
- package/bundles/covalent-core-file.umd.js.map +0 -1
- package/bundles/covalent-core-file.umd.min.js +0 -17
- package/bundles/covalent-core-file.umd.min.js.map +0 -1
- package/bundles/covalent-core-json-formatter.umd.js +0 -408
- package/bundles/covalent-core-json-formatter.umd.js.map +0 -1
- package/bundles/covalent-core-json-formatter.umd.min.js +0 -2
- package/bundles/covalent-core-json-formatter.umd.min.js.map +0 -1
- package/bundles/covalent-core-layout.umd.js +0 -2084
- package/bundles/covalent-core-layout.umd.js.map +0 -1
- package/bundles/covalent-core-layout.umd.min.js +0 -17
- package/bundles/covalent-core-layout.umd.min.js.map +0 -1
- package/bundles/covalent-core-menu.umd.js +0 -69
- package/bundles/covalent-core-menu.umd.js.map +0 -1
- package/bundles/covalent-core-menu.umd.min.js +0 -2
- package/bundles/covalent-core-menu.umd.min.js.map +0 -1
- package/bundles/covalent-core-message.umd.js +0 -375
- package/bundles/covalent-core-message.umd.js.map +0 -1
- package/bundles/covalent-core-message.umd.min.js +0 -2
- package/bundles/covalent-core-message.umd.min.js.map +0 -1
- package/bundles/covalent-core-search.umd.js +0 -877
- package/bundles/covalent-core-search.umd.js.map +0 -1
- package/bundles/covalent-core-search.umd.min.js +0 -16
- package/bundles/covalent-core-search.umd.min.js.map +0 -1
- package/bundles/covalent-core-side-sheet.umd.js +0 -1458
- package/bundles/covalent-core-side-sheet.umd.js.map +0 -1
- package/bundles/covalent-core-side-sheet.umd.min.js +0 -16
- package/bundles/covalent-core-side-sheet.umd.min.js.map +0 -1
- package/bundles/covalent-core-user-profile.umd.js +0 -116
- package/bundles/covalent-core-user-profile.umd.js.map +0 -1
- package/bundles/covalent-core-user-profile.umd.min.js +0 -2
- package/bundles/covalent-core-user-profile.umd.min.js.map +0 -1
- package/bundles/covalent-core.umd.js +0 -9
- package/bundles/covalent-core.umd.js.map +0 -1
- package/bundles/covalent-core.umd.min.js +0 -2
- package/bundles/covalent-core.umd.min.js.map +0 -1
- package/common/covalent-core-common.metadata.json +0 -1
- package/covalent-core.metadata.json +0 -1
- package/dialogs/covalent-core-dialogs.metadata.json +0 -1
- package/dynamic-menu/covalent-core-dynamic-menu.metadata.json +0 -1
- package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +0 -171
- package/esm2015/breadcrumbs/breadcrumbs.component.js +0 -241
- package/esm2015/breadcrumbs/breadcrumbs.module.js +0 -20
- package/esm2015/breadcrumbs/covalent-core-breadcrumbs.js +0 -10
- package/esm2015/breadcrumbs/index.js +0 -7
- package/esm2015/breadcrumbs/public-api.js +0 -9
- package/esm2015/common/animations/bounce/bounce.animation.js +0 -76
- package/esm2015/common/animations/collapse/collapse.animation.js +0 -67
- package/esm2015/common/animations/common/interfaces.js +0 -18
- package/esm2015/common/animations/fade/fadeInOut.animation.js +0 -53
- package/esm2015/common/animations/flash/flash.animation.js +0 -40
- package/esm2015/common/animations/headshake/headshake.animation.js +0 -41
- package/esm2015/common/animations/jello/jello.animation.js +0 -44
- package/esm2015/common/animations/pulse/pulse.animation.js +0 -38
- package/esm2015/common/animations/rotate/rotate.animation.js +0 -41
- package/esm2015/common/behaviors/control-value-accesor.mixin.js +0 -107
- package/esm2015/common/behaviors/disable-ripple.mixin.js +0 -63
- package/esm2015/common/behaviors/disabled.mixin.js +0 -63
- package/esm2015/common/common.module.js +0 -54
- package/esm2015/common/covalent-core-common.js +0 -12
- package/esm2015/common/directives/fullscreen/fullscreen.directive.js +0 -180
- package/esm2015/common/forms/auto-trim/auto-trim.directive.js +0 -46
- package/esm2015/common/forms/validators/validators.js +0 -58
- package/esm2015/common/functions/convert.js +0 -103
- package/esm2015/common/functions/download.js +0 -88
- package/esm2015/common/functions/file.js +0 -29
- package/esm2015/common/index.js +0 -7
- package/esm2015/common/pipes/bytes/bytes.pipe.js +0 -41
- package/esm2015/common/pipes/decimal-bytes/decimal-bytes.pipe.js +0 -41
- package/esm2015/common/pipes/digits/digits.pipe.js +0 -65
- package/esm2015/common/pipes/time-ago/time-ago.pipe.js +0 -81
- package/esm2015/common/pipes/time-difference/time-difference.pipe.js +0 -66
- package/esm2015/common/pipes/time-until/time-until.pipe.js +0 -81
- package/esm2015/common/pipes/truncate/truncate.pipe.js +0 -34
- package/esm2015/common/public-api.js +0 -44
- package/esm2015/common/services/icon.service.js +0 -1109
- package/esm2015/common/services/router-path.service.js +0 -60
- package/esm2015/covalent-core.js +0 -10
- package/esm2015/dialogs/alert-dialog/alert-dialog.component.js +0 -47
- package/esm2015/dialogs/confirm-dialog/confirm-dialog.component.js +0 -59
- package/esm2015/dialogs/covalent-core-dialogs.js +0 -11
- package/esm2015/dialogs/dialog.component.js +0 -58
- package/esm2015/dialogs/dialogs.module.js +0 -57
- package/esm2015/dialogs/index.js +0 -7
- package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +0 -83
- package/esm2015/dialogs/public-api.js +0 -13
- package/esm2015/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.js +0 -325
- package/esm2015/dialogs/services/dialog.service.js +0 -316
- package/esm2015/dialogs/window-dialog/window-dialog.component.js +0 -56
- package/esm2015/dynamic-menu/covalent-core-dynamic-menu.js +0 -11
- package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.js +0 -40
- package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.js +0 -35
- package/esm2015/dynamic-menu/dynamic-menu.component.js +0 -89
- package/esm2015/dynamic-menu/dynamic-menu.module.js +0 -26
- package/esm2015/dynamic-menu/index.js +0 -7
- package/esm2015/dynamic-menu/public_api.js +0 -9
- package/esm2015/file/covalent-core-file.js +0 -10
- package/esm2015/file/directives/file-drop.directive.js +0 -191
- package/esm2015/file/directives/file-select.directive.js +0 -98
- package/esm2015/file/file-input/file-input.component.js +0 -186
- package/esm2015/file/file-upload/file-upload.component.js +0 -237
- package/esm2015/file/file.module.js +0 -35
- package/esm2015/file/index.js +0 -7
- package/esm2015/file/public-api.js +0 -12
- package/esm2015/file/services/file.service.js +0 -109
- package/esm2015/index.js +0 -7
- package/esm2015/json-formatter/covalent-core-json-formatter.js +0 -10
- package/esm2015/json-formatter/index.js +0 -7
- package/esm2015/json-formatter/json-formatter.component.js +0 -338
- package/esm2015/json-formatter/json-formatter.module.js +0 -20
- package/esm2015/json-formatter/public-api.js +0 -8
- package/esm2015/layout/covalent-core-layout.js +0 -10
- package/esm2015/layout/index.js +0 -7
- package/esm2015/layout/layout-card-over/layout-card-over.component.js +0 -71
- package/esm2015/layout/layout-footer/layout-footer.component.js +0 -71
- package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +0 -145
- package/esm2015/layout/layout-manage-list/layout-manage-list.directives.js +0 -132
- package/esm2015/layout/layout-nav/layout-nav.component.js +0 -100
- package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +0 -220
- package/esm2015/layout/layout-nav-list/layout-nav-list.directives.js +0 -132
- package/esm2015/layout/layout-toggle.class.js +0 -188
- package/esm2015/layout/layout.component.js +0 -145
- package/esm2015/layout/layout.directives.js +0 -129
- package/esm2015/layout/layout.module.js +0 -64
- package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +0 -280
- package/esm2015/layout/public-api.js +0 -18
- package/esm2015/menu/covalent-core-menu.js +0 -10
- package/esm2015/menu/index.js +0 -7
- package/esm2015/menu/menu.component.js +0 -16
- package/esm2015/menu/menu.module.js +0 -22
- package/esm2015/menu/public-api.js +0 -8
- package/esm2015/message/covalent-core-message.js +0 -10
- package/esm2015/message/index.js +0 -7
- package/esm2015/message/message.component.js +0 -307
- package/esm2015/message/message.module.js +0 -21
- package/esm2015/message/public-api.js +0 -8
- package/esm2015/search/covalent-core-search.js +0 -10
- package/esm2015/search/index.js +0 -7
- package/esm2015/search/public-api.js +0 -9
- package/esm2015/search/search-box/search-box.component.js +0 -270
- package/esm2015/search/search-input/search-input.component.js +0 -260
- package/esm2015/search/search.module.js +0 -23
- package/esm2015/side-sheet/covalent-core-side-sheet.js +0 -12
- package/esm2015/side-sheet/index.js +0 -7
- package/esm2015/side-sheet/public-api.js +0 -11
- package/esm2015/side-sheet/side-sheet-container.js +0 -402
- package/esm2015/side-sheet/side-sheet-ref.js +0 -50
- package/esm2015/side-sheet/side-sheet.animation.js +0 -20
- package/esm2015/side-sheet/side-sheet.config.js +0 -12
- package/esm2015/side-sheet/side-sheet.content-directives.js +0 -255
- package/esm2015/side-sheet/side-sheet.js +0 -360
- package/esm2015/side-sheet/side-sheet.module.js +0 -36
- package/esm2015/user-profile/covalent-core-user-profile.js +0 -10
- package/esm2015/user-profile/index.js +0 -7
- package/esm2015/user-profile/public_api.js +0 -9
- package/esm2015/user-profile/user-profile-menu/user-profile-menu.component.js +0 -35
- package/esm2015/user-profile/user-profile.component.js +0 -26
- package/esm2015/user-profile/user-profile.module.js +0 -25
- package/fesm2015/covalent-core-breadcrumbs.js +0 -448
- package/fesm2015/covalent-core-common.js.map +0 -1
- package/fesm2015/covalent-core-dialogs.js +0 -1001
- package/fesm2015/covalent-core-dialogs.js.map +0 -1
- package/fesm2015/covalent-core-dynamic-menu.js +0 -204
- package/fesm2015/covalent-core-dynamic-menu.js.map +0 -1
- package/fesm2015/covalent-core-file.js +0 -855
- package/fesm2015/covalent-core-file.js.map +0 -1
- package/fesm2015/covalent-core-json-formatter.js +0 -377
- package/fesm2015/covalent-core-json-formatter.js.map +0 -1
- package/fesm2015/covalent-core-layout.js +0 -1663
- package/fesm2015/covalent-core-layout.js.map +0 -1
- package/fesm2015/covalent-core-menu.js +0 -57
- package/fesm2015/covalent-core-menu.js.map +0 -1
- package/fesm2015/covalent-core-message.js +0 -347
- package/fesm2015/covalent-core-message.js.map +0 -1
- package/fesm2015/covalent-core-search.js +0 -564
- package/fesm2015/covalent-core-search.js.map +0 -1
- package/fesm2015/covalent-core-side-sheet.js.map +0 -1
- package/fesm2015/covalent-core-user-profile.js +0 -103
- package/fesm2015/covalent-core-user-profile.js.map +0 -1
- package/fesm2015/covalent-core.js +0 -12
- package/fesm2015/covalent-core.js.map +0 -1
- package/file/covalent-core-file.metadata.json +0 -1
- package/json-formatter/covalent-core-json-formatter.metadata.json +0 -1
- package/layout/covalent-core-layout.metadata.json +0 -1
- package/menu/covalent-core-menu.metadata.json +0 -1
- package/message/covalent-core-message.metadata.json +0 -1
- package/schematics/collection.json +0 -11
- package/schematics/components.js +0 -111
- package/schematics/components.js.map +0 -1
- package/schematics/migration.json +0 -10
- package/schematics/ng-add/index.js +0 -58
- package/schematics/ng-add/index.js.map +0 -1
- package/schematics/ng-add/schema.js +0 -3
- package/schematics/ng-add/schema.js.map +0 -1
- package/schematics/ng-add/schema.json +0 -81
- package/schematics/ng-update/index.js +0 -52
- package/schematics/ng-update/index.js.map +0 -1
- package/schematics/ng-update/target-version.js +0 -8
- package/schematics/ng-update/target-version.js.map +0 -1
- package/schematics/version-names.js +0 -6
- package/schematics/version-names.js.map +0 -1
- package/search/covalent-core-search.metadata.json +0 -1
- package/side-sheet/covalent-core-side-sheet.metadata.json +0 -1
- package/user-profile/covalent-core-user-profile.metadata.json +0 -1
@@ -0,0 +1,872 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { Directive, Component, ContentChildren, ViewChild, Injectable, Inject, EventEmitter, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
|
3
|
+
import * as i3 from '@angular/common';
|
4
|
+
import { DOCUMENT, CommonModule } from '@angular/common';
|
5
|
+
import * as i4$1 from '@angular/forms';
|
6
|
+
import { FormsModule } from '@angular/forms';
|
7
|
+
import * as i1 from '@angular/material/dialog';
|
8
|
+
import { MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
|
9
|
+
import * as i6 from '@angular/material/input';
|
10
|
+
import { MatInputModule } from '@angular/material/input';
|
11
|
+
import * as i4 from '@angular/material/button';
|
12
|
+
import { MatButtonModule } from '@angular/material/button';
|
13
|
+
import * as i5 from '@angular/material/form-field';
|
14
|
+
import { Subject, fromEvent, merge } from 'rxjs';
|
15
|
+
import * as i2 from '@angular/cdk/drag-drop';
|
16
|
+
import * as i1$1 from '@angular/material/toolbar';
|
17
|
+
import { MatToolbarModule } from '@angular/material/toolbar';
|
18
|
+
import * as i3$1 from '@angular/material/tooltip';
|
19
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
20
|
+
import * as i4$2 from '@angular/material/icon';
|
21
|
+
import { MatIconModule } from '@angular/material/icon';
|
22
|
+
|
23
|
+
function TdDialogComponent_h3_1_Template(rf, ctx) {
|
24
|
+
if (rf & 1) {
|
25
|
+
i0.ɵɵelementStart(0, "h3", 4);
|
26
|
+
i0.ɵɵprojection(1);
|
27
|
+
i0.ɵɵelementEnd();
|
28
|
+
}
|
29
|
+
}
|
30
|
+
function TdDialogComponent_div_2_Template(rf, ctx) {
|
31
|
+
if (rf & 1) {
|
32
|
+
i0.ɵɵelementStart(0, "div", 5);
|
33
|
+
i0.ɵɵprojection(1, 1);
|
34
|
+
i0.ɵɵelementEnd();
|
35
|
+
}
|
36
|
+
}
|
37
|
+
function TdDialogComponent_div_3_Template(rf, ctx) {
|
38
|
+
if (rf & 1) {
|
39
|
+
i0.ɵɵelementStart(0, "div", 6);
|
40
|
+
i0.ɵɵelement(1, "span", 7);
|
41
|
+
i0.ɵɵprojection(2, 2);
|
42
|
+
i0.ɵɵelementEnd();
|
43
|
+
}
|
44
|
+
}
|
45
|
+
const _c0$2 = [[["td-dialog-title"]], [["td-dialog-content"]], [["td-dialog-actions"]]];
|
46
|
+
const _c1 = ["td-dialog-title", "td-dialog-content", "td-dialog-actions"];
|
47
|
+
class TdDialogTitleDirective {
|
48
|
+
}
|
49
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogTitleDirective.ɵfac = function TdDialogTitleDirective_Factory(t) { return new (t || TdDialogTitleDirective)(); };
|
50
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogTitleDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdDialogTitleDirective, selectors: [["td-dialog-title"]] });
|
51
|
+
(function () {
|
52
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogTitleDirective, [{
|
53
|
+
type: Directive,
|
54
|
+
args: [{ selector: 'td-dialog-title' }]
|
55
|
+
}], null, null);
|
56
|
+
})();
|
57
|
+
class TdDialogContentDirective {
|
58
|
+
}
|
59
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogContentDirective.ɵfac = function TdDialogContentDirective_Factory(t) { return new (t || TdDialogContentDirective)(); };
|
60
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogContentDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdDialogContentDirective, selectors: [["td-dialog-content"]] });
|
61
|
+
(function () {
|
62
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogContentDirective, [{
|
63
|
+
type: Directive,
|
64
|
+
args: [{ selector: 'td-dialog-content' }]
|
65
|
+
}], null, null);
|
66
|
+
})();
|
67
|
+
class TdDialogActionsDirective {
|
68
|
+
}
|
69
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogActionsDirective.ɵfac = function TdDialogActionsDirective_Factory(t) { return new (t || TdDialogActionsDirective)(); };
|
70
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogActionsDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdDialogActionsDirective, selectors: [["td-dialog-actions"]] });
|
71
|
+
(function () {
|
72
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogActionsDirective, [{
|
73
|
+
type: Directive,
|
74
|
+
args: [{ selector: 'td-dialog-actions' }]
|
75
|
+
}], null, null);
|
76
|
+
})();
|
77
|
+
class TdDialogComponent {
|
78
|
+
ngAfterContentInit() {
|
79
|
+
if (this.dialogTitle.length > 1) {
|
80
|
+
throw new Error('Duplicate td-dialog-title component at in td-dialog.');
|
81
|
+
}
|
82
|
+
if (this.dialogContent.length > 1) {
|
83
|
+
throw new Error('Duplicate td-dialog-content component at in td-dialog.');
|
84
|
+
}
|
85
|
+
if (this.dialogActions.length > 1) {
|
86
|
+
throw new Error('Duplicate td-dialog-actions component at in td-dialog.');
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
90
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogComponent.ɵfac = function TdDialogComponent_Factory(t) { return new (t || TdDialogComponent)(); };
|
91
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdDialogComponent, selectors: [["td-dialog"]], contentQueries: function TdDialogComponent_ContentQueries(rf, ctx, dirIndex) {
|
92
|
+
if (rf & 1) {
|
93
|
+
i0.ɵɵcontentQuery(dirIndex, TdDialogTitleDirective, 5);
|
94
|
+
i0.ɵɵcontentQuery(dirIndex, TdDialogContentDirective, 5);
|
95
|
+
i0.ɵɵcontentQuery(dirIndex, TdDialogActionsDirective, 5);
|
96
|
+
}
|
97
|
+
if (rf & 2) {
|
98
|
+
let _t;
|
99
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogTitle = _t);
|
100
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContent = _t);
|
101
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogActions = _t);
|
102
|
+
}
|
103
|
+
}, ngContentSelectors: _c1, decls: 4, vars: 3, consts: [[1, "td-dialog-wrapper"], ["class", "td-dialog-title", 4, "ngIf"], ["class", "td-dialog-content", 4, "ngIf"], ["class", "td-dialog-actions", 4, "ngIf"], [1, "td-dialog-title"], [1, "td-dialog-content"], [1, "td-dialog-actions"], [1, "td-dialog-spacer"]], template: function TdDialogComponent_Template(rf, ctx) {
|
104
|
+
if (rf & 1) {
|
105
|
+
i0.ɵɵprojectionDef(_c0$2);
|
106
|
+
i0.ɵɵelementStart(0, "div", 0);
|
107
|
+
i0.ɵɵtemplate(1, TdDialogComponent_h3_1_Template, 2, 0, "h3", 1);
|
108
|
+
i0.ɵɵtemplate(2, TdDialogComponent_div_2_Template, 2, 0, "div", 2);
|
109
|
+
i0.ɵɵtemplate(3, TdDialogComponent_div_3_Template, 3, 0, "div", 3);
|
110
|
+
i0.ɵɵelementEnd();
|
111
|
+
}
|
112
|
+
if (rf & 2) {
|
113
|
+
i0.ɵɵadvance(1);
|
114
|
+
i0.ɵɵproperty("ngIf", ctx.dialogTitle.length > 0);
|
115
|
+
i0.ɵɵadvance(1);
|
116
|
+
i0.ɵɵproperty("ngIf", ctx.dialogContent.length > 0);
|
117
|
+
i0.ɵɵadvance(1);
|
118
|
+
i0.ɵɵproperty("ngIf", ctx.dialogActions.length > 0);
|
119
|
+
}
|
120
|
+
}, directives: [i3.NgIf], styles: [".td-dialog-title[_ngcontent-%COMP%]{margin-top:0;margin-bottom:20px}.td-dialog-content[_ngcontent-%COMP%]{margin-bottom:16px}.td-dialog-actions[_ngcontent-%COMP%]{position:relative;top:16px;left:16px} [dir=rtl] .td-dialog-actions{right:16px;left:auto}[_nghost-%COMP%]{display:block}[_nghost-%COMP%] .td-dialog-actions[_ngcontent-%COMP%]{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}[_nghost-%COMP%] .td-dialog-actions[_ngcontent-%COMP%] .td-dialog-spacer[_ngcontent-%COMP%]{-ms-flex:1;flex:1}[_nghost-%COMP%] .td-dialog-actions[_ngcontent-%COMP%] button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] [_nghost-%COMP%] .td-dialog-actions[_ngcontent-%COMP%] button{margin-right:8px;margin-left:inherit}"] });
|
121
|
+
(function () {
|
122
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogComponent, [{
|
123
|
+
type: Component,
|
124
|
+
args: [{ selector: 'td-dialog', template: "<div class=\"td-dialog-wrapper\">\n <h3 class=\"td-dialog-title\" *ngIf=\"dialogTitle.length > 0\">\n <ng-content select=\"td-dialog-title\"></ng-content>\n </h3>\n <div class=\"td-dialog-content\" *ngIf=\"dialogContent.length > 0\">\n <ng-content select=\"td-dialog-content\"></ng-content>\n </div>\n <div class=\"td-dialog-actions\" *ngIf=\"dialogActions.length > 0\">\n <span class=\"td-dialog-spacer\"></span>\n <ng-content select=\"td-dialog-actions\"></ng-content>\n </div>\n</div>\n", styles: [".td-dialog-title{margin-top:0;margin-bottom:20px}.td-dialog-content{margin-bottom:16px}.td-dialog-actions{position:relative;top:16px;left:16px}::ng-deep [dir=rtl] .td-dialog-actions{right:16px;left:auto}:host{display:block}:host .td-dialog-actions{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}:host .td-dialog-actions .td-dialog-spacer{-ms-flex:1;flex:1}:host .td-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] :host .td-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}\n"] }]
|
125
|
+
}], null, { dialogTitle: [{
|
126
|
+
type: ContentChildren,
|
127
|
+
args: [TdDialogTitleDirective, { descendants: true }]
|
128
|
+
}], dialogContent: [{
|
129
|
+
type: ContentChildren,
|
130
|
+
args: [TdDialogContentDirective, { descendants: true }]
|
131
|
+
}], dialogActions: [{
|
132
|
+
type: ContentChildren,
|
133
|
+
args: [TdDialogActionsDirective, { descendants: true }]
|
134
|
+
}] });
|
135
|
+
})();
|
136
|
+
|
137
|
+
function TdAlertDialogComponent_td_dialog_title_1_Template(rf, ctx) {
|
138
|
+
if (rf & 1) {
|
139
|
+
i0.ɵɵelementStart(0, "td-dialog-title");
|
140
|
+
i0.ɵɵtext(1);
|
141
|
+
i0.ɵɵelementEnd();
|
142
|
+
}
|
143
|
+
if (rf & 2) {
|
144
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
145
|
+
i0.ɵɵadvance(1);
|
146
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
|
147
|
+
}
|
148
|
+
}
|
149
|
+
class TdAlertDialogComponent {
|
150
|
+
constructor(_dialogRef) {
|
151
|
+
this._dialogRef = _dialogRef;
|
152
|
+
this.closeButton = 'CLOSE';
|
153
|
+
}
|
154
|
+
close() {
|
155
|
+
this._dialogRef.close();
|
156
|
+
}
|
157
|
+
}
|
158
|
+
/** @nocollapse */ /** @nocollapse */ TdAlertDialogComponent.ɵfac = function TdAlertDialogComponent_Factory(t) { return new (t || TdAlertDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
|
159
|
+
/** @nocollapse */ /** @nocollapse */ TdAlertDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdAlertDialogComponent, selectors: [["td-alert-dialog"]], decls: 8, vars: 3, consts: [[4, "ngIf"], [1, "td-dialog-message"], ["mat-button", "", "color", "accent", 3, "click"]], template: function TdAlertDialogComponent_Template(rf, ctx) {
|
160
|
+
if (rf & 1) {
|
161
|
+
i0.ɵɵelementStart(0, "td-dialog");
|
162
|
+
i0.ɵɵtemplate(1, TdAlertDialogComponent_td_dialog_title_1_Template, 2, 1, "td-dialog-title", 0);
|
163
|
+
i0.ɵɵelementStart(2, "td-dialog-content");
|
164
|
+
i0.ɵɵelementStart(3, "span", 1);
|
165
|
+
i0.ɵɵtext(4);
|
166
|
+
i0.ɵɵelementEnd();
|
167
|
+
i0.ɵɵelementEnd();
|
168
|
+
i0.ɵɵelementStart(5, "td-dialog-actions");
|
169
|
+
i0.ɵɵelementStart(6, "button", 2);
|
170
|
+
i0.ɵɵlistener("click", function TdAlertDialogComponent_Template_button_click_6_listener() { return ctx.close(); });
|
171
|
+
i0.ɵɵtext(7);
|
172
|
+
i0.ɵɵelementEnd();
|
173
|
+
i0.ɵɵelementEnd();
|
174
|
+
i0.ɵɵelementEnd();
|
175
|
+
}
|
176
|
+
if (rf & 2) {
|
177
|
+
i0.ɵɵadvance(1);
|
178
|
+
i0.ɵɵproperty("ngIf", ctx.title);
|
179
|
+
i0.ɵɵadvance(3);
|
180
|
+
i0.ɵɵtextInterpolate(ctx.message);
|
181
|
+
i0.ɵɵadvance(3);
|
182
|
+
i0.ɵɵtextInterpolate(ctx.closeButton);
|
183
|
+
}
|
184
|
+
}, directives: [TdDialogComponent, i3.NgIf, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective, i4.MatButton], styles: [".td-dialog-message[_ngcontent-%COMP%]{word-break:break-word}"] });
|
185
|
+
(function () {
|
186
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdAlertDialogComponent, [{
|
187
|
+
type: Component,
|
188
|
+
args: [{ selector: 'td-alert-dialog', template: "<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{ title }}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{ message }}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button color=\"accent\" (click)=\"close()\">{{ closeButton }}</button>\n </td-dialog-actions>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"] }]
|
189
|
+
}], function () { return [{ type: i1.MatDialogRef }]; }, null);
|
190
|
+
})();
|
191
|
+
|
192
|
+
function TdConfirmDialogComponent_td_dialog_title_1_Template(rf, ctx) {
|
193
|
+
if (rf & 1) {
|
194
|
+
i0.ɵɵelementStart(0, "td-dialog-title");
|
195
|
+
i0.ɵɵtext(1);
|
196
|
+
i0.ɵɵelementEnd();
|
197
|
+
}
|
198
|
+
if (rf & 2) {
|
199
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
200
|
+
i0.ɵɵadvance(1);
|
201
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
|
202
|
+
}
|
203
|
+
}
|
204
|
+
class TdConfirmDialogComponent {
|
205
|
+
constructor(_dialogRef) {
|
206
|
+
this._dialogRef = _dialogRef;
|
207
|
+
this.cancelButton = 'CANCEL';
|
208
|
+
this.acceptButton = 'ACCEPT';
|
209
|
+
this.isDestructive = false;
|
210
|
+
}
|
211
|
+
cancel() {
|
212
|
+
this._dialogRef.close(false);
|
213
|
+
}
|
214
|
+
accept() {
|
215
|
+
this._dialogRef.close(true);
|
216
|
+
}
|
217
|
+
}
|
218
|
+
/** @nocollapse */ /** @nocollapse */ TdConfirmDialogComponent.ɵfac = function TdConfirmDialogComponent_Factory(t) { return new (t || TdConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
|
219
|
+
/** @nocollapse */ /** @nocollapse */ TdConfirmDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdConfirmDialogComponent, selectors: [["td-confirm-dialog"]], decls: 12, vars: 5, consts: [[4, "ngIf"], [1, "td-dialog-message"], ["mat-button", "", 3, "keydown.arrowright", "click"], ["closeBtn", ""], ["mat-button", "", 3, "color", "keydown.arrowleft", "click"], ["acceptBtn", ""]], template: function TdConfirmDialogComponent_Template(rf, ctx) {
|
220
|
+
if (rf & 1) {
|
221
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
222
|
+
i0.ɵɵelementStart(0, "td-dialog");
|
223
|
+
i0.ɵɵtemplate(1, TdConfirmDialogComponent_td_dialog_title_1_Template, 2, 1, "td-dialog-title", 0);
|
224
|
+
i0.ɵɵelementStart(2, "td-dialog-content");
|
225
|
+
i0.ɵɵelementStart(3, "span", 1);
|
226
|
+
i0.ɵɵtext(4);
|
227
|
+
i0.ɵɵelementEnd();
|
228
|
+
i0.ɵɵelementEnd();
|
229
|
+
i0.ɵɵelementStart(5, "td-dialog-actions");
|
230
|
+
i0.ɵɵelementStart(6, "button", 2, 3);
|
231
|
+
i0.ɵɵlistener("keydown.arrowright", function TdConfirmDialogComponent_Template_button_keydown_arrowright_6_listener() { i0.ɵɵrestoreView(_r3); const _r2 = i0.ɵɵreference(10); return _r2.focus(); })("click", function TdConfirmDialogComponent_Template_button_click_6_listener() { return ctx.cancel(); });
|
232
|
+
i0.ɵɵtext(8);
|
233
|
+
i0.ɵɵelementEnd();
|
234
|
+
i0.ɵɵelementStart(9, "button", 4, 5);
|
235
|
+
i0.ɵɵlistener("keydown.arrowleft", function TdConfirmDialogComponent_Template_button_keydown_arrowleft_9_listener() { i0.ɵɵrestoreView(_r3); const _r1 = i0.ɵɵreference(7); return _r1.focus(); })("click", function TdConfirmDialogComponent_Template_button_click_9_listener() { return ctx.accept(); });
|
236
|
+
i0.ɵɵtext(11);
|
237
|
+
i0.ɵɵelementEnd();
|
238
|
+
i0.ɵɵelementEnd();
|
239
|
+
i0.ɵɵelementEnd();
|
240
|
+
}
|
241
|
+
if (rf & 2) {
|
242
|
+
i0.ɵɵadvance(1);
|
243
|
+
i0.ɵɵproperty("ngIf", ctx.title);
|
244
|
+
i0.ɵɵadvance(3);
|
245
|
+
i0.ɵɵtextInterpolate(ctx.message);
|
246
|
+
i0.ɵɵadvance(4);
|
247
|
+
i0.ɵɵtextInterpolate(ctx.cancelButton);
|
248
|
+
i0.ɵɵadvance(1);
|
249
|
+
i0.ɵɵproperty("color", ctx.isDestructive ? "warn" : "accent");
|
250
|
+
i0.ɵɵadvance(2);
|
251
|
+
i0.ɵɵtextInterpolate1(" ", ctx.acceptButton, " ");
|
252
|
+
}
|
253
|
+
}, directives: [TdDialogComponent, i3.NgIf, TdDialogTitleDirective, TdDialogContentDirective, TdDialogActionsDirective, i4.MatButton], styles: [".td-dialog-message[_ngcontent-%COMP%]{word-break:break-word}"] });
|
254
|
+
(function () {
|
255
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdConfirmDialogComponent, [{
|
256
|
+
type: Component,
|
257
|
+
args: [{ selector: 'td-confirm-dialog', template: "<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{ title }}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{ message }}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{ cancelButton }}</button>\n <button\n mat-button\n [color]=\"isDestructive ? 'warn' : 'accent'\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n (click)=\"accept()\"\n >\n {{ acceptButton }}\n </button>\n </td-dialog-actions>\n</td-dialog>\n", styles: [".td-dialog-message{word-break:break-word}\n"] }]
|
258
|
+
}], function () { return [{ type: i1.MatDialogRef }]; }, null);
|
259
|
+
})();
|
260
|
+
|
261
|
+
const _c0$1 = ["input"];
|
262
|
+
function TdPromptDialogComponent_td_dialog_title_1_Template(rf, ctx) {
|
263
|
+
if (rf & 1) {
|
264
|
+
i0.ɵɵelementStart(0, "td-dialog-title");
|
265
|
+
i0.ɵɵtext(1);
|
266
|
+
i0.ɵɵelementEnd();
|
267
|
+
}
|
268
|
+
if (rf & 2) {
|
269
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
270
|
+
i0.ɵɵadvance(1);
|
271
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
|
272
|
+
}
|
273
|
+
}
|
274
|
+
class TdPromptDialogComponent {
|
275
|
+
constructor(_dialogRef) {
|
276
|
+
this._dialogRef = _dialogRef;
|
277
|
+
this.cancelButton = 'CANCEL';
|
278
|
+
this.acceptButton = 'ACCEPT';
|
279
|
+
}
|
280
|
+
ngAfterViewInit() {
|
281
|
+
// focus input once everything is rendered and good to go
|
282
|
+
Promise.resolve().then(() => {
|
283
|
+
this._input.nativeElement.focus();
|
284
|
+
});
|
285
|
+
}
|
286
|
+
/**
|
287
|
+
* Method executed when input is focused
|
288
|
+
* Selects all text
|
289
|
+
*/
|
290
|
+
handleInputFocus() {
|
291
|
+
this._input.nativeElement.select();
|
292
|
+
}
|
293
|
+
cancel() {
|
294
|
+
this._dialogRef.close();
|
295
|
+
}
|
296
|
+
accept() {
|
297
|
+
this._dialogRef.close(this.value);
|
298
|
+
}
|
299
|
+
}
|
300
|
+
/** @nocollapse */ /** @nocollapse */ TdPromptDialogComponent.ɵfac = function TdPromptDialogComponent_Factory(t) { return new (t || TdPromptDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef)); };
|
301
|
+
/** @nocollapse */ /** @nocollapse */ TdPromptDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdPromptDialogComponent, selectors: [["td-prompt-dialog"]], viewQuery: function TdPromptDialogComponent_Query(rf, ctx) {
|
302
|
+
if (rf & 1) {
|
303
|
+
i0.ɵɵviewQuery(_c0$1, 7);
|
304
|
+
}
|
305
|
+
if (rf & 2) {
|
306
|
+
let _t;
|
307
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._input = _t.first);
|
308
|
+
}
|
309
|
+
}, decls: 18, vars: 6, consts: [[4, "ngIf"], [1, "td-dialog-message"], ["novalidate", ""], ["form", "ngForm"], [1, "td-dialog-input-wrapper"], [1, "td-dialog-input"], ["matInput", "", "name", "value", "required", "", 3, "ngModel", "focus", "keydown.enter", "ngModelChange"], ["input", ""], ["mat-button", "", 3, "keydown.arrowright", "click"], ["closeBtn", ""], ["mat-button", "", "color", "accent", 3, "disabled", "keydown.arrowleft", "click"], ["acceptBtn", ""]], template: function TdPromptDialogComponent_Template(rf, ctx) {
|
310
|
+
if (rf & 1) {
|
311
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
312
|
+
i0.ɵɵelementStart(0, "td-dialog");
|
313
|
+
i0.ɵɵtemplate(1, TdPromptDialogComponent_td_dialog_title_1_Template, 2, 1, "td-dialog-title", 0);
|
314
|
+
i0.ɵɵelementStart(2, "td-dialog-content");
|
315
|
+
i0.ɵɵelementStart(3, "span", 1);
|
316
|
+
i0.ɵɵtext(4);
|
317
|
+
i0.ɵɵelementEnd();
|
318
|
+
i0.ɵɵelementStart(5, "form", 2, 3);
|
319
|
+
i0.ɵɵelementStart(7, "div", 4);
|
320
|
+
i0.ɵɵelementStart(8, "mat-form-field", 5);
|
321
|
+
i0.ɵɵelementStart(9, "input", 6, 7);
|
322
|
+
i0.ɵɵlistener("focus", function TdPromptDialogComponent_Template_input_focus_9_listener() { return ctx.handleInputFocus(); })("keydown.enter", function TdPromptDialogComponent_Template_input_keydown_enter_9_listener($event) { i0.ɵɵrestoreView(_r5); const _r1 = i0.ɵɵreference(6); $event.preventDefault(); return _r1.valid && ctx.accept(); })("ngModelChange", function TdPromptDialogComponent_Template_input_ngModelChange_9_listener($event) { return ctx.value = $event; });
|
323
|
+
i0.ɵɵelementEnd();
|
324
|
+
i0.ɵɵelementEnd();
|
325
|
+
i0.ɵɵelementEnd();
|
326
|
+
i0.ɵɵelementEnd();
|
327
|
+
i0.ɵɵelementEnd();
|
328
|
+
i0.ɵɵelementStart(11, "td-dialog-actions");
|
329
|
+
i0.ɵɵelementStart(12, "button", 8, 9);
|
330
|
+
i0.ɵɵlistener("keydown.arrowright", function TdPromptDialogComponent_Template_button_keydown_arrowright_12_listener() { i0.ɵɵrestoreView(_r5); const _r4 = i0.ɵɵreference(16); return _r4.focus(); })("click", function TdPromptDialogComponent_Template_button_click_12_listener() { return ctx.cancel(); });
|
331
|
+
i0.ɵɵtext(14);
|
332
|
+
i0.ɵɵelementEnd();
|
333
|
+
i0.ɵɵelementStart(15, "button", 10, 11);
|
334
|
+
i0.ɵɵlistener("keydown.arrowleft", function TdPromptDialogComponent_Template_button_keydown_arrowleft_15_listener() { i0.ɵɵrestoreView(_r5); const _r3 = i0.ɵɵreference(13); return _r3.focus(); })("click", function TdPromptDialogComponent_Template_button_click_15_listener() { return ctx.accept(); });
|
335
|
+
i0.ɵɵtext(17);
|
336
|
+
i0.ɵɵelementEnd();
|
337
|
+
i0.ɵɵelementEnd();
|
338
|
+
i0.ɵɵelementEnd();
|
339
|
+
}
|
340
|
+
if (rf & 2) {
|
341
|
+
const _r1 = i0.ɵɵreference(6);
|
342
|
+
i0.ɵɵadvance(1);
|
343
|
+
i0.ɵɵproperty("ngIf", ctx.title);
|
344
|
+
i0.ɵɵadvance(3);
|
345
|
+
i0.ɵɵtextInterpolate(ctx.message);
|
346
|
+
i0.ɵɵadvance(5);
|
347
|
+
i0.ɵɵproperty("ngModel", ctx.value);
|
348
|
+
i0.ɵɵadvance(5);
|
349
|
+
i0.ɵɵtextInterpolate(ctx.cancelButton);
|
350
|
+
i0.ɵɵadvance(1);
|
351
|
+
i0.ɵɵproperty("disabled", !_r1.valid);
|
352
|
+
i0.ɵɵadvance(2);
|
353
|
+
i0.ɵɵtextInterpolate1(" ", ctx.acceptButton, " ");
|
354
|
+
}
|
355
|
+
}, directives: [TdDialogComponent, i3.NgIf, TdDialogTitleDirective, TdDialogContentDirective, i4$1.ɵNgNoValidate, i4$1.NgControlStatusGroup, i4$1.NgForm, i5.MatFormField, i6.MatInput, i4$1.DefaultValueAccessor, i4$1.RequiredValidator, i4$1.NgControlStatus, i4$1.NgModel, TdDialogActionsDirective, i4.MatButton], styles: [".td-dialog-input-wrapper[_ngcontent-%COMP%]{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}.td-dialog-input-wrapper[_ngcontent-%COMP%] .td-dialog-input[_ngcontent-%COMP%]{-ms-flex:1;flex:1;box-sizing:border-box}.td-dialog-message[_ngcontent-%COMP%]{word-break:break-word}"] });
|
356
|
+
(function () {
|
357
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdPromptDialogComponent, [{
|
358
|
+
type: Component,
|
359
|
+
args: [{ selector: 'td-prompt-dialog', template: "<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{ title }}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{ message }}</span>\n <form #form=\"ngForm\" novalidate>\n <div class=\"td-dialog-input-wrapper\">\n <mat-form-field class=\"td-dialog-input\">\n <input\n matInput\n #input\n (focus)=\"handleInputFocus()\"\n (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n [(ngModel)]=\"value\"\n name=\"value\"\n required\n />\n </mat-form-field>\n </div>\n </form>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{ cancelButton }}</button>\n <button\n mat-button\n color=\"accent\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n [disabled]=\"!form.valid\"\n (click)=\"accept()\"\n >\n {{ acceptButton }}\n </button>\n </td-dialog-actions>\n</td-dialog>\n", styles: [".td-dialog-input-wrapper{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}.td-dialog-input-wrapper .td-dialog-input{-ms-flex:1;flex:1;box-sizing:border-box}.td-dialog-message{word-break:break-word}\n"] }]
|
360
|
+
}], function () { return [{ type: i1.MatDialogRef }]; }, { _input: [{
|
361
|
+
type: ViewChild,
|
362
|
+
args: ['input', { static: true }]
|
363
|
+
}] });
|
364
|
+
})();
|
365
|
+
|
366
|
+
class TdDialogService {
|
367
|
+
constructor(_document, _dialogService, _dragDrop, rendererFactory) {
|
368
|
+
this._document = _document;
|
369
|
+
this._dialogService = _dialogService;
|
370
|
+
this._dragDrop = _dragDrop;
|
371
|
+
this.rendererFactory = rendererFactory;
|
372
|
+
this._renderer2 = rendererFactory.createRenderer(undefined, undefined);
|
373
|
+
}
|
374
|
+
/**
|
375
|
+
* params:
|
376
|
+
* - component: ComponentType<T>
|
377
|
+
* - config: MatDialogConfig
|
378
|
+
* Wrapper function over the open() method in MatDialog.
|
379
|
+
* Opens a modal dialog containing the given component.
|
380
|
+
*/
|
381
|
+
open(component, config) {
|
382
|
+
return this._dialogService.open(component, config);
|
383
|
+
}
|
384
|
+
/**
|
385
|
+
* Wrapper function over the closeAll() method in MatDialog.
|
386
|
+
* Closes all of the currently-open dialogs.
|
387
|
+
*/
|
388
|
+
closeAll() {
|
389
|
+
this._dialogService.closeAll();
|
390
|
+
}
|
391
|
+
/**
|
392
|
+
* params:
|
393
|
+
* - config: IAlertConfig {
|
394
|
+
* message: string;
|
395
|
+
* title?: string;
|
396
|
+
* viewContainerRef?: ViewContainerRef;
|
397
|
+
* closeButton?: string;
|
398
|
+
* }
|
399
|
+
*
|
400
|
+
* Opens an alert dialog with the provided config.
|
401
|
+
* Returns an MatDialogRef<TdAlertDialogComponent> object.
|
402
|
+
*/
|
403
|
+
openAlert(config) {
|
404
|
+
const dialogConfig = this._createConfig(config);
|
405
|
+
const dialogRef = this._dialogService.open(TdAlertDialogComponent, dialogConfig);
|
406
|
+
const alertDialogComponent = dialogRef.componentInstance;
|
407
|
+
alertDialogComponent.title = config.title;
|
408
|
+
alertDialogComponent.message = config.message;
|
409
|
+
if (config.closeButton) {
|
410
|
+
alertDialogComponent.closeButton = config.closeButton;
|
411
|
+
}
|
412
|
+
return dialogRef;
|
413
|
+
}
|
414
|
+
/**
|
415
|
+
* params:
|
416
|
+
* - config: IConfirmConfig {
|
417
|
+
* message: string;
|
418
|
+
* title?: string;
|
419
|
+
* viewContainerRef?: ViewContainerRef;
|
420
|
+
* acceptButton?: string;
|
421
|
+
* cancelButton?: string;
|
422
|
+
* isDestructive?: boolean;
|
423
|
+
* }
|
424
|
+
*
|
425
|
+
* Opens a confirm dialog with the provided config.
|
426
|
+
* Returns an MatDialogRef<TdConfirmDialogComponent> object.
|
427
|
+
*/
|
428
|
+
openConfirm(config) {
|
429
|
+
const dialogConfig = this._createConfig(config);
|
430
|
+
const dialogRef = this._dialogService.open(TdConfirmDialogComponent, dialogConfig);
|
431
|
+
const confirmDialogComponent = dialogRef.componentInstance;
|
432
|
+
confirmDialogComponent.title = config.title;
|
433
|
+
confirmDialogComponent.message = config.message;
|
434
|
+
if (config.acceptButton) {
|
435
|
+
confirmDialogComponent.acceptButton = config.acceptButton;
|
436
|
+
}
|
437
|
+
if (config.isDestructive) {
|
438
|
+
confirmDialogComponent.isDestructive = config.isDestructive;
|
439
|
+
}
|
440
|
+
if (config.cancelButton) {
|
441
|
+
confirmDialogComponent.cancelButton = config.cancelButton;
|
442
|
+
}
|
443
|
+
return dialogRef;
|
444
|
+
}
|
445
|
+
/**
|
446
|
+
* params:
|
447
|
+
* - config: IPromptConfig {
|
448
|
+
* message: string;
|
449
|
+
* title?: string;
|
450
|
+
* value?: string;
|
451
|
+
* viewContainerRef?: ViewContainerRef;
|
452
|
+
* acceptButton?: string;
|
453
|
+
* cancelButton?: string;
|
454
|
+
* }
|
455
|
+
*
|
456
|
+
* Opens a prompt dialog with the provided config.
|
457
|
+
* Returns an MatDialogRef<TdPromptDialogComponent> object.
|
458
|
+
*/
|
459
|
+
openPrompt(config) {
|
460
|
+
const dialogConfig = this._createConfig(config);
|
461
|
+
const dialogRef = this._dialogService.open(TdPromptDialogComponent, dialogConfig);
|
462
|
+
const promptDialogComponent = dialogRef.componentInstance;
|
463
|
+
promptDialogComponent.title = config.title;
|
464
|
+
promptDialogComponent.message = config.message;
|
465
|
+
promptDialogComponent.value = config.value;
|
466
|
+
if (config.acceptButton) {
|
467
|
+
promptDialogComponent.acceptButton = config.acceptButton;
|
468
|
+
}
|
469
|
+
if (config.cancelButton) {
|
470
|
+
promptDialogComponent.cancelButton = config.cancelButton;
|
471
|
+
}
|
472
|
+
return dialogRef;
|
473
|
+
}
|
474
|
+
/**
|
475
|
+
* Opens a draggable dialog containing the given component.
|
476
|
+
*/
|
477
|
+
openDraggable({ component, config, dragHandleSelectors, draggableClass, }) {
|
478
|
+
const matDialogRef = this._dialogService.open(component, config);
|
479
|
+
const dragRefSubject = new Subject();
|
480
|
+
const CDK_OVERLAY_PANE_SELECTOR = '.cdk-overlay-pane';
|
481
|
+
const CDK_OVERLAY_CONTAINER_SELECTOR = '.cdk-overlay-container';
|
482
|
+
matDialogRef.afterOpened().subscribe(() => {
|
483
|
+
const dialogElement = this._document.getElementById(matDialogRef.id);
|
484
|
+
const draggableElement = this._dragDrop.createDrag(dialogElement);
|
485
|
+
if (draggableClass) {
|
486
|
+
const childComponent = dialogElement.firstElementChild;
|
487
|
+
this._renderer2.addClass(childComponent, draggableClass);
|
488
|
+
}
|
489
|
+
if (dragHandleSelectors && dragHandleSelectors.length) {
|
490
|
+
const dragHandles = dragHandleSelectors.reduce((acc, curr) => [...acc, ...Array.from(dialogElement.querySelectorAll(curr))], []);
|
491
|
+
if (dragHandles.length > 0) {
|
492
|
+
draggableElement.withHandles(dragHandles);
|
493
|
+
}
|
494
|
+
}
|
495
|
+
const rootElement = dialogElement.closest(CDK_OVERLAY_PANE_SELECTOR);
|
496
|
+
if (rootElement) {
|
497
|
+
draggableElement.withRootElement(rootElement);
|
498
|
+
}
|
499
|
+
const boundaryElement = dialogElement.closest(CDK_OVERLAY_CONTAINER_SELECTOR);
|
500
|
+
if (boundaryElement) {
|
501
|
+
draggableElement.withBoundaryElement(boundaryElement);
|
502
|
+
}
|
503
|
+
dragRefSubject.next(draggableElement);
|
504
|
+
});
|
505
|
+
return { matDialogRef, dragRefSubject };
|
506
|
+
}
|
507
|
+
_createConfig(config) {
|
508
|
+
const dialogConfig = new MatDialogConfig();
|
509
|
+
dialogConfig.width = '400px';
|
510
|
+
Object.assign(dialogConfig, config);
|
511
|
+
return dialogConfig;
|
512
|
+
}
|
513
|
+
}
|
514
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogService.ɵfac = function TdDialogService_Factory(t) { return new (t || TdDialogService)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(i1.MatDialog), i0.ɵɵinject(i2.DragDrop), i0.ɵɵinject(i0.RendererFactory2)); };
|
515
|
+
/** @nocollapse */ /** @nocollapse */ TdDialogService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: TdDialogService, factory: TdDialogService.ɵfac });
|
516
|
+
(function () {
|
517
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDialogService, [{
|
518
|
+
type: Injectable
|
519
|
+
}], function () {
|
520
|
+
return [{ type: undefined, decorators: [{
|
521
|
+
type: Inject,
|
522
|
+
args: [DOCUMENT]
|
523
|
+
}] }, { type: i1.MatDialog }, { type: i2.DragDrop }, { type: i0.RendererFactory2 }];
|
524
|
+
}, null);
|
525
|
+
})();
|
526
|
+
|
527
|
+
const _c0 = ["*"];
|
528
|
+
class TdWindowDialogComponent {
|
529
|
+
constructor() {
|
530
|
+
this.docked = false;
|
531
|
+
this.dockToggled = new EventEmitter();
|
532
|
+
this.closed = new EventEmitter();
|
533
|
+
this.toolbarHeight = 56;
|
534
|
+
}
|
535
|
+
toggleDockedState() {
|
536
|
+
this.dockToggled.emit(this.docked);
|
537
|
+
}
|
538
|
+
}
|
539
|
+
/** @nocollapse */ /** @nocollapse */ TdWindowDialogComponent.ɵfac = function TdWindowDialogComponent_Factory(t) { return new (t || TdWindowDialogComponent)(); };
|
540
|
+
/** @nocollapse */ /** @nocollapse */ TdWindowDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdWindowDialogComponent, selectors: [["td-window-dialog"]], inputs: { toolbarColor: "toolbarColor", docked: "docked", title: "title", toggleDockedStateLabel: "toggleDockedStateLabel", closeLabel: "closeLabel" }, outputs: { dockToggled: "dockToggled", closed: "closed" }, ngContentSelectors: _c0, decls: 9, vars: 11, consts: [[1, "td-window-dialog-toolbar", 3, "color"], ["layout", "row", "layout-align", "start center", "flex", ""], ["flex", "", 1, "mat-title", "td-window-dialog-title", "truncate"], ["mat-icon-button", "", 1, "td-window-dialog-close", 3, "matTooltip", "click"]], template: function TdWindowDialogComponent_Template(rf, ctx) {
|
541
|
+
if (rf & 1) {
|
542
|
+
i0.ɵɵprojectionDef();
|
543
|
+
i0.ɵɵelementStart(0, "mat-toolbar", 0);
|
544
|
+
i0.ɵɵelementStart(1, "mat-toolbar-row");
|
545
|
+
i0.ɵɵelementStart(2, "div", 1);
|
546
|
+
i0.ɵɵelementStart(3, "span", 2);
|
547
|
+
i0.ɵɵtext(4);
|
548
|
+
i0.ɵɵelementEnd();
|
549
|
+
i0.ɵɵelementStart(5, "button", 3);
|
550
|
+
i0.ɵɵlistener("click", function TdWindowDialogComponent_Template_button_click_5_listener() { return ctx.closed.emit(); });
|
551
|
+
i0.ɵɵelementStart(6, "mat-icon");
|
552
|
+
i0.ɵɵtext(7, "close");
|
553
|
+
i0.ɵɵelementEnd();
|
554
|
+
i0.ɵɵelementEnd();
|
555
|
+
i0.ɵɵelementEnd();
|
556
|
+
i0.ɵɵelementEnd();
|
557
|
+
i0.ɵɵelementEnd();
|
558
|
+
i0.ɵɵprojection(8);
|
559
|
+
}
|
560
|
+
if (rf & 2) {
|
561
|
+
i0.ɵɵstyleProp("min-height", ctx.toolbarHeight, "px")("cursor", ctx.docked ? "inherit" : "move");
|
562
|
+
i0.ɵɵproperty("color", ctx.toolbarColor);
|
563
|
+
i0.ɵɵadvance(1);
|
564
|
+
i0.ɵɵstyleProp("height", ctx.toolbarHeight, "px");
|
565
|
+
i0.ɵɵadvance(3);
|
566
|
+
i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
|
567
|
+
i0.ɵɵadvance(1);
|
568
|
+
i0.ɵɵproperty("matTooltip", ctx.closeLabel);
|
569
|
+
i0.ɵɵattribute("data-test", "close-button");
|
570
|
+
i0.ɵɵadvance(1);
|
571
|
+
i0.ɵɵattribute("aria-label", ctx.closeLabel);
|
572
|
+
}
|
573
|
+
}, directives: [i1$1.MatToolbar, i1$1.MatToolbarRow, i4.MatButton, i3$1.MatTooltip, i4$2.MatIcon], styles: ["[_nghost-%COMP%]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.truncate[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-window-dialog-toolbar[_ngcontent-%COMP%]{background:none}.td-window-dialog-title[_ngcontent-%COMP%]{margin-bottom:0}.td-window-dialog-close[_ngcontent-%COMP%]{margin-right:-8px} .td-window-dialog .mat-dialog-container{padding:0}"], changeDetection: 0 });
|
574
|
+
(function () {
|
575
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdWindowDialogComponent, [{
|
576
|
+
type: Component,
|
577
|
+
args: [{ selector: 'td-window-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar\n [color]=\"toolbarColor\"\n class=\"td-window-dialog-toolbar\"\n [style.min-height.px]=\"toolbarHeight\"\n [style.cursor]=\"docked ? 'inherit' : 'move'\"\n>\n <mat-toolbar-row [style.height.px]=\"toolbarHeight\">\n <div layout=\"row\" layout-align=\"start center\" flex>\n <span class=\"mat-title td-window-dialog-title truncate\" flex>\n {{ title }}\n </span>\n <!-- TODO: Resizing a drag-and-drop element was not working so removed docking/undocking for now-->\n <!-- <button mat-icon-button [matTooltip]=\"toggleDockedStateLabel\" (click)=\"toggleDockedState()\">\n <mat-icon [attr.aria-label]=\"toggleDockedStateLabel\">\n {{ docked ? 'unfold_more' : 'unfold_less' }}\n </mat-icon>\n </button> -->\n\n <button\n mat-icon-button\n [matTooltip]=\"closeLabel\"\n (click)=\"closed.emit()\"\n class=\"td-window-dialog-close\"\n [attr.data-test]=\"'close-button'\"\n >\n <mat-icon [attr.aria-label]=\"closeLabel\">close</mat-icon>\n </button>\n </div>\n </mat-toolbar-row>\n</mat-toolbar>\n<ng-content></ng-content>\n", styles: [":host{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-window-dialog-toolbar{background:none}.td-window-dialog-title{margin-bottom:0}.td-window-dialog-close{margin-right:-8px}::ng-deep .td-window-dialog .mat-dialog-container{padding:0}\n"] }]
|
578
|
+
}], null, { toolbarColor: [{
|
579
|
+
type: Input
|
580
|
+
}], docked: [{
|
581
|
+
type: Input
|
582
|
+
}], title: [{
|
583
|
+
type: Input
|
584
|
+
}], toggleDockedStateLabel: [{
|
585
|
+
type: Input
|
586
|
+
}], closeLabel: [{
|
587
|
+
type: Input
|
588
|
+
}], dockToggled: [{
|
589
|
+
type: Output
|
590
|
+
}], closed: [{
|
591
|
+
type: Output
|
592
|
+
}] });
|
593
|
+
})();
|
594
|
+
|
595
|
+
const TD_DIALOGS = [
|
596
|
+
TdAlertDialogComponent,
|
597
|
+
TdConfirmDialogComponent,
|
598
|
+
TdPromptDialogComponent,
|
599
|
+
TdDialogComponent,
|
600
|
+
TdDialogTitleDirective,
|
601
|
+
TdDialogActionsDirective,
|
602
|
+
TdDialogContentDirective,
|
603
|
+
TdWindowDialogComponent,
|
604
|
+
];
|
605
|
+
const TD_DIALOGS_ENTRY_COMPONENTS = [
|
606
|
+
TdAlertDialogComponent,
|
607
|
+
TdConfirmDialogComponent,
|
608
|
+
TdPromptDialogComponent,
|
609
|
+
];
|
610
|
+
class CovalentDialogsModule {
|
611
|
+
}
|
612
|
+
/** @nocollapse */ /** @nocollapse */ CovalentDialogsModule.ɵfac = function CovalentDialogsModule_Factory(t) { return new (t || CovalentDialogsModule)(); };
|
613
|
+
/** @nocollapse */ /** @nocollapse */ CovalentDialogsModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentDialogsModule });
|
614
|
+
/** @nocollapse */ /** @nocollapse */ CovalentDialogsModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [TdDialogService], imports: [[
|
615
|
+
FormsModule,
|
616
|
+
CommonModule,
|
617
|
+
MatDialogModule,
|
618
|
+
MatInputModule,
|
619
|
+
MatButtonModule,
|
620
|
+
MatToolbarModule,
|
621
|
+
MatTooltipModule,
|
622
|
+
MatIconModule,
|
623
|
+
]] });
|
624
|
+
(function () {
|
625
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentDialogsModule, [{
|
626
|
+
type: NgModule,
|
627
|
+
args: [{
|
628
|
+
imports: [
|
629
|
+
FormsModule,
|
630
|
+
CommonModule,
|
631
|
+
MatDialogModule,
|
632
|
+
MatInputModule,
|
633
|
+
MatButtonModule,
|
634
|
+
MatToolbarModule,
|
635
|
+
MatTooltipModule,
|
636
|
+
MatIconModule,
|
637
|
+
],
|
638
|
+
declarations: [TD_DIALOGS],
|
639
|
+
exports: [TD_DIALOGS],
|
640
|
+
providers: [TdDialogService],
|
641
|
+
}]
|
642
|
+
}], null, null);
|
643
|
+
})();
|
644
|
+
(function () {
|
645
|
+
(typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentDialogsModule, { declarations: [TdAlertDialogComponent,
|
646
|
+
TdConfirmDialogComponent,
|
647
|
+
TdPromptDialogComponent,
|
648
|
+
TdDialogComponent,
|
649
|
+
TdDialogTitleDirective,
|
650
|
+
TdDialogActionsDirective,
|
651
|
+
TdDialogContentDirective,
|
652
|
+
TdWindowDialogComponent], imports: [FormsModule,
|
653
|
+
CommonModule,
|
654
|
+
MatDialogModule,
|
655
|
+
MatInputModule,
|
656
|
+
MatButtonModule,
|
657
|
+
MatToolbarModule,
|
658
|
+
MatTooltipModule,
|
659
|
+
MatIconModule], exports: [TdAlertDialogComponent,
|
660
|
+
TdConfirmDialogComponent,
|
661
|
+
TdPromptDialogComponent,
|
662
|
+
TdDialogComponent,
|
663
|
+
TdDialogTitleDirective,
|
664
|
+
TdDialogActionsDirective,
|
665
|
+
TdDialogContentDirective,
|
666
|
+
TdWindowDialogComponent] });
|
667
|
+
})();
|
668
|
+
|
669
|
+
var corners;
|
670
|
+
(function (corners) {
|
671
|
+
corners["topRight"] = "topRight";
|
672
|
+
corners["bottomRight"] = "bottomRight";
|
673
|
+
corners["bottomLeft"] = "bottomLeft";
|
674
|
+
corners["topLeft"] = "topLeft";
|
675
|
+
})(corners || (corners = {}));
|
676
|
+
var cursors;
|
677
|
+
(function (cursors) {
|
678
|
+
cursors["nesw"] = "nesw-resize";
|
679
|
+
cursors["nwse"] = "nwse-resize";
|
680
|
+
})(cursors || (cursors = {}));
|
681
|
+
var verticalAlignment;
|
682
|
+
(function (verticalAlignment) {
|
683
|
+
verticalAlignment["top"] = "top";
|
684
|
+
verticalAlignment["bottom"] = "bottom";
|
685
|
+
})(verticalAlignment || (verticalAlignment = {}));
|
686
|
+
var horizontalAlignment;
|
687
|
+
(function (horizontalAlignment) {
|
688
|
+
horizontalAlignment["right"] = "right";
|
689
|
+
horizontalAlignment["left"] = "left";
|
690
|
+
})(horizontalAlignment || (horizontalAlignment = {}));
|
691
|
+
const cornerWidth = '16px';
|
692
|
+
const offset = '0px';
|
693
|
+
const minWidth = 200;
|
694
|
+
const minHeight = 200;
|
695
|
+
function getPixels(sizeString) {
|
696
|
+
return parseFloat((sizeString || '').replace('px', ''));
|
697
|
+
}
|
698
|
+
function clamp(min, num, max) {
|
699
|
+
return Math.min(Math.max(num, min), max);
|
700
|
+
}
|
701
|
+
class ResizableDraggableDialog {
|
702
|
+
constructor(_document, _renderer2, _dialogRef, _dragRef) {
|
703
|
+
this._document = _document;
|
704
|
+
this._renderer2 = _renderer2;
|
705
|
+
this._dialogRef = _dialogRef;
|
706
|
+
this._dragRef = _dragRef;
|
707
|
+
this.cornerElements = [];
|
708
|
+
this.pointerDownSubs = [];
|
709
|
+
this._initialPositionReset();
|
710
|
+
this._attachCorners();
|
711
|
+
}
|
712
|
+
attach() {
|
713
|
+
this.detach();
|
714
|
+
this._attachCorners();
|
715
|
+
}
|
716
|
+
detach() {
|
717
|
+
this.pointerDownSubs.forEach((sub) => sub.unsubscribe());
|
718
|
+
this.pointerDownSubs = [];
|
719
|
+
this.cornerElements.forEach((elem) => this._renderer2.removeChild(this._getDialogWrapper(), elem));
|
720
|
+
this.cornerElements = [];
|
721
|
+
}
|
722
|
+
_getDialogWrapper() {
|
723
|
+
return (this._document.getElementById(this._dialogRef.id) || {}).parentElement;
|
724
|
+
}
|
725
|
+
_getViewportDimensions() {
|
726
|
+
return this._getDialogWrapper().parentElement.getBoundingClientRect();
|
727
|
+
}
|
728
|
+
_getDialogWrapperDimensions() {
|
729
|
+
const dimensions = getComputedStyle(this._getDialogWrapper());
|
730
|
+
return {
|
731
|
+
width: getPixels(dimensions.width),
|
732
|
+
height: getPixels(dimensions.height),
|
733
|
+
};
|
734
|
+
}
|
735
|
+
_initialPositionReset() {
|
736
|
+
const { right: viewportWidth, bottom: viewportHeight } = this._getViewportDimensions();
|
737
|
+
const { width, height } = this._getDialogWrapperDimensions();
|
738
|
+
const { marginRight: originalDialogRight, marginLeft: originalDialogLeft, marginBottom: originalDialogBottom, marginTop: originalDialogTop, } = this._getDialogWrapper().style;
|
739
|
+
let x;
|
740
|
+
if (originalDialogLeft) {
|
741
|
+
x = getPixels(originalDialogLeft);
|
742
|
+
}
|
743
|
+
else if (originalDialogRight) {
|
744
|
+
x = viewportWidth - getPixels(originalDialogRight) - width;
|
745
|
+
}
|
746
|
+
else {
|
747
|
+
x = (viewportWidth - width) / 2;
|
748
|
+
}
|
749
|
+
let y;
|
750
|
+
if (originalDialogTop) {
|
751
|
+
y = getPixels(originalDialogTop);
|
752
|
+
}
|
753
|
+
else if (originalDialogBottom) {
|
754
|
+
y = viewportHeight - getPixels(originalDialogBottom) - height;
|
755
|
+
}
|
756
|
+
else {
|
757
|
+
y = (viewportHeight - height) / 2;
|
758
|
+
}
|
759
|
+
// use drag ref's mechanisms for positioning instead of the dialog's
|
760
|
+
this._dialogRef.updatePosition({ top: '0px', right: '0px', bottom: '0px', left: '0px' });
|
761
|
+
this._dragRef.setFreeDragPosition({ x, y });
|
762
|
+
}
|
763
|
+
_attachCorners() {
|
764
|
+
Object.values(corners).forEach((corner) => {
|
765
|
+
const element = this._renderer2.createElement('div');
|
766
|
+
this.cornerElements = [...this.cornerElements, element];
|
767
|
+
this._renderer2.setStyle(element, 'position', 'absolute');
|
768
|
+
this._renderer2.setStyle(element, 'width', cornerWidth);
|
769
|
+
this._renderer2.setStyle(element, 'height', cornerWidth);
|
770
|
+
this._renderer2.appendChild(this._getDialogWrapper(), element);
|
771
|
+
let cursor;
|
772
|
+
let topBottom;
|
773
|
+
let rightLeft;
|
774
|
+
if (corner === corners.topRight) {
|
775
|
+
cursor = cursors.nesw;
|
776
|
+
topBottom = verticalAlignment.top;
|
777
|
+
rightLeft = horizontalAlignment.right;
|
778
|
+
}
|
779
|
+
else if (corner === corners.bottomRight) {
|
780
|
+
cursor = cursors.nwse;
|
781
|
+
topBottom = verticalAlignment.bottom;
|
782
|
+
rightLeft = horizontalAlignment.right;
|
783
|
+
const icon = this._renderer2.createElement('i');
|
784
|
+
this._renderer2.addClass(icon, 'material-icons');
|
785
|
+
this._renderer2.appendChild(icon, this._renderer2.createText('filter_list'));
|
786
|
+
this._renderer2.appendChild(element, icon);
|
787
|
+
this._renderer2.setStyle(icon, 'transform', `rotate(${315}deg) translate(0px, ${offset})`);
|
788
|
+
this._renderer2.setStyle(icon, 'font-size', cornerWidth);
|
789
|
+
}
|
790
|
+
else if (corner === corners.bottomLeft) {
|
791
|
+
cursor = cursors.nesw;
|
792
|
+
topBottom = verticalAlignment.bottom;
|
793
|
+
rightLeft = horizontalAlignment.left;
|
794
|
+
}
|
795
|
+
else if (corner === corners.topLeft) {
|
796
|
+
cursor = cursors.nwse;
|
797
|
+
topBottom = verticalAlignment.top;
|
798
|
+
rightLeft = horizontalAlignment.left;
|
799
|
+
}
|
800
|
+
this._renderer2.setStyle(element, topBottom, offset);
|
801
|
+
this._renderer2.setStyle(element, rightLeft, offset);
|
802
|
+
this._renderer2.setStyle(element, 'cursor', cursor);
|
803
|
+
const pointerDownSub = fromEvent(element, 'pointerdown').subscribe((event) => {
|
804
|
+
this._handleMouseDown(event, corner);
|
805
|
+
});
|
806
|
+
this.pointerDownSubs = [...this.pointerDownSubs, pointerDownSub];
|
807
|
+
});
|
808
|
+
}
|
809
|
+
_handleMouseDown(event, corner) {
|
810
|
+
this._renderer2.setStyle(this._document.body, 'user-select', 'none');
|
811
|
+
const { width: originalWidth, height: originalHeight } = this._getDialogWrapperDimensions();
|
812
|
+
const originalMouseX = event.pageX;
|
813
|
+
const originalMouseY = event.pageY;
|
814
|
+
const { x: currentTransformX, y: currentTransformY } = this._dragRef.getFreeDragPosition();
|
815
|
+
const { bottom: distanceFromBottom, right: distanceFromRight } = this._getDialogWrapper().getBoundingClientRect();
|
816
|
+
const { right: viewportWidth, bottom: viewportHeight } = this._getViewportDimensions();
|
817
|
+
const mouseMoveSub = fromEvent(window, 'pointermove').subscribe((e) => {
|
818
|
+
e.preventDefault(); // prevent highlighting of text when dragging
|
819
|
+
const yDelta = clamp(0, e.pageY, viewportHeight) - originalMouseY;
|
820
|
+
const xDelta = clamp(0, e.pageX, viewportWidth) - originalMouseX;
|
821
|
+
let newHeight;
|
822
|
+
let newWidth;
|
823
|
+
let newTransformY = 0;
|
824
|
+
let newTransformX = 0;
|
825
|
+
// top right
|
826
|
+
if (corner === corners.topRight) {
|
827
|
+
newHeight = clamp(minHeight, originalHeight - yDelta, viewportHeight);
|
828
|
+
newWidth = clamp(minWidth, originalWidth + xDelta, viewportWidth);
|
829
|
+
newTransformY = clamp(0, currentTransformY + yDelta, distanceFromBottom - newHeight);
|
830
|
+
newTransformX = currentTransformX;
|
831
|
+
}
|
832
|
+
// bottom right
|
833
|
+
else if (corner === corners.bottomRight) {
|
834
|
+
newHeight = clamp(minHeight, originalHeight + yDelta, viewportHeight);
|
835
|
+
newWidth = clamp(minWidth, originalWidth + xDelta, viewportWidth);
|
836
|
+
newTransformY = currentTransformY;
|
837
|
+
newTransformX = currentTransformX;
|
838
|
+
}
|
839
|
+
// bottom left
|
840
|
+
else if (corner === corners.bottomLeft) {
|
841
|
+
newHeight = clamp(minHeight, originalHeight + yDelta, viewportHeight);
|
842
|
+
newWidth = clamp(minWidth, originalWidth - xDelta, viewportWidth);
|
843
|
+
newTransformY = currentTransformY;
|
844
|
+
newTransformX = clamp(0, currentTransformX + xDelta, distanceFromRight - newWidth);
|
845
|
+
}
|
846
|
+
// top left
|
847
|
+
else if (corner === corners.topLeft) {
|
848
|
+
newHeight = clamp(minHeight, originalHeight - yDelta, viewportHeight);
|
849
|
+
newWidth = clamp(minWidth, originalWidth - xDelta, viewportWidth);
|
850
|
+
newTransformX = clamp(0, currentTransformX + xDelta, distanceFromRight - newWidth);
|
851
|
+
newTransformY = clamp(0, currentTransformY + yDelta, distanceFromBottom - newHeight);
|
852
|
+
}
|
853
|
+
this._dialogRef.updateSize(`${newWidth}px`, `${newHeight}px`);
|
854
|
+
this._dragRef.setFreeDragPosition({
|
855
|
+
x: newTransformX,
|
856
|
+
y: newTransformY,
|
857
|
+
});
|
858
|
+
});
|
859
|
+
const mouseUpSub = merge(fromEvent(window, 'pointerup'), fromEvent(window, 'pointercancel')).subscribe(() => {
|
860
|
+
this._renderer2.removeStyle(this._document.body, 'user-select');
|
861
|
+
mouseMoveSub.unsubscribe();
|
862
|
+
mouseUpSub.unsubscribe();
|
863
|
+
});
|
864
|
+
}
|
865
|
+
}
|
866
|
+
|
867
|
+
/**
|
868
|
+
* Generated bundle index. Do not edit.
|
869
|
+
*/
|
870
|
+
|
871
|
+
export { CovalentDialogsModule, ResizableDraggableDialog, TdAlertDialogComponent, TdConfirmDialogComponent, TdDialogActionsDirective, TdDialogComponent, TdDialogContentDirective, TdDialogService, TdDialogTitleDirective, TdPromptDialogComponent, TdWindowDialogComponent };
|
872
|
+
//# sourceMappingURL=covalent-core-dialogs.mjs.map
|