@flywheel-io/vision 2.0.0-beta.9 → 2.1.0-beta.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/.editorconfig +56 -0
- package/.eslintrc.json +307 -0
- package/.gitattributes +2 -0
- package/.gitlab-ci.yml +157 -0
- package/.nvmrc +1 -0
- package/.storybook/DocsContainer.tsx +103 -0
- package/.storybook/main.ts +18 -0
- package/.storybook/manager-head.html +29 -0
- package/.storybook/manager.ts +7 -0
- package/.storybook/preview.tsx +45 -0
- package/.storybook/public/images/brand-dark.png +0 -0
- package/.storybook/public/images/brand-light.png +0 -0
- package/.storybook/public/images/core.svg +22 -0
- package/.storybook/public/images/discovery.svg +22 -0
- package/.storybook/public/images/exchange.svg +28 -0
- package/.storybook/public/images/favicon.png +0 -0
- package/.storybook/public/images/grid.png +0 -0
- package/.storybook/sb-theme.ts +80 -0
- package/.storybook/tsconfig.json +19 -0
- package/.stylelintignore +2 -0
- package/.stylelintrc.json +48 -0
- package/.vscode/extensions.json +18 -0
- package/.vscode/settings.json +7 -0
- package/CONTRIBUTING.md +51 -0
- package/angular.json +95 -0
- package/build.js +66 -0
- package/elements/elements.html +0 -0
- package/install-into-frontend.sh +13 -0
- package/karma.conf.js +49 -0
- package/ng-package.json +26 -0
- package/package.json +81 -21
- package/publish-beta.sh +18 -0
- package/src/assets/.gitkeep +0 -0
- package/src/assets/brand/core.svg +22 -0
- package/src/assets/brand/discovery.svg +22 -0
- package/src/assets/brand/exchange.svg +28 -0
- package/src/assets/brand/fw-logo-mark-dark-bg.svg +4 -0
- package/src/assets/img/avatar.png +0 -0
- package/src/assets/updating-icons.md +71 -0
- package/src/color.utils.ts +47 -0
- package/src/components/alert/alert.component.html +19 -0
- package/src/components/alert/alert.component.scss +150 -0
- package/src/components/alert/alert.component.spec.ts +22 -0
- package/src/components/alert/alert.component.ts +19 -0
- package/src/components/alert/alert.mdx +16 -0
- package/src/components/alert/alert.module.ts +22 -0
- package/src/components/alert/alert.stories.ts +144 -0
- package/src/components/app-icon/app-icon.component.html +10 -0
- package/src/components/app-icon/app-icon.component.scss +348 -0
- package/src/components/app-icon/app-icon.component.spec.ts +22 -0
- package/src/components/app-icon/app-icon.component.ts +27 -0
- package/src/components/app-icon/app-icon.mdx +16 -0
- package/src/components/app-icon/app-icon.module.ts +20 -0
- package/src/components/app-icon/app-icon.stories.ts +200 -0
- package/src/components/avatar/avatar.component.html +22 -0
- package/src/components/avatar/avatar.component.scss +97 -0
- package/src/components/avatar/avatar.component.spec.ts +26 -0
- package/src/components/avatar/avatar.component.ts +50 -0
- package/src/components/avatar/avatar.mdx +16 -0
- package/src/components/avatar/avatar.module.ts +20 -0
- package/src/components/avatar/avatar.stories.ts +207 -0
- package/src/components/badge/badge.component.html +4 -0
- package/src/components/badge/badge.component.scss +98 -0
- package/src/components/badge/badge.component.spec.ts +26 -0
- package/src/components/badge/badge.component.ts +30 -0
- package/src/components/badge/badge.mdx +33 -0
- package/src/components/badge/badge.module.ts +18 -0
- package/src/components/badge/badge.stories.ts +131 -0
- package/src/components/breadcrumbs/breadcrumbs.component.scss +5 -0
- package/src/components/breadcrumbs/breadcrumbs.component.spec.ts +22 -0
- package/src/components/breadcrumbs/breadcrumbs.component.stories.ts +81 -0
- package/src/components/breadcrumbs/breadcrumbs.component.ts +20 -0
- package/src/components/breadcrumbs/breadcrumbs.mdx +53 -0
- package/src/components/breadcrumbs/breadcrumbs.module.ts +23 -0
- package/src/components/breadcrumbs/crumb.component.html +5 -0
- package/src/components/breadcrumbs/crumb.component.scss +23 -0
- package/src/components/breadcrumbs/crumb.component.stories.ts +53 -0
- package/src/components/breadcrumbs/crumb.component.ts +23 -0
- package/src/components/button/button.component.html +7 -0
- package/src/components/button/button.component.scss +129 -0
- package/src/components/button/button.component.spec.ts +26 -0
- package/src/components/button/button.component.ts +40 -0
- package/src/components/button/button.directives.ts +93 -0
- package/src/components/button/button.mdx +16 -0
- package/src/components/button/button.module.ts +39 -0
- package/src/components/button/button.stories.ts +165 -0
- package/src/components/button/story.css +0 -0
- package/src/components/button-group/button-group.component.scss +94 -0
- package/src/components/button-group/button-group.component.ts +138 -0
- package/src/components/button-group/button-group.mdx +23 -0
- package/src/components/button-group/button-group.module.ts +22 -0
- package/src/components/button-group/button-group.stories.ts +145 -0
- package/src/components/button-toggle/button-toggle-item/button-toggle-item.component.html +10 -0
- package/src/components/button-toggle/button-toggle-item/button-toggle-item.component.spec.ts +25 -0
- package/src/components/button-toggle/button-toggle-item/button-toggle-item.component.ts +36 -0
- package/src/components/button-toggle/button-toggle.component.scss +94 -0
- package/src/components/button-toggle/button-toggle.component.ts +145 -0
- package/src/components/button-toggle/button-toggle.mdx +23 -0
- package/src/components/button-toggle/button-toggle.module.ts +23 -0
- package/src/components/button-toggle/button-toggle.stories.ts +204 -0
- package/src/components/card/card-attribute/card-attribute.component.html +3 -0
- package/src/components/card/card-attribute/card-attribute.component.scss +19 -0
- package/src/components/card/card-attribute/card-attribute.component.spec.ts +22 -0
- package/src/components/card/card-attribute/card-attribute.component.ts +13 -0
- package/src/components/card/card-author/card-author.component.html +5 -0
- package/src/components/card/card-author/card-author.component.scss +21 -0
- package/src/components/card/card-author/card-author.component.spec.ts +22 -0
- package/src/components/card/card-author/card-author.component.ts +11 -0
- package/src/components/card/card-author/card-author.stories.ts +55 -0
- package/src/components/card/card-content/card-content.component.scss +26 -0
- package/src/components/card/card-content/card-content.component.spec.ts +22 -0
- package/src/components/card/card-content/card-content.component.ts +11 -0
- package/src/components/card/card-content/card-content.stories.ts +55 -0
- package/src/components/card/card-footer/card-footer.component.spec.ts +22 -0
- package/src/components/card/card-footer/card-footer.component.ts +24 -0
- package/src/components/card/card-footer/card-footer.stories.ts +72 -0
- package/src/components/card/card-header/card-header.component.html +9 -0
- package/src/components/card/card-header/card-header.component.scss +41 -0
- package/src/components/card/card-header/card-header.component.spec.ts +22 -0
- package/src/components/card/card-header/card-header.component.ts +15 -0
- package/src/components/card/card-header/card-header.stories.ts +58 -0
- package/src/components/card/card.component.html +12 -0
- package/src/components/card/card.component.scss +40 -0
- package/src/components/card/card.component.spec.ts +34 -0
- package/src/components/card/card.component.ts +16 -0
- package/src/components/card/card.mdx +128 -0
- package/src/components/card/card.module.ts +37 -0
- package/src/components/card/card.stories.ts +240 -0
- package/src/components/changelog.mdx +405 -0
- package/src/components/checkbox/checkbox.component.html +16 -0
- package/src/components/checkbox/checkbox.component.scss +189 -0
- package/src/components/checkbox/checkbox.component.ts +68 -0
- package/src/components/checkbox/checkbox.module.ts +21 -0
- package/src/components/checkbox/checkbox.stories.ts +224 -0
- package/src/components/chip/chip.component.html +14 -0
- package/src/components/chip/chip.component.scss +357 -0
- package/src/components/chip/chip.component.spec.ts +22 -0
- package/src/components/chip/chip.component.ts +32 -0
- package/src/components/chip/chip.mdx +16 -0
- package/src/components/chip/chip.module.ts +22 -0
- package/src/components/chip/chip.stories.ts +236 -0
- package/src/components/color-palette/color-palette.component.html +10 -0
- package/src/components/color-palette/color-palette.component.scss +15 -0
- package/src/components/color-palette/color-palette.component.ts +73 -0
- package/src/components/color-palette/color-palette.module.ts +22 -0
- package/src/components/color-palette/color-palette.stories.ts +35 -0
- package/src/components/color-palette/colors.mdx +47 -0
- package/src/components/color-palette/swatch/swatch.component.html +3 -0
- package/src/components/color-palette/swatch/swatch.component.scss +21 -0
- package/src/components/color-palette/swatch/swatch.component.ts +28 -0
- package/src/components/contained-input/contained-input.component.html +15 -0
- package/src/components/contained-input/contained-input.component.scss +88 -0
- package/src/components/contained-input/contained-input.component.spec.ts +34 -0
- package/src/components/contained-input/contained-input.component.ts +65 -0
- package/src/components/contained-input/contained-input.mdx +16 -0
- package/src/components/contained-input/contained-input.module.ts +26 -0
- package/src/components/contained-input/contained-input.stories.ts +155 -0
- package/src/components/date-input/date-input.component.html +28 -0
- package/src/components/date-input/date-input.component.scss +192 -0
- package/src/components/date-input/date-input.component.spec.ts +26 -0
- package/src/components/date-input/date-input.component.ts +126 -0
- package/src/components/date-input/date-input.mdx +23 -0
- package/src/components/date-input/date-input.module.ts +23 -0
- package/src/components/date-input/date-input.stories.ts +96 -0
- package/src/components/dialog/dialog-actions.component.ts +22 -0
- package/src/components/dialog/dialog-confirm.component.html +37 -0
- package/src/components/dialog/dialog-confirm.component.scss +49 -0
- package/src/components/dialog/dialog-confirm.component.ts +35 -0
- package/src/components/dialog/dialog-confirm.stories.ts +47 -0
- package/src/components/dialog/dialog-content.component.ts +28 -0
- package/src/components/dialog/dialog-header.component.ts +25 -0
- package/src/components/dialog/dialog-simple.component.html +27 -0
- package/src/components/dialog/dialog-simple.component.scss +13 -0
- package/src/components/dialog/dialog-simple.component.ts +36 -0
- package/src/components/dialog/dialog-simple.stories.ts +78 -0
- package/src/components/dialog/dialog.component.html +20 -0
- package/src/components/dialog/dialog.component.scss +94 -0
- package/src/components/dialog/dialog.component.ts +39 -0
- package/src/components/dialog/dialog.mdx +252 -0
- package/src/components/dialog/dialog.service.ts +34 -0
- package/src/components/dialog/dialog.stories.ts +169 -0
- package/src/components/dialog/dialogs.module.ts +47 -0
- package/src/components/form-heading/form-heading.component.html +15 -0
- package/src/components/form-heading/form-heading.component.scss +55 -0
- package/src/components/form-heading/form-heading.component.spec.ts +28 -0
- package/src/components/form-heading/form-heading.component.ts +17 -0
- package/src/components/form-heading/form-heading.mdx +16 -0
- package/src/components/form-heading/form-heading.module.ts +22 -0
- package/src/components/form-heading/form-heading.stories.ts +168 -0
- package/src/components/forms/validators.ts +97 -0
- package/src/components/getting-started.mdx +92 -0
- package/src/components/ghost/ghost.stories.ts +79 -0
- package/src/components/icon/README.txt +5 -0
- package/src/components/icon/icon.component.ts +52 -0
- package/src/components/icon/icon.mdx +36 -0
- package/src/components/icon/icon.module.ts +17 -0
- package/src/components/icon/icon.stories.ts +51 -0
- package/src/components/icon/icon.types.ts +331 -0
- package/src/components/icon/icons.stories.scss +63 -0
- package/src/components/icon/icons.stories.ts +95 -0
- package/src/components/icon/selection.json +1 -0
- package/src/components/icon-button/icon-button.component.html +6 -0
- package/src/components/icon-button/icon-button.component.scss +231 -0
- package/src/components/icon-button/icon-button.component.spec.ts +28 -0
- package/src/components/icon-button/icon-button.component.ts +32 -0
- package/src/components/icon-button/icon-button.mdx +16 -0
- package/src/components/icon-button/icon-button.module.ts +20 -0
- package/src/components/icon-button/icon-button.stories.ts +257 -0
- package/src/components/json/json.component.ts +15 -0
- package/src/components/layouts/context/context.component.html +6 -0
- package/src/components/layouts/context/context.component.scss +71 -0
- package/src/components/layouts/context/context.component.spec.ts +22 -0
- package/src/components/layouts/context/context.component.stories.ts +63 -0
- package/src/components/layouts/context/context.component.ts +32 -0
- package/src/components/layouts/context/context.mdx +15 -0
- package/src/components/layouts/grid/grid.component.scss +281 -0
- package/src/components/layouts/grid/grid.component.spec.ts +22 -0
- package/src/components/layouts/grid/grid.component.stories.ts +183 -0
- package/src/components/layouts/grid/grid.component.ts +43 -0
- package/src/components/layouts/grid/grid.mdx +27 -0
- package/src/components/layouts/layout-group.component.scss +38 -0
- package/src/components/layouts/layout-group.component.spec.ts +22 -0
- package/src/components/layouts/layout-group.component.stories.ts +105 -0
- package/src/components/layouts/layout-group.component.ts +24 -0
- package/src/components/layouts/layout-group.mdx +22 -0
- package/src/components/layouts/layouts.mdx +63 -0
- package/src/components/layouts/layouts.module.ts +37 -0
- package/src/components/layouts/panel/panel.component.html +9 -0
- package/src/components/layouts/panel/panel.component.scss +110 -0
- package/src/components/layouts/panel/panel.component.spec.ts +22 -0
- package/src/components/layouts/panel/panel.component.stories.ts +249 -0
- package/src/components/layouts/panel/panel.component.ts +16 -0
- package/src/components/layouts/panel/panel.mdx +28 -0
- package/src/components/layouts/sidebar/sidebar.component.html +14 -0
- package/src/components/layouts/sidebar/sidebar.component.scss +87 -0
- package/src/components/layouts/sidebar/sidebar.component.spec.ts +22 -0
- package/src/components/layouts/sidebar/sidebar.component.stories.ts +243 -0
- package/src/components/layouts/sidebar/sidebar.component.ts +14 -0
- package/src/components/layouts/sidebar/sidebar.mdx +18 -0
- package/src/components/layouts/toolbar/toolbar.component.scss +11 -0
- package/src/components/layouts/toolbar/toolbar.component.spec.ts +22 -0
- package/src/components/layouts/toolbar/toolbar.component.stories.ts +59 -0
- package/src/components/layouts/toolbar/toolbar.component.ts +15 -0
- package/src/components/layouts/toolbar/toolbar.mdx +16 -0
- package/src/components/menu/menu-close-triggers.directive.ts +27 -0
- package/src/components/menu/menu-container/menu-container.component.html +15 -0
- package/src/components/menu/menu-container/menu-container.component.scss +32 -0
- package/src/components/menu/menu-container/menu-container.component.spec.ts +22 -0
- package/src/components/menu/menu-container/menu-container.component.ts +125 -0
- package/src/components/menu/menu-container/menu-container.stories.ts +105 -0
- package/src/components/menu/menu-header/menu-header.component.html +5 -0
- package/src/components/menu/menu-header/menu-header.component.scss +20 -0
- package/src/components/menu/menu-header/menu-header.component.spec.ts +22 -0
- package/src/components/menu/menu-header/menu-header.component.ts +10 -0
- package/src/components/menu/menu-item/menu-item.component.html +42 -0
- package/src/components/menu/menu-item/menu-item.component.scss +163 -0
- package/src/components/menu/menu-item/menu-item.component.ts +120 -0
- package/src/components/menu/menu-item/menu-item.stories.ts +104 -0
- package/src/components/menu/menu-item-group/menu-item-group.component.html +9 -0
- package/src/components/menu/menu-item-group/menu-item-group.component.scss +33 -0
- package/src/components/menu/menu-item-group/menu-item-group.component.spec.ts +23 -0
- package/src/components/menu/menu-item-group/menu-item-group.component.ts +16 -0
- package/src/components/menu/menu-item-group/menu-item-group.stories.ts +83 -0
- package/src/components/menu/menu-separator/menu-separator.component.scss +6 -0
- package/src/components/menu/menu-separator/menu-separator.component.spec.ts +22 -0
- package/src/components/menu/menu-separator/menu-separator.component.ts +9 -0
- package/src/components/menu/menu-sub-item/menu-sub-item.component.html +18 -0
- package/src/components/menu/menu-sub-item/menu-sub-item.component.scss +125 -0
- package/src/components/menu/menu-sub-item/menu-sub-item.component.ts +66 -0
- package/src/components/menu/menu.component.html +3 -0
- package/src/components/menu/menu.component.scss +5 -0
- package/src/components/menu/menu.component.ts +135 -0
- package/src/components/menu/menu.mdx +119 -0
- package/src/components/menu/menu.module.ts +57 -0
- package/src/components/menu/menu.stories.ts +211 -0
- package/src/components/navbar/navbar-header/navbar-header.component.html +5 -0
- package/src/components/navbar/navbar-header/navbar-header.component.scss +20 -0
- package/src/components/navbar/navbar-header/navbar-header.component.ts +10 -0
- package/src/components/navbar/navbar-item/navbar-item.component.html +35 -0
- package/src/components/navbar/navbar-item/navbar-item.component.scss +142 -0
- package/src/components/navbar/navbar-item/navbar-item.component.ts +73 -0
- package/src/components/navbar/navbar-item/navbar-item.stories.ts +82 -0
- package/src/components/navbar/navbar-sub-item/navbar-sub-item.component.html +22 -0
- package/src/components/navbar/navbar-sub-item/navbar-sub-item.component.scss +152 -0
- package/src/components/navbar/navbar-sub-item/navbar-sub-item.component.ts +40 -0
- package/src/components/navbar/navbar.component.html +5 -0
- package/src/components/navbar/navbar.component.scss +16 -0
- package/src/components/navbar/navbar.component.ts +63 -0
- package/src/components/navbar/navbar.mdx +20 -0
- package/src/components/navbar/navbar.module.ts +41 -0
- package/src/components/navbar/navbar.stories.ts +201 -0
- package/src/components/number-input/number-input.component.html +39 -0
- package/src/components/number-input/number-input.component.scss +184 -0
- package/src/components/number-input/number-input.component.spec.ts +26 -0
- package/src/components/number-input/number-input.component.ts +96 -0
- package/src/components/number-input/number-input.mdx +25 -0
- package/src/components/number-input/number-input.module.ts +23 -0
- package/src/components/number-input/number-input.stories.ts +87 -0
- package/src/components/paginator/paginator-advanced/paginator-advanced.component.html +45 -0
- package/src/components/paginator/paginator-advanced/paginator-advanced.component.scss +217 -0
- package/src/components/paginator/paginator-advanced/paginator-advanced.component.spec.ts +32 -0
- package/src/components/paginator/paginator-advanced/paginator-advanced.component.ts +107 -0
- package/src/components/paginator/paginator-advanced/paginator-advanced.stories.ts +69 -0
- package/src/components/paginator/paginator.component.html +32 -0
- package/src/components/paginator/paginator.component.scss +212 -0
- package/src/components/paginator/paginator.component.spec.ts +24 -0
- package/src/components/paginator/paginator.component.ts +118 -0
- package/src/components/paginator/paginator.mdx +55 -0
- package/src/components/paginator/paginator.model.ts +8 -0
- package/src/components/paginator/paginator.module.ts +31 -0
- package/src/components/paginator/paginator.stories.ts +142 -0
- package/src/components/phone-input/country-code.data.ts +495 -0
- package/src/components/phone-input/images/arrow_drop_down_grey600_18dp.png +0 -0
- package/src/components/phone-input/images/flags_sprite_2x.png +0 -0
- package/src/components/phone-input/phone-input.component.html +68 -0
- package/src/components/phone-input/phone-input.component.scss +467 -0
- package/src/components/phone-input/phone-input.component.spec.ts +33 -0
- package/src/components/phone-input/phone-input.component.ts +318 -0
- package/src/components/phone-input/phone-input.mdx +49 -0
- package/src/components/phone-input/phone-input.model.ts +11 -0
- package/src/components/phone-input/phone-input.module.ts +29 -0
- package/src/components/phone-input/phone-input.stories.ts +201 -0
- package/src/components/popover/popover-panel/popover-panel.component.html +4 -0
- package/src/components/popover/popover-panel/popover-panel.component.scss +220 -0
- package/src/components/popover/popover-panel/popover-panel.component.spec.ts +22 -0
- package/src/components/popover/popover-panel/popover-panel.component.ts +22 -0
- package/src/components/popover/popover-panel/popover-panel.stories.ts +162 -0
- package/src/components/popover/popover.component.html +13 -0
- package/src/components/popover/popover.component.spec.ts +26 -0
- package/src/components/popover/popover.component.ts +77 -0
- package/src/components/popover/popover.mdx +52 -0
- package/src/components/popover/popover.module.ts +28 -0
- package/src/components/popover/popover.stories.ts +176 -0
- package/src/components/progress/bar/bar.component.html +18 -0
- package/src/components/progress/bar/bar.component.spec.ts +26 -0
- package/src/components/progress/bar/bar.component.ts +98 -0
- package/src/components/progress/bar/bar.mdx +22 -0
- package/src/components/progress/bar/bar.scss +313 -0
- package/src/components/progress/bar/bar.stories.ts +52 -0
- package/src/components/progress/progress.module.ts +21 -0
- package/src/components/progress/spinner/spinner.component.html +53 -0
- package/src/components/progress/spinner/spinner.component.scss +225 -0
- package/src/components/progress/spinner/spinner.component.spec.ts +26 -0
- package/src/components/progress/spinner/spinner.component.ts +107 -0
- package/src/components/progress/spinner/spinner.mdx +21 -0
- package/src/components/progress/spinner/spinner.stories.ts +70 -0
- package/src/components/radio/radio-group.component.ts +124 -0
- package/src/components/radio/radio-group.mdx +45 -0
- package/src/components/radio/radio-group.stories.ts +76 -0
- package/src/components/radio/radio.component.html +19 -0
- package/src/components/radio/radio.component.scss +132 -0
- package/src/components/radio/radio.component.ts +33 -0
- package/src/components/radio/radio.module.ts +24 -0
- package/src/components/radio/radio.stories.ts +168 -0
- package/src/components/section-heading/back-button/back-button.component.html +3 -0
- package/src/components/section-heading/back-button/back-button.component.scss +37 -0
- package/src/components/section-heading/back-button/back-button.component.spec.ts +27 -0
- package/src/components/section-heading/back-button/back-button.component.ts +24 -0
- package/src/components/section-heading/back-button/back-button.stories.ts +39 -0
- package/src/components/section-heading/section-heading.component.html +15 -0
- package/src/components/section-heading/section-heading.component.scss +48 -0
- package/src/components/section-heading/section-heading.component.spec.ts +28 -0
- package/src/components/section-heading/section-heading.component.ts +21 -0
- package/src/components/section-heading/section-heading.mdx +22 -0
- package/src/components/section-heading/section-heading.module.ts +28 -0
- package/src/components/section-heading/section-heading.stories.ts +141 -0
- package/src/components/section-heading/subsection-heading/subsection-heading.component.html +7 -0
- package/src/components/section-heading/subsection-heading/subsection-heading.component.scss +31 -0
- package/src/components/section-heading/subsection-heading/subsection-heading.component.spec.ts +23 -0
- package/src/components/section-heading/subsection-heading/subsection-heading.component.ts +17 -0
- package/src/components/section-heading/subsection-heading/subsection-heading.stories.ts +60 -0
- package/src/components/select-menu/multi-select-menu/multi-select-menu.component.html +75 -0
- package/src/components/select-menu/multi-select-menu/multi-select-menu.component.scss +91 -0
- package/src/components/select-menu/multi-select-menu/multi-select-menu.component.spec.ts +89 -0
- package/src/components/select-menu/multi-select-menu/multi-select-menu.component.ts +388 -0
- package/src/components/select-menu/multi-select-menu/multi-select-menu.mdx +27 -0
- package/src/components/select-menu/multi-select-menu/multi-select-menu.stories.ts +415 -0
- package/src/components/select-menu/select-menu.component.html +40 -0
- package/src/components/select-menu/select-menu.component.scss +4 -0
- package/src/components/select-menu/select-menu.component.spec.ts +242 -0
- package/src/components/select-menu/select-menu.component.ts +331 -0
- package/src/components/select-menu/select-menu.mdx +222 -0
- package/src/components/select-menu/select-menu.module.ts +37 -0
- package/src/components/select-menu/select-menu.stories.ts +409 -0
- package/src/components/shadows/shadows.stories.ts +75 -0
- package/src/components/shared/pipes/pipes.module.ts +24 -0
- package/src/components/shared/pipes/translate.pipe.ts +40 -0
- package/src/components/shared/pipes/trusthtml.pipe.ts +14 -0
- package/src/components/shared/services/menu-manager.service.ts +23 -0
- package/src/components/shared/translation.service.ts +24 -0
- package/src/components/snackbar/snackbar/snackbar.component.html +15 -0
- package/src/components/snackbar/snackbar/snackbar.component.scss +58 -0
- package/src/components/snackbar/snackbar/snackbar.component.spec.ts +56 -0
- package/src/components/snackbar/snackbar/snackbar.component.ts +115 -0
- package/src/components/snackbar/snackbar/snackbar.stories.ts +92 -0
- package/src/components/snackbar/snackbar-container/snackbar-container.component.html +18 -0
- package/src/components/snackbar/snackbar-container/snackbar-container.component.scss +22 -0
- package/src/components/snackbar/snackbar-container/snackbar-container.component.spec.ts +98 -0
- package/src/components/snackbar/snackbar-container/snackbar-container.component.ts +71 -0
- package/src/components/snackbar/snackbar-container/snackbar-container.stories.ts +70 -0
- package/src/components/snackbar/snackbar-message.model.ts +13 -0
- package/src/components/snackbar/snackbar-timer.service.ts +32 -0
- package/src/components/snackbar/snackbar.mdx +90 -0
- package/src/components/snackbar/snackbar.module.ts +31 -0
- package/src/components/snackbar/snackbar.service.spec.ts +16 -0
- package/src/components/snackbar/snackbar.service.ts +36 -0
- package/src/components/stepper/step.component.html +33 -0
- package/src/components/stepper/step.component.scss +421 -0
- package/src/components/stepper/step.component.ts +92 -0
- package/src/components/stepper/step.stories.ts +73 -0
- package/src/components/stepper/stepper.component.ts +100 -0
- package/src/components/stepper/stepper.mdx +83 -0
- package/src/components/stepper/stepper.module.ts +27 -0
- package/src/components/stepper/stepper.stories.ts +233 -0
- package/src/components/switch/switch.component.html +10 -0
- package/src/components/switch/switch.component.scss +179 -0
- package/src/components/switch/switch.component.spec.ts +22 -0
- package/src/components/switch/switch.component.ts +58 -0
- package/src/components/switch/switch.mdx +39 -0
- package/src/components/switch/switch.module.ts +18 -0
- package/src/components/switch/switch.stories.ts +117 -0
- package/src/components/table/cell.ts +111 -0
- package/src/components/table/row.ts +113 -0
- package/src/components/table/table-dense.component.scss +178 -0
- package/src/components/table/table-dense.component.ts +36 -0
- package/src/components/table/table-dense.stories.ts +105 -0
- package/src/components/table/table.component.html +4 -0
- package/src/components/table/table.component.scss +186 -0
- package/src/components/table/table.component.ts +36 -0
- package/src/components/table/table.mdx +83 -0
- package/src/components/table/table.module.ts +53 -0
- package/src/components/table/table.stories.ts +198 -0
- package/src/components/tabs/tab/tab.component.html +3 -0
- package/src/components/tabs/tab/tab.component.scss +79 -0
- package/src/components/tabs/tab/tab.component.spec.ts +22 -0
- package/src/components/tabs/tab/tab.component.ts +47 -0
- package/src/components/tabs/tab/tab.stories.ts +38 -0
- package/src/components/tabs/tab-panel/tab-panel.component.html +1 -0
- package/src/components/tabs/tab-panel/tab-panel.component.scss +7 -0
- package/src/components/tabs/tab-panel/tab-panel.component.spec.ts +22 -0
- package/src/components/tabs/tab-panel/tab-panel.component.ts +11 -0
- package/src/components/tabs/tabs.component.html +2 -0
- package/src/components/tabs/tabs.component.scss +9 -0
- package/src/components/tabs/tabs.component.spec.ts +22 -0
- package/src/components/tabs/tabs.component.ts +69 -0
- package/src/components/tabs/tabs.mdx +74 -0
- package/src/components/tabs/tabs.module.ts +26 -0
- package/src/components/tabs/tabs.stories.ts +87 -0
- package/src/components/text-input/text-input.component.html +37 -0
- package/src/components/text-input/text-input.component.scss +155 -0
- package/src/components/text-input/text-input.component.spec.ts +26 -0
- package/src/components/text-input/text-input.component.ts +100 -0
- package/src/components/text-input/text-input.mdx +24 -0
- package/src/components/text-input/text-input.module.ts +23 -0
- package/src/components/text-input/text-input.stories.ts +125 -0
- package/src/components/textarea-input/textarea-input.component.html +18 -0
- package/src/components/textarea-input/textarea-input.component.scss +97 -0
- package/src/components/textarea-input/textarea-input.component.spec.ts +28 -0
- package/src/components/textarea-input/textarea-input.component.ts +73 -0
- package/src/components/textarea-input/textarea-input.mdx +43 -0
- package/src/components/textarea-input/textarea-input.module.ts +25 -0
- package/src/components/textarea-input/textarea-input.stories.ts +106 -0
- package/src/components/tooltip/tooltip-panel/tooltip-panel.component.html +6 -0
- package/src/components/tooltip/tooltip-panel/tooltip-panel.component.scss +109 -0
- package/src/components/tooltip/tooltip-panel/tooltip-panel.component.ts +22 -0
- package/src/components/tooltip/tooltip-panel/tooltip-panel.stories.ts +74 -0
- package/src/components/tooltip/tooltip.component.html +16 -0
- package/src/components/tooltip/tooltip.component.scss +26 -0
- package/src/components/tooltip/tooltip.component.spec.ts +24 -0
- package/src/components/tooltip/tooltip.component.ts +30 -0
- package/src/components/tooltip/tooltip.mdx +27 -0
- package/src/components/tooltip/tooltip.module.ts +28 -0
- package/src/components/tooltip/tooltip.stories.ts +111 -0
- package/src/components/typography-sample/typography-sample.component.html +25 -0
- package/src/components/typography-sample/typography-sample.component.ts +10 -0
- package/src/components/typography-sample/typography-sample.module.ts +17 -0
- package/src/components/typography-sample/typography-sample.stories.ts +34 -0
- package/src/components/typography-sample/typography.mdx +41 -0
- package/src/components/wrapped-input/wrapped-input.component.html +10 -0
- package/src/components/wrapped-input/wrapped-input.component.scss +32 -0
- package/src/components/wrapped-input/wrapped-input.component.spec.ts +34 -0
- package/src/components/wrapped-input/wrapped-input.component.ts +18 -0
- package/src/components/wrapped-input/wrapped-input.mdx +26 -0
- package/src/components/wrapped-input/wrapped-input.module.ts +20 -0
- package/src/components/wrapped-input/wrapped-input.stories.ts +195 -0
- package/src/directives/menu-register.directive.ts +25 -0
- package/src/favicon.ico +0 -0
- package/src/global.scss +6 -0
- package/src/index.html +16 -0
- package/src/storybook.helper.ts +35 -0
- package/src/test.ts +15 -0
- package/tsconfig.json +29 -0
- package/tsconfig.lib.json +21 -0
- package/tsconfig.spec.json +28 -0
- package/update-icons.js +40 -0
- package/components/alert/alert.component.d.ts +0 -14
- package/components/alert/alert.module.d.ts +0 -10
- package/components/app-icon/app-icon.component.d.ts +0 -19
- package/components/app-icon/app-icon.module.d.ts +0 -9
- package/components/avatar/avatar.component.d.ts +0 -18
- package/components/avatar/avatar.module.d.ts +0 -9
- package/components/badge/badge.component.d.ts +0 -12
- package/components/badge/badge.module.d.ts +0 -8
- package/components/breadcrumbs/breadcrumbs.component.d.ts +0 -9
- package/components/breadcrumbs/breadcrumbs.module.d.ts +0 -10
- package/components/breadcrumbs/crumb.component.d.ts +0 -12
- package/components/button/button.component.d.ts +0 -16
- package/components/button/button.directives.d.ts +0 -37
- package/components/button/button.module.d.ts +0 -11
- package/components/button-group/button-group.component.d.ts +0 -33
- package/components/button-group/button-group.module.d.ts +0 -10
- package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +0 -21
- package/components/button-toggle/button-toggle.component.d.ts +0 -34
- package/components/button-toggle/button-toggle.module.d.ts +0 -10
- package/components/card/card-attribute/card-attribute.component.d.ts +0 -8
- package/components/card/card-author/card-author.component.d.ts +0 -7
- package/components/card/card-content/card-content.component.d.ts +0 -5
- package/components/card/card-footer/card-footer.component.d.ts +0 -9
- package/components/card/card-header/card-header.component.d.ts +0 -10
- package/components/card/card.component.d.ts +0 -12
- package/components/card/card.module.d.ts +0 -15
- package/components/checkbox/checkbox.component.d.ts +0 -23
- package/components/checkbox/checkbox.module.d.ts +0 -9
- package/components/chip/chip.component.d.ts +0 -20
- package/components/chip/chip.module.d.ts +0 -10
- package/components/contained-input/contained-input.component.d.ts +0 -23
- package/components/contained-input/contained-input.module.d.ts +0 -12
- package/components/date-input/date-input.component.d.ts +0 -47
- package/components/date-input/date-input.module.d.ts +0 -10
- package/components/dialog/dialog-actions.component.d.ts +0 -9
- package/components/dialog/dialog-confirm.component.d.ts +0 -25
- package/components/dialog/dialog-content.component.d.ts +0 -10
- package/components/dialog/dialog-header.component.d.ts +0 -9
- package/components/dialog/dialog-simple.component.d.ts +0 -25
- package/components/dialog/dialog.component.d.ts +0 -25
- package/components/dialog/dialog.service.d.ts +0 -17
- package/components/dialog/dialogs.module.d.ts +0 -18
- package/components/form-heading/form-heading.component.d.ts +0 -10
- package/components/form-heading/form-heading.module.d.ts +0 -10
- package/components/forms/validators.d.ts +0 -29
- package/components/icon/icon.component.d.ts +0 -13
- package/components/icon/icon.module.d.ts +0 -8
- package/components/icon/icon.types.d.ts +0 -2
- package/components/icon-button/icon-button.component.d.ts +0 -12
- package/components/icon-button/icon-button.module.d.ts +0 -9
- package/components/layouts/context/context.component.d.ts +0 -18
- package/components/layouts/grid/grid.component.d.ts +0 -19
- package/components/layouts/layout-group.component.d.ts +0 -9
- package/components/layouts/layouts.module.d.ts +0 -14
- package/components/layouts/panel/panel.component.d.ts +0 -11
- package/components/layouts/sidebar/sidebar.component.d.ts +0 -9
- package/components/layouts/toolbar/toolbar.component.d.ts +0 -7
- package/components/menu/menu-close-triggers.directive.d.ts +0 -10
- package/components/menu/menu-container/menu-container.component.d.ts +0 -28
- package/components/menu/menu-header/menu-header.component.d.ts +0 -5
- package/components/menu/menu-item/menu-item.component.d.ts +0 -38
- package/components/menu/menu-item-group/menu-item-group.component.d.ts +0 -11
- package/components/menu/menu-separator/menu-separator.component.d.ts +0 -5
- package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +0 -25
- package/components/menu/menu.component.d.ts +0 -48
- package/components/menu/menu.module.d.ts +0 -24
- package/components/navbar/navbar-header/navbar-header.component.d.ts +0 -5
- package/components/navbar/navbar-item/navbar-item.component.d.ts +0 -28
- package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +0 -18
- package/components/navbar/navbar.component.d.ts +0 -14
- package/components/navbar/navbar.module.d.ts +0 -18
- package/components/number-input/number-input.component.d.ts +0 -42
- package/components/number-input/number-input.module.d.ts +0 -10
- package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts +0 -32
- package/components/paginator/paginator.component.d.ts +0 -40
- package/components/paginator/paginator.model.d.ts +0 -8
- package/components/paginator/paginator.module.d.ts +0 -14
- package/components/phone-input/country-code.data.d.ts +0 -2
- package/components/phone-input/phone-input.component.d.ts +0 -66
- package/components/phone-input/phone-input.model.d.ts +0 -10
- package/components/phone-input/phone-input.module.d.ts +0 -13
- package/components/popover/popover-panel/popover-panel.component.d.ts +0 -10
- package/components/popover/popover.component.d.ts +0 -19
- package/components/popover/popover.module.d.ts +0 -11
- package/components/progress/bar/bar.component.d.ts +0 -32
- package/components/progress/progress.module.d.ts +0 -9
- package/components/progress/spinner/spinner.component.d.ts +0 -37
- package/components/radio/radio-group.component.d.ts +0 -32
- package/components/radio/radio.component.d.ts +0 -17
- package/components/radio/radio.module.d.ts +0 -10
- package/components/section-heading/back-button/back-button.component.d.ts +0 -11
- package/components/section-heading/section-heading.component.d.ts +0 -13
- package/components/section-heading/section-heading.module.d.ts +0 -12
- package/components/section-heading/subsection-heading/subsection-heading.component.d.ts +0 -9
- package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +0 -66
- package/components/select-menu/select-menu.component.d.ts +0 -70
- package/components/select-menu/select-menu.module.d.ts +0 -16
- package/components/shared/pipes/pipes.module.d.ts +0 -10
- package/components/shared/pipes/translate.pipe.d.ts +0 -17
- package/components/shared/pipes/trusthtml.pipe.d.ts +0 -10
- package/components/shared/services/menu-manager.service.d.ts +0 -10
- package/components/shared/translation.service.d.ts +0 -14
- package/components/snackbar/snackbar/snackbar.component.d.ts +0 -24
- package/components/snackbar/snackbar-container/snackbar-container.component.d.ts +0 -20
- package/components/snackbar/snackbar-message.model.d.ts +0 -12
- package/components/snackbar/snackbar-timer.service.d.ts +0 -10
- package/components/snackbar/snackbar.module.d.ts +0 -12
- package/components/snackbar/snackbar.service.d.ts +0 -13
- package/components/stepper/step.component.d.ts +0 -27
- package/components/stepper/stepper.component.d.ts +0 -23
- package/components/stepper/stepper.module.d.ts +0 -11
- package/components/switch/switch.component.d.ts +0 -22
- package/components/switch/switch.module.d.ts +0 -8
- package/components/table/cell.d.ts +0 -63
- package/components/table/row.d.ts +0 -60
- package/components/table/table-dense.component.d.ts +0 -11
- package/components/table/table.component.d.ts +0 -11
- package/components/table/table.module.d.ts +0 -12
- package/components/tabs/tab/tab.component.d.ts +0 -21
- package/components/tabs/tab-panel/tab-panel.component.d.ts +0 -6
- package/components/tabs/tabs.component.d.ts +0 -17
- package/components/tabs/tabs.module.d.ts +0 -11
- package/components/text-input/text-input.component.d.ts +0 -46
- package/components/text-input/text-input.module.d.ts +0 -10
- package/components/textarea-input/textarea-input.component.d.ts +0 -34
- package/components/textarea-input/textarea-input.module.d.ts +0 -11
- package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts +0 -12
- package/components/tooltip/tooltip.component.d.ts +0 -17
- package/components/tooltip/tooltip.module.d.ts +0 -11
- package/components/wrapped-input/wrapped-input.component.d.ts +0 -10
- package/components/wrapped-input/wrapped-input.module.d.ts +0 -9
- package/directives/menu-register.directive.d.ts +0 -14
- package/esm2020/components/alert/alert.component.mjs +0 -34
- package/esm2020/components/alert/alert.module.mjs +0 -32
- package/esm2020/components/app-icon/app-icon.component.mjs +0 -63
- package/esm2020/components/app-icon/app-icon.module.mjs +0 -28
- package/esm2020/components/avatar/avatar.component.mjs +0 -53
- package/esm2020/components/avatar/avatar.module.mjs +0 -28
- package/esm2020/components/badge/badge.component.mjs +0 -45
- package/esm2020/components/badge/badge.module.mjs +0 -24
- package/esm2020/components/breadcrumbs/breadcrumbs.component.mjs +0 -22
- package/esm2020/components/breadcrumbs/breadcrumbs.module.mjs +0 -33
- package/esm2020/components/breadcrumbs/crumb.component.mjs +0 -34
- package/esm2020/components/button/button.component.mjs +0 -59
- package/esm2020/components/button/button.directives.mjs +0 -129
- package/esm2020/components/button/button.module.mjs +0 -53
- package/esm2020/components/button-group/button-group.component.mjs +0 -131
- package/esm2020/components/button-group/button-group.module.mjs +0 -32
- package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +0 -54
- package/esm2020/components/button-toggle/button-toggle.component.mjs +0 -137
- package/esm2020/components/button-toggle/button-toggle.module.mjs +0 -33
- package/esm2020/components/card/card-attribute/card-attribute.component.mjs +0 -17
- package/esm2020/components/card/card-author/card-author.component.mjs +0 -15
- package/esm2020/components/card/card-content/card-content.component.mjs +0 -11
- package/esm2020/components/card/card-footer/card-footer.component.mjs +0 -29
- package/esm2020/components/card/card-header/card-header.component.mjs +0 -24
- package/esm2020/components/card/card.component.mjs +0 -27
- package/esm2020/components/card/card.module.mjs +0 -57
- package/esm2020/components/checkbox/checkbox.component.mjs +0 -79
- package/esm2020/components/checkbox/checkbox.module.mjs +0 -31
- package/esm2020/components/chip/chip.component.mjs +0 -52
- package/esm2020/components/chip/chip.module.mjs +0 -32
- package/esm2020/components/contained-input/contained-input.component.mjs +0 -86
- package/esm2020/components/contained-input/contained-input.module.mjs +0 -40
- package/esm2020/components/date-input/date-input.component.mjs +0 -139
- package/esm2020/components/date-input/date-input.module.mjs +0 -32
- package/esm2020/components/dialog/dialog-actions.component.mjs +0 -32
- package/esm2020/components/dialog/dialog-confirm.component.mjs +0 -63
- package/esm2020/components/dialog/dialog-content.component.mjs +0 -38
- package/esm2020/components/dialog/dialog-header.component.mjs +0 -35
- package/esm2020/components/dialog/dialog-simple.component.mjs +0 -62
- package/esm2020/components/dialog/dialog.component.mjs +0 -55
- package/esm2020/components/dialog/dialog.service.mjs +0 -49
- package/esm2020/components/dialog/dialogs.module.mjs +0 -75
- package/esm2020/components/form-heading/form-heading.component.mjs +0 -24
- package/esm2020/components/form-heading/form-heading.module.mjs +0 -32
- package/esm2020/components/forms/validators.mjs +0 -81
- package/esm2020/components/icon/icon.component.mjs +0 -61
- package/esm2020/components/icon/icon.module.mjs +0 -24
- package/esm2020/components/icon/icon.types.mjs +0 -330
- package/esm2020/components/icon-button/icon-button.component.mjs +0 -39
- package/esm2020/components/icon-button/icon-button.module.mjs +0 -28
- package/esm2020/components/layouts/context/context.component.mjs +0 -46
- package/esm2020/components/layouts/grid/grid.component.mjs +0 -62
- package/esm2020/components/layouts/layout-group.component.mjs +0 -36
- package/esm2020/components/layouts/layouts.module.mjs +0 -57
- package/esm2020/components/layouts/panel/panel.component.mjs +0 -32
- package/esm2020/components/layouts/sidebar/sidebar.component.mjs +0 -26
- package/esm2020/components/layouts/toolbar/toolbar.component.mjs +0 -21
- package/esm2020/components/menu/menu-close-triggers.directive.mjs +0 -38
- package/esm2020/components/menu/menu-container/menu-container.component.mjs +0 -90
- package/esm2020/components/menu/menu-header/menu-header.component.mjs +0 -11
- package/esm2020/components/menu/menu-item/menu-item.component.mjs +0 -136
- package/esm2020/components/menu/menu-item-group/menu-item-group.component.mjs +0 -31
- package/esm2020/components/menu/menu-separator/menu-separator.component.mjs +0 -11
- package/esm2020/components/menu/menu-sub-item/menu-sub-item.component.mjs +0 -109
- package/esm2020/components/menu/menu.component.mjs +0 -212
- package/esm2020/components/menu/menu.module.mjs +0 -95
- package/esm2020/components/navbar/navbar-header/navbar-header.component.mjs +0 -11
- package/esm2020/components/navbar/navbar-item/navbar-item.component.mjs +0 -95
- package/esm2020/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +0 -76
- package/esm2020/components/navbar/navbar.component.mjs +0 -75
- package/esm2020/components/navbar/navbar.module.mjs +0 -67
- package/esm2020/components/number-input/number-input.component.mjs +0 -122
- package/esm2020/components/number-input/number-input.module.mjs +0 -32
- package/esm2020/components/paginator/paginator-advanced/paginator-advanced.component.mjs +0 -123
- package/esm2020/components/paginator/paginator.component.mjs +0 -133
- package/esm2020/components/paginator/paginator.model.mjs +0 -2
- package/esm2020/components/paginator/paginator.module.mjs +0 -49
- package/esm2020/components/phone-input/country-code.data.mjs +0 -495
- package/esm2020/components/phone-input/phone-input.component.mjs +0 -285
- package/esm2020/components/phone-input/phone-input.model.mjs +0 -2
- package/esm2020/components/phone-input/phone-input.module.mjs +0 -47
- package/esm2020/components/popover/popover-panel/popover-panel.component.mjs +0 -30
- package/esm2020/components/popover/popover.component.mjs +0 -76
- package/esm2020/components/popover/popover.module.mjs +0 -42
- package/esm2020/components/progress/bar/bar.component.mjs +0 -83
- package/esm2020/components/progress/progress.module.mjs +0 -29
- package/esm2020/components/progress/spinner/spinner.component.mjs +0 -101
- package/esm2020/components/radio/radio-group.component.mjs +0 -117
- package/esm2020/components/radio/radio.component.mjs +0 -51
- package/esm2020/components/radio/radio.module.mjs +0 -36
- package/esm2020/components/section-heading/back-button/back-button.component.mjs +0 -30
- package/esm2020/components/section-heading/section-heading.component.mjs +0 -31
- package/esm2020/components/section-heading/section-heading.module.mjs +0 -42
- package/esm2020/components/section-heading/subsection-heading/subsection-heading.component.mjs +0 -19
- package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +0 -376
- package/esm2020/components/select-menu/select-menu.component.mjs +0 -332
- package/esm2020/components/select-menu/select-menu.module.mjs +0 -56
- package/esm2020/components/shared/pipes/pipes.module.mjs +0 -36
- package/esm2020/components/shared/pipes/translate.pipe.mjs +0 -40
- package/esm2020/components/shared/pipes/trusthtml.pipe.mjs +0 -21
- package/esm2020/components/shared/services/menu-manager.service.mjs +0 -27
- package/esm2020/components/shared/translation.service.mjs +0 -26
- package/esm2020/components/snackbar/snackbar/snackbar.component.mjs +0 -111
- package/esm2020/components/snackbar/snackbar-container/snackbar-container.component.mjs +0 -63
- package/esm2020/components/snackbar/snackbar-message.model.mjs +0 -2
- package/esm2020/components/snackbar/snackbar-timer.service.mjs +0 -29
- package/esm2020/components/snackbar/snackbar.module.mjs +0 -47
- package/esm2020/components/snackbar/snackbar.service.mjs +0 -36
- package/esm2020/components/stepper/step.component.mjs +0 -113
- package/esm2020/components/stepper/stepper.component.mjs +0 -95
- package/esm2020/components/stepper/stepper.module.mjs +0 -41
- package/esm2020/components/switch/switch.component.mjs +0 -73
- package/esm2020/components/switch/switch.module.mjs +0 -24
- package/esm2020/components/table/cell.mjs +0 -151
- package/esm2020/components/table/row.mjs +0 -170
- package/esm2020/components/table/table-dense.component.mjs +0 -38
- package/esm2020/components/table/table.component.mjs +0 -38
- package/esm2020/components/table/table.module.mjs +0 -91
- package/esm2020/components/tabs/tab/tab.component.mjs +0 -79
- package/esm2020/components/tabs/tab-panel/tab-panel.component.mjs +0 -19
- package/esm2020/components/tabs/tabs.component.mjs +0 -68
- package/esm2020/components/tabs/tabs.module.mjs +0 -38
- package/esm2020/components/text-input/text-input.component.mjs +0 -118
- package/esm2020/components/text-input/text-input.module.mjs +0 -32
- package/esm2020/components/textarea-input/textarea-input.component.mjs +0 -86
- package/esm2020/components/textarea-input/textarea-input.module.mjs +0 -36
- package/esm2020/components/tooltip/tooltip-panel/tooltip-panel.component.mjs +0 -37
- package/esm2020/components/tooltip/tooltip.component.mjs +0 -49
- package/esm2020/components/tooltip/tooltip.module.mjs +0 -42
- package/esm2020/components/wrapped-input/wrapped-input.component.mjs +0 -27
- package/esm2020/components/wrapped-input/wrapped-input.module.mjs +0 -28
- package/esm2020/directives/menu-register.directive.mjs +0 -38
- package/esm2020/flywheel-io-vision.mjs +0 -5
- package/esm2020/public-api.mjs +0 -128
- package/fesm2015/flywheel-io-vision.mjs +0 -8151
- package/fesm2015/flywheel-io-vision.mjs.map +0 -1
- package/fesm2020/flywheel-io-vision.mjs +0 -8126
- package/fesm2020/flywheel-io-vision.mjs.map +0 -1
- package/flywheel-io-vision-2.0.0-beta.9.tgz +0 -0
- package/global.scss +0 -5
- package/index.d.ts +0 -5
- package/styles.css +0 -1771
- /package/{assets → src/assets}/fonts/Flywheel-Vision-Icons.svg +0 -0
- /package/{assets → src/assets}/fonts/Flywheel-Vision-Icons.ttf +0 -0
- /package/{assets → src/assets}/fonts/Flywheel-Vision-Icons.woff +0 -0
- /package/{assets → src/assets}/svg/3d-sphere-rotate-arrows.svg +0 -0
- /package/{assets → src/assets}/svg/add-circle.svg +0 -0
- /package/{assets → src/assets}/svg/add-new-create.svg +0 -0
- /package/{assets → src/assets}/svg/add-row-above.svg +0 -0
- /package/{assets → src/assets}/svg/add-row-below.svg +0 -0
- /package/{assets → src/assets}/svg/add-server-databases-endpoint.svg +0 -0
- /package/{assets → src/assets}/svg/add-server.svg +0 -0
- /package/{assets → src/assets}/svg/add-user.svg +0 -0
- /package/{assets → src/assets}/svg/ai.svg +0 -0
- /package/{assets → src/assets}/svg/apple.svg +0 -0
- /package/{assets → src/assets}/svg/apply-copy-duplicate.svg +0 -0
- /package/{assets → src/assets}/svg/arrange-filter-sort.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-annotate.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-back-collapse.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-back.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-down.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-forward-collapse.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-forward.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-redo.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-rotate-restore.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-rotate.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-undo.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-up-high-priority.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-up-low-priority.svg +0 -0
- /package/{assets → src/assets}/svg/arrow-up.svg +0 -0
- /package/{assets → src/assets}/svg/arrow.svg +0 -0
- /package/{assets → src/assets}/svg/barcode-serial.svg +0 -0
- /package/{assets → src/assets}/svg/barcode-stack-scan.svg +0 -0
- /package/{assets → src/assets}/svg/bell-notification.svg +0 -0
- /package/{assets → src/assets}/svg/bezier-curve.svg +0 -0
- /package/{assets → src/assets}/svg/blocks-code-test-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/book-lab-flask.svg +0 -0
- /package/{assets → src/assets}/svg/bookmark-plus-add.svg +0 -0
- /package/{assets → src/assets}/svg/bookmark.svg +0 -0
- /package/{assets → src/assets}/svg/brain.svg +0 -0
- /package/{assets → src/assets}/svg/brightness-photo-edit.svg +0 -0
- /package/{assets → src/assets}/svg/browser-internet-web-windows.svg +0 -0
- /package/{assets → src/assets}/svg/brush-edit-create.svg +0 -0
- /package/{assets → src/assets}/svg/bucket-paint.svg +0 -0
- /package/{assets → src/assets}/svg/button-form-element.svg +0 -0
- /package/{assets → src/assets}/svg/calendar-arrow-left-center.svg +0 -0
- /package/{assets → src/assets}/svg/calendar-schedule.svg +0 -0
- /package/{assets → src/assets}/svg/camera-photo-capture.svg +0 -0
- /package/{assets → src/assets}/svg/cash-banknotes.svg +0 -0
- /package/{assets → src/assets}/svg/certificate.svg +0 -0
- /package/{assets → src/assets}/svg/chart-square.svg +0 -0
- /package/{assets → src/assets}/svg/chart-trend-square.svg +0 -0
- /package/{assets → src/assets}/svg/chat-messages-bubble.svg +0 -0
- /package/{assets → src/assets}/svg/check-mark-certificate.svg +0 -0
- /package/{assets → src/assets}/svg/checklist-tasks-chechmark-square.svg +0 -0
- /package/{assets → src/assets}/svg/checklist.svg +0 -0
- /package/{assets → src/assets}/svg/chevron-back.svg +0 -0
- /package/{assets → src/assets}/svg/chevron-down.svg +0 -0
- /package/{assets → src/assets}/svg/chevron-forward.svg +0 -0
- /package/{assets → src/assets}/svg/chevron-input-number.svg +0 -0
- /package/{assets → src/assets}/svg/chevron-up.svg +0 -0
- /package/{assets → src/assets}/svg/circle-ellipses.svg +0 -0
- /package/{assets → src/assets}/svg/circle.svg +0 -0
- /package/{assets → src/assets}/svg/clap-applause-hands.svg +0 -0
- /package/{assets → src/assets}/svg/clip-attachment.svg +0 -0
- /package/{assets → src/assets}/svg/clock-history.svg +0 -0
- /package/{assets → src/assets}/svg/clock-hour-4.svg +0 -0
- /package/{assets → src/assets}/svg/clock-loading.svg +0 -0
- /package/{assets → src/assets}/svg/close-circled.svg +0 -0
- /package/{assets → src/assets}/svg/close.svg +0 -0
- /package/{assets → src/assets}/svg/closed-freehand-vector-poly.svg +0 -0
- /package/{assets → src/assets}/svg/cloud-network-add.svg +0 -0
- /package/{assets → src/assets}/svg/cloud-storage-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/cloud-upload.svg +0 -0
- /package/{assets → src/assets}/svg/code-block-embed.svg +0 -0
- /package/{assets → src/assets}/svg/code-text.svg +0 -0
- /package/{assets → src/assets}/svg/color-design-profile.svg +0 -0
- /package/{assets → src/assets}/svg/color-ven-design-profile-central.svg +0 -0
- /package/{assets → src/assets}/svg/column-edit.svg +0 -0
- /package/{assets → src/assets}/svg/computer-chip.svg +0 -0
- /package/{assets → src/assets}/svg/contrast-photo-edit.svg +0 -0
- /package/{assets → src/assets}/svg/copy-item.svg +0 -0
- /package/{assets → src/assets}/svg/creative-commons.svg +0 -0
- /package/{assets → src/assets}/svg/crosshair.svg +0 -0
- /package/{assets → src/assets}/svg/crown-style-circle.svg +0 -0
- /package/{assets → src/assets}/svg/cursor-select.svg +0 -0
- /package/{assets → src/assets}/svg/curve-object-secet-cursor.svg +0 -0
- /package/{assets → src/assets}/svg/data-tree.svg +0 -0
- /package/{assets → src/assets}/svg/delivery-shipment-packages.svg +0 -0
- /package/{assets → src/assets}/svg/dna-hospital-medical.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-add-plus-bottom-left.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-blank.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-checkmark-bottom-left.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-download.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-list-protocol.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-tar.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-upload-bottom-center.svg +0 -0
- /package/{assets → src/assets}/svg/document-file-zip.svg +0 -0
- /package/{assets → src/assets}/svg/document-status-done-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/document-visible.svg +0 -0
- /package/{assets → src/assets}/svg/documents-file.svg +0 -0
- /package/{assets → src/assets}/svg/documents-files.svg +0 -0
- /package/{assets → src/assets}/svg/done-check-tracked.svg +0 -0
- /package/{assets → src/assets}/svg/done-check.svg +0 -0
- /package/{assets → src/assets}/svg/download-status.svg +0 -0
- /package/{assets → src/assets}/svg/download.svg +0 -0
- /package/{assets → src/assets}/svg/drag-drop-indicator.svg +0 -0
- /package/{assets → src/assets}/svg/draw-rectangle.svg +0 -0
- /package/{assets → src/assets}/svg/earth-globe-fail.svg +0 -0
- /package/{assets → src/assets}/svg/edit-boxed.svg +0 -0
- /package/{assets → src/assets}/svg/edit-erase.svg +0 -0
- /package/{assets → src/assets}/svg/edit.svg +0 -0
- /package/{assets → src/assets}/svg/email-mail-checkmark-group.svg +0 -0
- /package/{assets → src/assets}/svg/email.svg +0 -0
- /package/{assets → src/assets}/svg/embed-circle.svg +0 -0
- /package/{assets → src/assets}/svg/exchange.svg +0 -0
- /package/{assets → src/assets}/svg/expand-pathfinder-dot-square-segmentation.svg +0 -0
- /package/{assets → src/assets}/svg/facebook.svg +0 -0
- /package/{assets → src/assets}/svg/file-blank-image-load-mask.svg +0 -0
- /package/{assets → src/assets}/svg/file-download.svg +0 -0
- /package/{assets → src/assets}/svg/file-text.svg +0 -0
- /package/{assets → src/assets}/svg/files-library-content.svg +0 -0
- /package/{assets → src/assets}/svg/files-library.svg +0 -0
- /package/{assets → src/assets}/svg/files.svg +0 -0
- /package/{assets → src/assets}/svg/filter-sort-add.svg +0 -0
- /package/{assets → src/assets}/svg/filter-sort-check-mark.svg +0 -0
- /package/{assets → src/assets}/svg/filter-sort-delete.svg +0 -0
- /package/{assets → src/assets}/svg/filter.svg +0 -0
- /package/{assets → src/assets}/svg/flag.svg +0 -0
- /package/{assets → src/assets}/svg/flip-horizontal.svg +0 -0
- /package/{assets → src/assets}/svg/flip-vertical.svg +0 -0
- /package/{assets → src/assets}/svg/floppy-save.svg +0 -0
- /package/{assets → src/assets}/svg/flywheel-mark-logo.svg +0 -0
- /package/{assets → src/assets}/svg/flywheel-viewer-mark-logo.svg +0 -0
- /package/{assets → src/assets}/svg/folder-add.svg +0 -0
- /package/{assets → src/assets}/svg/folder-blank.svg +0 -0
- /package/{assets → src/assets}/svg/folder-checked.svg +0 -0
- /package/{assets → src/assets}/svg/folder-group.svg +0 -0
- /package/{assets → src/assets}/svg/folder-open.svg +0 -0
- /package/{assets → src/assets}/svg/folder-share.svg +0 -0
- /package/{assets → src/assets}/svg/folders-copy-expand-arrow-down.svg +0 -0
- /package/{assets → src/assets}/svg/folders-copy-expand-arrow-up.svg +0 -0
- /package/{assets → src/assets}/svg/form-metadata-element.svg +0 -0
- /package/{assets → src/assets}/svg/free-rights.svg +0 -0
- /package/{assets → src/assets}/svg/freehand-vector-poly.svg +0 -0
- /package/{assets → src/assets}/svg/full-screen-zoom.svg +0 -0
- /package/{assets → src/assets}/svg/github-color-login.svg +0 -0
- /package/{assets → src/assets}/svg/gitlab.svg +0 -0
- /package/{assets → src/assets}/svg/graduate-hat.svg +0 -0
- /package/{assets → src/assets}/svg/grid-dot-square.svg +0 -0
- /package/{assets → src/assets}/svg/grid-layout.svg +0 -0
- /package/{assets → src/assets}/svg/hammer-legal-square.svg +0 -0
- /package/{assets → src/assets}/svg/hammer-screwdriver.svg +0 -0
- /package/{assets → src/assets}/svg/hand-money-currency.svg +0 -0
- /package/{assets → src/assets}/svg/header-form-element.svg +0 -0
- /package/{assets → src/assets}/svg/home-modern-door.svg +0 -0
- /package/{assets → src/assets}/svg/home-modern-option-lines.svg +0 -0
- /package/{assets → src/assets}/svg/human-artificial-intelligence.svg +0 -0
- /package/{assets → src/assets}/svg/icon-placeholder.svg +0 -0
- /package/{assets → src/assets}/svg/image-photo-copy-left-down.svg +0 -0
- /package/{assets → src/assets}/svg/image-picture-square.svg +0 -0
- /package/{assets → src/assets}/svg/information-circle.svg +0 -0
- /package/{assets → src/assets}/svg/invoice-checkmark-paid.svg +0 -0
- /package/{assets → src/assets}/svg/invoice.svg +0 -0
- /package/{assets → src/assets}/svg/italic.svg +0 -0
- /package/{assets → src/assets}/svg/items-group-elements.svg +0 -0
- /package/{assets → src/assets}/svg/key.svg +0 -0
- /package/{assets → src/assets}/svg/keyboard.svg +0 -0
- /package/{assets → src/assets}/svg/keychain.svg +0 -0
- /package/{assets → src/assets}/svg/label-tag.svg +0 -0
- /package/{assets → src/assets}/svg/laptop-health-medical-cross.svg +0 -0
- /package/{assets → src/assets}/svg/layers.svg +0 -0
- /package/{assets → src/assets}/svg/layout-grid.svg +0 -0
- /package/{assets → src/assets}/svg/layout.svg +0 -0
- /package/{assets → src/assets}/svg/line.svg +0 -0
- /package/{assets → src/assets}/svg/link-unlink.svg +0 -0
- /package/{assets → src/assets}/svg/link.svg +0 -0
- /package/{assets → src/assets}/svg/linkedin.svg +0 -0
- /package/{assets → src/assets}/svg/linux.svg +0 -0
- /package/{assets → src/assets}/svg/list-paragraph-number.svg +0 -0
- /package/{assets → src/assets}/svg/list-paragraph.svg +0 -0
- /package/{assets → src/assets}/svg/list-test-lab-flask.svg +0 -0
- /package/{assets → src/assets}/svg/livewire-tool.svg +0 -0
- /package/{assets → src/assets}/svg/loading-status-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/lock-unlock.svg +0 -0
- /package/{assets → src/assets}/svg/lock.svg +0 -0
- /package/{assets → src/assets}/svg/logout.svg +0 -0
- /package/{assets → src/assets}/svg/lung.svg +0 -0
- /package/{assets → src/assets}/svg/lungs.svg +0 -0
- /package/{assets → src/assets}/svg/markdown.svg +0 -0
- /package/{assets → src/assets}/svg/measure-angle.svg +0 -0
- /package/{assets → src/assets}/svg/measure-ruler-calibration.svg +0 -0
- /package/{assets → src/assets}/svg/media-library-imports-dowload.svg +0 -0
- /package/{assets → src/assets}/svg/menu-burger-handle.svg +0 -0
- /package/{assets → src/assets}/svg/menu-horizontal.svg +0 -0
- /package/{assets → src/assets}/svg/menu-list-form-square.svg +0 -0
- /package/{assets → src/assets}/svg/menu-vertical.svg +0 -0
- /package/{assets → src/assets}/svg/message-chat-info.svg +0 -0
- /package/{assets → src/assets}/svg/message-chat-question-support.svg +0 -0
- /package/{assets → src/assets}/svg/message-checkmark-sent.svg +0 -0
- /package/{assets → src/assets}/svg/message-question-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/microphone-mic-rec-circle.svg +0 -0
- /package/{assets → src/assets}/svg/microphone-mic-rec.svg +0 -0
- /package/{assets → src/assets}/svg/microphone-mic-recording-circle.svg +0 -0
- /package/{assets → src/assets}/svg/minus.svg +0 -0
- /package/{assets → src/assets}/svg/modalities.svg +0 -0
- /package/{assets → src/assets}/svg/molecule.svg +0 -0
- /package/{assets → src/assets}/svg/money-coin.svg +0 -0
- /package/{assets → src/assets}/svg/money-dollar.svg +0 -0
- /package/{assets → src/assets}/svg/money.svg +0 -0
- /package/{assets → src/assets}/svg/monitor-computer.svg +0 -0
- /package/{assets → src/assets}/svg/mouse-big.svg +0 -0
- /package/{assets → src/assets}/svg/move.svg +0 -0
- /package/{assets → src/assets}/svg/music-play-resume.svg +0 -0
- /package/{assets → src/assets}/svg/music-stop.svg +0 -0
- /package/{assets → src/assets}/svg/mute.svg +0 -0
- /package/{assets → src/assets}/svg/network-storage-alert.svg +0 -0
- /package/{assets → src/assets}/svg/notebook-add-plus.svg +0 -0
- /package/{assets → src/assets}/svg/notebook-open.svg +0 -0
- /package/{assets → src/assets}/svg/notebook-pen-edit.svg +0 -0
- /package/{assets → src/assets}/svg/notebook.svg +0 -0
- /package/{assets → src/assets}/svg/notes-pen.svg +0 -0
- /package/{assets → src/assets}/svg/object-search-zoom-plus.svg +0 -0
- /package/{assets → src/assets}/svg/open.svg +0 -0
- /package/{assets → src/assets}/svg/paint-roller.svg +0 -0
- /package/{assets → src/assets}/svg/pause.svg +0 -0
- /package/{assets → src/assets}/svg/pen-edit-circle.svg +0 -0
- /package/{assets → src/assets}/svg/pencil-edit-create.svg +0 -0
- /package/{assets → src/assets}/svg/photo-edit-brightness-invert.svg +0 -0
- /package/{assets → src/assets}/svg/pie-chart.svg +0 -0
- /package/{assets → src/assets}/svg/pie-graph-chart-sample.svg +0 -0
- /package/{assets → src/assets}/svg/plus-add-rectangle.svg +0 -0
- /package/{assets → src/assets}/svg/polygon.svg +0 -0
- /package/{assets → src/assets}/svg/private-mode-protection-circle.svg +0 -0
- /package/{assets → src/assets}/svg/protection-target.svg +0 -0
- /package/{assets → src/assets}/svg/protective-mask.svg +0 -0
- /package/{assets → src/assets}/svg/question-circle.svg +0 -0
- /package/{assets → src/assets}/svg/quote.svg +0 -0
- /package/{assets → src/assets}/svg/radiology-scan-circle.svg +0 -0
- /package/{assets → src/assets}/svg/radiology-scan.svg +0 -0
- /package/{assets → src/assets}/svg/reader-studies.svg +0 -0
- /package/{assets → src/assets}/svg/rotate-arrow-manual.svg +0 -0
- /package/{assets → src/assets}/svg/rotate-item-left.svg +0 -0
- /package/{assets → src/assets}/svg/rotate-item-right.svg +0 -0
- /package/{assets → src/assets}/svg/rotate-refresh.svg +0 -0
- /package/{assets → src/assets}/svg/rotate.svg +0 -0
- /package/{assets → src/assets}/svg/ruler-bidirectional.svg +0 -0
- /package/{assets → src/assets}/svg/ruler.svg +0 -0
- /package/{assets → src/assets}/svg/scanner.svg +0 -0
- /package/{assets → src/assets}/svg/search-loop.svg +0 -0
- /package/{assets → src/assets}/svg/search-user-profile-person.svg +0 -0
- /package/{assets → src/assets}/svg/search-zoom-minus.svg +0 -0
- /package/{assets → src/assets}/svg/search-zoom-plus.svg +0 -0
- /package/{assets → src/assets}/svg/search.svg +0 -0
- /package/{assets → src/assets}/svg/section-form-element.svg +0 -0
- /package/{assets → src/assets}/svg/send-message-share.svg +0 -0
- /package/{assets → src/assets}/svg/server-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/server-database-endpoint.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-checkmark-user.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-connect.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-download.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-key-protection.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-minimal-download.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-sync-import.svg +0 -0
- /package/{assets → src/assets}/svg/server-databases-sync.svg +0 -0
- /package/{assets → src/assets}/svg/server-upload.svg +0 -0
- /package/{assets → src/assets}/svg/server.svg +0 -0
- /package/{assets → src/assets}/svg/servers-database.svg +0 -0
- /package/{assets → src/assets}/svg/setting-gear.svg +0 -0
- /package/{assets → src/assets}/svg/settings-adjust.svg +0 -0
- /package/{assets → src/assets}/svg/settings-gear-square.svg +0 -0
- /package/{assets → src/assets}/svg/settings-gear.svg +0 -0
- /package/{assets → src/assets}/svg/settings-select.svg +0 -0
- /package/{assets → src/assets}/svg/shapes-objects.svg +0 -0
- /package/{assets → src/assets}/svg/share.svg +0 -0
- /package/{assets → src/assets}/svg/shield-protect.svg +0 -0
- /package/{assets → src/assets}/svg/show-visible.svg +0 -0
- /package/{assets → src/assets}/svg/smiley-emoji-face.svg +0 -0
- /package/{assets → src/assets}/svg/speed-dashboard.svg +0 -0
- /package/{assets → src/assets}/svg/square-fill-outline.svg +0 -0
- /package/{assets → src/assets}/svg/square-fill.svg +0 -0
- /package/{assets → src/assets}/svg/square-outline.svg +0 -0
- /package/{assets → src/assets}/svg/star.svg +0 -0
- /package/{assets → src/assets}/svg/stars-light-sparkle.svg +0 -0
- /package/{assets → src/assets}/svg/stomach.svg +0 -0
- /package/{assets → src/assets}/svg/stop-minus.svg +0 -0
- /package/{assets → src/assets}/svg/substract-group.svg +0 -0
- /package/{assets → src/assets}/svg/switch.svg +0 -0
- /package/{assets → src/assets}/svg/target-space-object-select.svg +0 -0
- /package/{assets → src/assets}/svg/target.svg +0 -0
- /package/{assets → src/assets}/svg/tasklist-to-do-checkmark.svg +0 -0
- /package/{assets → src/assets}/svg/technology-cube-3d.svg +0 -0
- /package/{assets → src/assets}/svg/test-lab-flask.svg +0 -0
- /package/{assets → src/assets}/svg/text-bold.svg +0 -0
- /package/{assets → src/assets}/svg/text-cross.svg +0 -0
- /package/{assets → src/assets}/svg/text-h1.svg +0 -0
- /package/{assets → src/assets}/svg/text-h2.svg +0 -0
- /package/{assets → src/assets}/svg/text-input-form.svg +0 -0
- /package/{assets → src/assets}/svg/text-long.svg +0 -0
- /package/{assets → src/assets}/svg/text-short-form-element.svg +0 -0
- /package/{assets → src/assets}/svg/text-underline.svg +0 -0
- /package/{assets → src/assets}/svg/thumbs-up-like.svg +0 -0
- /package/{assets → src/assets}/svg/timer-clock-style.svg +0 -0
- /package/{assets → src/assets}/svg/trash-delete.svg +0 -0
- /package/{assets → src/assets}/svg/twitter.svg +0 -0
- /package/{assets → src/assets}/svg/undone-uncheck-untracked.svg +0 -0
- /package/{assets → src/assets}/svg/unlimited-repeat-subscription-circle.svg +0 -0
- /package/{assets → src/assets}/svg/upload.svg +0 -0
- /package/{assets → src/assets}/svg/user-checked.svg +0 -0
- /package/{assets → src/assets}/svg/user-delete-cross.svg +0 -0
- /package/{assets → src/assets}/svg/user-document.svg +0 -0
- /package/{assets → src/assets}/svg/user-group.svg +0 -0
- /package/{assets → src/assets}/svg/user-key.svg +0 -0
- /package/{assets → src/assets}/svg/user-lock.svg +0 -0
- /package/{assets → src/assets}/svg/user-profile-cards-pool.svg +0 -0
- /package/{assets → src/assets}/svg/user-profile-group-discovery.svg +0 -0
- /package/{assets → src/assets}/svg/user-setting-gear.svg +0 -0
- /package/{assets → src/assets}/svg/user.svg +0 -0
- /package/{assets → src/assets}/svg/video-player-controls.svg +0 -0
- /package/{assets → src/assets}/svg/visible-eye-hidden.svg +0 -0
- /package/{assets → src/assets}/svg/volume-full.svg +0 -0
- /package/{assets → src/assets}/svg/warning-circle.svg +0 -0
- /package/{assets → src/assets}/svg/warning.svg +0 -0
- /package/{assets → src/assets}/svg/window-finder-resize-arrow-down.svg +0 -0
- /package/{assets → src/assets}/svg/window-finder-resize-arrow-up.svg +0 -0
- /package/{assets → src/assets}/svg/window-resize-left.svg +0 -0
- /package/{assets → src/assets}/svg/window-resize-right.svg +0 -0
- /package/{assets → src/assets}/svg/window-zoom-plus-loupe.svg +0 -0
- /package/{assets → src/assets}/svg/windows.svg +0 -0
- /package/{assets → src/assets}/svg/workspace-mode.svg +0 -0
- /package/{assets → src/assets}/svg/youtube.svg +0 -0
- /package/{assets → src/assets}/svg/zendesk-logo.svg +0 -0
- /package/{public-api.scss → src/public-api.scss} +0 -0
- /package/{public-api.d.ts → src/public-api.ts} +0 -0
- /package/{scss → src/scss}/atoms/ghost.scss +0 -0
- /package/{scss → src/scss}/atoms/scrollbar.scss +0 -0
- /package/{scss → src/scss}/config/colors.scss +0 -0
- /package/{scss → src/scss}/config/overlay.scss +0 -0
- /package/{scss → src/scss}/config/shadows.scss +0 -0
- /package/{scss → src/scss}/config/typography.scss +0 -0
- /package/{scss → src/scss}/icons/_icon-font-face.scss +0 -0
- /package/{scss → src/scss}/icons/_icon-glyphs.scss +0 -0
- /package/{scss → src/scss}/icons/_icon-variables.scss +0 -0
- /package/{scss → src/scss}/icons/icons.scss +0 -0
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwLayoutGroupComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.stackable = false;
|
|
6
|
-
this.padded = true;
|
|
7
|
-
this.justify = 'space-between';
|
|
8
|
-
}
|
|
9
|
-
get classes() {
|
|
10
|
-
const classes = ['fw-layout-group', this.justify];
|
|
11
|
-
if (this.stackable) {
|
|
12
|
-
classes.push('stackable');
|
|
13
|
-
}
|
|
14
|
-
if (this.padded) {
|
|
15
|
-
classes.push('padded');
|
|
16
|
-
}
|
|
17
|
-
return classes.join(' ');
|
|
18
|
-
}
|
|
19
|
-
;
|
|
20
|
-
}
|
|
21
|
-
FwLayoutGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
FwLayoutGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwLayoutGroupComponent, selector: "fw-layout-group", inputs: { stackable: "stackable", padded: "padded", justify: "justify" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;flex-flow:row nowrap;justify-content:space-between;background:var(--page-light)}:host.flex-start{justify-content:flex-start}:host.flex-end{justify-content:flex-end}:host.space-around{justify-content:space-around}:host.space-evenly{justify-content:space-evenly}:host.space-between{justify-content:space-between}:host.stackable{padding-bottom:16px;border-bottom:1px solid var(--separations-base)}:host.padded{padding:16px}\n"] });
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutGroupComponent, decorators: [{
|
|
24
|
-
type: Component,
|
|
25
|
-
args: [{ selector: 'fw-layout-group', template: '<ng-content></ng-content>', styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;flex-flow:row nowrap;justify-content:space-between;background:var(--page-light)}:host.flex-start{justify-content:flex-start}:host.flex-end{justify-content:flex-end}:host.space-around{justify-content:space-around}:host.space-evenly{justify-content:space-evenly}:host.space-between{justify-content:space-between}:host.stackable{padding-bottom:16px;border-bottom:1px solid var(--separations-base)}:host.padded{padding:16px}\n"] }]
|
|
26
|
-
}], propDecorators: { stackable: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], padded: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], justify: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], classes: [{
|
|
33
|
-
type: HostBinding,
|
|
34
|
-
args: ['attr.class']
|
|
35
|
-
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xheW91dHMvbGF5b3V0LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzlELE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNVyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFDdkIsWUFBTyxHQUFrRixlQUFlLENBQUM7S0Fhbkg7SUFYQyxJQUErQixPQUFPO1FBQ3BDLE1BQU0sT0FBTyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUN4QjtRQUNELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQzs7b0hBZFMsc0JBQXNCO3dHQUF0QixzQkFBc0IseUxBSHZCLDJCQUEyQjs0RkFHMUIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQixZQUNqQiwyQkFBMkI7OEJBSTVCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFeUIsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbGF5b3V0LWdyb3VwJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TGF5b3V0R3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKSBzdGFja2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcGFkZGVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkganVzdGlmeTogJ3NwYWNlLWJldHdlZW4nIHwgJ3NwYWNlLWFyb3VuZCcgfCAnc3BhY2UtZXZlbmx5JyB8ICdmbGV4LWVuZCcgfCAnZmxleC1zdGFydCcgPSAnc3BhY2UtYmV0d2Vlbic7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydmdy1sYXlvdXQtZ3JvdXAnLCB0aGlzLmp1c3RpZnldO1xuICAgIGlmICh0aGlzLnN0YWNrYWJsZSkge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdzdGFja2FibGUnKTtcbiAgICB9XG4gICAgaWYgKHRoaXMucGFkZGVkKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ3BhZGRlZCcpO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XG4gIH07XG5cbn1cbiJdfQ==
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
4
|
-
import { FwLayoutContextComponent } from './context/context.component';
|
|
5
|
-
import { FwGridComponent, FwGridItemComponent } from './grid/grid.component';
|
|
6
|
-
import { FwLayoutGroupComponent } from './layout-group.component';
|
|
7
|
-
import { FwLayoutPanelComponent } from './panel/panel.component';
|
|
8
|
-
import { FwLayoutSidebarComponent } from './sidebar/sidebar.component';
|
|
9
|
-
import { FwLayoutToolbarComponent } from './toolbar/toolbar.component';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export class FwLayoutsModule {
|
|
12
|
-
}
|
|
13
|
-
FwLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
-
FwLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutsModule, declarations: [FwLayoutContextComponent,
|
|
15
|
-
FwLayoutToolbarComponent,
|
|
16
|
-
FwLayoutGroupComponent,
|
|
17
|
-
FwLayoutPanelComponent,
|
|
18
|
-
FwLayoutSidebarComponent,
|
|
19
|
-
FwGridComponent,
|
|
20
|
-
FwGridItemComponent], imports: [CommonModule,
|
|
21
|
-
FwIconModule], exports: [FwLayoutContextComponent,
|
|
22
|
-
FwLayoutToolbarComponent,
|
|
23
|
-
FwLayoutGroupComponent,
|
|
24
|
-
FwLayoutPanelComponent,
|
|
25
|
-
FwLayoutSidebarComponent,
|
|
26
|
-
FwGridComponent,
|
|
27
|
-
FwGridItemComponent] });
|
|
28
|
-
FwLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutsModule, imports: [CommonModule,
|
|
29
|
-
FwIconModule] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutsModule, decorators: [{
|
|
31
|
-
type: NgModule,
|
|
32
|
-
args: [{
|
|
33
|
-
imports: [
|
|
34
|
-
CommonModule,
|
|
35
|
-
FwIconModule,
|
|
36
|
-
],
|
|
37
|
-
exports: [
|
|
38
|
-
FwLayoutContextComponent,
|
|
39
|
-
FwLayoutToolbarComponent,
|
|
40
|
-
FwLayoutGroupComponent,
|
|
41
|
-
FwLayoutPanelComponent,
|
|
42
|
-
FwLayoutSidebarComponent,
|
|
43
|
-
FwGridComponent,
|
|
44
|
-
FwGridItemComponent,
|
|
45
|
-
],
|
|
46
|
-
declarations: [
|
|
47
|
-
FwLayoutContextComponent,
|
|
48
|
-
FwLayoutToolbarComponent,
|
|
49
|
-
FwLayoutGroupComponent,
|
|
50
|
-
FwLayoutPanelComponent,
|
|
51
|
-
FwLayoutSidebarComponent,
|
|
52
|
-
FwGridComponent,
|
|
53
|
-
FwGridItemComponent,
|
|
54
|
-
],
|
|
55
|
-
}]
|
|
56
|
-
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2xheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBMEJ2RSxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQVR4Qix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLHNCQUFzQjtRQUN0QixzQkFBc0I7UUFDdEIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixtQkFBbUIsYUFuQm5CLFlBQVk7UUFDWixZQUFZLGFBR1osd0JBQXdCO1FBQ3hCLHdCQUF3QjtRQUN4QixzQkFBc0I7UUFDdEIsc0JBQXNCO1FBQ3RCLHdCQUF3QjtRQUN4QixlQUFlO1FBQ2YsbUJBQW1COzhHQVlWLGVBQWUsWUF0QnhCLFlBQVk7UUFDWixZQUFZOzRGQXFCSCxlQUFlO2tCQXhCM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO29CQUNELFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndMYXlvdXRDb250ZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9jb250ZXh0L2NvbnRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3R3JpZENvbXBvbmVudCwgRndHcmlkSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZC9ncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0xheW91dEdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TGF5b3V0UGFuZWxDb21wb25lbnQgfSBmcm9tICcuL3BhbmVsL3BhbmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0xheW91dFNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndMYXlvdXRUb29sYmFyQ29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0xheW91dENvbnRleHRDb21wb25lbnQsXG4gICAgRndMYXlvdXRUb29sYmFyQ29tcG9uZW50LFxuICAgIEZ3TGF5b3V0R3JvdXBDb21wb25lbnQsXG4gICAgRndMYXlvdXRQYW5lbENvbXBvbmVudCxcbiAgICBGd0xheW91dFNpZGViYXJDb21wb25lbnQsXG4gICAgRndHcmlkQ29tcG9uZW50LFxuICAgIEZ3R3JpZEl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZ3TGF5b3V0Q29udGV4dENvbXBvbmVudCxcbiAgICBGd0xheW91dFRvb2xiYXJDb21wb25lbnQsXG4gICAgRndMYXlvdXRHcm91cENvbXBvbmVudCxcbiAgICBGd0xheW91dFBhbmVsQ29tcG9uZW50LFxuICAgIEZ3TGF5b3V0U2lkZWJhckNvbXBvbmVudCxcbiAgICBGd0dyaWRDb21wb25lbnQsXG4gICAgRndHcmlkSXRlbUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndMYXlvdXRzTW9kdWxlIHtcbn1cbiJdfQ==
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class FwLayoutPanelComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.height = '100%';
|
|
7
|
-
this.fitted = false;
|
|
8
|
-
this.border = 'none';
|
|
9
|
-
this.rounded = true;
|
|
10
|
-
this.margin = false;
|
|
11
|
-
this.padded = true;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
FwLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
FwLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwLayoutPanelComponent, selector: "fw-layout-panel", inputs: { height: "height", fitted: "fitted", border: "border", rounded: "rounded", margin: "margin", padded: "padded" }, ngImport: i0, template: "<main\n [ngClass]=\"[fitted?'fitted':'', margin?'margin':'', rounded?'rounded':'', 'border-'+border]\"\n [ngStyle]=\"{height: height}\">\n <ng-content select=\"header\"></ng-content>\n <article [ngClass]=\"[padded?'padded':'']\">\n <ng-content></ng-content>\n </article>\n <ng-content select=\"footer\"></ng-content>\n</main>\n", styles: ["main{flex:1;display:flex;flex-direction:column;overflow:auto;background-color:var(--card-background);position:relative}main.margin{margin:16px}main header{background-color:var(--card-header);display:flex;align-items:center;gap:16px;padding:8px 16px;height:52px;white-space:nowrap;box-sizing:border-box;border-bottom:1px var(--separations-divider) solid}main header :first-child{flex:1;margin:0;overflow:hidden}main article{overflow-x:auto;display:flex;flex-direction:column}main article.padded{padding:16px}main article hr{border:0;border-bottom:1px var(--separations-divider) solid;width:calc(100% + 32px);margin:16px -16px}main footer{background-color:var(--card-background);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px;height:66px;white-space:nowrap;box-sizing:border-box;border-top:1px var(--separations-divider) solid;overflow:hidden}main footer h1,main footer h2,main footer h3,main footer h4,main footer h5,main footer h6,main footer p{margin:0}main.border-all{border:1px var(--separations-divider) solid}main.border-left{border-left:1px var(--separations-divider) solid}main.border-right{border-right:1px var(--separations-divider) solid}main.rounded{border-radius:10px}main.fitted{overflow:hidden}main.fitted header{position:absolute;top:0;left:0;right:0}main.fitted header~article{margin-top:52px}main.fitted article:has(+ footer){margin-bottom:66px}main.fitted footer{position:absolute;bottom:0;left:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutPanelComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'fw-layout-panel', encapsulation: ViewEncapsulation.None, template: "<main\n [ngClass]=\"[fitted?'fitted':'', margin?'margin':'', rounded?'rounded':'', 'border-'+border]\"\n [ngStyle]=\"{height: height}\">\n <ng-content select=\"header\"></ng-content>\n <article [ngClass]=\"[padded?'padded':'']\">\n <ng-content></ng-content>\n </article>\n <ng-content select=\"footer\"></ng-content>\n</main>\n", styles: ["main{flex:1;display:flex;flex-direction:column;overflow:auto;background-color:var(--card-background);position:relative}main.margin{margin:16px}main header{background-color:var(--card-header);display:flex;align-items:center;gap:16px;padding:8px 16px;height:52px;white-space:nowrap;box-sizing:border-box;border-bottom:1px var(--separations-divider) solid}main header :first-child{flex:1;margin:0;overflow:hidden}main article{overflow-x:auto;display:flex;flex-direction:column}main article.padded{padding:16px}main article hr{border:0;border-bottom:1px var(--separations-divider) solid;width:calc(100% + 32px);margin:16px -16px}main footer{background-color:var(--card-background);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px;height:66px;white-space:nowrap;box-sizing:border-box;border-top:1px var(--separations-divider) solid;overflow:hidden}main footer h1,main footer h2,main footer h3,main footer h4,main footer h5,main footer h6,main footer p{margin:0}main.border-all{border:1px var(--separations-divider) solid}main.border-left{border-left:1px var(--separations-divider) solid}main.border-right{border-right:1px var(--separations-divider) solid}main.rounded{border-radius:10px}main.fitted{overflow:hidden}main.fitted header{position:absolute;top:0;left:0;right:0}main.fitted header~article{margin-top:52px}main.fitted article:has(+ footer){margin-bottom:66px}main.fitted footer{position:absolute;bottom:0;left:0;right:0}\n"] }]
|
|
19
|
-
}], propDecorators: { height: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], fitted: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], border: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], rounded: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], margin: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], padded: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGF5b3V0cy9wYW5lbC9wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3BhbmVsL3BhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRcEUsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9XLFdBQU0sR0FBWSxNQUFNLENBQUM7UUFDekIsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUN6QixXQUFNLEdBQXVDLE1BQU0sQ0FBQztRQUNwRCxZQUFPLEdBQWEsSUFBSSxDQUFDO1FBQ3pCLFdBQU0sR0FBYSxLQUFLLENBQUM7UUFDekIsV0FBTSxHQUFhLElBQUksQ0FBQztLQUNsQzs7b0hBUFksc0JBQXNCO3dHQUF0QixzQkFBc0IsaUxDUm5DLGtWQVNBOzRGRERhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1sYXlvdXQtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGd0xheW91dFBhbmVsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGVpZ2h0Pzogc3RyaW5nID0gJzEwMCUnO1xuICBASW5wdXQoKSBmaXR0ZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJvcmRlcj86ICdhbGwnIHwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJyA9ICdub25lJztcbiAgQElucHV0KCkgcm91bmRlZD86IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBtYXJnaW4/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHBhZGRlZD86IGJvb2xlYW4gPSB0cnVlO1xufVxuIiwiPG1haW5cbiAgW25nQ2xhc3NdPVwiW2ZpdHRlZD8nZml0dGVkJzonJywgbWFyZ2luPydtYXJnaW4nOicnLCByb3VuZGVkPydyb3VuZGVkJzonJywgJ2JvcmRlci0nK2JvcmRlcl1cIlxuICBbbmdTdHlsZV09XCJ7aGVpZ2h0OiBoZWlnaHR9XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cbiAgPGFydGljbGUgW25nQ2xhc3NdPVwiW3BhZGRlZD8ncGFkZGVkJzonJ11cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvYXJ0aWNsZT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9tYWluPlxuIl19
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class FwLayoutSidebarComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.outlined = true;
|
|
7
|
-
this.rounded = true;
|
|
8
|
-
this.width = '65%';
|
|
9
|
-
this.direction = 'row';
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
FwLayoutSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
FwLayoutSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwLayoutSidebarComponent, selector: "fw-layout-sidebar", inputs: { outlined: "outlined", rounded: "rounded", width: "width", direction: "direction" }, ngImport: i0, template: "<div\n [ngClass]=\"[\n outlined?'outlined':'',\n rounded?'rounded':'',\n direction,\n 'container'\n ]\">\n <div class=\"main\" [ngStyle]=\"{width: 'calc( 100% - '+width+' )'}\">\n <ng-content></ng-content>\n </div>\n <div class=\"aside\" [ngStyle]=\"{width: width}\">\n <ng-content select=\"aside\"></ng-content>\n </div>\n</div>\n", styles: [".container{display:flex;width:100%;overflow:hidden;height:100%;flex-flow:row nowrap}.container .aside{display:flex;overflow:auto}.container .aside aside{flex:1}.container .main{overflow:auto}.container.outlined{border:1px var(--separations-divider) solid}.container.outlined .main{border-right:1px var(--separations-divider) solid}.container.row-reverse{flex-direction:row-reverse}.container.row-reverse.outlined .main{border-right:0;border-left:1px var(--separations-divider) solid}.container.rounded{border-radius:10px}.container.third .main{width:66.6%}.container.third .aside{width:33.3%}.container.half .main,.container.half .aside{width:50%}.container.fourth .main{width:75%}.container.fourth .aside{width:25%}.container.closed .main{width:100%;border-right:none}.container.closed .aside{width:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutSidebarComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'fw-layout-sidebar', encapsulation: ViewEncapsulation.None, template: "<div\n [ngClass]=\"[\n outlined?'outlined':'',\n rounded?'rounded':'',\n direction,\n 'container'\n ]\">\n <div class=\"main\" [ngStyle]=\"{width: 'calc( 100% - '+width+' )'}\">\n <ng-content></ng-content>\n </div>\n <div class=\"aside\" [ngStyle]=\"{width: width}\">\n <ng-content select=\"aside\"></ng-content>\n </div>\n</div>\n", styles: [".container{display:flex;width:100%;overflow:hidden;height:100%;flex-flow:row nowrap}.container .aside{display:flex;overflow:auto}.container .aside aside{flex:1}.container .main{overflow:auto}.container.outlined{border:1px var(--separations-divider) solid}.container.outlined .main{border-right:1px var(--separations-divider) solid}.container.row-reverse{flex-direction:row-reverse}.container.row-reverse.outlined .main{border-right:0;border-left:1px var(--separations-divider) solid}.container.rounded{border-radius:10px}.container.third .main{width:66.6%}.container.third .aside{width:33.3%}.container.half .main,.container.half .aside{width:50%}.container.fourth .main{width:75%}.container.fourth .aside{width:25%}.container.closed .main{width:100%;border-right:none}.container.closed .aside{width:0;padding:0}\n"] }]
|
|
17
|
-
}], propDecorators: { outlined: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}], rounded: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], width: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], direction: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXBFLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPVyxhQUFRLEdBQVksSUFBSSxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFDeEIsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixjQUFTLEdBQTJCLEtBQUssQ0FBQztLQUNwRDs7c0hBTFksd0JBQXdCOzBHQUF4Qix3QkFBd0IsdUpDUnJDLDJYQWNBOzRGRE5hLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1sYXlvdXQtc2lkZWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGd0xheW91dFNpZGViYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBvdXRsaW5lZDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSB3aWR0aD86IHN0cmluZyA9ICc2NSUnO1xuICBASW5wdXQoKSBkaXJlY3Rpb24/OiAncm93JyB8ICdyb3ctcmV2ZXJzZScgPSAncm93Jztcbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwiW1xuICAgICAgICBvdXRsaW5lZD8nb3V0bGluZWQnOicnLFxuICAgICAgICByb3VuZGVkPydyb3VuZGVkJzonJyxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICAnY29udGFpbmVyJ1xuICAgICAgICBdXCI+XG4gIDxkaXYgY2xhc3M9XCJtYWluXCIgW25nU3R5bGVdPVwie3dpZHRoOiAnY2FsYyggMTAwJSAtICcrd2lkdGgrJyApJ31cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXNpZGVcIiBbbmdTdHlsZV09XCJ7d2lkdGg6IHdpZHRofVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImFzaWRlXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwLayoutToolbarComponent {
|
|
4
|
-
get classes() {
|
|
5
|
-
const classes = ['fw-layout-toolbar', this.dense ? 'dense' : ''];
|
|
6
|
-
return classes.join(' ');
|
|
7
|
-
}
|
|
8
|
-
;
|
|
9
|
-
}
|
|
10
|
-
FwLayoutToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
FwLayoutToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwLayoutToolbarComponent, selector: "fw-layout-toolbar", inputs: { dense: "dense" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;font-size:22px}:host.dense{gap:8px}\n"] });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwLayoutToolbarComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{ selector: 'fw-layout-toolbar', template: '<ng-content></ng-content>', styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;font-size:22px}:host.dense{gap:8px}\n"] }]
|
|
15
|
-
}], propDecorators: { dense: [{
|
|
16
|
-
type: Input
|
|
17
|
-
}], classes: [{
|
|
18
|
-
type: HostBinding,
|
|
19
|
-
args: ['attr.class']
|
|
20
|
-
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU85RCxNQUFNLE9BQU8sd0JBQXdCO0lBR25DLElBQStCLE9BQU87UUFDcEMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2pFLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQzs7c0hBTlMsd0JBQXdCOzBHQUF4Qix3QkFBd0IsNklBSHpCLDJCQUEyQjs0RkFHMUIsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQixZQUNuQiwyQkFBMkI7OEJBSTVCLEtBQUs7c0JBQWIsS0FBSztnQkFFeUIsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbGF5b3V0LXRvb2xiYXInLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TGF5b3V0VG9vbGJhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRlbnNlPzogYm9vbGVhbjtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2Z3LWxheW91dC10b29sYmFyJywgdGhpcy5kZW5zZSA/ICdkZW5zZScgOiAnJ107XG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xuICB9O1xufVxuIl19
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
-
import { ContentChildren, Directive, HostListener } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class FwMenuCloseTriggersDirective {
|
|
5
|
-
constructor() {
|
|
6
|
-
this._isOpen = false;
|
|
7
|
-
}
|
|
8
|
-
outsideClick() {
|
|
9
|
-
if (this._isOpen && this.triggers && this.triggers.length > 0) {
|
|
10
|
-
this.triggers.forEach(trigger => {
|
|
11
|
-
trigger.close();
|
|
12
|
-
});
|
|
13
|
-
this._isOpen = false;
|
|
14
|
-
}
|
|
15
|
-
if (this.triggers && this.triggers.length > 0) {
|
|
16
|
-
this.triggers.forEach(trigger => {
|
|
17
|
-
if (trigger.isOpen()) {
|
|
18
|
-
this._isOpen = true;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
FwMenuCloseTriggersDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuCloseTriggersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
25
|
-
FwMenuCloseTriggersDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FwMenuCloseTriggersDirective, selector: "[fwMenuCloseTriggers]", host: { listeners: { "document:click": "outsideClick()" } }, queries: [{ propertyName: "triggers", predicate: CdkMenuTrigger, descendants: true }], ngImport: i0 });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuCloseTriggersDirective, decorators: [{
|
|
27
|
-
type: Directive,
|
|
28
|
-
args: [{
|
|
29
|
-
selector: '[fwMenuCloseTriggers]',
|
|
30
|
-
}]
|
|
31
|
-
}], propDecorators: { outsideClick: [{
|
|
32
|
-
type: HostListener,
|
|
33
|
-
args: ['document:click']
|
|
34
|
-
}], triggers: [{
|
|
35
|
-
type: ContentChildren,
|
|
36
|
-
args: [CdkMenuTrigger, { descendants: true }]
|
|
37
|
-
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jbG9zZS10cmlnZ2Vycy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUtY2xvc2UtdHJpZ2dlcnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBS3BGLE1BQU0sT0FBTyw0QkFBNEI7SUFIekM7UUFzQlUsWUFBTyxHQUFHLEtBQUssQ0FBQztLQUN6QjtJQW5CaUMsWUFBWTtRQUMxQyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDN0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQzlCLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNsQixDQUFDLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1NBQ3RCO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDOUIsSUFBSSxPQUFPLENBQUMsTUFBTSxFQUFFLEVBQUU7b0JBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2lCQUNyQjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzswSEFmVSw0QkFBNEI7OEdBQTVCLDRCQUE0QixtSkFpQnRCLGNBQWM7NEZBakJwQiw0QkFBNEI7a0JBSHhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtpQkFDbEM7OEJBRWlDLFlBQVk7c0JBQTNDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQWdCMEIsUUFBUTtzQkFBL0QsZUFBZTt1QkFBQyxjQUFjLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrTWVudVRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbWVudSc7XG5pbXBvcnQgeyBDb250ZW50Q2hpbGRyZW4sIERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2Z3TWVudUNsb3NlVHJpZ2dlcnNdJyxcbn0pXG5leHBvcnQgY2xhc3MgRndNZW51Q2xvc2VUcmlnZ2Vyc0RpcmVjdGl2ZSB7XG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJykgb3V0c2lkZUNsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9pc09wZW4gJiYgdGhpcy50cmlnZ2VycyAmJiB0aGlzLnRyaWdnZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMudHJpZ2dlcnMuZm9yRWFjaCh0cmlnZ2VyID0+IHtcbiAgICAgICAgdHJpZ2dlci5jbG9zZSgpO1xuICAgICAgfSk7XG4gICAgICB0aGlzLl9pc09wZW4gPSBmYWxzZTtcbiAgICB9XG4gICAgaWYgKHRoaXMudHJpZ2dlcnMgJiYgdGhpcy50cmlnZ2Vycy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLnRyaWdnZXJzLmZvckVhY2godHJpZ2dlciA9PiB7XG4gICAgICAgIGlmICh0cmlnZ2VyLmlzT3BlbigpKSB7XG4gICAgICAgICAgdGhpcy5faXNPcGVuID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihDZGtNZW51VHJpZ2dlciwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSB0cmlnZ2Vycz86IFF1ZXJ5TGlzdDxDZGtNZW51VHJpZ2dlcj47XG5cbiAgcHJpdmF0ZSBfaXNPcGVuID0gZmFsc2U7XG59XG4iXX0=
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChild, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { FwMenuComponent } from '../menu.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/platform-browser";
|
|
5
|
-
import * as i2 from "@angular/cdk/menu";
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
7
|
-
import * as i4 from "../../text-input/text-input.component";
|
|
8
|
-
export class FwMenuContainerComponent {
|
|
9
|
-
constructor(sanitizer) {
|
|
10
|
-
this.sanitizer = sanitizer;
|
|
11
|
-
this.width = 'inherit';
|
|
12
|
-
this.maxHeight = 'auto';
|
|
13
|
-
this.minHeight = 'auto';
|
|
14
|
-
this.border = 'default';
|
|
15
|
-
this.shadow = 'large';
|
|
16
|
-
this.showFilter = false;
|
|
17
|
-
this.filterText = '';
|
|
18
|
-
this.offset = '0px';
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated please use fw-navbar instead
|
|
21
|
-
*/
|
|
22
|
-
this.collapsed = false;
|
|
23
|
-
this.filterChanged = new EventEmitter();
|
|
24
|
-
}
|
|
25
|
-
get classes() {
|
|
26
|
-
return [
|
|
27
|
-
'fw-menu-container',
|
|
28
|
-
`vision-shadow-${this.shadow}`,
|
|
29
|
-
`border-${this.border}`,
|
|
30
|
-
].join(' ');
|
|
31
|
-
}
|
|
32
|
-
;
|
|
33
|
-
get style() {
|
|
34
|
-
return this.sanitizer.bypassSecurityTrustStyle(`
|
|
35
|
-
width: ${this.width};
|
|
36
|
-
max-height: ${this.maxHeight};
|
|
37
|
-
min-height: ${this.minHeight};
|
|
38
|
-
margin-top: ${this.offset};
|
|
39
|
-
`);
|
|
40
|
-
}
|
|
41
|
-
ngAfterContentInit() {
|
|
42
|
-
if (this.menu) {
|
|
43
|
-
this.menu.setFilter(this.filterText);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
filterTextChange(event) {
|
|
47
|
-
const input = event.target;
|
|
48
|
-
const inputValue = input.value;
|
|
49
|
-
this.filterChanged.emit(inputValue);
|
|
50
|
-
if (this.menu) {
|
|
51
|
-
this.menu.setFilter(inputValue);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
FwMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuContainerComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
FwMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwMenuContainerComponent, selector: "fw-menu-container", inputs: { width: "width", maxHeight: "maxHeight", minHeight: "minHeight", border: "border", shadow: "shadow", showFilter: "showFilter", filterText: "filterText", offset: "offset", collapsed: "collapsed" }, outputs: { filterChanged: "filterChanged" }, host: { properties: { "attr.class": "this.classes", "style": "this.style" } }, queries: [{ propertyName: "menu", first: true, predicate: FwMenuComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"showFilter\" class=\"filter-box\" cdkMenuBar>\n <fw-text-input\n placeholder=\"Search\" leftIcon=\"search\" autofocus\n [value]=\"filterText\" (input)=\"filterTextChange($event)\">\n </fw-text-input>\n</div>\n<div class=\"menu-wrapper\" [ngClass]=\"[showFilter?'filtered':'', collapsed?'collapsed':'']\">\n <ng-content></ng-content>\n</div>\n", styles: [".fw-menu-container{display:flex;border-radius:8px;background:var(--card-background);position:relative}.fw-menu-container.border-default{border:1px solid var(--separations-border)}.fw-menu-container .filter-box{border-top-left-radius:8px;border-top-right-radius:8px;padding:8px;border-bottom:1px solid var(--separations-base);background-color:var(--card-background);position:absolute;left:0;right:0;z-index:1}.fw-menu-container .menu-wrapper{flex:1;padding:6px 4px;scroll-padding:17px;overflow:hidden auto}.fw-menu-container .menu-wrapper.collapsed{scrollbar-width:none}.fw-menu-container .menu-wrapper.filtered{margin-top:54px}.fw-menu-container fw-menu-separator{margin:6px -8px}\n"], dependencies: [{ kind: "directive", type: i2.CdkMenuBar, selector: "[cdkMenuBar]", exportAs: ["cdkMenuBar"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FwTextInputComponent, selector: "fw-text-input", inputs: ["disabled", "useActionableIcons", "leftIcon", "rightIcon", "prefix", "context", "helperText", "errorText", "placeholder", "readOnly", "size", "type", "maxLength", "autofocus", "autocomplete", "error", "width", "value"], outputs: ["leftIconAction", "rightIconAction"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuContainerComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{ selector: 'fw-menu-container', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"showFilter\" class=\"filter-box\" cdkMenuBar>\n <fw-text-input\n placeholder=\"Search\" leftIcon=\"search\" autofocus\n [value]=\"filterText\" (input)=\"filterTextChange($event)\">\n </fw-text-input>\n</div>\n<div class=\"menu-wrapper\" [ngClass]=\"[showFilter?'filtered':'', collapsed?'collapsed':'']\">\n <ng-content></ng-content>\n</div>\n", styles: [".fw-menu-container{display:flex;border-radius:8px;background:var(--card-background);position:relative}.fw-menu-container.border-default{border:1px solid var(--separations-border)}.fw-menu-container .filter-box{border-top-left-radius:8px;border-top-right-radius:8px;padding:8px;border-bottom:1px solid var(--separations-base);background-color:var(--card-background);position:absolute;left:0;right:0;z-index:1}.fw-menu-container .menu-wrapper{flex:1;padding:6px 4px;scroll-padding:17px;overflow:hidden auto}.fw-menu-container .menu-wrapper.collapsed{scrollbar-width:none}.fw-menu-container .menu-wrapper.filtered{margin-top:54px}.fw-menu-container fw-menu-separator{margin:6px -8px}\n"] }]
|
|
60
|
-
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { width: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], maxHeight: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], minHeight: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], border: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], shadow: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], showFilter: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], filterText: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], offset: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], collapsed: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], filterChanged: [{
|
|
79
|
-
type: Output
|
|
80
|
-
}], menu: [{
|
|
81
|
-
type: ContentChild,
|
|
82
|
-
args: [FwMenuComponent]
|
|
83
|
-
}], classes: [{
|
|
84
|
-
type: HostBinding,
|
|
85
|
-
args: ['attr.class']
|
|
86
|
-
}], style: [{
|
|
87
|
-
type: HostBinding,
|
|
88
|
-
args: ['style']
|
|
89
|
-
}] } });
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbWVudS9tZW51LWNvbnRhaW5lci9tZW51LWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUtY29udGFpbmVyL21lbnUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7QUFRcEQsTUFBTSxPQUFPLHdCQUF3QjtJQW1DbkMsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQWxDbEMsVUFBSyxHQUFZLFNBQVMsQ0FBQztRQUMzQixjQUFTLEdBQVksTUFBTSxDQUFDO1FBQzVCLGNBQVMsR0FBWSxNQUFNLENBQUM7UUFDNUIsV0FBTSxHQUF3QixTQUFTLENBQUM7UUFDeEMsV0FBTSxHQUFxRSxPQUFPLENBQUM7UUFDbkYsZUFBVSxHQUFhLEtBQUssQ0FBQztRQUM3QixlQUFVLEdBQVksRUFBRSxDQUFDO1FBQ3pCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDakM7O1dBRUc7UUFDTSxjQUFTLEdBQWEsS0FBSyxDQUFDO1FBRWxCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQXNCOUQsQ0FBQztJQWxCRCxJQUErQixPQUFPO1FBQ3BDLE9BQU87WUFDTCxtQkFBbUI7WUFDbkIsaUJBQWlCLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDOUIsVUFBVSxJQUFJLENBQUMsTUFBTSxFQUFFO1NBQ3hCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUFBLENBQUM7SUFFRixJQUEwQixLQUFLO1FBQzdCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx3QkFBd0IsQ0FBQztlQUNwQyxJQUFJLENBQUMsS0FBSztvQkFDTCxJQUFJLENBQUMsU0FBUztvQkFDZCxJQUFJLENBQUMsU0FBUztvQkFDZCxJQUFJLENBQUMsTUFBTTtLQUMxQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBS0Qsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFZO1FBQzNCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFFL0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFcEMsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDakM7SUFDSCxDQUFDOztzSEFyRFUsd0JBQXdCOzBHQUF4Qix3QkFBd0IscWFBZ0JyQixlQUFlLGdEQ3BDL0IsOFdBU0E7NEZEV2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJO21HQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFJRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVhLGFBQWE7c0JBQS9CLE1BQU07Z0JBRXdCLElBQUk7c0JBQWxDLFlBQVk7dUJBQUMsZUFBZTtnQkFFRSxPQUFPO3NCQUFyQyxXQUFXO3VCQUFDLFlBQVk7Z0JBUUMsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVN0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmltcG9ydCB7IEZ3TWVudUNvbXBvbmVudCB9IGZyb20gJy4uL21lbnUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbWVudS1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tZW51LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGd01lbnVDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KCkgd2lkdGg/OiBzdHJpbmcgPSAnaW5oZXJpdCc7XG4gIEBJbnB1dCgpIG1heEhlaWdodD86IHN0cmluZyA9ICdhdXRvJztcbiAgQElucHV0KCkgbWluSGVpZ2h0Pzogc3RyaW5nID0gJ2F1dG8nO1xuICBASW5wdXQoKSBib3JkZXI/OiAnbm9uZScgfCAnZGVmYXVsdCcgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIHNoYWRvdz86ICdub25lJyB8ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAnZXh0cmEtbGFyZ2UnIHwgJ2lubmVyJyA9ICdsYXJnZSc7XG4gIEBJbnB1dCgpIHNob3dGaWx0ZXI/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGZpbHRlclRleHQ/OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgb2Zmc2V0Pzogc3RyaW5nID0gJzBweCc7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBwbGVhc2UgdXNlIGZ3LW5hdmJhciBpbnN0ZWFkXG4gICAqL1xuICBASW5wdXQoKSBjb2xsYXBzZWQ/OiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGZpbHRlckNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAQ29udGVudENoaWxkKEZ3TWVudUNvbXBvbmVudCkgbWVudTogRndNZW51Q29tcG9uZW50O1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFtcbiAgICAgICdmdy1tZW51LWNvbnRhaW5lcicsXG4gICAgICBgdmlzaW9uLXNoYWRvdy0ke3RoaXMuc2hhZG93fWAsXG4gICAgICBgYm9yZGVyLSR7dGhpcy5ib3JkZXJ9YCxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgZ2V0IHN0eWxlKCk6IFNhZmVTdHlsZSB7XG4gICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShgXG4gICAgICB3aWR0aDogJHt0aGlzLndpZHRofTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7dGhpcy5tYXhIZWlnaHR9O1xuICAgICAgbWluLWhlaWdodDogJHt0aGlzLm1pbkhlaWdodH07XG4gICAgICBtYXJnaW4tdG9wOiAke3RoaXMub2Zmc2V0fTtcbiAgICBgKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5tZW51KSB7XG4gICAgICB0aGlzLm1lbnUuc2V0RmlsdGVyKHRoaXMuZmlsdGVyVGV4dCk7XG4gICAgfVxuICB9XG5cbiAgZmlsdGVyVGV4dENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGNvbnN0IGlucHV0VmFsdWUgPSBpbnB1dC52YWx1ZTtcblxuICAgIHRoaXMuZmlsdGVyQ2hhbmdlZC5lbWl0KGlucHV0VmFsdWUpO1xuXG4gICAgaWYgKHRoaXMubWVudSkge1xuICAgICAgdGhpcy5tZW51LnNldEZpbHRlcihpbnB1dFZhbHVlKTtcbiAgICB9XG4gIH1cblxufVxuIiwiPGRpdiAqbmdJZj1cInNob3dGaWx0ZXJcIiBjbGFzcz1cImZpbHRlci1ib3hcIiBjZGtNZW51QmFyPlxuICA8ZnctdGV4dC1pbnB1dFxuICAgIHBsYWNlaG9sZGVyPVwiU2VhcmNoXCIgbGVmdEljb249XCJzZWFyY2hcIiBhdXRvZm9jdXNcbiAgICBbdmFsdWVdPVwiZmlsdGVyVGV4dFwiIChpbnB1dCk9XCJmaWx0ZXJUZXh0Q2hhbmdlKCRldmVudClcIj5cbiAgPC9mdy10ZXh0LWlucHV0PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibWVudS13cmFwcGVyXCIgW25nQ2xhc3NdPVwiW3Nob3dGaWx0ZXI/J2ZpbHRlcmVkJzonJywgY29sbGFwc2VkPydjb2xsYXBzZWQnOicnXVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwMenuHeaderComponent {
|
|
4
|
-
}
|
|
5
|
-
FwMenuHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
FwMenuHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwMenuHeaderComponent, selector: "fw-menu-header", ngImport: i0, template: "<h3 class=\"vision-h3\">\n <ng-content></ng-content>\n</h3>\n<ng-content select=\"fw-icon-button\"></ng-content>\n<ng-content select=\"fw-badge\"></ng-content>\n", styles: [":host{display:flex;align-items:center;height:40px;overflow:hidden;container-name:menuheader;container-type:size}:host h3{padding:8px;margin:0 4px;width:100%}@container menuheader (max-width: 100px){h3{opacity:0}}\n"] });
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuHeaderComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{ selector: 'fw-menu-header', template: "<h3 class=\"vision-h3\">\n <ng-content></ng-content>\n</h3>\n<ng-content select=\"fw-icon-button\"></ng-content>\n<ng-content select=\"fw-badge\"></ng-content>\n", styles: [":host{display:flex;align-items:center;height:40px;overflow:hidden;container-name:menuheader;container-type:size}:host h3{padding:8px;margin:0 4px;width:100%}@container menuheader (max-width: 100px){h3{opacity:0}}\n"] }]
|
|
10
|
-
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbWVudS9tZW51LWhlYWRlci9tZW51LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUtaGVhZGVyL21lbnUtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxxQkFBcUI7O21IQUFyQixxQkFBcUI7dUdBQXJCLHFCQUFxQixzRENQbEMsb0tBS0E7NEZERWEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1tZW51LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lbnUtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TWVudUhlYWRlckNvbXBvbmVudCB7XG5cbn1cbiIsIjxoMyBjbGFzcz1cInZpc2lvbi1oM1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2gzPlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvbi1idXR0b25cIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJmdy1iYWRnZVwiPjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
|
|
2
|
-
import { FwMenuSubItemComponent } from '../menu-sub-item/menu-sub-item.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../../icon-button/icon-button.component";
|
|
6
|
-
import * as i3 from "../../icon/icon.component";
|
|
7
|
-
import * as i4 from "../../checkbox/checkbox.component";
|
|
8
|
-
import * as i5 from "../../radio/radio.component";
|
|
9
|
-
export class FwMenuItemComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.size = 'default';
|
|
12
|
-
this.iconColor = 'primary';
|
|
13
|
-
this.showCheckbox = false;
|
|
14
|
-
this.checkboxColor = 'primary';
|
|
15
|
-
this.multiSelect = false;
|
|
16
|
-
this.hidden = false;
|
|
17
|
-
this.subItemsOpen = false;
|
|
18
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
19
|
-
this.click = new EventEmitter();
|
|
20
|
-
this.focused = false;
|
|
21
|
-
this.selected = false;
|
|
22
|
-
this.subscriptions = [];
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated please use fw-navbar-item instead
|
|
25
|
-
*/
|
|
26
|
-
this.variant = 'default';
|
|
27
|
-
}
|
|
28
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29
|
-
ngOnChanges(changes) {
|
|
30
|
-
this.updateLayout();
|
|
31
|
-
}
|
|
32
|
-
ngOnDestroy() {
|
|
33
|
-
for (const subscription of this.subscriptions) {
|
|
34
|
-
subscription.unsubscribe();
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
ngAfterContentInit() {
|
|
38
|
-
this.subItems.forEach(subItem => {
|
|
39
|
-
const sub = subItem.click.subscribe(value => this.click.emit(value));
|
|
40
|
-
this.subscriptions.push(sub);
|
|
41
|
-
});
|
|
42
|
-
this.updateLayout();
|
|
43
|
-
}
|
|
44
|
-
updateLayout() {
|
|
45
|
-
if (this.subItems) {
|
|
46
|
-
this.subItems.forEach(subItem => {
|
|
47
|
-
subItem.variant = this.variant;
|
|
48
|
-
subItem.size = this.size;
|
|
49
|
-
subItem.hidden = !(this.subItemsOpen && !this.collapsed);
|
|
50
|
-
subItem.collapsed = this.collapsed;
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
toggleSubItemsView() {
|
|
55
|
-
this.subItemsOpen = !this.subItemsOpen;
|
|
56
|
-
this.updateLayout();
|
|
57
|
-
}
|
|
58
|
-
handleClick(evt) {
|
|
59
|
-
if (this.disabled) {
|
|
60
|
-
evt.stopPropagation();
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
if (this.href) {
|
|
64
|
-
if (this.target) {
|
|
65
|
-
// eslint-disable-next-line @rx-angular/prefer-no-layout-sensitive-apis
|
|
66
|
-
window.open(this.href, this.target).focus();
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
window.location.href = this.href;
|
|
70
|
-
}
|
|
71
|
-
evt.stopPropagation();
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
if (this.value) {
|
|
75
|
-
this.click.emit(this.value);
|
|
76
|
-
evt.stopPropagation();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
FwMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
FwMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwMenuItemComponent, selector: "fw-menu-item", inputs: { value: "value", size: "size", title: "title", description: "description", icon: "icon", iconColor: "iconColor", disabled: "disabled", showCheckbox: "showCheckbox", checkboxColor: "checkboxColor", multiSelect: "multiSelect", hidden: "hidden", collapsed: "collapsed", href: "href", target: "target", subItemsOpen: "subItemsOpen", focused: "focused", selected: "selected", variant: "variant" }, outputs: { click: "click" }, host: { properties: { "class.collapsed": "this.collapsed", "class.focused": "this.focused", "class.selected": "this.selected" } }, queries: [{ propertyName: "subItems", predicate: FwMenuSubItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div (click)=\"handleClick($event)\" *ngIf=\"!hidden\">\n <div\n [ngClass]=\"['menu-item', 'size-'+size, 'variant-'+variant, disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <div class=\"item-checkbox\" *ngIf=\"showCheckbox && multiSelect\">\n <fw-checkbox\n [disabled]=\"disabled\"\n [color]=\"checkboxColor\"\n [checked]=\"selected\">\n </fw-checkbox>\n </div>\n <div class=\"item-radiobutton\" *ngIf=\"showCheckbox && !multiSelect\">\n <fw-radio-button\n [value]=\"value\"\n [color]=\"checkboxColor\"\n [disabled]=\"disabled\"\n [checked]=\"selected\">\n </fw-radio-button>\n </div>\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"menu-icon {{iconColor}}\">{{ icon }}</fw-icon>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"menu-text\" *ngIf=\"title\">\n <h4 class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n *ngIf=\"subItems.length>0\"\n (click)=\"toggleSubItemsView()\">\n </fw-icon-button>\n </div>\n </div>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-menu-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host>div{display:flex;flex:1;text-decoration:none;max-width:100%}:host h4{text-overflow:ellipsis}:host:hover:not(.selected) .menu-item:not(.disabled),:host.focused:not(.selected) .menu-item:not(.disabled){background-color:var(--slate-hover);cursor:pointer}:host:hover:not(.selected) .menu-item:not(.disabled) .menu-icon,:host.focused:not(.selected) .menu-item:not(.disabled) .menu-icon{color:var(--primary-base)}:host:hover:not(.selected) .menu-item:not(.disabled) .menu-text h4,:host.focused:not(.selected) .menu-item:not(.disabled) .menu-text h4{color:var(--typography-base)}:host.selected .menu-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .menu-item .menu-icon{color:var(--primary-base)}:host.selected .menu-item .menu-text h4{color:var(--typography-base)}:host.selected .menu-item.variant-modern:before{position:absolute;content:\" \";height:25px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.selected .menu-item.variant-modern.size-compact:before{height:16px;border-left:3px solid var(--primary-base)}:host.selected .menu-item.variant-button:before{position:absolute;content:\" \";height:25px;border-left:3px solid var(--primary-base);margin-left:-14px;margin-top:10px}:host.selected .menu-item.variant-button.size-compact:before{margin-left:-15px;margin-top:4px;border-left:1px solid var(--primary-base)}:host.variant-modern.selected:before{position:absolute;content:\" \";height:25px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.variant-modern.size-compact.selected:before{height:16px;border-left:3px solid var(--primary-base)}:host.collapsed .menu-item{container-name:menuitem;container-type:size}:host .menu-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px;margin:1px 4px;border-radius:4px;color:var(--typography-muted);min-height:40px;width:-webkit-fill-available;width:-moz-available;width:stretch}:host .menu-item .item-checkbox:empty{display:none}:host .menu-item .item-radiobutton{padding:0}:host .menu-item .item-radiobutton:empty{display:none}:host .menu-item .menu-icon{font-size:18px;min-width:18px;width:18px;white-space:nowrap}:host .menu-item .menu-text{flex:1;overflow:hidden;padding:2px 0}:host .menu-item .menu-text h4{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .menu-item .menu-text p{margin:0}:host .menu-item .menu-text p.description{color:var(--typography-light)}:host .menu-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .menu-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important;width:22px!important}:host .menu-item.size-compact{min-height:32px}:host .menu-item.size-compact .menu-text .description{display:none}:host .menu-item.disabled{opacity:.4;cursor:not-allowed}:host .menu-item.variant-modern{padding:8px 16px;border-radius:6px}:host .menu-item.variant-modern.size-compact{min-height:34px}:host .menu-item.variant-button{height:52px;width:60px;flex-direction:column;gap:1px;padding:3px 0;border-radius:8px;display:block;text-align:center;flex:unset;white-space:nowrap;overflow:hidden;container-name:menuitem-button}:host .menu-item.variant-button .menu-icon{font-size:32px;min-width:32px;width:32px}:host .menu-item.variant-button .menu-text h4{font-size:10px;font-style:normal;font-weight:400;line-height:130%}:host .menu-item.variant-button .menu-text .description{display:none}:host .menu-item.variant-button.size-compact{min-height:40px;width:50px}:host .menu-item.variant-button.size-compact .menu-icon{font-size:20px;min-width:20px;width:20px}:host .menu-item.variant-button.size-compact .menu-text h4{font-size:10px;font-style:normal;font-weight:400;line-height:130%}:host .item-subitems{display:flex;flex-direction:column}@container menuitem (max-width: 60px){.menu-item{gap:0}.menu-item .menu-text{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }, { kind: "component", type: i3.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i4.FwCheckboxComponent, selector: "fw-checkbox", inputs: ["name", "disabled", "size", "color", "title", "focused", "checked"], outputs: ["change"] }, { kind: "component", type: i5.FwRadioComponent, selector: "fw-radio-button", inputs: ["checked", "value", "group", "disabled", "size", "color", "title", "focused"], outputs: ["change"] }] });
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuItemComponent, decorators: [{
|
|
83
|
-
type: Component,
|
|
84
|
-
args: [{ selector: 'fw-menu-item', template: "<div (click)=\"handleClick($event)\" *ngIf=\"!hidden\">\n <div\n [ngClass]=\"['menu-item', 'size-'+size, 'variant-'+variant, disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <div class=\"item-checkbox\" *ngIf=\"showCheckbox && multiSelect\">\n <fw-checkbox\n [disabled]=\"disabled\"\n [color]=\"checkboxColor\"\n [checked]=\"selected\">\n </fw-checkbox>\n </div>\n <div class=\"item-radiobutton\" *ngIf=\"showCheckbox && !multiSelect\">\n <fw-radio-button\n [value]=\"value\"\n [color]=\"checkboxColor\"\n [disabled]=\"disabled\"\n [checked]=\"selected\">\n </fw-radio-button>\n </div>\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"menu-icon {{iconColor}}\">{{ icon }}</fw-icon>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"menu-text\" *ngIf=\"title\">\n <h4 class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n *ngIf=\"subItems.length>0\"\n (click)=\"toggleSubItemsView()\">\n </fw-icon-button>\n </div>\n </div>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-menu-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host>div{display:flex;flex:1;text-decoration:none;max-width:100%}:host h4{text-overflow:ellipsis}:host:hover:not(.selected) .menu-item:not(.disabled),:host.focused:not(.selected) .menu-item:not(.disabled){background-color:var(--slate-hover);cursor:pointer}:host:hover:not(.selected) .menu-item:not(.disabled) .menu-icon,:host.focused:not(.selected) .menu-item:not(.disabled) .menu-icon{color:var(--primary-base)}:host:hover:not(.selected) .menu-item:not(.disabled) .menu-text h4,:host.focused:not(.selected) .menu-item:not(.disabled) .menu-text h4{color:var(--typography-base)}:host.selected .menu-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .menu-item .menu-icon{color:var(--primary-base)}:host.selected .menu-item .menu-text h4{color:var(--typography-base)}:host.selected .menu-item.variant-modern:before{position:absolute;content:\" \";height:25px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.selected .menu-item.variant-modern.size-compact:before{height:16px;border-left:3px solid var(--primary-base)}:host.selected .menu-item.variant-button:before{position:absolute;content:\" \";height:25px;border-left:3px solid var(--primary-base);margin-left:-14px;margin-top:10px}:host.selected .menu-item.variant-button.size-compact:before{margin-left:-15px;margin-top:4px;border-left:1px solid var(--primary-base)}:host.variant-modern.selected:before{position:absolute;content:\" \";height:25px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.variant-modern.size-compact.selected:before{height:16px;border-left:3px solid var(--primary-base)}:host.collapsed .menu-item{container-name:menuitem;container-type:size}:host .menu-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px;margin:1px 4px;border-radius:4px;color:var(--typography-muted);min-height:40px;width:-webkit-fill-available;width:-moz-available;width:stretch}:host .menu-item .item-checkbox:empty{display:none}:host .menu-item .item-radiobutton{padding:0}:host .menu-item .item-radiobutton:empty{display:none}:host .menu-item .menu-icon{font-size:18px;min-width:18px;width:18px;white-space:nowrap}:host .menu-item .menu-text{flex:1;overflow:hidden;padding:2px 0}:host .menu-item .menu-text h4{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .menu-item .menu-text p{margin:0}:host .menu-item .menu-text p.description{color:var(--typography-light)}:host .menu-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .menu-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important;width:22px!important}:host .menu-item.size-compact{min-height:32px}:host .menu-item.size-compact .menu-text .description{display:none}:host .menu-item.disabled{opacity:.4;cursor:not-allowed}:host .menu-item.variant-modern{padding:8px 16px;border-radius:6px}:host .menu-item.variant-modern.size-compact{min-height:34px}:host .menu-item.variant-button{height:52px;width:60px;flex-direction:column;gap:1px;padding:3px 0;border-radius:8px;display:block;text-align:center;flex:unset;white-space:nowrap;overflow:hidden;container-name:menuitem-button}:host .menu-item.variant-button .menu-icon{font-size:32px;min-width:32px;width:32px}:host .menu-item.variant-button .menu-text h4{font-size:10px;font-style:normal;font-weight:400;line-height:130%}:host .menu-item.variant-button .menu-text .description{display:none}:host .menu-item.variant-button.size-compact{min-height:40px;width:50px}:host .menu-item.variant-button.size-compact .menu-icon{font-size:20px;min-width:20px;width:20px}:host .menu-item.variant-button.size-compact .menu-text h4{font-size:10px;font-style:normal;font-weight:400;line-height:130%}:host .item-subitems{display:flex;flex-direction:column}@container menuitem (max-width: 60px){.menu-item{gap:0}.menu-item .menu-text{opacity:0}}\n"] }]
|
|
85
|
-
}], propDecorators: { value: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], size: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], title: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], description: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], icon: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], iconColor: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], disabled: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], showCheckbox: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}], checkboxColor: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}], multiSelect: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}], hidden: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], collapsed: [{
|
|
108
|
-
type: HostBinding,
|
|
109
|
-
args: ['class.collapsed']
|
|
110
|
-
}, {
|
|
111
|
-
type: Input
|
|
112
|
-
}], href: [{
|
|
113
|
-
type: Input
|
|
114
|
-
}], target: [{
|
|
115
|
-
type: Input
|
|
116
|
-
}], subItemsOpen: [{
|
|
117
|
-
type: Input
|
|
118
|
-
}], click: [{
|
|
119
|
-
type: Output
|
|
120
|
-
}], focused: [{
|
|
121
|
-
type: HostBinding,
|
|
122
|
-
args: ['class.focused']
|
|
123
|
-
}, {
|
|
124
|
-
type: Input
|
|
125
|
-
}], selected: [{
|
|
126
|
-
type: HostBinding,
|
|
127
|
-
args: ['class.selected']
|
|
128
|
-
}, {
|
|
129
|
-
type: Input
|
|
130
|
-
}], subItems: [{
|
|
131
|
-
type: ContentChildren,
|
|
132
|
-
args: [FwMenuSubItemComponent]
|
|
133
|
-
}], variant: [{
|
|
134
|
-
type: Input
|
|
135
|
-
}] } });
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21lbnUvbWVudS1pdGVtL21lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUtaXRlbS9tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBR0wsTUFBTSxHQUdQLE1BQU0sZUFBZSxDQUFDO0FBSXZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7O0FBT2xGLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFPVyxTQUFJLEdBQTJCLFNBQVMsQ0FBQztRQUl6QyxjQUFTLEdBQW1GLFNBQVMsQ0FBQztRQUV0RyxpQkFBWSxHQUFhLEtBQUssQ0FBQztRQUMvQixrQkFBYSxHQUF5QyxTQUFTLENBQUM7UUFDaEUsZ0JBQVcsR0FBYSxLQUFLLENBQUM7UUFDOUIsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUl6QixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUN2Qyw0REFBNEQ7UUFDbEQsVUFBSyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzVCLFlBQU8sR0FBYSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFhLEtBQUssQ0FBQztRQUUzRCxrQkFBYSxHQUFtQixFQUFFLENBQUM7UUFDM0M7O1dBRUc7UUFDTSxZQUFPLEdBQXFDLFNBQVMsQ0FBQztLQTJEaEU7SUF6REMsNkRBQTZEO0lBQzdELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFdBQVc7UUFDVCxLQUFLLE1BQU0sWUFBWSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0MsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUM5QixNQUFNLEdBQUcsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDckUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQzlCLE9BQU8sQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztnQkFDL0IsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUN6QixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUN6RCxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDckMsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDdkMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxXQUFXLENBQUMsR0FBVztRQUNyQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3RCLE9BQU87U0FDUjtRQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtnQkFDZix1RUFBdUU7Z0JBQ3ZFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDN0M7aUJBQU07Z0JBQ0wsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQzthQUNsQztZQUNELEdBQUcsQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN0QixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDNUIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQzs7aUhBbkZVLG1CQUFtQjtxR0FBbkIsbUJBQW1CLCtuQkFvQmIsc0JBQXNCLGtEQzNDekMsaW1EQTBDQTs0RkRuQmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGNBQWM7OEJBS2YsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDbUMsU0FBUztzQkFBakQsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7Z0JBQzdCLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ2dDLE9BQU87c0JBQTdDLFdBQVc7dUJBQUMsZUFBZTs7c0JBQUcsS0FBSztnQkFDSSxRQUFRO3NCQUEvQyxXQUFXO3VCQUFDLGdCQUFnQjs7c0JBQUcsS0FBSztnQkFDSSxRQUFRO3NCQUFoRCxlQUFlO3VCQUFDLHNCQUFzQjtnQkFLOUIsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vLi4vaWNvbi9pY29uLnR5cGVzJztcbmltcG9ydCB7IEZ3TWVudVN1Ykl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9tZW51LXN1Yi1pdGVtL21lbnUtc3ViLWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbWVudS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lbnUtaXRlbS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd01lbnVJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIEFmdGVyQ29udGVudEluaXQge1xuICBASW5wdXQoKSB2YWx1ZT86IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZT86ICdkZWZhdWx0JyB8ICdjb21wYWN0JyA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgaWNvbkNvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncmVkJyB8ICdvcmFuZ2UnIHwgJ2dyZWVuJyB8ICdzbGF0ZScgfCAndHlwb2dyYXBoeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgc2hvd0NoZWNrYm94PzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjaGVja2JveENvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZGVmYXVsdCcgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIG11bHRpU2VsZWN0PzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBoaWRkZW4/OiBib29sZWFuID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuY29sbGFwc2VkJykgQElucHV0KCkgY29sbGFwc2VkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgaHJlZj86IHN0cmluZztcbiAgQElucHV0KCkgdGFyZ2V0Pzogc3RyaW5nO1xuICBASW5wdXQoKSBzdWJJdGVtc09wZW46IGJvb2xlYW4gPSBmYWxzZTtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBjbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mb2N1c2VkJykgQElucHV0KCkgZm9jdXNlZD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zZWxlY3RlZCcpIEBJbnB1dCgpIHNlbGVjdGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBAQ29udGVudENoaWxkcmVuKEZ3TWVudVN1Ykl0ZW1Db21wb25lbnQpIHN1Ykl0ZW1zOiBRdWVyeUxpc3Q8RndNZW51U3ViSXRlbUNvbXBvbmVudD47XG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uW10gPSBbXTtcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIHBsZWFzZSB1c2UgZnctbmF2YmFyLWl0ZW0gaW5zdGVhZFxuICAgKi9cbiAgQElucHV0KCkgdmFyaWFudD86ICdkZWZhdWx0JyB8ICdtb2Rlcm4nIHwgJ2J1dHRvbicgPSAnZGVmYXVsdCc7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVMYXlvdXQoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGZvciAoY29uc3Qgc3Vic2NyaXB0aW9uIG9mIHRoaXMuc3Vic2NyaXB0aW9ucykge1xuICAgICAgc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3ViSXRlbXMuZm9yRWFjaChzdWJJdGVtID0+IHtcbiAgICAgIGNvbnN0IHN1YiA9IHN1Ykl0ZW0uY2xpY2suc3Vic2NyaWJlKHZhbHVlID0+IHRoaXMuY2xpY2suZW1pdCh2YWx1ZSkpO1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2goc3ViKTtcbiAgICB9KTtcbiAgICB0aGlzLnVwZGF0ZUxheW91dCgpO1xuICB9XG5cbiAgdXBkYXRlTGF5b3V0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN1Ykl0ZW1zKSB7XG4gICAgICB0aGlzLnN1Ykl0ZW1zLmZvckVhY2goc3ViSXRlbSA9PiB7XG4gICAgICAgIHN1Ykl0ZW0udmFyaWFudCA9IHRoaXMudmFyaWFudDtcbiAgICAgICAgc3ViSXRlbS5zaXplID0gdGhpcy5zaXplO1xuICAgICAgICBzdWJJdGVtLmhpZGRlbiA9ICEodGhpcy5zdWJJdGVtc09wZW4gJiYgIXRoaXMuY29sbGFwc2VkKTtcbiAgICAgICAgc3ViSXRlbS5jb2xsYXBzZWQgPSB0aGlzLmNvbGxhcHNlZDtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZVN1Ykl0ZW1zVmlldygpOiB2b2lkIHtcbiAgICB0aGlzLnN1Ykl0ZW1zT3BlbiA9ICF0aGlzLnN1Ykl0ZW1zT3BlbjtcbiAgICB0aGlzLnVwZGF0ZUxheW91dCgpO1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soZXZ0PzogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmhyZWYpIHtcbiAgICAgIGlmICh0aGlzLnRhcmdldCkge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHJ4LWFuZ3VsYXIvcHJlZmVyLW5vLWxheW91dC1zZW5zaXRpdmUtYXBpc1xuICAgICAgICB3aW5kb3cub3Blbih0aGlzLmhyZWYsIHRoaXMudGFyZ2V0KS5mb2N1cygpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSB0aGlzLmhyZWY7XG4gICAgICB9XG4gICAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudmFsdWUpIHtcbiAgICAgIHRoaXMuY2xpY2suZW1pdCh0aGlzLnZhbHVlKTtcbiAgICAgIGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIiAqbmdJZj1cIiFoaWRkZW5cIj5cbiAgPGRpdlxuICAgIFtuZ0NsYXNzXT1cIlsnbWVudS1pdGVtJywgJ3NpemUtJytzaXplLCAndmFyaWFudC0nK3ZhcmlhbnQsIGRpc2FibGVkPydkaXNhYmxlZCc6JyddXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaXRlbS1jaGVja2JveFwiICpuZ0lmPVwic2hvd0NoZWNrYm94ICYmIG11bHRpU2VsZWN0XCI+XG4gICAgICA8ZnctY2hlY2tib3hcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW2NvbG9yXT1cImNoZWNrYm94Q29sb3JcIlxuICAgICAgICBbY2hlY2tlZF09XCJzZWxlY3RlZFwiPlxuICAgICAgPC9mdy1jaGVja2JveD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaXRlbS1yYWRpb2J1dHRvblwiICpuZ0lmPVwic2hvd0NoZWNrYm94ICYmICFtdWx0aVNlbGVjdFwiPlxuICAgICAgPGZ3LXJhZGlvLWJ1dHRvblxuICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hlY2tib3hDb2xvclwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGVkXCI+XG4gICAgICA8L2Z3LXJhZGlvLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZnctaWNvbiBbY29sb3JdPVwiaWNvbkNvbG9yXCIgKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJtZW51LWljb24ge3tpY29uQ29sb3J9fVwiPnt7IGljb24gfX08L2Z3LWljb24+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXZhdGFyXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJtZW51LXRleHRcIiAqbmdJZj1cInRpdGxlXCI+XG4gICAgICA8aDQgY2xhc3M9XCJ2aXNpb24taDRcIj57eyB0aXRsZSB9fTwvaDQ+XG4gICAgICA8cCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgY2xhc3M9XCJ2aXNpb24tcDQgZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwia2V5LXRleHQgdmlzaW9uLXAyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJwXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYmFkZ2VcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1pY29uXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvbi1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8ZnctaWNvbi1idXR0b25cbiAgICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXG4gICAgICAgIFtpY29uXT1cInN1Ykl0ZW1zT3Blbj8nY2hldnJvbi11cCc6J2NoZXZyb24tZG93bidcIlxuICAgICAgICAqbmdJZj1cInN1Ykl0ZW1zLmxlbmd0aD4wXCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVN1Ykl0ZW1zVmlldygpXCI+XG4gICAgICA8L2Z3LWljb24tYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cIml0ZW0tc3ViaXRlbXNcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctbWVudS1zdWItaXRlbVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../../icon/icon.component";
|
|
5
|
-
export class FwMenuItemGroupComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.role = 'group';
|
|
8
|
-
this.iconColor = 'primary';
|
|
9
|
-
this.disabled = false;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
FwMenuItemGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuItemGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
FwMenuItemGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FwMenuItemGroupComponent, selector: "fw-menu-item-group", inputs: { role: "role", title: "title", icon: "icon", iconColor: "iconColor", disabled: "disabled" }, host: { properties: { "role": "this.role" } }, ngImport: i0, template: "<div class=\"menu-item-group\">\n <label *ngIf=\"title\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"menu-icon {{iconColor}}\">{{ icon }}</fw-icon>\n <span>{{ title }}</span>\n </label>\n <div class=\"menu-item-group-items\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4,:host .menu-item-group label{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer;color:inherit}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}:host .menu-item-group{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:8px;padding:8px;margin:1px 4px;color:var(--typography-base);width:-webkit-fill-available;width:-moz-available;width:stretch}:host .menu-item-group label{display:flex;align-items:center;gap:8px}:host .menu-item-group label .menu-icon{font-size:18px;white-space:nowrap}:host .menu-item-group .menu-item-group-items{width:-webkit-fill-available;width:-moz-available;width:stretch}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FwMenuItemGroupComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'fw-menu-item-group', template: "<div class=\"menu-item-group\">\n <label *ngIf=\"title\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"menu-icon {{iconColor}}\">{{ icon }}</fw-icon>\n <span>{{ title }}</span>\n </label>\n <div class=\"menu-item-group-items\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4,:host .menu-item-group label{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer;color:inherit}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}:host .menu-item-group{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:8px;padding:8px;margin:1px 4px;color:var(--typography-base);width:-webkit-fill-available;width:-moz-available;width:stretch}:host .menu-item-group label{display:flex;align-items:center;gap:8px}:host .menu-item-group label .menu-icon{font-size:18px;white-space:nowrap}:host .menu-item-group .menu-item-group-items{width:-webkit-fill-available;width:-moz-available;width:stretch}\n"] }]
|
|
17
|
-
}], propDecorators: { role: [{
|
|
18
|
-
type: HostBinding,
|
|
19
|
-
args: ['role']
|
|
20
|
-
}, {
|
|
21
|
-
type: Input
|
|
22
|
-
}], title: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], icon: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], iconColor: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], disabled: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21lbnUvbWVudS1pdGVtLWdyb3VwL21lbnUtaXRlbS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUtaXRlbS1ncm91cC9tZW51LWl0ZW0tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzlELE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFNZ0MsU0FBSSxHQUFHLE9BQU8sQ0FBQztRQUdwQyxjQUFTLEdBQW1GLFNBQVMsQ0FBQztRQUN0RyxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBQzNCOztzSEFOWSx3QkFBd0I7MEdBQXhCLHdCQUF3QiwrTUNUckMsNFNBU0E7NEZEQWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLQSxJQUFJO3NCQUFqQyxXQUFXO3VCQUFDLE1BQU07O3NCQUFHLEtBQUs7Z0JBQ2xCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvblR5cGUgfSBmcm9tICcuLi8uLi9pY29uL2ljb24udHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1tZW51LWl0ZW0tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1pdGVtLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS1pdGVtLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TWVudUl0ZW1Hcm91cENvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygncm9sZScpIEBJbnB1dCgpIHJvbGUgPSAnZ3JvdXAnO1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgaWNvbj86IEljb25UeXBlO1xuICBASW5wdXQoKSBpY29uQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdyZWQnIHwgJ29yYW5nZScgfCAnZ3JlZW4nIHwgJ3NsYXRlJyB8ICd0eXBvZ3JhcGh5JyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJtZW51LWl0ZW0tZ3JvdXBcIj5cbiAgPGxhYmVsICpuZ0lmPVwidGl0bGVcIj5cbiAgICA8ZnctaWNvbiBbY29sb3JdPVwiaWNvbkNvbG9yXCIgKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJtZW51LWljb24ge3tpY29uQ29sb3J9fVwiPnt7IGljb24gfX08L2Z3LWljb24+XG4gICAgPHNwYW4+e3sgdGl0bGUgfX08L3NwYW4+XG4gIDwvbGFiZWw+XG4gIDxkaXYgY2xhc3M9XCJtZW51LWl0ZW0tZ3JvdXAtaXRlbXNcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|