@flywheel-io/vision 19.2.0 → 19.3.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.
@@ -1,71 +1,92 @@
1
1
  import { CdkMenuTrigger } from '@angular/cdk/menu';
2
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
2
+ import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
3
3
  import { ControlValueAccessor, NgControl } from '@angular/forms';
4
4
  import { IconType } from '../icon/icon.types';
5
5
  import { FwMenuComponent } from '../menu/menu.component';
6
6
  import { FwMenuItemComponent } from '../menu/menu-item/menu-item.component';
7
+ import { FwTextInputComponent } from '../text-input/text-input.component';
7
8
  import * as i0 from "@angular/core";
8
- export declare class FwSelectMenuComponent implements OnChanges, AfterContentInit, OnDestroy, ControlValueAccessor {
9
- protected _changeDetectorRef: ChangeDetectorRef;
9
+ export declare class FwSelectMenuComponent implements AfterContentInit, OnDestroy, ControlValueAccessor {
10
10
  private ngControl;
11
11
  outsideClick(evt: any): void;
12
12
  get disabledClass(): boolean;
13
- JSON: JSON;
14
- options: object[];
15
- valueProperty?: string;
16
- useFullOptionAsValue: boolean;
17
- titleProperty?: string;
18
- iconProperty?: string;
19
- staticIcon?: IconType;
20
- descriptionProperty?: string;
21
- showFilter?: boolean;
22
- showReset?: boolean;
23
- disabled?: boolean;
24
- errored?: boolean;
25
- width: string;
26
- optionsWidth?: string;
27
- minOptionsHeight?: string;
28
- maxOptionsHeight?: string;
29
- size?: 'small' | 'medium' | 'large';
30
- placeholder: string;
13
+ options: import("@angular/core").InputSignal<object[]>;
14
+ valueProperty: import("@angular/core").InputSignal<string>;
15
+ useFullOptionAsValue: import("@angular/core").InputSignal<boolean>;
16
+ titleProperty: import("@angular/core").InputSignal<string>;
17
+ iconProperty: import("@angular/core").InputSignal<string>;
18
+ staticIcon: 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" | "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" | "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">;
19
+ descriptionProperty: import("@angular/core").InputSignal<string>;
20
+ showFilter: import("@angular/core").InputSignal<boolean>;
21
+ showReset: import("@angular/core").InputSignal<boolean>;
22
+ disabled: import("@angular/core").InputSignal<boolean>;
23
+ errored: import("@angular/core").InputSignal<boolean>;
24
+ width: import("@angular/core").InputSignal<string>;
25
+ optionsWidth: import("@angular/core").InputSignal<string>;
26
+ minOptionsHeight: import("@angular/core").InputSignal<string>;
27
+ maxOptionsHeight: import("@angular/core").InputSignal<string>;
28
+ size: import("@angular/core").InputSignal<"large" | "medium" | "small">;
29
+ placeholder: import("@angular/core").InputSignal<string>;
31
30
  trigger: CdkMenuTrigger;
32
31
  menu: FwMenuComponent;
32
+ textInput: FwTextInputComponent;
33
33
  menuItems: QueryList<FwMenuItemComponent>;
34
34
  change: EventEmitter<any>;
35
35
  readonly filterChanged: EventEmitter<string>;
36
36
  selectValue: string;
37
- selectTitle: string;
37
+ selectTitle: import("@angular/core").WritableSignal<string>;
38
38
  selectIcon: IconType | '';
39
- filterValue: string;
39
+ filterValue: import("@angular/core").WritableSignal<string>;
40
40
  private subscriptions;
41
41
  private _isOpen;
42
42
  focused: number;
43
43
  inFocusOpen: boolean;
44
44
  preFocusValue: any;
45
+ isTyping: import("@angular/core").WritableSignal<boolean>;
46
+ inputDisplayValue: import("@angular/core").Signal<string>;
45
47
  get value(): any;
46
48
  set value(newValue: any);
47
49
  private _value;
48
- constructor(_changeDetectorRef: ChangeDetectorRef, ngControl: NgControl);
49
- ngOnChanges(changes: SimpleChanges): void;
50
+ constructor(ngControl: NgControl);
50
51
  ngAfterContentInit(): void;
51
52
  ngOnDestroy(): void;
52
53
  get invalid(): boolean;
53
54
  get touched(): boolean;
55
+ filteredOptions: import("@angular/core").Signal<object[]>;
56
+ optionsWithValues: import("@angular/core").Signal<{
57
+ raw: object;
58
+ trackingId: any;
59
+ value: any;
60
+ }[]>;
54
61
  onChange(newValue: any): void;
55
62
  onTouched: () => void;
56
63
  externalOnChange: any;
57
64
  registerOnChange(fn: (value: any) => void): void;
58
65
  registerOnTouched(fn: () => {}): void;
59
- setDisabledState?(isDisabled: boolean): void;
60
66
  writeValue(value: any): void;
61
67
  handleClick(e: string): void;
68
+ /**
69
+ * Get all available items for navigation, either from options or menuItems
70
+ */
71
+ getAvailableItems(): any[];
72
+ /**
73
+ * Update highlighting for the currently selected item
74
+ */
75
+ updateHighlighting(): void;
76
+ /**
77
+ * Initialize focused index to the currently selected item
78
+ */
79
+ initializeFocusedIndex(): void;
62
80
  moveFocused(direction: string): void;
81
+ handleFocus(): void;
82
+ handleInputClick(): void;
63
83
  handleKeyDown(event: KeyboardEvent): void;
64
84
  handleKeyUp(event: KeyboardEvent): void;
65
85
  updateValue(newValue: unknown): void;
66
86
  handleReset(): void;
67
87
  close(): void;
68
88
  onFilterChanged(value: string): void;
69
- static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, [null, { optional: true; self: true; }]>;
70
- static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": { "alias": "options"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "useFullOptionAsValue": { "alias": "useFullOptionAsValue"; "required": false; }; "titleProperty": { "alias": "titleProperty"; "required": false; }; "iconProperty": { "alias": "iconProperty"; "required": false; }; "staticIcon": { "alias": "staticIcon"; "required": false; }; "descriptionProperty": { "alias": "descriptionProperty"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "showReset": { "alias": "showReset"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errored": { "alias": "errored"; "required": false; }; "width": { "alias": "width"; "required": false; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; "filterChanged": "filterChanged"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group]"], true, never>;
89
+ onInputChange(event: Event): void;
90
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, [{ optional: true; self: true; }]>;
91
+ static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "valueProperty": { "alias": "valueProperty"; "required": false; "isSignal": true; }; "useFullOptionAsValue": { "alias": "useFullOptionAsValue"; "required": false; "isSignal": true; }; "titleProperty": { "alias": "titleProperty"; "required": false; "isSignal": true; }; "iconProperty": { "alias": "iconProperty"; "required": false; "isSignal": true; }; "staticIcon": { "alias": "staticIcon"; "required": false; "isSignal": true; }; "descriptionProperty": { "alias": "descriptionProperty"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showReset": { "alias": "showReset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errored": { "alias": "errored"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "optionsWidth": { "alias": "optionsWidth"; "required": false; "isSignal": true; }; "minOptionsHeight": { "alias": "minOptionsHeight"; "required": false; "isSignal": true; }; "maxOptionsHeight": { "alias": "maxOptionsHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; "filterChanged": "filterChanged"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator, fw-menu-item-group]"], true, never>;
71
92
  }