@testgorilla/tgo-ui 2.24.9999 → 2.25.0
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/components/accordion/accordion.component.d.ts +100 -0
- package/components/accordion/accordion.component.module.d.ts +12 -0
- package/components/accordion/accordion.model.d.ts +2 -0
- package/components/autocomplete/autocomplete.component.d.ts +294 -0
- package/components/autocomplete/autocomplete.component.module.d.ts +23 -0
- package/components/autocomplete/autocomplete.model.d.ts +22 -0
- package/components/autocomplete/includes.pipe.d.ts +12 -0
- package/components/autocomplete/prevent-input.directive.d.ts +7 -0
- package/components/autocomplete/transform-Item.pipe.d.ts +11 -0
- package/components/button/button.component.d.ts +8 -1
- package/components/checklist/checklist.component.d.ts +78 -0
- package/components/checklist/checklist.model.d.ts +7 -0
- package/components/confirm-dialog/confirm-dialog.component.d.ts +29 -0
- package/components/confirm-dialog/confirm-dialog.component.module.d.ts +12 -0
- package/components/confirm-dialog/confirm-dialog.model.d.ts +11 -0
- package/components/datepicker/date-adapter.d.ts +30 -0
- package/components/datepicker/datepicker.component.d.ts +214 -0
- package/components/datepicker/datepicker.component.module.d.ts +18 -0
- package/components/datepicker/datepicker.service.d.ts +8 -0
- package/components/datepicker/no-date-format.directive.d.ts +11 -0
- package/components/deprecated-paginator/deprecated-paginator.component.d.ts +38 -0
- package/components/deprecated-paginator/deprecated-paginator.component.module.d.ts +9 -0
- package/components/deprecated-table/deprecated-table.component.d.ts +91 -0
- package/components/deprecated-table/deprecated-table.component.module.d.ts +14 -0
- package/components/deprecated-table/deprecated-table.model.d.ts +45 -0
- package/components/deprecated-table/directives/dynamic-component.directive.d.ts +13 -0
- package/components/dialog/dialog.component.d.ts +147 -0
- package/components/dialog/dialog.component.module.d.ts +11 -0
- package/components/dialog/dialog.service.d.ts +13 -0
- package/components/divider/divider.component.d.ts +39 -0
- package/components/divider/divider.component.module.d.ts +9 -0
- package/components/divider/divider.model.d.ts +1 -0
- package/components/dropdown/dropdown.component.d.ts +189 -0
- package/components/dropdown/dropdown.component.module.d.ts +17 -0
- package/components/dropdown/dropdown.model.d.ts +5 -0
- package/components/elevation-shadow/elevation-shadow.component.d.ts +26 -0
- package/components/elevation-shadow/elevation-shadow.component.module.d.ts +8 -0
- package/components/elevation-shadow/elevation-shadow.constant.d.ts +8 -0
- package/components/empty-state/empty-state.component.d.ts +118 -0
- package/components/empty-state/empty-state.component.module.d.ts +11 -0
- package/components/empty-state/empty-state.model.d.ts +3 -0
- package/components/file-upload/file-upload.component.d.ts +120 -0
- package/components/file-upload/file-upload.component.module.d.ts +14 -0
- package/components/icon-label/icon-label.component.d.ts +39 -0
- package/components/icon-label/icon-label.component.module.d.ts +9 -0
- package/components/media-card/media-card.component.d.ts +32 -0
- package/components/multi-input/multi-input.component.d.ts +164 -0
- package/components/multi-input/multi-input.component.module.d.ts +18 -0
- package/components/multi-input/multi-input.model.d.ts +1 -0
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +25 -0
- package/components/navbar/navbar.component.d.ts +119 -0
- package/components/navbar/navbar.component.module.d.ts +21 -0
- package/components/navbar/navbar.model.d.ts +21 -0
- package/components/overflow-menu/overflow-menu.component.d.ts +86 -0
- package/components/overflow-menu/overflow-menu.component.module.d.ts +15 -0
- package/components/overflow-menu/overflow-menu.model.d.ts +20 -0
- package/components/page-header/page-header.component.d.ts +38 -0
- package/components/page-header/page-header.component.module.d.ts +10 -0
- package/components/paginator/paginator.component.d.ts +58 -0
- package/components/paginator/paginator.component.module.d.ts +9 -0
- package/components/password-criteria/password.component.d.ts +42 -0
- package/components/password-criteria/password.component.module.d.ts +13 -0
- package/components/password-strength/password-strength.component.d.ts +45 -0
- package/components/password-strength/password-strength.component.module.d.ts +11 -0
- package/components/phone-input/join-strings.pipe.d.ts +7 -0
- package/components/phone-input/phone-input.component.d.ts +147 -0
- package/components/phone-input/phone-input.component.module.d.ts +20 -0
- package/components/phone-input/phone-input.model.d.ts +8 -0
- package/components/progress-bar/progress-bar.component.d.ts +73 -0
- package/components/progress-bar/progress-bar.component.module.d.ts +10 -0
- package/components/radial-progress/radial-progress.component.d.ts +68 -0
- package/components/radial-progress/radial-progress.component.module.d.ts +10 -0
- package/components/radial-progress/radial-progress.model.d.ts +10 -0
- package/components/rating/half-star.pipe.d.ts +14 -0
- package/components/rating/rating.component.d.ts +64 -0
- package/components/rating/rating.component.module.d.ts +10 -0
- package/components/scale/scale.component.d.ts +53 -0
- package/components/scale/scale.component.module.d.ts +8 -0
- package/components/segmented-bar/segmented-bar.component.d.ts +63 -0
- package/components/segmented-bar/segmented-bar.component.module.d.ts +13 -0
- package/components/segmented-bar/segmented-bar.model.d.ts +12 -0
- package/components/segmented-button/segmented-button.component.d.ts +55 -0
- package/components/segmented-button/segmented-button.component.module.d.ts +11 -0
- package/components/segmented-button/segmented-button.model.d.ts +8 -0
- package/components/side-panel/side-panel.component.d.ts +1 -1
- package/components/side-sheet/side-sheet.component.d.ts +43 -0
- package/components/side-sheet/side-sheet.component.module.d.ts +14 -0
- package/components/side-sheet/side-sheet.model.d.ts +10 -0
- package/components/side-sheet/side-sheet.service.d.ts +14 -0
- package/components/skeleton/skeleton.component.d.ts +26 -0
- package/components/skeleton/skeleton.model.d.ts +2 -0
- package/components/slider/slider.component.d.ts +105 -0
- package/components/slider/slider.component.module.d.ts +14 -0
- package/components/slider/slider.model.d.ts +5 -0
- package/components/spider-chart/spider-chart.component.d.ts +88 -0
- package/components/spider-chart/spider-chart.model.d.ts +12 -0
- package/components/spider-chart/spider-chart.module.d.ts +12 -0
- package/components/step/step.component.d.ts +161 -0
- package/components/step/step.component.module.d.ts +10 -0
- package/components/stepper/stepper.component.d.ts +86 -0
- package/components/stepper/stepper.component.module.d.ts +15 -0
- package/components/stepper/stepper.model.d.ts +22 -0
- package/components/table/sentence-case.pipe.d.ts +7 -0
- package/components/table/table.component.d.ts +96 -0
- package/components/table/table.component.module.d.ts +20 -0
- package/components/table/table.model.d.ts +94 -0
- package/components/tabs/tab.directive.d.ts +24 -0
- package/components/tabs/tabs.component.d.ts +73 -0
- package/components/tabs/tabs.component.module.d.ts +11 -0
- package/components/tabs/tabs.model.d.ts +15 -0
- package/components/tag/tag.component.d.ts +131 -0
- package/components/tag/tag.component.module.d.ts +13 -0
- package/components/tag/tag.model.d.ts +1 -0
- package/components/toggle/toggle.component.d.ts +113 -0
- package/components/toggle/toggle.component.module.d.ts +14 -0
- package/components/toggle/toggle.model.d.ts +1 -0
- package/components/universal-skills-report/universal-skills-report.component.d.ts +33 -0
- package/components/universal-skills-report/universal-skills-report.component.module.d.ts +14 -0
- package/components/universal-skills-report/universal-skills-report.model.d.ts +33 -0
- package/directives/drag-drop.directive.d.ts +12 -0
- package/directives/select-text.directive.d.ts +19 -0
- package/directives/step-line-element.directive.d.ts +17 -0
- package/esm2022/assets/i18n/da-dk.json +62 -1
- package/esm2022/assets/i18n/de.json +62 -1
- package/esm2022/assets/i18n/es.json +62 -1
- package/esm2022/assets/i18n/fr.json +62 -1
- package/esm2022/assets/i18n/it-it.json +62 -1
- package/esm2022/assets/i18n/ja-jp.json +62 -1
- package/esm2022/assets/i18n/nb-no.json +62 -1
- package/esm2022/assets/i18n/nl.json +62 -1
- package/esm2022/assets/i18n/pl-pl.json +62 -1
- package/esm2022/assets/i18n/pt-br.json +62 -1
- package/esm2022/assets/i18n/sv-se.json +62 -1
- package/esm2022/components/accordion/accordion.component.mjs +135 -0
- package/esm2022/components/accordion/accordion.component.module.mjs +40 -0
- package/esm2022/components/accordion/accordion.model.mjs +2 -0
- package/esm2022/components/alert-banner/alert-banner.component.mjs +2 -2
- package/esm2022/components/autocomplete/autocomplete.component.mjs +720 -0
- package/esm2022/components/autocomplete/autocomplete.component.module.mjs +73 -0
- package/esm2022/components/autocomplete/autocomplete.model.mjs +25 -0
- package/esm2022/components/autocomplete/includes.pipe.mjs +25 -0
- package/esm2022/components/autocomplete/prevent-input.directive.mjs +27 -0
- package/esm2022/components/autocomplete/transform-Item.pipe.mjs +32 -0
- package/esm2022/components/avatar/avatar.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +15 -3
- package/esm2022/components/checklist/checklist.component.mjs +147 -0
- package/esm2022/components/checklist/checklist.model.mjs +2 -0
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +54 -0
- package/esm2022/components/confirm-dialog/confirm-dialog.component.module.mjs +29 -0
- package/esm2022/components/confirm-dialog/confirm-dialog.model.mjs +2 -0
- package/esm2022/components/datepicker/date-adapter.mjs +30 -0
- package/esm2022/components/datepicker/datepicker.component.mjs +333 -0
- package/esm2022/components/datepicker/datepicker.component.module.mjs +60 -0
- package/esm2022/components/datepicker/datepicker.service.mjs +20 -0
- package/esm2022/components/datepicker/no-date-format.directive.mjs +56 -0
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +55 -0
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +20 -0
- package/esm2022/components/deprecated-table/deprecated-table.component.mjs +158 -0
- package/esm2022/components/deprecated-table/deprecated-table.component.module.mjs +43 -0
- package/esm2022/components/deprecated-table/deprecated-table.model.mjs +13 -0
- package/esm2022/components/deprecated-table/directives/dynamic-component.directive.mjs +40 -0
- package/esm2022/components/dialog/dialog.component.mjs +253 -0
- package/esm2022/components/dialog/dialog.component.module.mjs +23 -0
- package/esm2022/components/dialog/dialog.service.mjs +35 -0
- package/esm2022/components/divider/divider.component.mjs +65 -0
- package/esm2022/components/divider/divider.component.module.mjs +19 -0
- package/esm2022/components/divider/divider.model.mjs +2 -0
- package/esm2022/components/dropdown/dropdown.component.mjs +351 -0
- package/esm2022/components/dropdown/dropdown.component.module.mjs +57 -0
- package/esm2022/components/dropdown/dropdown.model.mjs +2 -0
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +45 -0
- package/esm2022/components/elevation-shadow/elevation-shadow.component.module.mjs +18 -0
- package/esm2022/components/elevation-shadow/elevation-shadow.constant.mjs +9 -0
- package/esm2022/components/empty-state/empty-state.component.mjs +186 -0
- package/esm2022/components/empty-state/empty-state.component.module.mjs +21 -0
- package/esm2022/components/empty-state/empty-state.model.mjs +2 -0
- package/esm2022/components/field/field.component.mjs +1 -1
- package/esm2022/components/file-upload/file-upload.component.mjs +282 -0
- package/esm2022/components/file-upload/file-upload.component.module.mjs +40 -0
- package/esm2022/components/icon-label/icon-label.component.mjs +53 -0
- package/esm2022/components/icon-label/icon-label.component.module.mjs +20 -0
- package/esm2022/components/media-card/media-card.component.mjs +47 -0
- package/esm2022/components/multi-input/multi-input.component.mjs +318 -0
- package/esm2022/components/multi-input/multi-input.component.module.mjs +58 -0
- package/esm2022/components/multi-input/multi-input.model.mjs +2 -0
- package/esm2022/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.mjs +82 -0
- package/esm2022/components/navbar/navbar.component.mjs +209 -0
- package/esm2022/components/navbar/navbar.component.module.mjs +71 -0
- package/esm2022/components/navbar/navbar.model.mjs +2 -0
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +195 -0
- package/esm2022/components/overflow-menu/overflow-menu.component.module.mjs +25 -0
- package/esm2022/components/overflow-menu/overflow-menu.model.mjs +2 -0
- package/esm2022/components/page-header/page-header.component.mjs +71 -0
- package/esm2022/components/page-header/page-header.component.module.mjs +20 -0
- package/esm2022/components/paginator/paginator.component.mjs +87 -0
- package/esm2022/components/paginator/paginator.component.module.mjs +19 -0
- package/esm2022/components/password-criteria/password.component.mjs +105 -0
- package/esm2022/components/password-criteria/password.component.module.mjs +39 -0
- package/esm2022/components/password-strength/password-strength.component.mjs +93 -0
- package/esm2022/components/password-strength/password-strength.component.module.mjs +21 -0
- package/esm2022/components/phone-input/join-strings.pipe.mjs +14 -0
- package/esm2022/components/phone-input/phone-input.component.mjs +353 -0
- package/esm2022/components/phone-input/phone-input.component.module.mjs +63 -0
- package/esm2022/components/phone-input/phone-input.model.mjs +2 -0
- package/esm2022/components/progress-bar/progress-bar.component.mjs +103 -0
- package/esm2022/components/progress-bar/progress-bar.component.module.mjs +21 -0
- package/esm2022/components/radial-progress/radial-progress.component.mjs +106 -0
- package/esm2022/components/radial-progress/radial-progress.component.module.mjs +20 -0
- package/esm2022/components/radial-progress/radial-progress.model.mjs +11 -0
- package/esm2022/components/rating/half-star.pipe.mjs +23 -0
- package/esm2022/components/rating/rating.component.mjs +92 -0
- package/esm2022/components/rating/rating.component.module.mjs +20 -0
- package/esm2022/components/scale/scale.component.mjs +124 -0
- package/esm2022/components/scale/scale.component.module.mjs +18 -0
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +106 -0
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +23 -0
- package/esm2022/components/segmented-bar/segmented-bar.model.mjs +2 -0
- package/esm2022/components/segmented-button/segmented-button.component.mjs +104 -0
- package/esm2022/components/segmented-button/segmented-button.component.module.mjs +21 -0
- package/esm2022/components/segmented-button/segmented-button.model.mjs +2 -0
- package/esm2022/components/side-panel/side-panel.component.mjs +2 -2
- package/esm2022/components/side-sheet/side-sheet.component.mjs +105 -0
- package/esm2022/components/side-sheet/side-sheet.component.module.mjs +43 -0
- package/esm2022/components/side-sheet/side-sheet.model.mjs +2 -0
- package/esm2022/components/side-sheet/side-sheet.service.mjs +31 -0
- package/esm2022/components/skeleton/skeleton.component.mjs +71 -0
- package/esm2022/components/skeleton/skeleton.model.mjs +2 -0
- package/esm2022/components/slider/slider.component.mjs +198 -0
- package/esm2022/components/slider/slider.component.module.mjs +43 -0
- package/esm2022/components/slider/slider.model.mjs +2 -0
- package/esm2022/components/snackbar/snackbar.component.mjs +2 -2
- package/esm2022/components/spider-chart/spider-chart.component.mjs +425 -0
- package/esm2022/components/spider-chart/spider-chart.model.mjs +4 -0
- package/esm2022/components/spider-chart/spider-chart.module.mjs +41 -0
- package/esm2022/components/step/step.component.mjs +149 -0
- package/esm2022/components/step/step.component.module.mjs +20 -0
- package/esm2022/components/stepper/stepper.component.mjs +150 -0
- package/esm2022/components/stepper/stepper.component.module.mjs +44 -0
- package/esm2022/components/stepper/stepper.model.mjs +2 -0
- package/esm2022/components/table/sentence-case.pipe.mjs +19 -0
- package/esm2022/components/table/table.component.mjs +237 -0
- package/esm2022/components/table/table.component.module.mjs +61 -0
- package/esm2022/components/table/table.model.mjs +13 -0
- package/esm2022/components/tabs/tab.directive.mjs +54 -0
- package/esm2022/components/tabs/tabs.component.mjs +188 -0
- package/esm2022/components/tabs/tabs.component.module.mjs +21 -0
- package/esm2022/components/tabs/tabs.model.mjs +2 -0
- package/esm2022/components/tag/tag.component.mjs +212 -0
- package/esm2022/components/tag/tag.component.module.mjs +24 -0
- package/esm2022/components/tag/tag.model.mjs +2 -0
- package/esm2022/components/toggle/toggle.component.mjs +190 -0
- package/esm2022/components/toggle/toggle.component.module.mjs +24 -0
- package/esm2022/components/toggle/toggle.model.mjs +2 -0
- package/esm2022/components/universal-skills-report/universal-skills-report.component.mjs +115 -0
- package/esm2022/components/universal-skills-report/universal-skills-report.component.module.mjs +43 -0
- package/esm2022/components/universal-skills-report/universal-skills-report.model.mjs +19 -0
- package/esm2022/directives/drag-drop.directive.mjs +55 -0
- package/esm2022/directives/select-text.directive.mjs +40 -0
- package/esm2022/directives/step-line-element.directive.mjs +51 -0
- package/esm2022/models/keyboard-events.model.mjs +13 -0
- package/esm2022/models/screen-breakpoints.model.mjs +6 -0
- package/esm2022/pipes/data-property-getter.mjs +33 -0
- package/esm2022/pipes/ui-ordinal-suffix.pipe.mjs +31 -0
- package/esm2022/providers/is-mobile.mjs +11 -0
- package/esm2022/public-api.mjs +214 -184
- package/esm2022/utils/autocomplete-utils.mjs +78 -0
- package/esm2022/utils/hex-to-rgb.mjs +9 -0
- package/esm2022/utils/table.utils.mjs +19 -0
- package/fesm2022/testgorilla-tgo-ui.mjs +12106 -3000
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/models/keyboard-events.model.d.ts +11 -0
- package/models/screen-breakpoints.model.d.ts +4 -0
- package/package.json +2 -3
- package/pipes/data-property-getter.d.ts +8 -0
- package/pipes/ui-ordinal-suffix.pipe.d.ts +7 -0
- package/projects/tgo-canopy-ui/assets/i18n/da-dk.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/de.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/es.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/fr.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/it-it.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/ja-jp.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/nb-no.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/nl.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/pl-pl.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/pt-br.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/sv-se.json +62 -1
- package/providers/is-mobile.d.ts +2 -0
- package/public-api.d.ts +151 -14
- package/utils/autocomplete-utils.d.ts +12 -0
- package/utils/hex-to-rgb.d.ts +1 -0
- package/utils/table.utils.d.ts +6 -0
- package/components/alert-banner/index.d.ts +0 -1
- package/components/alert-banner/public-api.d.ts +0 -2
- package/components/avatar/index.d.ts +0 -1
- package/components/avatar/public-api.d.ts +0 -3
- package/components/badge/index.d.ts +0 -1
- package/components/badge/public-api.d.ts +0 -3
- package/components/button/index.d.ts +0 -1
- package/components/button/public-api.d.ts +0 -3
- package/components/card/index.d.ts +0 -1
- package/components/card/public-api.d.ts +0 -3
- package/components/checkbox/index.d.ts +0 -1
- package/components/checkbox/public-api.d.ts +0 -2
- package/components/field/index.d.ts +0 -1
- package/components/field/public-api.d.ts +0 -3
- package/components/icon/index.d.ts +0 -1
- package/components/icon/public-api.d.ts +0 -3
- package/components/logo/index.d.ts +0 -1
- package/components/logo/public-api.d.ts +0 -3
- package/components/radio-button/index.d.ts +0 -1
- package/components/radio-button/public-api.d.ts +0 -2
- package/components/side-panel/index.d.ts +0 -1
- package/components/side-panel/public-api.d.ts +0 -3
- package/components/snackbar/index.d.ts +0 -1
- package/components/snackbar/public-api.d.ts +0 -4
- package/components/spinner/index.d.ts +0 -1
- package/components/spinner/public-api.d.ts +0 -3
- package/components/tooltip/index.d.ts +0 -1
- package/components/tooltip/public-api.d.ts +0 -3
- package/esm2022/components/alert-banner/index.mjs +0 -2
- package/esm2022/components/alert-banner/public-api.mjs +0 -3
- package/esm2022/components/avatar/index.mjs +0 -2
- package/esm2022/components/avatar/public-api.mjs +0 -4
- package/esm2022/components/badge/index.mjs +0 -2
- package/esm2022/components/badge/public-api.mjs +0 -4
- package/esm2022/components/button/index.mjs +0 -2
- package/esm2022/components/button/public-api.mjs +0 -4
- package/esm2022/components/card/index.mjs +0 -2
- package/esm2022/components/card/public-api.mjs +0 -4
- package/esm2022/components/checkbox/index.mjs +0 -2
- package/esm2022/components/checkbox/public-api.mjs +0 -3
- package/esm2022/components/field/index.mjs +0 -2
- package/esm2022/components/field/public-api.mjs +0 -4
- package/esm2022/components/icon/index.mjs +0 -2
- package/esm2022/components/icon/public-api.mjs +0 -4
- package/esm2022/components/logo/index.mjs +0 -2
- package/esm2022/components/logo/public-api.mjs +0 -4
- package/esm2022/components/radio-button/index.mjs +0 -2
- package/esm2022/components/radio-button/public-api.mjs +0 -3
- package/esm2022/components/side-panel/index.mjs +0 -2
- package/esm2022/components/side-panel/public-api.mjs +0 -4
- package/esm2022/components/snackbar/index.mjs +0 -2
- package/esm2022/components/snackbar/public-api.mjs +0 -5
- package/esm2022/components/spinner/index.mjs +0 -2
- package/esm2022/components/spinner/public-api.mjs +0 -4
- package/esm2022/components/tooltip/index.mjs +0 -2
- package/esm2022/components/tooltip/public-api.mjs +0 -4
|
@@ -46,10 +46,10 @@ export class SidePanelComponent {
|
|
|
46
46
|
}, sidePanelAnimationDuration);
|
|
47
47
|
}
|
|
48
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n <div class=\"side-panel-header\">\n <div class=\"side-panel-title-container\">\n @if (showBackButton) {\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (click)=\"close()\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n size=\"medium\"\n ></ui-button>\n }\n <span class=\"side-panel-title\">{{ title }}</span>\n </div>\n\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"close()\"\n size=\"medium\"\n ></ui-button>\n </div>\n\n <div class=\"side-panel-content\">\n <ng-container #sidePanelContainer></ng-container>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i1.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "tooltipPosition"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n <div class=\"side-panel-header\">\n <div class=\"side-panel-title-container\">\n @if (showBackButton) {\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (click)=\"close()\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n size=\"medium\"\n ></ui-button>\n }\n <span class=\"side-panel-title\">{{ title }}</span>\n </div>\n\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"close()\"\n size=\"medium\"\n ></ui-button>\n </div>\n\n <div class=\"side-panel-content\">\n <ng-container #sidePanelContainer></ng-container>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i1.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "transparent", "tooltipPosition"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
50
|
}
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n <div class=\"side-panel-header\">\n <div class=\"side-panel-title-container\">\n @if (showBackButton) {\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (click)=\"close()\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n size=\"medium\"\n ></ui-button>\n }\n <span class=\"side-panel-title\">{{ title }}</span>\n </div>\n\n <ui-button\n class=\"side-panel-action\"\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"close()\"\n size=\"medium\"\n ></ui-button>\n </div>\n\n <div class=\"side-panel-content\">\n <ng-container #sidePanelContainer></ng-container>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"] }]
|
|
54
54
|
}], ctorParameters: () => [] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUVSLE1BQU0sRUFDTixNQUFNLEVBQ04sU0FBUyxFQUNULGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxrQkFBa0IsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzVHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxlQUFlLEVBQXFCLE1BQU0sb0JBQW9CLENBQUM7QUFDakcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFXNUMsTUFBTSxPQUFPLGtCQUFrQjtJQXdCN0I7UUF2QkEsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHNCQUFpQixHQUFHLE1BQU0sQ0FBb0IsT0FBTyxDQUFDLENBQUM7UUFFdkQsdUJBQWtCLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDMUYsY0FBUyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQTZCLFdBQVcsQ0FBQyxDQUFDO1FBQ3hFLGFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUE2QixtQkFBbUIsQ0FBQyxDQUFDO1FBQy9FLGFBQVEsR0FBRyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBQzNDLFdBQU0sR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFaEMsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztnQkFDbEIsT0FBTyx1QkFBdUIsQ0FBQyxJQUFJLENBQUM7WUFDdEMsQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFDLGlCQUFpQixFQUFFLEtBQUssTUFBTTtnQkFDeEMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLFVBQVU7Z0JBQ3BDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLENBQUM7UUFDMUMsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUdoRCxNQUFNLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELElBQUk7UUFDRixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMzQyxDQUFDLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQTFDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4S0FLeUMsZ0JBQWdCLHNRQ2pDeEYsMGlDQStCQSxpakdETFksc0JBQXNCLDhCQUFFLHFCQUFxQiwyZ0JBQUUsZUFBZSwrQ0FBRSxTQUFTLGdDQUh2RSxDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDOzs0RkFLeEMsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLGVBQWUsY0FHYixDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLG1CQUNsQyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLHNCQUFzQixFQUFFLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgRWxlbWVudFJlZiwgSW5qZWN0LFxuICBpbmplY3QsIE9wdGlvbmFsLFxuICBzaWduYWwsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVaVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy91aS10cmFuc2xhdGUucGlwZSc7XG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi91dGlscy9sb2NhbGl6YXRpb24vbGFuZ3VhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcENvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IGJhY2tkcm9wQW5pbWF0aW9uLCBzaWRlUGFuZWxBbmltYXRpb24sIHNpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi9zaWRlLXBhbmVsLmFuaW1hdGlvbnMnO1xuaW1wb3J0IHsgU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUsIFNpZGVQYW5lbENvbmZpZywgU2lkZVBhbmVsUG9zaXRpb24gfSBmcm9tICcuL3NpZGUtcGFuZWwubW9kZWwnO1xuaW1wb3J0IHsgU2lkZVBhbmVsU2VydmljZSB9IGZyb20gJy4vc2lkZS1wYW5lbC5zZXJ2aWNlJztcbmltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLXNpZGUtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NpZGUtcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW3NpZGVQYW5lbEFuaW1hdGlvbiwgYmFja2Ryb3BBbmltYXRpb25dLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1Rvb2x0aXBDb21wb25lbnRNb2R1bGUsIEJ1dHRvbkNvbXBvbmVudE1vZHVsZSwgVWlUcmFuc2xhdGVQaXBlLCBBc3luY1BpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlUGFuZWxDb21wb25lbnQge1xuICB0aXRsZSA9ICcnO1xuICBzaG93QmFja0J1dHRvbiA9IGZhbHNlO1xuICBzaWRlUGFuZWxQb3NpdGlvbiA9IHNpZ25hbDxTaWRlUGFuZWxQb3NpdGlvbj4oJ3JpZ2h0Jyk7XG5cbiAgc2lkZVBhbmVsQ29udGFpbmVyID0gdmlld0NoaWxkLnJlcXVpcmVkKCdzaWRlUGFuZWxDb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSk7XG4gIHNpZGVQYW5lbCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4oJ3NpZGVQYW5lbCcpO1xuICBiYWNrZHJvcCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4oJ3NpZGVQYW5lbEJhY2tkcm9wJyk7XG4gIGxhbmd1YWdlID0gTGFuZ3VhZ2VTZXJ2aWNlLmRlZmF1bHRMYW5ndWFnZTtcbiAgaXNPcGVuID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcblxuICBhbmltYXRpb24gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgaWYgKHRoaXMuaXNPcGVuKCkpIHtcbiAgICAgIHJldHVybiBTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5PcGVuO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLnNpZGVQYW5lbFBvc2l0aW9uKCkgPT09ICdsZWZ0J1xuICAgICAgPyBTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5DbG9zZWRMZWZ0XG4gICAgICA6IFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZFJpZ2h0O1xuICB9KTtcblxuICBwcml2YXRlIHNpZGVQYW5lbFNlcnZpY2UgPSBpbmplY3QoU2lkZVBhbmVsU2VydmljZSk7XG4gIHByaXZhdGUgc2lkZVBhbmVsQ29uZmlnID0gaW5qZWN0KFNpZGVQYW5lbENvbmZpZyk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgY29uc3QgeyBwb3NpdGlvbiwgc2hvd0JhY2tCdXR0b24sIHRpdGxlIH0gPSB0aGlzLnNpZGVQYW5lbENvbmZpZztcbiAgICB0aGlzLnNpZGVQYW5lbFBvc2l0aW9uLnNldChwb3NpdGlvbik7XG4gICAgdGhpcy5zaG93QmFja0J1dHRvbiA9IHNob3dCYWNrQnV0dG9uO1xuICAgIHRoaXMudGl0bGUgPSB0aXRsZTtcbiAgfVxuXG4gIG9wZW4oKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmlzT3Blbi5zZXQodHJ1ZSk7XG4gICAgfSk7XG4gIH1cblxuICBjbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3Blbi5zZXQoZmFsc2UpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5zaWRlUGFuZWxTZXJ2aWNlLmRlc3Ryb3lDb21wb25lbnQoKTtcbiAgICB9LCBzaWRlUGFuZWxBbmltYXRpb25EdXJhdGlvbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWJhY2tkcm9wXCIgI3NpZGVQYW5lbEJhY2tkcm9wIChjbGljayk9XCJjbG9zZSgpXCIgW0BmYWRlSW5PdXRdPVwiaXNPcGVuKCkgPyAnb3BlbicgOiAnY2xvc2VkJ1wiPjwvZGl2PlxuPGRpdiBjbGFzcz1cInNpZGUtcGFuZWxcIiAjc2lkZVBhbmVsIFtAc2xpZGVJbk91dF09XCJhbmltYXRpb24oKVwiPlxuICA8ZGl2IGNsYXNzPVwic2lkZS1wYW5lbC1oZWFkZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZS1wYW5lbC10aXRsZS1jb250YWluZXJcIj5cbiAgICAgIEBpZiAoc2hvd0JhY2tCdXR0b24pIHtcbiAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwic2lkZS1wYW5lbC1hY3Rpb25cIlxuICAgICAgICAgIFt2YXJpYW50XT1cIidpY29uLWJ1dHRvbidcIlxuICAgICAgICAgIFtpY29uTmFtZV09XCInQXJyb3ctY2hldnJvbi1sZWZ0LWZpbGxlZCdcIlxuICAgICAgICAgIChjbGljayk9XCJjbG9zZSgpXCJcbiAgICAgICAgICBbdG9vbHRpcF09XCIoKCdDT01NT04uQkFDSycpIHwgdWlUcmFuc2xhdGUgfCBhc3luYykhXCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgPjwvdWktYnV0dG9uPlxuICAgICAgfVxuICAgICAgPHNwYW4gY2xhc3M9XCJzaWRlLXBhbmVsLXRpdGxlXCI+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8dWktYnV0dG9uXG4gICAgICBjbGFzcz1cInNpZGUtcGFuZWwtYWN0aW9uXCJcbiAgICAgIFt2YXJpYW50XT1cIidpY29uLWJ1dHRvbidcIlxuICAgICAgW2ljb25OYW1lXT1cIidDbG9zZSdcIlxuICAgICAgW3Rvb2x0aXBdPVwiKCgnQ09NTU9OLkNMT1NFJykgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKSFcIlxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxuICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgPjwvdWktYnV0dG9uPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwic2lkZS1wYW5lbC1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciAjc2lkZVBhbmVsQ29udGFpbmVyPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { Component, EventEmitter, HostListener, Inject, Input, Optional, Output, ViewChild, ViewContainerRef, } from '@angular/core';
|
|
2
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./side-sheet.service";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "../button/button.component";
|
|
7
|
+
import * as i4 from "@angular/material/tooltip";
|
|
8
|
+
import * as i5 from "@angular/material/sidenav";
|
|
9
|
+
import * as i6 from "../logo/logo.component";
|
|
10
|
+
import * as i7 from "../../pipes/ui-translate.pipe";
|
|
11
|
+
export class SideSheetComponent {
|
|
12
|
+
onEscPress(_) {
|
|
13
|
+
void this.drawer.close();
|
|
14
|
+
}
|
|
15
|
+
constructor(defaultAppTheme, sideSheetService, destroyRef) {
|
|
16
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
17
|
+
this.sideSheetService = sideSheetService;
|
|
18
|
+
this.destroyRef = destroyRef;
|
|
19
|
+
/**
|
|
20
|
+
* Set position. Defaults "end"
|
|
21
|
+
*
|
|
22
|
+
* @type {SideSheetPosition}
|
|
23
|
+
* @memberof SideSheetComponent
|
|
24
|
+
*/
|
|
25
|
+
this.position = 'end';
|
|
26
|
+
/**
|
|
27
|
+
*
|
|
28
|
+
* Defines the application theme
|
|
29
|
+
*
|
|
30
|
+
* @type {ApplicationTheme}
|
|
31
|
+
* @memberof SideSheetComponent
|
|
32
|
+
*/
|
|
33
|
+
this.applicationTheme = 'light';
|
|
34
|
+
this.openChange = new EventEmitter();
|
|
35
|
+
this.title = '';
|
|
36
|
+
this.showBackButton = false;
|
|
37
|
+
this.showTitleTooltip = false;
|
|
38
|
+
this.showLogo = false;
|
|
39
|
+
this.componentRef$ = this.sideSheetService.getComponentRef();
|
|
40
|
+
if (defaultAppTheme) {
|
|
41
|
+
this.applicationTheme = defaultAppTheme;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
ngOnInit() {
|
|
45
|
+
this.setComponentRef();
|
|
46
|
+
}
|
|
47
|
+
setComponentRef() {
|
|
48
|
+
this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(config => {
|
|
49
|
+
if (config && config.componentRef && this.container && this.drawer) {
|
|
50
|
+
this.setConfig(config);
|
|
51
|
+
this.drawer.toggle();
|
|
52
|
+
this.container.clear();
|
|
53
|
+
this.container.insert(config.componentRef.hostView);
|
|
54
|
+
}
|
|
55
|
+
else if (!config) {
|
|
56
|
+
this.drawer.toggle();
|
|
57
|
+
this.container.clear();
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
setConfig(config) {
|
|
62
|
+
this.title = config.title ?? '';
|
|
63
|
+
this.showLogo = config.showLogo ?? false;
|
|
64
|
+
this.showBackButton = config.showBackButton ?? false;
|
|
65
|
+
this.showTitleTooltip = config.showTitleTooltip ?? false;
|
|
66
|
+
if (config.closed) {
|
|
67
|
+
config.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
|
|
68
|
+
void this.drawer.close();
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
onClose() {
|
|
73
|
+
this.drawer.toggle();
|
|
74
|
+
}
|
|
75
|
+
onOpenChange(isOpened) {
|
|
76
|
+
this.openChange.emit(isOpened);
|
|
77
|
+
}
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.SideSheetService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideSheetComponent, selector: "ui-side-sheet", inputs: { position: "position", applicationTheme: "applicationTheme" }, outputs: { openChange: "openChange" }, host: { listeners: { "keydown.esc": "onEscPress($event)" } }, viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-container>\n <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n <mat-drawer (closedStart)=\"onOpenChange(false)\" (openedStart)=\"onOpenChange(true)\" #drawer [mode]=\"'over'\" [autoFocus]=\"false\" class=\"side-sheet-content\" [position]=\"position\">\n <div class=\"header\">\n <div class=\"title\">\n <ui-button\n *ngIf=\"showBackButton\"\n [variant]=\"'icon-button'\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n <span\n *ngIf=\"title\"\n [matTooltip]=\"showTitleTooltip ? title : ''\"\n [matTooltipClass]=\"applicationTheme\"\n >{{ title }}</span>\n <ui-logo *ngIf=\"showLogo\"></ui-logo>\n </div>\n <ui-button\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n </div>\n <ng-container #container></ng-container>\n </mat-drawer>\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n </mat-drawer-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "transparent", "tooltipPosition"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i5.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i5.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i6.LogoComponent, selector: "ui-logo", inputs: ["type", "applicationTheme", "label", "width", "allowResizing"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }] }); }
|
|
80
|
+
}
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponent, decorators: [{
|
|
82
|
+
type: Component,
|
|
83
|
+
args: [{ selector: 'ui-side-sheet', template: "<ng-container>\n <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n <mat-drawer (closedStart)=\"onOpenChange(false)\" (openedStart)=\"onOpenChange(true)\" #drawer [mode]=\"'over'\" [autoFocus]=\"false\" class=\"side-sheet-content\" [position]=\"position\">\n <div class=\"header\">\n <div class=\"title\">\n <ui-button\n *ngIf=\"showBackButton\"\n [variant]=\"'icon-button'\"\n [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n <span\n *ngIf=\"title\"\n [matTooltip]=\"showTitleTooltip ? title : ''\"\n [matTooltipClass]=\"applicationTheme\"\n >{{ title }}</span>\n <ui-logo *ngIf=\"showLogo\"></ui-logo>\n </div>\n <ui-button\n [variant]=\"'icon-button'\"\n [iconName]=\"'Close'\"\n [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n [applicationTheme]=\"applicationTheme\"\n [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n (click)=\"onClose()\"\n ></ui-button>\n </div>\n <ng-container #container></ng-container>\n </mat-drawer>\n <mat-drawer-content>\n <ng-content></ng-content>\n </mat-drawer-content>\n </mat-drawer-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"] }]
|
|
84
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
85
|
+
type: Optional
|
|
86
|
+
}, {
|
|
87
|
+
type: Inject,
|
|
88
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
89
|
+
}] }, { type: i1.SideSheetService }, { type: i0.DestroyRef }], propDecorators: { position: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], applicationTheme: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], openChange: [{
|
|
94
|
+
type: Output
|
|
95
|
+
}], drawer: [{
|
|
96
|
+
type: ViewChild,
|
|
97
|
+
args: ['drawer']
|
|
98
|
+
}], container: [{
|
|
99
|
+
type: ViewChild,
|
|
100
|
+
args: ['container', { read: ViewContainerRef, static: false }]
|
|
101
|
+
}], onEscPress: [{
|
|
102
|
+
type: HostListener,
|
|
103
|
+
args: ['keydown.esc', ['$event']]
|
|
104
|
+
}] } });
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2lkZS1zaGVldC9zaWRlLXNoZWV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXNoZWV0L3NpZGUtc2hlZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQUUsWUFBWSxFQUMxQixNQUFNLEVBQ04sS0FBSyxFQUVMLFFBQVEsRUFDUixNQUFNLEVBQ04sU0FBUyxFQUNULGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7Ozs7O0FBUWhFLE1BQU0sT0FBTyxrQkFBa0I7SUF3QjdCLFVBQVUsQ0FBQyxDQUFnQjtRQUN6QixLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQVFELFlBQzZFLGVBQWlDLEVBQ3BHLGdCQUFrQyxFQUNsQyxVQUFzQjtRQUY2QyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUFDcEcscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBcENoQzs7Ozs7V0FLRztRQUNNLGFBQVEsR0FBc0IsS0FBSyxDQUFDO1FBRTdDOzs7Ozs7V0FNRztRQUNNLHFCQUFnQixHQUFxQixPQUFPLENBQUM7UUFFNUMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFVekMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGtCQUFhLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsRUFBRSxDQUFDO1FBT2hFLElBQUksZUFBZSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzlFLElBQUksTUFBTSxJQUFJLE1BQU0sQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ25FLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdEQsQ0FBQztpQkFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDekIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLFNBQVMsQ0FBQyxNQUF1QjtRQUN2QyxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDekMsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUMsY0FBYyxJQUFJLEtBQUssQ0FBQztRQUNyRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixJQUFJLEtBQUssQ0FBQztRQUV6RCxJQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNsQixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNyRSxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUVTLE9BQU87UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxZQUFZLENBQUMsUUFBaUI7UUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FqRlUsa0JBQWtCLGtCQW1DUCxvQ0FBb0M7bUdBbkMvQyxrQkFBa0Isd1lBcUJHLGdCQUFnQiw2QkM1Q2xELHlvREFxQ0E7OzRGRGRhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxlQUFlOzswQkF1Q3RCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DO2lHQTVCakQsUUFBUTtzQkFBaEIsS0FBSztnQkFTRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFFYyxNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVE7Z0JBQ2dELFNBQVM7c0JBQTNFLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBR2pFLFVBQVU7c0JBRFQsWUFBWTt1QkFBQyxhQUFhLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIERlc3Ryb3lSZWYsXG4gIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9wdGlvbmFsLFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlU2hlZXRTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlLXNoZWV0LnNlcnZpY2UnO1xuaW1wb3J0IHsgU2lkZVNoZWV0Q29uZmlnLCBTaWRlU2hlZXRQb3NpdGlvbiB9IGZyb20gJy4vc2lkZS1zaGVldC5tb2RlbCc7XG5pbXBvcnQgeyBNYXREcmF3ZXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uVGhlbWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1zaWRlLXNoZWV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtc2hlZXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLXNoZWV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBTZXQgcG9zaXRpb24uIERlZmF1bHRzIFwiZW5kXCJcbiAgICpcbiAgICogQHR5cGUge1NpZGVTaGVldFBvc2l0aW9ufVxuICAgKiBAbWVtYmVyb2YgU2lkZVNoZWV0Q29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwb3NpdGlvbjogU2lkZVNoZWV0UG9zaXRpb24gPSAnZW5kJztcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBTaWRlU2hlZXRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2RyYXdlcicpIGRyYXdlcjogTWF0RHJhd2VyO1xuICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogZmFsc2UgfSkgY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uZXNjJywgWyckZXZlbnQnXSlcbiAgb25Fc2NQcmVzcyhfOiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgdm9pZCB0aGlzLmRyYXdlci5jbG9zZSgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHRpdGxlID0gJyc7XG4gIHByb3RlY3RlZCBzaG93QmFja0J1dHRvbiA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgc2hvd1RpdGxlVG9vbHRpcCA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgc2hvd0xvZ28gPSBmYWxzZTtcbiAgcHJvdGVjdGVkIGNvbXBvbmVudFJlZiQgPSB0aGlzLnNpZGVTaGVldFNlcnZpY2UuZ2V0Q29tcG9uZW50UmVmKCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICAgIHByaXZhdGUgc2lkZVNoZWV0U2VydmljZTogU2lkZVNoZWV0U2VydmljZSxcbiAgICBwcml2YXRlIGRlc3Ryb3lSZWY6IERlc3Ryb3lSZWYsXG4gICkge1xuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcbiAgICAgIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9IGRlZmF1bHRBcHBUaGVtZTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldENvbXBvbmVudFJlZigpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRDb21wb25lbnRSZWYoKTogdm9pZCB7XG4gICAgdGhpcy5jb21wb25lbnRSZWYkLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpLnN1YnNjcmliZShjb25maWcgPT4ge1xuICAgICAgaWYgKGNvbmZpZyAmJiBjb25maWcuY29tcG9uZW50UmVmICYmIHRoaXMuY29udGFpbmVyICYmIHRoaXMuZHJhd2VyKSB7XG4gICAgICAgIHRoaXMuc2V0Q29uZmlnKGNvbmZpZyk7XG4gICAgICAgIHRoaXMuZHJhd2VyLnRvZ2dsZSgpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5jbGVhcigpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5pbnNlcnQoY29uZmlnLmNvbXBvbmVudFJlZi5ob3N0Vmlldyk7XG4gICAgICB9IGVsc2UgaWYgKCFjb25maWcpIHtcbiAgICAgICAgdGhpcy5kcmF3ZXIudG9nZ2xlKCk7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLmNsZWFyKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHNldENvbmZpZyhjb25maWc6IFNpZGVTaGVldENvbmZpZyk6IHZvaWQge1xuICAgIHRoaXMudGl0bGUgPSBjb25maWcudGl0bGUgPz8gJyc7XG4gICAgdGhpcy5zaG93TG9nbyA9IGNvbmZpZy5zaG93TG9nbyA/PyBmYWxzZTtcbiAgICB0aGlzLnNob3dCYWNrQnV0dG9uID0gY29uZmlnLnNob3dCYWNrQnV0dG9uID8/IGZhbHNlO1xuICAgIHRoaXMuc2hvd1RpdGxlVG9vbHRpcCA9IGNvbmZpZy5zaG93VGl0bGVUb29sdGlwID8/IGZhbHNlO1xuXG4gICAgaWYgKGNvbmZpZy5jbG9zZWQpIHtcbiAgICAgIGNvbmZpZy5jbG9zZWQucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdm9pZCB0aGlzLmRyYXdlci5jbG9zZSgpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5kcmF3ZXIudG9nZ2xlKCk7XG4gIH1cblxuICBvbk9wZW5DaGFuZ2UoaXNPcGVuZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChpc09wZW5lZCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXI+XG4gIDxtYXQtZHJhd2VyLWNvbnRhaW5lciBjbGFzcz1cInNpZGUtc2hlZXQtY29udGFpbmVyXCIgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIFtoYXNCYWNrZHJvcF09XCJ0cnVlXCI+XG4gICAgPG1hdC1kcmF3ZXIgKGNsb3NlZFN0YXJ0KT1cIm9uT3BlbkNoYW5nZShmYWxzZSlcIiAob3BlbmVkU3RhcnQpPVwib25PcGVuQ2hhbmdlKHRydWUpXCIgI2RyYXdlciBbbW9kZV09XCInb3ZlcidcIiBbYXV0b0ZvY3VzXT1cImZhbHNlXCIgIGNsYXNzPVwic2lkZS1zaGVldC1jb250ZW50XCIgW3Bvc2l0aW9uXT1cInBvc2l0aW9uXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICAgIDx1aS1idXR0b25cbiAgICAgICAgICAgICpuZ0lmPVwic2hvd0JhY2tCdXR0b25cIlxuICAgICAgICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXG4gICAgICAgICAgICBbaWNvbk5hbWVdPVwiYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJ0Fycm93X2xlZnQnIDogJ0Fycm93LWNoZXZyb24tbGVmdC1maWxsZWQnXCJcbiAgICAgICAgICAgIFtjb21wYW55Q29sb3JdPVwiYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJyMwMDAnIDogJyMyNDI0MjQnXCJcbiAgICAgICAgICAgIFthcHBsaWNhdGlvblRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIlxuICAgICAgICAgICAgW3Rvb2x0aXBdPVwiKCgnQ09NTU9OLkJBQ0snKSB8IHVpVHJhbnNsYXRlIHwgYXN5bmMpIVwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25DbG9zZSgpXCJcbiAgICAgICAgICA+PC91aS1idXR0b24+XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICpuZ0lmPVwidGl0bGVcIlxuICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwic2hvd1RpdGxlVG9vbHRpcCA/IHRpdGxlIDogJydcIlxuICAgICAgICAgICAgW21hdFRvb2x0aXBDbGFzc109XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgICAgICAgICA+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgPHVpLWxvZ28gKm5nSWY9XCJzaG93TG9nb1wiPjwvdWktbG9nbz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDx1aS1idXR0b25cbiAgICAgICAgICBbdmFyaWFudF09XCInaWNvbi1idXR0b24nXCJcbiAgICAgICAgICBbaWNvbk5hbWVdPVwiJ0Nsb3NlJ1wiXG4gICAgICAgICAgW2NvbXBhbnlDb2xvcl09XCJhcHBsaWNhdGlvblRoZW1lID09PSAnY2xhc3NpYycgPyAnIzAwMCcgOiAnIzI0MjQyNCdcIlxuICAgICAgICAgIFthcHBsaWNhdGlvblRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIlxuICAgICAgICAgIFt0b29sdGlwXT1cIigoJ0NPTU1PTi5DTE9TRScpIHwgdWlUcmFuc2xhdGUgfCBhc3luYykhXCJcbiAgICAgICAgICAoY2xpY2spPVwib25DbG9zZSgpXCJcbiAgICAgICAgPjwvdWktYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICNjb250YWluZXI+PC9uZy1jb250YWluZXI+XG4gICAgPC9tYXQtZHJhd2VyPlxuICAgIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtZHJhd2VyLWNvbnRlbnQ+XG4gIDwvbWF0LWRyYXdlci1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SideSheetComponent } from './side-sheet.component';
|
|
4
|
+
import { IconComponentModule } from '../icon/icon.component.module';
|
|
5
|
+
import { ButtonComponentModule } from '../button/button.component.module';
|
|
6
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
7
|
+
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
8
|
+
import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
|
|
9
|
+
import { LogoComponentModule } from "../logo/logo.component.module";
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class SideSheetComponentModule {
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, declarations: [SideSheetComponent], imports: [CommonModule,
|
|
14
|
+
IconComponentModule,
|
|
15
|
+
ButtonComponentModule,
|
|
16
|
+
MatTooltipModule,
|
|
17
|
+
MatSidenavModule,
|
|
18
|
+
UiTranslatePipe,
|
|
19
|
+
LogoComponentModule], exports: [SideSheetComponent] }); }
|
|
20
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, imports: [CommonModule,
|
|
21
|
+
IconComponentModule,
|
|
22
|
+
ButtonComponentModule,
|
|
23
|
+
MatTooltipModule,
|
|
24
|
+
MatSidenavModule,
|
|
25
|
+
LogoComponentModule] }); }
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, decorators: [{
|
|
28
|
+
type: NgModule,
|
|
29
|
+
args: [{
|
|
30
|
+
declarations: [SideSheetComponent],
|
|
31
|
+
exports: [SideSheetComponent],
|
|
32
|
+
imports: [
|
|
33
|
+
CommonModule,
|
|
34
|
+
IconComponentModule,
|
|
35
|
+
ButtonComponentModule,
|
|
36
|
+
MatTooltipModule,
|
|
37
|
+
MatSidenavModule,
|
|
38
|
+
UiTranslatePipe,
|
|
39
|
+
LogoComponentModule,
|
|
40
|
+
],
|
|
41
|
+
}]
|
|
42
|
+
}] });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFlcEUsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO2dIQUF4Qix3QkFBd0IsaUJBWnBCLGtCQUFrQixhQUczQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLHFCQUFxQjtZQUNyQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixtQkFBbUIsYUFSZixrQkFBa0I7Z0hBV2pCLHdCQUF3QixZQVQ3QixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLHFCQUFxQjtZQUNyQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBRWhCLG1CQUFtQjs7NEZBR2Qsd0JBQXdCO2tCQWJwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDM0IsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLG1CQUFtQjtxQkFDdEI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNpZGVTaGVldENvbXBvbmVudCB9IGZyb20gJy4vc2lkZS1zaGVldC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBNYXRTaWRlbmF2TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBVaVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy91aS10cmFuc2xhdGUucGlwZSc7XG5pbXBvcnQgeyBMb2dvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSBcIi4uL2xvZ28vbG9nby5jb21wb25lbnQubW9kdWxlXCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NpZGVTaGVldENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtTaWRlU2hlZXRDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBJY29uQ29tcG9uZW50TW9kdWxlLFxuICAgICAgICBCdXR0b25Db21wb25lbnRNb2R1bGUsXG4gICAgICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gICAgICAgIE1hdFNpZGVuYXZNb2R1bGUsXG4gICAgICAgIFVpVHJhbnNsYXRlUGlwZSxcbiAgICAgICAgTG9nb0NvbXBvbmVudE1vZHVsZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlU2hlZXRDb21wb25lbnRNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXNoZWV0L3NpZGUtc2hlZXQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGludGVyZmFjZSBTaWRlU2hlZXRDb25maWcge1xuICBjb21wb25lbnRSZWY6IGFueTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHNob3dMb2dvPzogYm9vbGVhbjtcbiAgc2hvd0JhY2tCdXR0b24/OiBib29sZWFuO1xuICBzaG93VGl0bGVUb29sdGlwPzogYm9vbGVhbjtcbiAgY2xvc2VkPzogT2JzZXJ2YWJsZTx2b2lkPjtcbn1cblxuZXhwb3J0IHR5cGUgU2lkZVNoZWV0UG9zaXRpb24gPSAnc3RhcnQnIHwgJ2VuZCc7XG4iXX0=
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Injectable, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class SideSheetService {
|
|
5
|
+
constructor(applicationRef) {
|
|
6
|
+
this.applicationRef = applicationRef;
|
|
7
|
+
this.componentRef$ = new Subject();
|
|
8
|
+
}
|
|
9
|
+
open(config) {
|
|
10
|
+
const { componentRef, ...configFields } = config;
|
|
11
|
+
const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);
|
|
12
|
+
const componentReference = rootViewContainerRef.createComponent(config.componentRef);
|
|
13
|
+
this.componentRef$.next({ ...configFields, componentRef: componentReference });
|
|
14
|
+
return componentReference.instance;
|
|
15
|
+
}
|
|
16
|
+
close() {
|
|
17
|
+
this.componentRef$.next(null);
|
|
18
|
+
}
|
|
19
|
+
getComponentRef() {
|
|
20
|
+
return this.componentRef$.asObservable();
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetService, deps: [{ token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
23
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetService, providedIn: 'root' }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetService, decorators: [{
|
|
26
|
+
type: Injectable,
|
|
27
|
+
args: [{
|
|
28
|
+
providedIn: 'root',
|
|
29
|
+
}]
|
|
30
|
+
}], ctorParameters: () => [{ type: i0.ApplicationRef }] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBa0IsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdFLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBSzNDLE1BQU0sT0FBTyxnQkFBZ0I7SUFHM0IsWUFBb0IsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBRjFDLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQTBCLENBQUM7SUFFVCxDQUFDO0lBRXRELElBQUksQ0FBSSxNQUF1QjtRQUM3QixNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsWUFBWSxFQUFFLEdBQUcsTUFBTSxDQUFDO1FBQ2pELE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlGLE1BQU0sa0JBQWtCLEdBQUcsb0JBQW9CLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNyRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsWUFBWSxFQUFFLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7UUFDL0UsT0FBTyxrQkFBa0IsQ0FBQyxRQUFhLENBQUM7SUFDMUMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMzQyxDQUFDOytHQW5CVSxnQkFBZ0I7bUhBQWhCLGdCQUFnQixjQUZmLE1BQU07OzRGQUVQLGdCQUFnQjtrQkFINUIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBcHBsaWNhdGlvblJlZiwgSW5qZWN0YWJsZSwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2lkZVNoZWV0Q29uZmlnIH0gZnJvbSAnLi9zaWRlLXNoZWV0Lm1vZGVsJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldFNlcnZpY2Uge1xuICBwcml2YXRlIGNvbXBvbmVudFJlZiQgPSBuZXcgU3ViamVjdDxTaWRlU2hlZXRDb25maWcgfCBudWxsPigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYXBwbGljYXRpb25SZWY6IEFwcGxpY2F0aW9uUmVmKSB7fVxuXG4gIG9wZW48VD4oY29uZmlnOiBTaWRlU2hlZXRDb25maWcpOiBUIHtcbiAgICBjb25zdCB7IGNvbXBvbmVudFJlZiwgLi4uY29uZmlnRmllbGRzIH0gPSBjb25maWc7XG4gICAgY29uc3Qgcm9vdFZpZXdDb250YWluZXJSZWYgPSB0aGlzLmFwcGxpY2F0aW9uUmVmLmNvbXBvbmVudHNbMF0uaW5qZWN0b3IuZ2V0KFZpZXdDb250YWluZXJSZWYpO1xuICAgIGNvbnN0IGNvbXBvbmVudFJlZmVyZW5jZSA9IHJvb3RWaWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjb25maWcuY29tcG9uZW50UmVmKTtcbiAgICB0aGlzLmNvbXBvbmVudFJlZiQubmV4dCh7IC4uLmNvbmZpZ0ZpZWxkcywgY29tcG9uZW50UmVmOiBjb21wb25lbnRSZWZlcmVuY2UgfSk7XG4gICAgcmV0dXJuIGNvbXBvbmVudFJlZmVyZW5jZS5pbnN0YW5jZSBhcyBUO1xuICB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb21wb25lbnRSZWYkLm5leHQobnVsbCk7XG4gIH1cblxuICBnZXRDb21wb25lbnRSZWYoKTogT2JzZXJ2YWJsZTxTaWRlU2hlZXRDb25maWcgfCBudWxsPiB7XG4gICAgcmV0dXJuIHRoaXMuY29tcG9uZW50UmVmJC5hc09ic2VydmFibGUoKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Component, Inject, Input, Optional } from '@angular/core';
|
|
2
|
+
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { BehaviorSubject, combineLatest, map } from 'rxjs';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "ngx-skeleton-loader";
|
|
8
|
+
export class SkeletonComponent {
|
|
9
|
+
set theme(value) {
|
|
10
|
+
this.theme$.next(value ?? {});
|
|
11
|
+
}
|
|
12
|
+
set appearance(value) {
|
|
13
|
+
this.appearance$.next(value ?? 'line');
|
|
14
|
+
}
|
|
15
|
+
constructor(defaultAppTheme) {
|
|
16
|
+
this.defaultAppTheme = defaultAppTheme;
|
|
17
|
+
this.count = '';
|
|
18
|
+
/**
|
|
19
|
+
*
|
|
20
|
+
* Defines the application theme
|
|
21
|
+
*
|
|
22
|
+
* @type {ApplicationTheme}
|
|
23
|
+
* @memberof SkeletonComponent
|
|
24
|
+
*/
|
|
25
|
+
this.applicationTheme = 'light';
|
|
26
|
+
this.theme$ = new BehaviorSubject({});
|
|
27
|
+
this.appearance$ = new BehaviorSubject('line');
|
|
28
|
+
this.currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance)));
|
|
29
|
+
if (defaultAppTheme) {
|
|
30
|
+
this.applicationTheme = defaultAppTheme;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
getThemeWithDefaultValues(theme, appearance) {
|
|
34
|
+
if (theme && appearance === 'circle') {
|
|
35
|
+
return {
|
|
36
|
+
...theme,
|
|
37
|
+
height: theme['height'] || theme['width'] || '48px',
|
|
38
|
+
width: theme['width'] || theme['height'] || '48px',
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
else if (theme && appearance !== 'circle' && !theme['height']) {
|
|
42
|
+
return {
|
|
43
|
+
...theme,
|
|
44
|
+
height: '24px',
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
return theme;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { count: "count", theme: "theme", appearance: "appearance", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i2.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
|
|
53
|
+
}
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
55
|
+
type: Component,
|
|
56
|
+
args: [{ selector: 'ui-skeleton', standalone: true, imports: [CommonModule, NgxSkeletonLoaderModule], template: "<ngx-skeleton-loader\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n" }]
|
|
57
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
58
|
+
type: Optional
|
|
59
|
+
}, {
|
|
60
|
+
type: Inject,
|
|
61
|
+
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
62
|
+
}] }], propDecorators: { count: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], theme: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], appearance: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], applicationTheme: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}] } });
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBZ0MsdUJBQXVCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM1RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBVzNELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsSUFBYSxLQUFLLENBQUMsS0FBbUM7UUFDcEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxJQUFhLFVBQVUsQ0FBQyxLQUFpQjtRQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQVdELFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQWxCckcsVUFBSyxHQUFvQixFQUFFLENBQUM7UUFRckM7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQVVuQyxXQUFNLEdBQUcsSUFBSSxlQUFlLENBQStCLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELGdCQUFXLEdBQUcsSUFBSSxlQUFlLENBQWEsTUFBTSxDQUFDLENBQUM7UUFDdEQsa0JBQWEsR0FBRyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDcEYsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FDaEYsQ0FBQztRQVRBLElBQUksZUFBZSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQVFPLHlCQUF5QixDQUMvQixLQUFtQyxFQUNuQyxVQUFzQjtRQUV0QixJQUFJLEtBQUssSUFBSSxVQUFVLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDckMsT0FBTztnQkFDTCxHQUFHLEtBQUs7Z0JBQ1IsTUFBTSxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksTUFBTTtnQkFDbkQsS0FBSyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksTUFBTTthQUNuRCxDQUFDO1FBQ0osQ0FBQzthQUFNLElBQUksS0FBSyxJQUFJLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUNoRSxPQUFPO2dCQUNMLEdBQUcsS0FBSztnQkFDUixNQUFNLEVBQUUsTUFBTTthQUNmLENBQUM7UUFDSixDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7K0dBbERVLGlCQUFpQixrQkFtQk4sb0NBQW9DO21HQW5CL0MsaUJBQWlCLG1MQ2Q5QiwrSkFLQSx5RERPWSxZQUFZLG1GQUFFLHVCQUF1Qjs7NEZBRXBDLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxhQUFhLGNBR1gsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixDQUFDOzswQkFxQjdDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DO3lDQWxCakQsS0FBSztzQkFBYixLQUFLO2dCQUNPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBR08sVUFBVTtzQkFBdEIsS0FBSztnQkFXRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lLCBOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZSB9IGZyb20gJ25neC1za2VsZXRvbi1sb2FkZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBcHBlYXJhbmNlIH0gZnJvbSAnLi9za2VsZXRvbi5tb2RlbCc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSBcIi4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2VsZXRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NrZWxldG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5neFNrZWxldG9uTG9hZGVyTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBjb3VudDogbnVtYmVyIHwgc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNldCB0aGVtZSh2YWx1ZTogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZSkge1xuICAgIHRoaXMudGhlbWUkLm5leHQodmFsdWUgPz8ge30pO1xuICB9XG4gIEBJbnB1dCgpIHNldCBhcHBlYXJhbmNlKHZhbHVlOiBBcHBlYXJhbmNlKSB7XG4gICAgdGhpcy5hcHBlYXJhbmNlJC5uZXh0KHZhbHVlID8/ICdsaW5lJyk7XG4gIH1cblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBTa2VsZXRvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXBwbGljYXRpb25UaGVtZTogQXBwbGljYXRpb25UaGVtZSA9ICdsaWdodCc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHRoZW1lJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Tmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZT4oe30pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgYXBwZWFyYW5jZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEFwcGVhcmFuY2U+KCdsaW5lJyk7XG4gIHByb3RlY3RlZCByZWFkb25seSBjdXJyZW50VGhlbWUkID0gY29tYmluZUxhdGVzdChbdGhpcy50aGVtZSQsIHRoaXMuYXBwZWFyYW5jZSRdKS5waXBlKFxuICAgIG1hcCgoW3RoZW1lLCBhcHBlYXJhbmNlXSkgPT4gdGhpcy5nZXRUaGVtZVdpdGhEZWZhdWx0VmFsdWVzKHRoZW1lLCBhcHBlYXJhbmNlKSlcbiAgKTtcblxuICBwcml2YXRlIGdldFRoZW1lV2l0aERlZmF1bHRWYWx1ZXMoXG4gICAgdGhlbWU6IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnVGhlbWUsXG4gICAgYXBwZWFyYW5jZTogQXBwZWFyYW5jZVxuICApOiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lIHtcbiAgICBpZiAodGhlbWUgJiYgYXBwZWFyYW5jZSA9PT0gJ2NpcmNsZScpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgICBoZWlnaHQ6IHRoZW1lWydoZWlnaHQnXSB8fCB0aGVtZVsnd2lkdGgnXSB8fCAnNDhweCcsXG4gICAgICAgIHdpZHRoOiB0aGVtZVsnd2lkdGgnXSB8fCB0aGVtZVsnaGVpZ2h0J10gfHwgJzQ4cHgnLFxuICAgICAgfTtcbiAgICB9IGVsc2UgaWYgKHRoZW1lICYmIGFwcGVhcmFuY2UgIT09ICdjaXJjbGUnICYmICF0aGVtZVsnaGVpZ2h0J10pIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgICBoZWlnaHQ6ICcyNHB4JyxcbiAgICAgIH07XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0aGVtZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZ3gtc2tlbGV0b24tbG9hZGVyXG4gIFtjb3VudF09XCJjb3VudFwiXG4gIFt0aGVtZV09XCJjdXJyZW50VGhlbWUkIHwgYXN5bmNcIlxuICBbYXBwZWFyYW5jZV09XCIoYXBwZWFyYW5jZSQgfCBhc3luYykgfHwgJ2xpbmUnXCJcbj48L25neC1za2VsZXRvbi1sb2FkZXI+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2tlbGV0b24vc2tlbGV0b24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnIH0gZnJvbSAnbmd4LXNrZWxldG9uLWxvYWRlcic7XG5cbmV4cG9ydCB0eXBlIEFwcGVhcmFuY2UgPSBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1snYXBwZWFyYW5jZSddO1xuIl19
|