@flywheel-io/vision 19.7.0 → 20.0.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/fesm2022/flywheel-io-vision.mjs +832 -805
- package/fesm2022/flywheel-io-vision.mjs.map +1 -1
- package/flywheel-io-vision-20.0.0-beta.0.tgz +0 -0
- package/index.d.ts +2820 -3
- package/package.json +5 -5
- package/color.utils.d.ts +0 -2
- package/components/alert/alert.component.d.ts +0 -16
- package/components/alert/alert.module.d.ts +0 -13
- package/components/app-icon/app-icon.component.d.ts +0 -23
- package/components/app-icon/app-icon.module.d.ts +0 -12
- package/components/avatar/avatar.component.d.ts +0 -30
- package/components/avatar/avatar.module.d.ts +0 -12
- package/components/avatar-list/avatar-list.component.d.ts +0 -24
- package/components/badge/badge.component.d.ts +0 -16
- package/components/badge/badge.module.d.ts +0 -11
- package/components/breadcrumbs/breadcrumbs.component.d.ts +0 -13
- package/components/breadcrumbs/breadcrumbs.module.d.ts +0 -13
- package/components/breadcrumbs/crumb.component.d.ts +0 -16
- package/components/button/button.component.d.ts +0 -20
- package/components/button/button.directives.d.ts +0 -37
- package/components/button/button.module.d.ts +0 -14
- package/components/button-group/button-group.component.d.ts +0 -36
- package/components/button-group/button-group.module.d.ts +0 -13
- package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +0 -26
- package/components/button-toggle/button-toggle.component.d.ts +0 -39
- package/components/button-toggle/button-toggle.module.d.ts +0 -13
- package/components/card/card-attribute/card-attribute.component.d.ts +0 -12
- package/components/card/card-author/card-author.component.d.ts +0 -11
- package/components/card/card-content/card-content.component.d.ts +0 -9
- package/components/card/card-footer/card-footer.component.d.ts +0 -13
- package/components/card/card-header/card-header.component.d.ts +0 -14
- package/components/card/card.component.d.ts +0 -16
- package/components/card/card.module.d.ts +0 -18
- package/components/checkbox/checkbox.component.d.ts +0 -27
- package/components/checkbox/checkbox.module.d.ts +0 -12
- package/components/chip/chip.component.d.ts +0 -26
- package/components/chip/chip.module.d.ts +0 -13
- package/components/chip-list/chip-list.component.d.ts +0 -21
- package/components/contained-input/contained-input.component.d.ts +0 -27
- package/components/contained-input/contained-input.module.d.ts +0 -15
- package/components/date-input/date-input.component.d.ts +0 -51
- package/components/date-input/date-input.module.d.ts +0 -13
- package/components/dialog/dialog-actions.component.d.ts +0 -13
- package/components/dialog/dialog-confirm.component.d.ts +0 -42
- package/components/dialog/dialog-content.component.d.ts +0 -14
- package/components/dialog/dialog-header.component.d.ts +0 -13
- package/components/dialog/dialog-simple.component.d.ts +0 -39
- package/components/dialog/dialog.component.d.ts +0 -39
- package/components/dialog/dialog.service.d.ts +0 -22
- package/components/dialog/dialogs.module.d.ts +0 -20
- package/components/form-heading/form-heading.component.d.ts +0 -16
- package/components/form-heading/form-heading.module.d.ts +0 -14
- package/components/forms/validators.d.ts +0 -29
- package/components/icon/icon.component.d.ts +0 -22
- package/components/icon/icon.module.d.ts +0 -11
- package/components/icon/icon.types.d.ts +0 -2
- package/components/icon-button/icon-button.component.d.ts +0 -17
- package/components/icon-button/icon-button.module.d.ts +0 -12
- package/components/layouts/context/context.component.d.ts +0 -23
- package/components/layouts/grid/grid.component.d.ts +0 -23
- package/components/layouts/layout-group.component.d.ts +0 -13
- package/components/layouts/layouts.module.d.ts +0 -17
- package/components/layouts/panel/panel.component.d.ts +0 -15
- package/components/layouts/sidebar/sidebar.component.d.ts +0 -13
- package/components/layouts/toolbar/toolbar.component.d.ts +0 -11
- package/components/menu/menu-close-triggers.directive.d.ts +0 -11
- package/components/menu/menu-container/menu-container.component.d.ts +0 -62
- package/components/menu/menu-header/menu-header.component.d.ts +0 -9
- package/components/menu/menu-item/menu-item.component.d.ts +0 -50
- package/components/menu/menu-item-group/menu-item-group.component.d.ts +0 -20
- package/components/menu/menu-separator/menu-separator.component.d.ts +0 -10
- package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +0 -25
- package/components/menu/menu.component.d.ts +0 -34
- package/components/menu/menu.module.d.ts +0 -27
- package/components/navbar/navbar-header/navbar-header.component.d.ts +0 -9
- package/components/navbar/navbar-item/navbar-item.component.d.ts +0 -32
- package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +0 -22
- package/components/navbar/navbar.component.d.ts +0 -18
- package/components/navbar/navbar.module.d.ts +0 -21
- package/components/number-input/number-input.component.d.ts +0 -46
- package/components/number-input/number-input.module.d.ts +0 -13
- package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts +0 -36
- package/components/paginator/paginator.component.d.ts +0 -47
- package/components/paginator/paginator.model.d.ts +0 -8
- package/components/paginator/paginator.module.d.ts +0 -17
- package/components/phone-input/country-code.data.d.ts +0 -2
- package/components/phone-input/phone-input.component.d.ts +0 -70
- package/components/phone-input/phone-input.model.d.ts +0 -10
- package/components/phone-input/phone-input.module.d.ts +0 -16
- package/components/popover/popover-panel/popover-panel.component.d.ts +0 -14
- package/components/popover/popover.component.d.ts +0 -36
- package/components/popover/popover.module.d.ts +0 -14
- package/components/progress/bar/bar.component.d.ts +0 -35
- package/components/progress/progress.module.d.ts +0 -12
- package/components/progress/spinner/spinner.component.d.ts +0 -40
- package/components/radio/radio-group.component.d.ts +0 -34
- package/components/radio/radio.component.d.ts +0 -21
- package/components/radio/radio.module.d.ts +0 -13
- package/components/section-heading/back-button/back-button.component.d.ts +0 -15
- package/components/section-heading/section-heading.component.d.ts +0 -17
- package/components/section-heading/section-heading.module.d.ts +0 -15
- package/components/section-heading/subsection-heading/subsection-heading.component.d.ts +0 -13
- package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +0 -81
- package/components/select-menu/select-menu.component.d.ts +0 -117
- package/components/select-menu/select-menu.module.d.ts +0 -20
- 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 -32
- package/components/snackbar/snackbar-container/snackbar-container.component.d.ts +0 -23
- package/components/snackbar/snackbar-message.model.d.ts +0 -14
- package/components/snackbar/snackbar-timer.service.d.ts +0 -10
- package/components/snackbar/snackbar.module.d.ts +0 -15
- package/components/snackbar/snackbar.service.d.ts +0 -13
- package/components/stepper/step.component.d.ts +0 -31
- package/components/stepper/stepper.component.d.ts +0 -27
- package/components/stepper/stepper.module.d.ts +0 -14
- package/components/switch/switch.component.d.ts +0 -26
- package/components/switch/switch.module.d.ts +0 -11
- 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 -15
- package/components/table/table.component.d.ts +0 -15
- package/components/table/table.module.d.ts +0 -15
- package/components/tabs/tab/tab.component.d.ts +0 -25
- package/components/tabs/tab-panel/tab-panel.component.d.ts +0 -10
- package/components/tabs/tabs.component.d.ts +0 -21
- package/components/tabs/tabs.module.d.ts +0 -14
- package/components/tag/tag.component.d.ts +0 -13
- package/components/tag/tag.module.d.ts +0 -12
- package/components/text/text.component.d.ts +0 -16
- package/components/text-input/text-input.component.d.ts +0 -53
- package/components/text-input/text-input.module.d.ts +0 -14
- package/components/textarea-input/textarea-input.component.d.ts +0 -40
- package/components/textarea-input/textarea-input.module.d.ts +0 -14
- package/components/timezone-select/time-zone-select.component.d.ts +0 -38
- package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts +0 -27
- package/components/tooltip/tooltip.component.d.ts +0 -28
- package/components/tooltip/tooltip.directive.d.ts +0 -67
- package/components/tooltip/tooltip.module.d.ts +0 -16
- package/components/typeahead/typeahead.component.d.ts +0 -72
- package/components/wrapped-input/wrapped-input.component.d.ts +0 -18
- package/components/wrapped-input/wrapped-input.module.d.ts +0 -12
- package/directives/NoopValueAccessor.directive.d.ts +0 -15
- package/directives/menu-register.directive.d.ts +0 -14
- package/public-api.d.ts +0 -136
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
type ColorOption = 'primary' | 'secondary' | 'red' | 'error' | 'warning' | 'orange' | 'success' | 'green' | 'light-slate' | 'slate' | 'overlay' | 'info';
|
|
3
|
-
/**
|
|
4
|
-
* Component for a clickable icon-only button with configurable color, size, and selected state
|
|
5
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-icon-button--docs)
|
|
6
|
-
*/
|
|
7
|
-
export declare class FwIconButtonComponent {
|
|
8
|
-
color: import("@angular/core").InputSignal<ColorOption>;
|
|
9
|
-
icon: import("@angular/core").InputSignal<"filter" | "server" | "search" | "link" | "3d-sphere-rotate-arrows" | "add-circle" | "add-new-create" | "add-row-above" | "add-row-below" | "add-server" | "add-server-databases-endpoint" | "add-user" | "ai" | "apple" | "apply-copy-duplicate" | "archive-documents-box-big" | "arrange-filter-sort" | "arrow" | "arrow-annotate" | "arrow-back" | "arrow-back-collapse" | "arrow-down" | "arrow-forward" | "arrow-forward-collapse" | "arrow-redo" | "arrow-rotate" | "arrow-rotate-restore" | "arrow-undo" | "arrow-up" | "arrow-up-high-priority" | "arrow-up-low-priority" | "barcode-serial" | "barcode-stack-scan" | "bell-notification" | "bezier-curve" | "blocks-code-test-checkmark" | "book-lab-flask" | "bookmark" | "bookmark-plus-add" | "brain" | "brightness-photo-edit" | "browser-internet-web-windows" | "brush-edit-create" | "bucket-paint" | "button-form-element" | "calendar-arrow-left-center" | "calendar-schedule" | "camera-photo-capture" | "cash-banknotes" | "certificate" | "chart-square" | "chart-trend-square" | "chat-messages-bubble" | "check-mark-certificate" | "checklist" | "checklist-tasks-chechmark-square" | "chevron-back" | "chevron-down" | "chevron-forward" | "chevron-input-number" | "chevron-up" | "circle" | "circle-ellipses" | "clap-applause-hands" | "clip-attachment" | "clock-history" | "clock-hour-4" | "clock-loading" | "close" | "close-circled" | "closed-freehand-vector-poly" | "cloud-network-add" | "cloud-storage-checkmark" | "cloud-upload" | "code-block-embed" | "code-text" | "color-design-profile" | "color-ven-design-profile-central" | "column-edit" | "computer-chip" | "contract-vertical" | "contrast-photo-edit" | "conversion-exchange" | "copy-item" | "creative-commons" | "crosshair" | "crown-style-circle" | "cursor-click" | "cursor-select" | "curve-object-secet-cursor" | "data-tree" | "delivery-shipment-packages" | "dna-hospital-medical" | "document-file-add-plus-bottom-left" | "document-file-blank" | "document-file-checkmark-bottom-left" | "document-file-deleted-cross-remove-center-cancel" | "document-file-download" | "document-file-list-protocol" | "document-file-tar" | "document-file-upload-bottom-center" | "document-file-zip" | "document-status-done-checkmark" | "document-visible" | "documents-file" | "documents-file-checkmark" | "documents-file-move-arrow-right" | "documents-files" | "done-check" | "done-check-tracked" | "download" | "download-status" | "drag-drop-indicator" | "draw-rectangle" | "earth-globe-fail" | "edit" | "edit-boxed" | "edit-erase" | "email" | "email-mail-checkmark-group" | "embed-circle" | "exchange" | "expand-pathfinder-dot-square-segmentation" | "eye-modern-square-read" | "facebook" | "file-blank-image-load-mask" | "file-blank-search" | "file-download" | "file-text" | "files" | "files-library" | "files-library-content" | "filter-sort-add" | "filter-sort-check-mark" | "filter-sort-delete" | "flag" | "flip-horizontal" | "flip-vertical" | "floppy-save" | "flywheel-mark-logo" | "flywheel-viewer-mark-logo" | "folder-add" | "folder-blank" | "folder-checked" | "folder-copy-expand-arrow-down" | "folder-copy-expand-arrow-up" | "folder-group" | "folder-move" | "folder-open" | "folder-share" | "form-metadata-element" | "free-rights" | "freehand-vector-poly" | "full-screen-zoom" | "git-add-branch" | "git-branch" | "git-merge" | "git-merge-draft" | "git-pull-request-2" | "github-color-login" | "gitlab" | "graduate-hat" | "grid-dot-square" | "grid-layout" | "grid-layout-9-square" | "hammer-legal-square" | "hammer-screwdriver" | "hand-money-currency" | "header-form-element" | "home-modern-door" | "home-modern-option-lines" | "human-artificial-intelligence" | "icon-placeholder" | "image-photo-copy-left-down" | "image-picture-square" | "information-circle" | "invoice" | "invoice-checkmark-paid" | "italic" | "items-group-elements" | "key" | "keyboard" | "keychain" | "label-tag" | "laptop-health-medical-cross" | "layers" | "layout" | "layout-grid" | "line" | "link-unlink" | "linkedin" | "linux" | "list-paragraph" | "list-paragraph-number" | "list-test-lab-flask" | "livewire-tool" | "loading-status-checkmark" | "lock" | "lock-unlock" | "logout" | "lungs" | "markdown" | "measure-angle" | "measure-ruler-calibration" | "media-library-imports-dowload" | "menu-burger-handle" | "menu-horizontal" | "menu-list-form-square" | "menu-vertical" | "message-chat-add-plus" | "message-chat-info" | "message-chat-question-support" | "message-checkmark-sent" | "message-question-checkmark" | "microphone-mic-rec" | "microphone-mic-rec-circle" | "microphone-mic-recording-circle" | "minus" | "modalities" | "molecule" | "money" | "money-coin" | "money-dollar" | "monitor-computer" | "moon-night-mode" | "mouse-big" | "mouse-scroll" | "move" | "music-play-resume" | "music-stop" | "mute" | "network-storage-alert" | "notebook" | "notebook-add-plus" | "notebook-open" | "notebook-pen-edit" | "notes-pen" | "object-search-zoom-plus" | "open" | "paint-roller" | "pause" | "pen-edit-circle" | "pen-edit-compose-new" | "pencil-edit-create" | "photo-edit-brightness-invert" | "pie-chart" | "pie-graph-chart-sample" | "plus-add-rectangle" | "polygon" | "private-mode-protection-circle" | "protection-target" | "protective-mask" | "question-circle" | "quote" | "radiology-scan" | "radiology-scan-circle" | "reader-studies" | "rotate" | "rotate-arrow-manual" | "rotate-item-left" | "rotate-item-right" | "rotate-refresh" | "ruler" | "ruler-bidirectional" | "scanner" | "search-loop" | "search-user-profile-person" | "search-zoom-minus" | "search-zoom-plus" | "section-form-element" | "send-message-share" | "server-checkmark" | "server-database-endpoint" | "server-databases-checkmark-user" | "server-databases-connect" | "server-databases-download" | "server-databases-key-protection" | "server-databases-minimal-download" | "server-databases-sync" | "server-databases-sync-import" | "server-upload" | "servers-database" | "setting-gear" | "settings-adjust" | "settings-gear" | "settings-gear-square" | "settings-select" | "shapes-objects" | "share" | "shield-protect" | "show-visible" | "smiley-emoji-face" | "speed-dashboard" | "square-fill" | "square-fill-outline" | "square-outline" | "star" | "star-ai-artificial-intelligence" | "stars-light-sparkle" | "stomach" | "stop-minus" | "stretch-vertical" | "substract-group" | "switch" | "target" | "target-space-object-select" | "task-list-add-checkmark" | "tasklist-to-do-checkmark" | "technology-cube-3d" | "test-lab-flask" | "text-bold" | "text-cross" | "text-h1" | "text-h2" | "text-input-form" | "text-long" | "text-short-form-element" | "text-underline" | "thumbs-down-dislike" | "thumbs-up-like" | "timer-clock-style" | "trash-bin-warning" | "trash-delete" | "twitter" | "undone-uncheck-untracked" | "unlimited-repeat-subscription-circle" | "upload" | "user" | "user-checked" | "user-delete-cross" | "user-document" | "user-group" | "user-key" | "user-lock" | "user-profile-cards-pool" | "user-profile-group-discovery" | "user-setting-gear" | "video-player-controls" | "visible-eye-hidden" | "volume-full" | "warning" | "warning-circle" | "window-finder-resize-arrow-down" | "window-finder-resize-arrow-up" | "window-resize-left" | "window-resize-right" | "window-zoom-plus-loupe" | "windows" | "workspace-mode" | "youtube" | "zendesk-logo">;
|
|
10
|
-
size: import("@angular/core").InputSignal<"large" | "medium" | "small">;
|
|
11
|
-
disabled: import("@angular/core").InputSignal<boolean>;
|
|
12
|
-
selected: import("@angular/core").InputSignal<boolean>;
|
|
13
|
-
border: import("@angular/core").InputSignal<boolean>;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwIconButtonComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwIconButtonComponent, "fw-icon-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@angular/common";
|
|
3
|
-
import * as i2 from "../icon/icon.module";
|
|
4
|
-
import * as i3 from "./icon-button.component";
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated import component directly, intent to remove in v20
|
|
7
|
-
*/
|
|
8
|
-
export declare class FwIconButtonModule {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwIconButtonModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwIconButtonModule, never, [typeof i1.CommonModule, typeof i2.FwIconModule, typeof i3.FwIconButtonComponent], [typeof i3.FwIconButtonComponent]>;
|
|
11
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<FwIconButtonModule>;
|
|
12
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { IconType } from '../../icon/icon.types';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare enum LayoutWidth {
|
|
4
|
-
Small = "small",
|
|
5
|
-
Medium = "medium",
|
|
6
|
-
Large = "large",
|
|
7
|
-
ExtraLarge = "extra-large"
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Layout component for an empty-state or contextual message panel with an icon, title, and description
|
|
11
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/layout-context--docs)
|
|
12
|
-
*/
|
|
13
|
-
export declare class FwLayoutContextComponent {
|
|
14
|
-
width?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
15
|
-
icon?: IconType;
|
|
16
|
-
iconColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'warning' | 'success';
|
|
17
|
-
title?: string;
|
|
18
|
-
description?: string;
|
|
19
|
-
get hostTitle(): null;
|
|
20
|
-
get classes(): string;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutContextComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutContextComponent, "fw-layout-context", never, { "width": { "alias": "width"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, ["[slot='description']", "fw-button"], true, never>;
|
|
23
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Layout component for a 12-column responsive grid container
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/layout-grid--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwGridComponent {
|
|
7
|
-
get cssClass(): string;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwGridComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwGridComponent, "fw-grid", never, {}, {}, never, ["fw-grid-item"], true, never>;
|
|
10
|
-
}
|
|
11
|
-
export declare class FwGridItemComponent {
|
|
12
|
-
cols: number;
|
|
13
|
-
sm?: number;
|
|
14
|
-
md?: number;
|
|
15
|
-
lg?: number;
|
|
16
|
-
xl?: number;
|
|
17
|
-
padded?: boolean;
|
|
18
|
-
rounded?: boolean;
|
|
19
|
-
variant?: 'page-light' | 'page-shaded' | 'card-header' | 'card-background';
|
|
20
|
-
get cssClass(): string;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwGridItemComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwGridItemComponent, "fw-grid-item", never, { "cols": { "alias": "cols"; "required": false; }; "sm": { "alias": "sm"; "required": false; }; "md": { "alias": "md"; "required": false; }; "lg": { "alias": "lg"; "required": false; }; "xl": { "alias": "xl"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
23
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Layout component for arranging child elements in a horizontal group with configurable justification and padding
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/layout-group--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwLayoutGroupComponent {
|
|
7
|
-
stackable: boolean;
|
|
8
|
-
padded: boolean;
|
|
9
|
-
justify: 'space-between' | 'space-around' | 'space-evenly' | 'flex-end' | 'flex-start';
|
|
10
|
-
get classes(): string;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutGroupComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutGroupComponent, "fw-layout-group", never, { "stackable": { "alias": "stackable"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
13
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@angular/common";
|
|
3
|
-
import * as i2 from "../icon/icon.module";
|
|
4
|
-
import * as i3 from "./context/context.component";
|
|
5
|
-
import * as i4 from "./toolbar/toolbar.component";
|
|
6
|
-
import * as i5 from "./layout-group.component";
|
|
7
|
-
import * as i6 from "./panel/panel.component";
|
|
8
|
-
import * as i7 from "./sidebar/sidebar.component";
|
|
9
|
-
import * as i8 from "./grid/grid.component";
|
|
10
|
-
/**
|
|
11
|
-
* @deprecated import component directly, intent to remove in v20
|
|
12
|
-
*/
|
|
13
|
-
export declare class FwLayoutsModule {
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutsModule, never>;
|
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwLayoutsModule, never, [typeof i1.CommonModule, typeof i2.FwIconModule, typeof i3.FwLayoutContextComponent, typeof i4.FwLayoutToolbarComponent, typeof i5.FwLayoutGroupComponent, typeof i6.FwLayoutPanelComponent, typeof i7.FwLayoutSidebarComponent, typeof i8.FwGridComponent, typeof i8.FwGridItemComponent], [typeof i3.FwLayoutContextComponent, typeof i4.FwLayoutToolbarComponent, typeof i5.FwLayoutGroupComponent, typeof i6.FwLayoutPanelComponent, typeof i7.FwLayoutSidebarComponent, typeof i8.FwGridComponent, typeof i8.FwGridItemComponent]>;
|
|
16
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<FwLayoutsModule>;
|
|
17
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Layout component for a bordered, optionally padded panel container with configurable height and rounding
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/layout-panel--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwLayoutPanelComponent {
|
|
7
|
-
height?: string;
|
|
8
|
-
fitted?: boolean;
|
|
9
|
-
border?: 'all' | 'left' | 'right' | 'none';
|
|
10
|
-
rounded?: boolean;
|
|
11
|
-
margin?: boolean;
|
|
12
|
-
padded?: boolean;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutPanelComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutPanelComponent, "fw-layout-panel", never, { "height": { "alias": "height"; "required": false; }; "fitted": { "alias": "fitted"; "required": false; }; "border": { "alias": "border"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; }, {}, never, ["header", "*", "footer"], true, never>;
|
|
15
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Layout component for a two-pane sidebar layout with a configurable width, border, and direction
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/layout-sidebar--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwLayoutSidebarComponent {
|
|
7
|
-
outlined: boolean;
|
|
8
|
-
rounded: boolean;
|
|
9
|
-
width?: string;
|
|
10
|
-
direction?: 'row' | 'row-reverse';
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutSidebarComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutSidebarComponent, "fw-layout-sidebar", never, { "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "width": { "alias": "width"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*", "aside"], true, never>;
|
|
13
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Layout component for a horizontal toolbar strip, with an optional dense variant for compact UIs
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/layout-toolbar--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwLayoutToolbarComponent {
|
|
7
|
-
dense?: boolean;
|
|
8
|
-
get classes(): string;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwLayoutToolbarComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwLayoutToolbarComponent, "fw-layout-toolbar", never, { "dense": { "alias": "dense"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
11
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
-
import { QueryList } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class FwMenuCloseTriggersDirective {
|
|
5
|
-
triggers?: QueryList<CdkMenuTrigger>;
|
|
6
|
-
private _isOpen;
|
|
7
|
-
private elementRef;
|
|
8
|
-
outsideClick(event: MouseEvent): void;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuCloseTriggersDirective, never>;
|
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FwMenuCloseTriggersDirective, "[fwMenuCloseTriggers]", never, {}, {}, ["triggers"], never, true, never>;
|
|
11
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, NgZone } from '@angular/core';
|
|
2
|
-
import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
|
|
3
|
-
import { FwTextInputComponent } from '../../text-input/text-input.component';
|
|
4
|
-
import { FwMenuComponent } from '../menu.component';
|
|
5
|
-
import { FwMenuItemComponent } from '../menu-item/menu-item.component';
|
|
6
|
-
import { FwMenuItemGroupComponent } from '../menu-item-group/menu-item-group.component';
|
|
7
|
-
import { FwMenuSeparatorComponent } from '../menu-separator/menu-separator.component';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@angular/cdk/coercion";
|
|
10
|
-
export type MenuFilterFn = (filter: string, menuItems: readonly FwMenuItemComponent[]) => FwMenuItemComponent[];
|
|
11
|
-
/**
|
|
12
|
-
* Container component that wraps a menu with optional search filtering, scroll chevrons, and empty-state messaging
|
|
13
|
-
* * @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
14
|
-
*/
|
|
15
|
-
export declare class FwMenuContainerComponent implements AfterViewInit {
|
|
16
|
-
private sanitizer;
|
|
17
|
-
private ngZone;
|
|
18
|
-
menuWrapperRef: ElementRef<HTMLElement>;
|
|
19
|
-
canScrollUp: import("@angular/core").WritableSignal<boolean>;
|
|
20
|
-
canScrollDown: import("@angular/core").WritableSignal<boolean>;
|
|
21
|
-
private scrollInterval;
|
|
22
|
-
width?: string;
|
|
23
|
-
maxHeight?: string;
|
|
24
|
-
minHeight?: string;
|
|
25
|
-
border?: 'none' | 'default';
|
|
26
|
-
shadow?: 'none' | 'small' | 'medium' | 'large' | 'extra-large' | 'inner';
|
|
27
|
-
showFilter: boolean;
|
|
28
|
-
filterText: import("@angular/core").InputSignal<string>;
|
|
29
|
-
focusFilterOnMount: boolean;
|
|
30
|
-
offset?: string;
|
|
31
|
-
emptyText: import("@angular/core").InputSignal<string>;
|
|
32
|
-
filteredMenuItems: FwMenuItemComponent[];
|
|
33
|
-
filteredMenuItemChange: import("@angular/core").OutputEmitterRef<FwMenuItemComponent[]>;
|
|
34
|
-
private defaultFilterFn;
|
|
35
|
-
filterFn: import("@angular/core").InputSignal<MenuFilterFn>;
|
|
36
|
-
filterChanged: import("@angular/core").OutputEmitterRef<string>;
|
|
37
|
-
filterRef: FwTextInputComponent;
|
|
38
|
-
menu: FwMenuComponent;
|
|
39
|
-
additionalMenuItems: import("@angular/core").InputSignal<readonly FwMenuItemComponent[]>;
|
|
40
|
-
additionalGroups: import("@angular/core").InputSignal<readonly FwMenuItemGroupComponent[]>;
|
|
41
|
-
additionalSeparators: import("@angular/core").InputSignal<readonly FwMenuSeparatorComponent[]>;
|
|
42
|
-
childMenuItems: import("@angular/core").Signal<readonly FwMenuItemComponent[]>;
|
|
43
|
-
childSeparators: import("@angular/core").Signal<readonly FwMenuSeparatorComponent[]>;
|
|
44
|
-
childGroups: import("@angular/core").Signal<readonly FwMenuItemGroupComponent[]>;
|
|
45
|
-
private combinedMenuItems;
|
|
46
|
-
keyHandler: (event: KeyboardEvent) => void;
|
|
47
|
-
get classes(): string;
|
|
48
|
-
get style(): SafeStyle;
|
|
49
|
-
constructor(sanitizer: DomSanitizer, ngZone: NgZone);
|
|
50
|
-
ngAfterViewInit(): void;
|
|
51
|
-
updateScrollState(): void;
|
|
52
|
-
startScroll(direction: 'up' | 'down'): void;
|
|
53
|
-
stopScroll(): void;
|
|
54
|
-
noResults: import("@angular/core").WritableSignal<boolean>;
|
|
55
|
-
handleFilterClick(event: Event): void;
|
|
56
|
-
handleFilterInput(event: Event): void;
|
|
57
|
-
onFilterChange(filter: string): void;
|
|
58
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuContainerComponent, never>;
|
|
59
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuContainerComponent, "fw-menu-container, fw-menu-filter", never, { "width": { "alias": "width"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "border": { "alias": "border"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "filterText": { "alias": "filterText"; "required": false; "isSignal": true; }; "focusFilterOnMount": { "alias": "focusFilterOnMount"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "additionalMenuItems": { "alias": "additionalMenuItems"; "required": false; "isSignal": true; }; "additionalGroups": { "alias": "additionalGroups"; "required": false; "isSignal": true; }; "additionalSeparators": { "alias": "additionalSeparators"; "required": false; "isSignal": true; }; "keyHandler": { "alias": "keyHandler"; "required": false; }; }, { "filteredMenuItemChange": "filteredMenuItemChange"; "filterChanged": "filterChanged"; }, ["childMenuItems", "childSeparators", "childGroups", "menu"], [".filter-content", "*", "custom-menu-items"], true, never>;
|
|
60
|
-
static ngAcceptInputType_showFilter: i1.BooleanInput;
|
|
61
|
-
static ngAcceptInputType_focusFilterOnMount: i1.BooleanInput;
|
|
62
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Sub-component for rendering a styled header section at the top of a menu
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwMenuHeaderComponent {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuHeaderComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuHeaderComponent, "fw-menu-header", never, {}, {}, never, ["*", "fw-icon-button", "fw-badge"], true, never>;
|
|
9
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { IconType } from '../../icon/icon.types';
|
|
3
|
-
import { FwMenuSubItemComponent } from '../menu-sub-item/menu-sub-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
type MouseEnterHandler = ($event: PointerEvent, item: FwMenuItemComponent) => void;
|
|
6
|
-
/**
|
|
7
|
-
* Individual menu item with optional icon, checkbox, sub-items, and href navigation support
|
|
8
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
9
|
-
*/
|
|
10
|
-
export declare class FwMenuItemComponent implements OnChanges, OnDestroy, AfterContentInit {
|
|
11
|
-
private elementRef;
|
|
12
|
-
value?: string;
|
|
13
|
-
size?: 'default' | 'compact';
|
|
14
|
-
title: string;
|
|
15
|
-
description?: string;
|
|
16
|
-
icon?: IconType;
|
|
17
|
-
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography';
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
showCheckbox?: boolean;
|
|
20
|
-
checkboxColor?: 'primary' | 'secondary';
|
|
21
|
-
multiSelect?: boolean;
|
|
22
|
-
hidden?: boolean;
|
|
23
|
-
collapsed?: boolean;
|
|
24
|
-
href?: string;
|
|
25
|
-
target?: string;
|
|
26
|
-
subItemsOpen: boolean;
|
|
27
|
-
mouseEnterHandler: import("@angular/core").ModelSignal<MouseEnterHandler>;
|
|
28
|
-
click: EventEmitter<string>;
|
|
29
|
-
focused: import("@angular/core").ModelSignal<boolean>;
|
|
30
|
-
selected?: boolean;
|
|
31
|
-
subItems: QueryList<FwMenuSubItemComponent>;
|
|
32
|
-
private subscriptions;
|
|
33
|
-
constructor(elementRef: ElementRef<HTMLElement>);
|
|
34
|
-
scrollIntoView(options?: ScrollIntoViewOptions): void;
|
|
35
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
36
|
-
ngOnDestroy(): void;
|
|
37
|
-
ngAfterContentInit(): void;
|
|
38
|
-
onMouseEnter(event: PointerEvent): void;
|
|
39
|
-
updateLayout(): void;
|
|
40
|
-
toggleSubItemsView(): void;
|
|
41
|
-
handleClick(evt: Event): void;
|
|
42
|
-
/**
|
|
43
|
-
* stops the browser built-in tooltip from showing up
|
|
44
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/title
|
|
45
|
-
*/
|
|
46
|
-
get attrTitle(): string;
|
|
47
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuItemComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemComponent, "fw-menu-item", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "checkboxColor": { "alias": "checkboxColor"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "subItemsOpen": { "alias": "subItemsOpen"; "required": false; }; "mouseEnterHandler": { "alias": "mouseEnterHandler"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; }; }, { "mouseEnterHandler": "mouseEnterHandlerChange"; "click": "click"; "focused": "focusedChange"; }, ["subItems"], ["fw-avatar", "p", "fw-badge", "fw-icon", "fw-icon-button", "fw-menu-sub-item"], true, never>;
|
|
49
|
-
}
|
|
50
|
-
export {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { QueryList } from '@angular/core';
|
|
2
|
-
import { IconType } from '../../icon/icon.types';
|
|
3
|
-
import { FwMenuItemComponent } from '../menu-item/menu-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Sub-component for grouping related menu items under an optional titled section with an icon
|
|
7
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
8
|
-
*/
|
|
9
|
-
export declare class FwMenuItemGroupComponent {
|
|
10
|
-
role: string;
|
|
11
|
-
hidden: boolean;
|
|
12
|
-
title?: string;
|
|
13
|
-
icon?: IconType;
|
|
14
|
-
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography';
|
|
15
|
-
disabled: boolean;
|
|
16
|
-
menuItems: QueryList<FwMenuItemComponent>;
|
|
17
|
-
get allItemsHidden(): boolean;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuItemGroupComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemGroupComponent, "fw-menu-item-group", never, { "role": { "alias": "role"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["menuItems"], ["*"], true, never>;
|
|
20
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Sub-component for rendering a visual divider line between sections of a menu
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwMenuSeparatorComponent {
|
|
7
|
-
hidden: boolean;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuSeparatorComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuSeparatorComponent, "fw-menu-separator", never, {}, {}, never, never, true, never>;
|
|
10
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { IconType } from '../../icon/icon.types';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Nested sub-item used inside a menu item, supporting animated expand/collapse and optional href navigation
|
|
6
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
7
|
-
*/
|
|
8
|
-
export declare class FwMenuSubItemComponent {
|
|
9
|
-
value?: string;
|
|
10
|
-
size?: 'default' | 'compact';
|
|
11
|
-
title: string;
|
|
12
|
-
description?: string;
|
|
13
|
-
icon?: IconType;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
hidden?: boolean;
|
|
16
|
-
href?: string;
|
|
17
|
-
target?: string;
|
|
18
|
-
collapsed?: boolean;
|
|
19
|
-
click: EventEmitter<string>;
|
|
20
|
-
focused?: boolean;
|
|
21
|
-
selected?: boolean;
|
|
22
|
-
handleClick(evt?: Event): void;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuSubItemComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuSubItemComponent, "fw-menu-sub-item", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "click": "click"; }, never, ["p", "fw-badge", "fw-icon", "fw-icon-button"], true, never>;
|
|
25
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { FwMenuItemComponent } from './menu-item/menu-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Component for a list of selectable menu items
|
|
7
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-menu--docs)
|
|
8
|
-
*/
|
|
9
|
-
export declare class FwMenuComponent implements ControlValueAccessor, OnChanges, OnDestroy, AfterContentInit {
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
size?: 'default' | 'compact';
|
|
12
|
-
multiSelect?: boolean;
|
|
13
|
-
useCheckbox?: boolean;
|
|
14
|
-
value?: string | string[];
|
|
15
|
-
change: EventEmitter<string | string[]>;
|
|
16
|
-
menuItems: QueryList<FwMenuItemComponent>;
|
|
17
|
-
menuContentWrapper: ElementRef;
|
|
18
|
-
onChange: (value: string | string[]) => void;
|
|
19
|
-
onTouched: () => void;
|
|
20
|
-
private subscriptions;
|
|
21
|
-
private menuItemSubscriptions;
|
|
22
|
-
ngOnChanges(): void;
|
|
23
|
-
ngOnDestroy(): void;
|
|
24
|
-
private subscribeToMenuItems;
|
|
25
|
-
ngAfterContentInit(): void;
|
|
26
|
-
writeValue(value: string | string[]): void;
|
|
27
|
-
registerOnChange(fn: (value: string | string[]) => void): void;
|
|
28
|
-
registerOnTouched(fn: () => void): void;
|
|
29
|
-
setDisabledState?(isDisabled: boolean): void;
|
|
30
|
-
handleSelect(value: string): void;
|
|
31
|
-
updateLayout(): void;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "useCheckbox": { "alias": "useCheckbox"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["menuContentWrapper", "menuItems"], ["*"], true, never>;
|
|
34
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@angular/cdk/menu";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/forms";
|
|
5
|
-
import * as i4 from "../badge/badge.module";
|
|
6
|
-
import * as i5 from "../icon-button/icon-button.module";
|
|
7
|
-
import * as i6 from "../icon/icon.module";
|
|
8
|
-
import * as i7 from "../text-input/text-input.module";
|
|
9
|
-
import * as i8 from "../tooltip/tooltip.module";
|
|
10
|
-
import * as i9 from "../checkbox/checkbox.module";
|
|
11
|
-
import * as i10 from "../radio/radio.module";
|
|
12
|
-
import * as i11 from "./menu-close-triggers.directive";
|
|
13
|
-
import * as i12 from "./menu.component";
|
|
14
|
-
import * as i13 from "./menu-container/menu-container.component";
|
|
15
|
-
import * as i14 from "./menu-header/menu-header.component";
|
|
16
|
-
import * as i15 from "./menu-item/menu-item.component";
|
|
17
|
-
import * as i16 from "./menu-item-group/menu-item-group.component";
|
|
18
|
-
import * as i17 from "./menu-separator/menu-separator.component";
|
|
19
|
-
import * as i18 from "./menu-sub-item/menu-sub-item.component";
|
|
20
|
-
/**
|
|
21
|
-
* @deprecated import component directly, intent to remove in v20
|
|
22
|
-
*/
|
|
23
|
-
export declare class FwMenuModule {
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuModule, never>;
|
|
25
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwMenuModule, never, [typeof i1.CdkMenuModule, typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.FwBadgeModule, typeof i5.FwIconButtonModule, typeof i6.FwIconModule, typeof i7.FwTextInputModule, typeof i8.FwTooltipModule, typeof i9.FwCheckboxModule, typeof i10.FwRadioModule, typeof i11.FwMenuCloseTriggersDirective, typeof i12.FwMenuComponent, typeof i13.FwMenuContainerComponent, typeof i14.FwMenuHeaderComponent, typeof i15.FwMenuItemComponent, typeof i16.FwMenuItemGroupComponent, typeof i17.FwMenuSeparatorComponent, typeof i18.FwMenuSubItemComponent], [typeof i11.FwMenuCloseTriggersDirective, typeof i12.FwMenuComponent, typeof i13.FwMenuContainerComponent, typeof i14.FwMenuHeaderComponent, typeof i15.FwMenuItemComponent, typeof i16.FwMenuItemGroupComponent, typeof i17.FwMenuSeparatorComponent, typeof i18.FwMenuSubItemComponent]>;
|
|
26
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<FwMenuModule>;
|
|
27
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Sub-component for rendering the header area at the top of a navbar, typically used for branding or logo
|
|
4
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-navbar--docs)
|
|
5
|
-
*/
|
|
6
|
-
export declare class FwNavbarHeaderComponent {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarHeaderComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarHeaderComponent, "fw-navbar-header", never, {}, {}, never, ["*", "fw-icon-button", "fw-badge"], true, never>;
|
|
9
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { IconType } from '../../icon/icon.types';
|
|
3
|
-
import { FwNavbarSubItemComponent } from '../navbar-sub-item/navbar-sub-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Navigation item for a navbar with an icon, title, optional sub-items, and collapsible/disabled state support
|
|
7
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-navbar--docs)
|
|
8
|
-
*/
|
|
9
|
-
export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
|
|
10
|
-
value?: string;
|
|
11
|
-
title: string;
|
|
12
|
-
description?: string;
|
|
13
|
-
icon?: IconType;
|
|
14
|
-
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography' | 'muted';
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
hidden?: boolean;
|
|
17
|
-
tooltipText?: string;
|
|
18
|
-
showTooltip?: boolean;
|
|
19
|
-
collapsed?: boolean;
|
|
20
|
-
href?: string;
|
|
21
|
-
target?: string;
|
|
22
|
-
subItemsOpen: boolean;
|
|
23
|
-
subItemsTooltipTitle?: string;
|
|
24
|
-
selected?: boolean;
|
|
25
|
-
subItems: QueryList<FwNavbarSubItemComponent>;
|
|
26
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
27
|
-
ngAfterViewInit(): void;
|
|
28
|
-
updateLayout(): void;
|
|
29
|
-
toggleSubItemsView(event: Event): boolean;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarItemComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarItemComponent, "fw-navbar-item", never, { "value": { "alias": "value"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "subItemsOpen": { "alias": "subItemsOpen"; "required": false; }; "subItemsTooltipTitle": { "alias": "subItemsTooltipTitle"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, ["subItems"], ["fw-avatar", "p", "fw-badge", "fw-icon", "fw-icon-button", "fw-navbar-sub-item"], true, never>;
|
|
32
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { IconType } from '../../icon/icon.types';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Nested sub-item used inside a navbar item, with animated expand/collapse and optional href navigation
|
|
5
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-navbar--docs)
|
|
6
|
-
*/
|
|
7
|
-
export declare class FwNavbarSubItemComponent {
|
|
8
|
-
value?: string;
|
|
9
|
-
title: string;
|
|
10
|
-
description?: string;
|
|
11
|
-
icon?: IconType;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
hidden?: boolean;
|
|
14
|
-
tooltipText?: string;
|
|
15
|
-
showTooltip?: boolean;
|
|
16
|
-
href?: string;
|
|
17
|
-
target?: string;
|
|
18
|
-
collapsed?: boolean;
|
|
19
|
-
selected?: boolean;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarSubItemComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarSubItemComponent, "fw-navbar-sub-item", never, { "value": { "alias": "value"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["p", "fw-badge", "fw-icon", "fw-icon-button"], true, never>;
|
|
22
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { FwNavbarItemComponent } from './navbar-item/navbar-item.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Component for a collapsible vertical navigation bar containing nav items with icons and labels
|
|
6
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/components-navbar--docs)
|
|
7
|
-
*/
|
|
8
|
-
export declare class FwNavbarComponent implements OnChanges, AfterViewInit {
|
|
9
|
-
disabled: any;
|
|
10
|
-
collapsed?: boolean;
|
|
11
|
-
width: string;
|
|
12
|
-
menuItems: QueryList<FwNavbarItemComponent>;
|
|
13
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
14
|
-
ngAfterViewInit(): void;
|
|
15
|
-
updateLayout(): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarComponent, "fw-navbar", never, { "disabled": { "alias": "disabled"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["menuItems"], ["*"], true, never>;
|
|
18
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@angular/cdk/menu";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/forms";
|
|
5
|
-
import * as i4 from "../badge/badge.module";
|
|
6
|
-
import * as i5 from "../icon-button/icon-button.module";
|
|
7
|
-
import * as i6 from "../icon/icon.module";
|
|
8
|
-
import * as i7 from "../text-input/text-input.module";
|
|
9
|
-
import * as i8 from "../tooltip/tooltip.module";
|
|
10
|
-
import * as i9 from "./navbar.component";
|
|
11
|
-
import * as i10 from "./navbar-header/navbar-header.component";
|
|
12
|
-
import * as i11 from "./navbar-item/navbar-item.component";
|
|
13
|
-
import * as i12 from "./navbar-sub-item/navbar-sub-item.component";
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated import component directly, intent to remove in v20
|
|
16
|
-
*/
|
|
17
|
-
export declare class FwNavbarModule {
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarModule, never>;
|
|
19
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwNavbarModule, never, [typeof i1.CdkMenuModule, typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.FwBadgeModule, typeof i5.FwIconButtonModule, typeof i6.FwIconModule, typeof i7.FwTextInputModule, typeof i8.FwTooltipModule, typeof i9.FwNavbarComponent, typeof i10.FwNavbarHeaderComponent, typeof i11.FwNavbarItemComponent, typeof i12.FwNavbarSubItemComponent], [typeof i9.FwNavbarComponent, typeof i10.FwNavbarHeaderComponent, typeof i11.FwNavbarItemComponent, typeof i12.FwNavbarSubItemComponent]>;
|
|
20
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<FwNavbarModule>;
|
|
21
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, FormControl } from '@angular/forms';
|
|
3
|
-
import { IconType } from '../icon/icon.types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Form control component for numeric input with optional increment/decrement controls, icon actions, and Angular forms integration
|
|
7
|
-
* @see [Vision storybook](https://cdn.flywheel.io/docs/vision/master/?path=/docs/form-controls-number-input--docs)
|
|
8
|
-
*/
|
|
9
|
-
export declare class FwNumberInputComponent implements ControlValueAccessor {
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
useActionableIcons?: boolean;
|
|
12
|
-
leftIcon?: IconType;
|
|
13
|
-
leftIconAction?: EventEmitter<void>;
|
|
14
|
-
rightIcon?: string;
|
|
15
|
-
rightIconAction?: EventEmitter<void>;
|
|
16
|
-
prefix?: string;
|
|
17
|
-
context?: string;
|
|
18
|
-
placeholder?: string;
|
|
19
|
-
readOnly?: boolean;
|
|
20
|
-
size?: 'small' | 'medium' | 'large';
|
|
21
|
-
min?: number;
|
|
22
|
-
max?: number;
|
|
23
|
-
step?: number;
|
|
24
|
-
arrows?: 'native' | 'plus-minus' | 'none';
|
|
25
|
-
numberType?: 'integer' | 'float';
|
|
26
|
-
autofocus?: boolean;
|
|
27
|
-
autocomplete?: boolean;
|
|
28
|
-
numberInput: any;
|
|
29
|
-
error?: boolean;
|
|
30
|
-
value: number;
|
|
31
|
-
externalControl: FormControl;
|
|
32
|
-
onTouch: () => void;
|
|
33
|
-
onChange: (value: number) => void;
|
|
34
|
-
writeValue(obj: number): void;
|
|
35
|
-
registerOnChange(fn: any): void;
|
|
36
|
-
registerOnTouched(fn: any): void;
|
|
37
|
-
setDisabledState(isDisabled: boolean): void;
|
|
38
|
-
changeHandler(event: KeyboardEvent): void;
|
|
39
|
-
blurHandler(): void;
|
|
40
|
-
onLeftIconClick(): void;
|
|
41
|
-
onRightIconClick(): void;
|
|
42
|
-
handleDecrement(): void;
|
|
43
|
-
handleIncrement(): void;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FwNumberInputComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwNumberInputComponent, "fw-number-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "useActionableIcons": { "alias": "useActionableIcons"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "context": { "alias": "context"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; "numberType": { "alias": "numberType"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "error": { "alias": "error"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, never, ["input", "*"], true, never>;
|
|
46
|
-
}
|