@flywheel-io/vision 1.8.4 → 1.9.0

package/fesm2020/flywheel-io-vision.mjs

@@ -133,10 +133,10 @@ class FwAlertComponent {
     }
 }
 FwAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FwAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAlertComponent, selector: "fw-alert", inputs: { description: "description", icon: "icon", severity: "severity", title: "title", variant: "variant", showClose: "showClose" }, outputs: { close: "close" }, ngImport: i0, template: "<div [ngClass]=\"['alert', variant, severity]\">\n  <fw-icon *ngIf=\"icon\" class=\"alert-icon\">{{ icon }}</fw-icon>\n  <div class=\"alert-text\">\n    <h4 *ngIf=\"title\">{{ title }}</h4>\n    <p *ngIf=\"description\">{{ description }}</p>\n    <p>\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"close-icon\">\n    <ng-content select=\"fw-button\"></ng-content>\n    <fw-icon-button\n      *ngIf=\"showClose\"\n      icon=\"close\" size=\"small\"\n      [color]=\"variant==='filled'?'overlay':severity\"\n      (click)=\"close?close.emit():undefined\">\n    </fw-icon-button>\n  </div>\n</div>\n", styles: [".alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.alert .alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.alert .alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.alert h4{margin:3px 0;color:var(--typography-contrast)}.alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.alert .close-icon:empty{display:none}.alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.alert.standard.info h4{color:var(--primary-base)}.alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.alert.standard.warning h4{color:var(--orange-base)}.alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.alert.standard.success h4{color:var(--green-base)}.alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.alert.standard.error h4{color:var(--red-base)}.alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.alert.outlined.info h4{color:var(--primary-base)}.alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.alert.outlined.warning h4{color:var(--orange-base)}.alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.alert.outlined.success h4{color:var(--green-base)}.alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.alert.outlined.error h4{color:var(--red-base)}.alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }] });
+FwAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAlertComponent, selector: "fw-alert", inputs: { description: "description", icon: "icon", severity: "severity", title: "title", variant: "variant", showClose: "showClose" }, outputs: { close: "close" }, ngImport: i0, template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n  <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n  <div class=\"fw-alert-text\">\n    <h4 *ngIf=\"title\">{{ title }}</h4>\n    <p *ngIf=\"description\">{{ description }}</p>\n    <p>\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"close-icon\">\n    <ng-content select=\"fw-button\"></ng-content>\n    <fw-icon-button\n      *ngIf=\"showClose\"\n      icon=\"close\" size=\"small\"\n      [color]=\"variant==='filled'?'overlay':severity\"\n      (click)=\"close?close.emit():undefined\">\n    </fw-icon-button>\n  </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fw-alert', template: "<div [ngClass]=\"['alert', variant, severity]\">\n  <fw-icon *ngIf=\"icon\" class=\"alert-icon\">{{ icon }}</fw-icon>\n  <div class=\"alert-text\">\n    <h4 *ngIf=\"title\">{{ title }}</h4>\n    <p *ngIf=\"description\">{{ description }}</p>\n    <p>\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"close-icon\">\n    <ng-content select=\"fw-button\"></ng-content>\n    <fw-icon-button\n      *ngIf=\"showClose\"\n      icon=\"close\" size=\"small\"\n      [color]=\"variant==='filled'?'overlay':severity\"\n      (click)=\"close?close.emit():undefined\">\n    </fw-icon-button>\n  </div>\n</div>\n", styles: [".alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.alert .alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.alert .alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.alert h4{margin:3px 0;color:var(--typography-contrast)}.alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.alert .close-icon:empty{display:none}.alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.alert.standard.info h4{color:var(--primary-base)}.alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.alert.standard.warning h4{color:var(--orange-base)}.alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.alert.standard.success h4{color:var(--green-base)}.alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.alert.standard.error h4{color:var(--red-base)}.alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.alert.outlined.info h4{color:var(--primary-base)}.alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.alert.outlined.warning h4{color:var(--orange-base)}.alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.alert.outlined.success h4{color:var(--green-base)}.alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.alert.outlined.error h4{color:var(--red-base)}.alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"] }]
+            args: [{ selector: 'fw-alert', template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n  <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n  <div class=\"fw-alert-text\">\n    <h4 *ngIf=\"title\">{{ title }}</h4>\n    <p *ngIf=\"description\">{{ description }}</p>\n    <p>\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"close-icon\">\n    <ng-content select=\"fw-button\"></ng-content>\n    <fw-icon-button\n      *ngIf=\"showClose\"\n      icon=\"close\" size=\"small\"\n      [color]=\"variant==='filled'?'overlay':severity\"\n      (click)=\"close?close.emit():undefined\">\n    </fw-icon-button>\n  </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"] }]
         }], propDecorators: { description: [{
                 type: Input
             }], icon: [{
@@ -2396,309 +2396,313 @@ FwValidators.url = (control) => {
 };
 
 const allIcons = [
-    'shield-protect',
     '3d-sphere-rotate-arrows',
-    'livewire-tool',
-    'bezier-curve',
-    'technology-cube-3d',
-    'brightness-photo-edit',
-    'target-space-object-select',
-    'crown-style-circle',
-    'hammer-legal-square',
-    'browser-internet-web-windows',
-    'settings-adjust',
-    'lock-unlock',
-    'private-mode-protection-circle',
-    'ai',
-    'reader-studies',
-    'shapes-objects',
-    'cloud-upload',
-    'floppy-save',
-    'text-input-form',
-    'document-file-add-plus-bottom-left',
-    'document-file-upload-bottom-center',
-    'paint-roller',
-    'brush-edit-create',
-    'bucket-paint',
-    'edit-erase',
-    'grid-dot-square',
-    'column-edit',
-    'molecule',
-    'invoice-checkmark-paid',
-    'invoice',
-    'pause',
-    'calendar-arrow-left-center',
-    'file-blank-image-load-mask',
-    'closed-freehand-vector-poly',
-    'curve-object-secet-cursor',
-    'freehand-vector-poly',
-    'pen-edit-circle',
-    'code-block-embed',
-    'italic',
-    'list-paragraph-number',
-    'list-paragraph',
-    'text-bold',
-    'text-cross',
-    'text-h1',
-    'text-h2',
-    'text-underline',
-    'twitter',
-    'smiley-emoji-face',
-    'exchange',
-    'markdown',
-    'quote',
-    'measure-ruler-calibration',
-    'zendesk-logo',
-    'add-server-databases-endpoint',
-    'cloud-network-add',
-    'server-database-endpoint',
-    'book-lab-flask',
-    'list-test-lab-flask',
-    'test-lab-flask',
-    'message-checkmark-sent',
-    'send-message-share',
-    'flywheel-mark-logo',
-    'speed-dashboard',
-    'arrange-filter-sort',
-    'delivery-shipment-packages',
-    'color-ven-design-profile-central',
-    'home-modern-door',
-    'tasklist-to-do-checkmark',
-    'user-profile-group-discovery',
-    'flip-horizontal',
-    'flip-vertical',
-    'facebook',
-    'github-color-login',
-    'linkedin',
-    'youtube',
-    'server-databases-connect',
-    'server-databases-download',
-    'server-databases-minimal-download',
-    'server-databases-sync',
-    'graduate-hat',
-    'blocks-code-test-checkmark',
-    'camera-photo-capture',
-    'photo-edit-brightness-invert',
-    'unlimited-repeat-subscription-circle',
-    'mute',
-    'volume-full',
-    'hand-money-currency',
-    'bookmark-plus-add',
-    'circle',
-    'clip-attachment',
-    'code-text',
-    'document-status-done-checkmark',
-    'done-check-tracked',
-    'home-modern-option-lines',
-    'keyboard',
-    'line',
-    'link-unlink',
-    'measure-angle',
-    'media-library-imports-dowload',
-    'message-chat-info',
-    'microphone-mic-rec-circle',
-    'microphone-mic-rec',
-    'microphone-mic-recording-circle',
-    'pie-graph-chart-sample',
-    'plus-add-rectangle',
-    'polygon',
-    'rotate-arrow-manual',
-    'rotate-item-left',
-    'rotate-item-right',
-    'stars-light-sparkle',
-    'undone-uncheck-untracked',
-    'clap-applause-hands',
-    'email-mail-checkmark-group',
-    'circle-ellipses',
-    'crosshair',
-    'cursor-select',
-    'draw-rectangle',
-    'ruler-bidirectional',
-    'ruler',
-    'workspace-mode',
-    'creative-commons',
-    'free-rights',
-    'hammer-screwdriver',
-    'arrow-annotate',
-    'arrow',
-    'notebook-open',
-    'windows',
+    'add-circle',
     'add-new-create',
     'add-row-above',
     'add-row-below',
-    'arrow-rotate-restore',
-    'arrow-rotate',
+    'add-server-databases-endpoint',
+    'add-server',
+    'add-user',
+    'ai',
+    'apple',
+    'apply-copy-duplicate',
+    'arrange-filter-sort',
+    'arrow-annotate',
     'arrow-back-collapse',
+    'arrow-back',
+    'arrow-down',
     'arrow-forward-collapse',
+    'arrow-forward',
+    'arrow-rotate-restore',
+    'arrow-rotate',
+    'arrow-up',
+    'arrow',
     'barcode-serial',
     'barcode-stack-scan',
+    'bell-notification',
+    'bezier-curve',
+    'blocks-code-test-checkmark',
+    'book-lab-flask',
+    'bookmark-plus-add',
+    'bookmark',
+    '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',
+    'chart-square',
+    'chart-trend-square',
     'chat-messages-bubble',
     'checklist-tasks-chechmark-square',
+    'checklist',
+    'chevron-back',
+    'chevron-down',
+    'chevron-forward',
+    'chevron-input-number',
+    'chevron-up',
+    'circle-ellipses',
+    'circle',
+    'clap-applause-hands',
+    'clip-attachment',
+    'clock-history',
+    'clock-loading',
+    'close-circled',
+    'close',
+    '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',
     'contrast-photo-edit',
+    'copy-item',
+    'creative-commons',
+    'crosshair',
+    'crown-style-circle',
+    '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-download',
     'document-file-list-protocol',
+    'document-file-tar',
+    'document-file-upload-bottom-center',
+    'document-file-zip',
+    'document-status-done-checkmark',
+    'document-visible',
+    'documents-files',
+    'done-check-tracked',
+    'done-check',
+    'download-status',
+    'download',
     'drag-drop-indicator',
+    'draw-rectangle',
+    'earth-globe-fail',
+    'edit-boxed',
+    'edit-erase',
+    'edit',
+    'email-mail-checkmark-group',
+    'email',
+    'embed-circle',
+    'exchange',
+    'facebook',
+    'file-blank-image-load-mask',
+    'file-download',
+    'file-text',
+    'files-library-content',
+    'files-library',
+    'files',
+    'filter-sort-add',
+    'filter-sort-check-mark',
+    'filter-sort-delete',
+    'filter',
+    'flag',
+    'flip-horizontal',
+    'flip-vertical',
+    'floppy-save',
+    'flywheel-mark-logo',
+    'folder-add',
+    'folder-blank',
+    'folder-checked',
+    'folder-group',
+    'folder-open',
+    'folder-share',
     'form-metadata-element',
+    'free-rights',
+    'freehand-vector-poly',
     'full-screen-zoom',
-    'layout',
+    'github-color-login',
+    'gitlab',
+    'graduate-hat',
+    'grid-dot-square',
+    'grid-layout',
+    '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-checkmark-paid',
+    'invoice',
+    'italic',
     'items-group-elements',
+    'key',
+    'keyboard',
+    'keychain',
+    'label-tag',
+    'laptop-health-medical-cross',
     'layers',
+    'layout-grid',
+    'layout',
+    'line',
+    'link-unlink',
+    'link',
+    'linkedin',
+    'linux',
+    'list-paragraph-number',
+    'list-paragraph',
+    'list-test-lab-flask',
+    'livewire-tool',
+    'loading-status-checkmark',
+    'lock-unlock',
+    'lock',
+    'logout',
+    'lung',
+    'lungs',
+    'markdown',
+    'measure-angle',
+    'measure-ruler-calibration',
+    'media-library-imports-dowload',
     'menu-burger-handle',
+    'menu-horizontal',
     'menu-list-form-square',
+    'menu-vertical',
+    'message-chat-info',
     'message-chat-question-support',
+    'message-checkmark-sent',
     'message-question-checkmark',
+    'microphone-mic-rec-circle',
+    'microphone-mic-rec',
+    'microphone-mic-recording-circle',
     'minus',
+    'modalities',
+    'molecule',
+    'money-coin',
+    'money-dollar',
+    'money',
     'mouse-big',
     'move',
     'music-play-resume',
     'music-stop',
+    'mute',
+    'network-storage-alert',
     'notebook-add-plus',
+    'notebook-open',
     'notebook-pen-edit',
     'notebook',
     'notes-pen',
     'object-search-zoom-plus',
+    'open',
+    'paint-roller',
+    'pause',
+    'pen-edit-circle',
     '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-circle',
+    'radiology-scan',
+    'reader-studies',
+    'rotate-arrow-manual',
+    'rotate-item-left',
+    'rotate-item-right',
+    'rotate-refresh',
     'rotate',
+    'ruler-bidirectional',
+    'ruler',
     'scanner',
+    'search-loop',
     'search-user-profile-person',
     'search-zoom-minus',
     'search-zoom-plus',
+    'search',
     'section-form-element',
+    'send-message-share',
+    'server-checkmark',
+    'server-database-endpoint',
+    'server-databases-connect',
+    'server-databases-download',
     'server-databases-key-protection',
+    'server-databases-minimal-download',
     'server-databases-sync-import',
-    'servers-database',
-    'target',
-    'text-long',
-    'text-short-form-element',
-    'timer-clock-style',
-    'user-document',
-    'video-player-controls',
-    'visible-eye-hidden',
-    'window-finder-resize-arrow-down',
-    'window-finder-resize-arrow-up',
-    'window-resize-left',
-    'window-resize-right',
-    'window-zoom-plus-loupe',
-    'laptop-health-medical-cross',
-    'radiology-scan-circle',
-    'money-coin',
-    'brain',
-    'dna-hospital-medical',
-    'lung',
-    'lungs',
-    'protective-mask',
-    'radiology-scan',
-    'stomach',
-    'cash-banknotes',
-    'money-dollar',
-    'money',
-    'cloud-storage-checkmark',
-    'modalities',
-    'search-loop',
-    'question-circle',
-    'earth-globe-fail',
-    'user-setting-gear',
-    'user-delete-cross',
-    'apply-copy-duplicate',
-    'arrow-down',
-    'arrow-up',
-    'grid-layout',
-    'folder-blank',
-    'folder-group',
-    'file-text',
-    'edit-boxed',
-    'chart-trend-square',
-    'layout-grid',
-    'files-library-content',
-    'user-lock',
-    'lock',
-    'add-user',
-    'user-checked',
-    'user-group',
-    'user-key',
-    'thumbs-up-like',
-    'apple',
-    'gitlab',
-    'linux',
-    'add-server',
-    'server-checkmark',
+    'server-databases-sync',
     'server-upload',
     'server',
-    'data-tree',
-    'add-circle',
-    'bell-notification',
-    'bookmark',
-    'chart-square',
-    'checklist',
-    'clock-history',
-    'clock-loading',
-    'close-circled',
-    'close',
-    'copy-item',
-    'done-check',
-    'download-status',
-    'download',
-    'edit',
-    'email',
-    'file-download',
-    'files-library',
-    'files',
-    'filter',
-    'flag',
-    'information-circle',
-    'key',
-    'keychain',
-    'label-tag',
-    'link',
-    'loading-status-checkmark',
-    'logout',
-    'menu-horizontal',
-    'menu-vertical',
-    'open',
-    'pie-chart',
-    'search',
+    'servers-database',
     'setting-gear',
+    'settings-adjust',
     'settings-gear-square',
     'settings-gear',
     'settings-select',
+    'shapes-objects',
     'share',
+    'shield-protect',
     'show-visible',
+    'smiley-emoji-face',
+    'speed-dashboard',
     'star',
+    'stars-light-sparkle',
+    'stomach',
     'substract-group',
     'switch',
+    'target-space-object-select',
+    'target',
+    '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-up-like',
+    'timer-clock-style',
     'trash-delete',
+    'twitter',
+    'undone-uncheck-untracked',
+    'unlimited-repeat-subscription-circle',
     'upload',
+    'user-checked',
+    'user-delete-cross',
+    'user-document',
+    'user-group',
+    'user-key',
+    'user-lock',
+    'user-profile-group-discovery',
+    'user-setting-gear',
     'user',
+    'video-player-controls',
+    'visible-eye-hidden',
+    'volume-full',
     'warning-circle',
     'warning',
-    'icon-placeholder',
-    'network-storage-alert',
-    'folder-add',
-    'folder-checked',
-    'folder-open',
-    'folder-share',
-    'document-file-blank',
-    'document-file-download',
-    'document-file-tar',
-    'document-file-zip',
-    'document-visible',
-    'documents-files',
-    'arrow-back',
-    'arrow-forward',
-    'chevron-back',
-    'chevron-down',
-    'chevron-forward',
-    'chevron-up',
-    'embed-circle',
-    'rotate-refresh',
+    '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',
 ];
 
 var LayoutWidth;
@@ -4059,6 +4063,14 @@ class FwMenuComponent {
             const sub = item.click.subscribe(value => this.handleSelect(value));
             this.subscriptions.push(sub);
         });
+        const menuItemChangeSub = this.menuItems.changes.subscribe((newMenuItems) => {
+            newMenuItems.forEach(item => {
+                const sub = item.click.subscribe(value => this.handleSelect(value));
+                this.subscriptions.push(sub);
+            });
+            this.updateLayout();
+        });
+        this.subscriptions.push(menuItemChangeSub);
         this.updateLayout();
     }
     writeValue(value) {