@flywheel-io/vision 1.13.0 → 1.15.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/assets/fonts/Flywheel-Vision-Icons.svg +14 -0
- package/assets/fonts/Flywheel-Vision-Icons.ttf +0 -0
- package/assets/fonts/Flywheel-Vision-Icons.woff +0 -0
- package/assets/svg/add-circle.svg +0 -1
- package/assets/svg/add-new-create.svg +0 -1
- package/assets/svg/add-row-above.svg +0 -1
- package/assets/svg/add-row-below.svg +0 -1
- package/assets/svg/add-server-databases-endpoint.svg +0 -1
- package/assets/svg/add-server.svg +0 -1
- package/assets/svg/add-user.svg +0 -1
- package/assets/svg/ai.svg +0 -1
- package/assets/svg/apple.svg +0 -1
- package/assets/svg/apply-copy-duplicate.svg +0 -1
- package/assets/svg/arrange-filter-sort.svg +0 -1
- package/assets/svg/arrow-annotate.svg +0 -1
- package/assets/svg/arrow-back-collapse.svg +0 -1
- package/assets/svg/arrow-back.svg +0 -1
- package/assets/svg/arrow-down.svg +0 -1
- package/assets/svg/arrow-forward-collapse.svg +0 -1
- package/assets/svg/arrow-forward.svg +0 -1
- package/assets/svg/arrow-rotate-restore.svg +0 -1
- package/assets/svg/arrow-rotate.svg +0 -1
- package/assets/svg/arrow-up.svg +0 -1
- package/assets/svg/arrow.svg +0 -1
- package/assets/svg/barcode-serial.svg +0 -1
- package/assets/svg/barcode-stack-scan.svg +0 -1
- package/assets/svg/bell-notification.svg +0 -1
- package/assets/svg/blocks-code-test-checkmark.svg +0 -1
- package/assets/svg/book-lab-flask.svg +0 -1
- package/assets/svg/bookmark-plus-add.svg +0 -1
- package/assets/svg/bookmark.svg +0 -1
- package/assets/svg/brain.svg +0 -1
- package/assets/svg/browser-internet-web-windows.svg +0 -1
- package/assets/svg/brush-edit-create.svg +0 -1
- package/assets/svg/bucket-paint.svg +0 -1
- package/assets/svg/button-form-element.svg +0 -1
- package/assets/svg/calendar-arrow-left-center.svg +0 -1
- package/assets/svg/calendar-schedule.svg +0 -1
- package/assets/svg/camera-photo-capture.svg +0 -1
- package/assets/svg/cash-banknotes.svg +0 -1
- package/assets/svg/chart-square.svg +0 -1
- package/assets/svg/chart-trend-square.svg +0 -1
- package/assets/svg/chat-messages-bubble.svg +0 -1
- package/assets/svg/checklist-tasks-chechmark-square.svg +0 -1
- package/assets/svg/checklist.svg +0 -1
- package/assets/svg/chevron-back.svg +0 -1
- package/assets/svg/chevron-down.svg +0 -1
- package/assets/svg/chevron-forward.svg +0 -1
- package/assets/svg/chevron-up.svg +0 -1
- package/assets/svg/circle-ellipses.svg +0 -1
- package/assets/svg/circle.svg +0 -1
- package/assets/svg/clap-applause-hands.svg +0 -1
- package/assets/svg/clip-attachment.svg +0 -1
- package/assets/svg/clock-history.svg +0 -1
- package/assets/svg/clock-hour-4.svg +5 -0
- package/assets/svg/clock-loading.svg +0 -1
- package/assets/svg/close-circled.svg +0 -1
- package/assets/svg/close.svg +0 -1
- package/assets/svg/closed-freehand-vector-poly.svg +0 -1
- package/assets/svg/cloud-network-add.svg +0 -1
- package/assets/svg/cloud-storage-checkmark.svg +0 -1
- package/assets/svg/cloud-upload.svg +0 -1
- package/assets/svg/code-block-embed.svg +0 -1
- package/assets/svg/code-text.svg +0 -1
- package/assets/svg/color-design-profile.svg +0 -1
- package/assets/svg/color-ven-design-profile-central.svg +0 -1
- package/assets/svg/column-edit.svg +0 -1
- package/assets/svg/computer-chip.svg +0 -1
- package/assets/svg/contrast-photo-edit.svg +0 -1
- package/assets/svg/copy-item.svg +0 -1
- package/assets/svg/creative-commons.svg +0 -1
- package/assets/svg/crosshair.svg +0 -1
- package/assets/svg/crown-style-circle.svg +0 -0
- package/assets/svg/cursor-select.svg +0 -1
- package/assets/svg/curve-object-secet-cursor.svg +0 -1
- package/assets/svg/data-tree.svg +0 -1
- package/assets/svg/delivery-shipment-packages.svg +0 -1
- package/assets/svg/dna-hospital-medical.svg +0 -1
- package/assets/svg/document-file-add-plus-bottom-left.svg +0 -1
- package/assets/svg/document-file-blank.svg +0 -1
- package/assets/svg/document-file-download.svg +0 -1
- package/assets/svg/document-file-list-protocol.svg +0 -1
- package/assets/svg/document-file-tar.svg +0 -1
- package/assets/svg/document-file-upload-bottom-center.svg +0 -1
- package/assets/svg/document-file-zip.svg +0 -1
- package/assets/svg/document-status-done-checkmark.svg +0 -1
- package/assets/svg/document-visible.svg +0 -1
- package/assets/svg/documents-file.svg +6 -0
- package/assets/svg/documents-files.svg +0 -1
- package/assets/svg/done-check-tracked.svg +0 -1
- package/assets/svg/done-check.svg +0 -1
- package/assets/svg/download-status.svg +0 -1
- package/assets/svg/download.svg +0 -1
- package/assets/svg/drag-drop-indicator.svg +0 -1
- package/assets/svg/draw-rectangle.svg +0 -1
- package/assets/svg/earth-globe-fail.svg +0 -1
- package/assets/svg/edit-boxed.svg +0 -1
- package/assets/svg/edit-erase.svg +0 -1
- package/assets/svg/edit.svg +0 -1
- package/assets/svg/email-mail-checkmark-group.svg +0 -1
- package/assets/svg/email.svg +0 -1
- package/assets/svg/embed-circle.svg +0 -1
- package/assets/svg/exchange.svg +0 -1
- package/assets/svg/expand-pathfinder-dot-square-segmentation.svg +17 -0
- package/assets/svg/facebook.svg +0 -1
- package/assets/svg/file-blank-image-load-mask.svg +0 -1
- package/assets/svg/file-download.svg +0 -1
- package/assets/svg/file-text.svg +0 -1
- package/assets/svg/files-library-content.svg +0 -1
- package/assets/svg/files-library.svg +0 -1
- package/assets/svg/files.svg +0 -1
- package/assets/svg/filter.svg +0 -1
- package/assets/svg/flag.svg +0 -1
- package/assets/svg/flip-horizontal.svg +0 -1
- package/assets/svg/flip-vertical.svg +0 -1
- package/assets/svg/floppy-save.svg +0 -1
- package/assets/svg/flywheel-mark-logo.svg +0 -1
- package/assets/svg/flywheel-viewer-mark-logo.svg +9 -0
- package/assets/svg/folder-add.svg +0 -1
- package/assets/svg/folder-blank.svg +0 -1
- package/assets/svg/folder-checked.svg +0 -1
- package/assets/svg/folder-group.svg +0 -1
- package/assets/svg/folder-open.svg +0 -1
- package/assets/svg/folder-share.svg +0 -1
- package/assets/svg/form-metadata-element.svg +0 -1
- package/assets/svg/free-rights.svg +0 -1
- package/assets/svg/freehand-vector-poly.svg +0 -1
- package/assets/svg/full-screen-zoom.svg +0 -1
- package/assets/svg/github-color-login.svg +0 -1
- package/assets/svg/gitlab.svg +0 -1
- package/assets/svg/graduate-hat.svg +0 -1
- package/assets/svg/grid-dot-square.svg +0 -1
- package/assets/svg/grid-layout.svg +0 -1
- package/assets/svg/hammer-legal-square.svg +0 -1
- package/assets/svg/hammer-screwdriver.svg +0 -1
- package/assets/svg/hand-money-currency.svg +0 -1
- package/assets/svg/header-form-element.svg +0 -1
- package/assets/svg/home-modern-door.svg +0 -1
- package/assets/svg/home-modern-option-lines.svg +0 -1
- package/assets/svg/human-artificial-intelligence.svg +0 -1
- package/assets/svg/icon-placeholder.svg +0 -1
- package/assets/svg/image-photo-copy-left-down.svg +0 -1
- package/assets/svg/image-picture-square.svg +0 -1
- package/assets/svg/information-circle.svg +0 -1
- package/assets/svg/invoice-checkmark-paid.svg +0 -1
- package/assets/svg/invoice.svg +0 -1
- package/assets/svg/italic.svg +0 -1
- package/assets/svg/items-group-elements.svg +0 -1
- package/assets/svg/key.svg +0 -1
- package/assets/svg/keyboard.svg +0 -1
- package/assets/svg/keychain.svg +0 -1
- package/assets/svg/label-tag.svg +0 -1
- package/assets/svg/laptop-health-medical-cross.svg +0 -1
- package/assets/svg/layers.svg +0 -1
- package/assets/svg/layout-grid.svg +0 -1
- package/assets/svg/layout.svg +0 -1
- package/assets/svg/line.svg +0 -1
- package/assets/svg/link-unlink.svg +0 -1
- package/assets/svg/link.svg +0 -1
- package/assets/svg/linkedin.svg +0 -1
- package/assets/svg/linux.svg +0 -1
- package/assets/svg/list-paragraph-number.svg +0 -1
- package/assets/svg/list-paragraph.svg +0 -1
- package/assets/svg/list-test-lab-flask.svg +0 -1
- package/assets/svg/loading-status-checkmark.svg +0 -1
- package/assets/svg/lock-unlock.svg +0 -1
- package/assets/svg/lock.svg +0 -1
- package/assets/svg/logout.svg +0 -1
- package/assets/svg/lung.svg +0 -1
- package/assets/svg/lungs.svg +0 -1
- package/assets/svg/markdown.svg +0 -1
- package/assets/svg/measure-angle.svg +0 -1
- package/assets/svg/measure-ruler-calibration.svg +0 -1
- package/assets/svg/media-library-imports-dowload.svg +0 -1
- package/assets/svg/menu-burger-handle.svg +0 -1
- package/assets/svg/menu-horizontal.svg +0 -1
- package/assets/svg/menu-list-form-square.svg +0 -1
- package/assets/svg/menu-vertical.svg +0 -1
- package/assets/svg/message-chat-info.svg +0 -1
- package/assets/svg/message-chat-question-support.svg +0 -1
- package/assets/svg/message-checkmark-sent.svg +0 -1
- package/assets/svg/message-question-checkmark.svg +0 -1
- package/assets/svg/microphone-mic-rec-circle.svg +0 -1
- package/assets/svg/microphone-mic-rec.svg +0 -1
- package/assets/svg/microphone-mic-recording-circle.svg +0 -1
- package/assets/svg/minus.svg +0 -1
- package/assets/svg/modalities.svg +0 -1
- package/assets/svg/molecule.svg +0 -1
- package/assets/svg/money-coin.svg +0 -1
- package/assets/svg/money-dollar.svg +0 -1
- package/assets/svg/money.svg +0 -1
- package/assets/svg/mouse-big.svg +0 -1
- package/assets/svg/move.svg +0 -1
- package/assets/svg/music-play-resume.svg +0 -1
- package/assets/svg/music-stop.svg +0 -1
- package/assets/svg/mute.svg +0 -1
- package/assets/svg/network-storage-alert.svg +0 -1
- package/assets/svg/notebook-add-plus.svg +0 -1
- package/assets/svg/notebook-open.svg +0 -1
- package/assets/svg/notebook-pen-edit.svg +0 -1
- package/assets/svg/notebook.svg +0 -1
- package/assets/svg/notes-pen.svg +0 -1
- package/assets/svg/object-search-zoom-plus.svg +0 -1
- package/assets/svg/open.svg +0 -1
- package/assets/svg/paint-roller.svg +0 -1
- package/assets/svg/pause.svg +0 -1
- package/assets/svg/pen-edit-circle.svg +0 -1
- package/assets/svg/pencil-edit-create.svg +0 -1
- package/assets/svg/photo-edit-brightness-invert.svg +0 -1
- package/assets/svg/pie-chart.svg +0 -1
- package/assets/svg/pie-graph-chart-sample.svg +0 -1
- package/assets/svg/plus-add-rectangle.svg +0 -1
- package/assets/svg/polygon.svg +0 -1
- package/assets/svg/private-mode-protection-circle.svg +0 -1
- package/assets/svg/protection-target.svg +0 -1
- package/assets/svg/protective-mask.svg +0 -1
- package/assets/svg/question-circle.svg +0 -1
- package/assets/svg/quote.svg +0 -1
- package/assets/svg/radiology-scan-circle.svg +0 -1
- package/assets/svg/radiology-scan.svg +0 -1
- package/assets/svg/reader-studies.svg +0 -1
- package/assets/svg/rotate-arrow-manual.svg +0 -1
- package/assets/svg/rotate-item-left.svg +0 -1
- package/assets/svg/rotate-item-right.svg +0 -1
- package/assets/svg/rotate-refresh.svg +0 -1
- package/assets/svg/rotate.svg +0 -1
- package/assets/svg/ruler-bidirectional.svg +0 -1
- package/assets/svg/ruler.svg +0 -1
- package/assets/svg/scanner.svg +0 -1
- package/assets/svg/search-loop.svg +0 -1
- package/assets/svg/search-user-profile-person.svg +0 -1
- package/assets/svg/search-zoom-minus.svg +0 -1
- package/assets/svg/search-zoom-plus.svg +0 -1
- package/assets/svg/search.svg +0 -1
- package/assets/svg/section-form-element.svg +0 -1
- package/assets/svg/send-message-share.svg +0 -1
- package/assets/svg/server-checkmark.svg +0 -1
- package/assets/svg/server-database-endpoint.svg +0 -1
- package/assets/svg/server-databases-connect.svg +0 -1
- package/assets/svg/server-databases-download.svg +0 -1
- package/assets/svg/server-databases-key-protection.svg +0 -1
- package/assets/svg/server-databases-minimal-download.svg +0 -1
- package/assets/svg/server-databases-sync-import.svg +0 -1
- package/assets/svg/server-databases-sync.svg +0 -1
- package/assets/svg/server-upload.svg +0 -1
- package/assets/svg/server.svg +0 -1
- package/assets/svg/servers-database.svg +0 -1
- package/assets/svg/setting-gear.svg +0 -1
- package/assets/svg/settings-adjust.svg +0 -1
- package/assets/svg/settings-gear-square.svg +0 -1
- package/assets/svg/settings-gear.svg +0 -1
- package/assets/svg/settings-select.svg +0 -1
- package/assets/svg/shapes-objects.svg +0 -1
- package/assets/svg/share.svg +0 -1
- package/assets/svg/show-visible.svg +0 -1
- package/assets/svg/smiley-emoji-face.svg +0 -1
- package/assets/svg/speed-dashboard.svg +0 -1
- package/assets/svg/square-fill-outline.svg +5 -0
- package/assets/svg/square-fill.svg +4 -0
- package/assets/svg/square-outline.svg +4 -0
- package/assets/svg/star.svg +0 -1
- package/assets/svg/stars-light-sparkle.svg +0 -1
- package/assets/svg/stomach.svg +0 -1
- package/assets/svg/substract-group.svg +0 -1
- package/assets/svg/switch.svg +0 -1
- package/assets/svg/target.svg +0 -1
- package/assets/svg/tasklist-to-do-checkmark.svg +0 -1
- package/assets/svg/test-lab-flask.svg +0 -1
- package/assets/svg/text-bold.svg +0 -1
- package/assets/svg/text-cross.svg +0 -1
- package/assets/svg/text-h1.svg +0 -1
- package/assets/svg/text-h2.svg +0 -1
- package/assets/svg/text-input-form.svg +0 -1
- package/assets/svg/text-long.svg +0 -1
- package/assets/svg/text-short-form-element.svg +0 -1
- package/assets/svg/text-underline.svg +0 -1
- package/assets/svg/thumbs-up-like.svg +0 -1
- package/assets/svg/timer-clock-style.svg +0 -1
- package/assets/svg/trash-delete.svg +0 -1
- package/assets/svg/twitter.svg +0 -1
- package/assets/svg/undone-uncheck-untracked.svg +0 -1
- package/assets/svg/unlimited-repeat-subscription-circle.svg +0 -1
- package/assets/svg/upload.svg +0 -1
- package/assets/svg/user-checked.svg +0 -1
- package/assets/svg/user-delete-cross.svg +0 -1
- package/assets/svg/user-document.svg +0 -1
- package/assets/svg/user-group.svg +0 -1
- package/assets/svg/user-key.svg +0 -1
- package/assets/svg/user-lock.svg +0 -1
- package/assets/svg/user-profile-group-discovery.svg +0 -1
- package/assets/svg/user-setting-gear.svg +0 -1
- package/assets/svg/user.svg +0 -1
- package/assets/svg/video-player-controls.svg +0 -1
- package/assets/svg/visible-eye-hidden.svg +0 -1
- package/assets/svg/volume-full.svg +0 -1
- package/assets/svg/warning-circle.svg +0 -1
- package/assets/svg/warning.svg +0 -1
- package/assets/svg/window-finder-resize-arrow-down.svg +0 -1
- package/assets/svg/window-finder-resize-arrow-up.svg +0 -1
- package/assets/svg/window-resize-left.svg +0 -1
- package/assets/svg/window-resize-right.svg +0 -1
- package/assets/svg/window-zoom-plus-loupe.svg +0 -1
- package/assets/svg/windows.svg +0 -1
- package/assets/svg/workspace-mode.svg +0 -1
- package/assets/svg/youtube.svg +0 -1
- package/assets/svg/zendesk-logo.svg +0 -1
- package/components/icon/icon.types.d.ts +1 -1
- package/components/menu/menu.component.d.ts +3 -2
- package/esm2020/components/app-icon/app-icon.component.mjs +2 -2
- package/esm2020/components/breadcrumbs/crumb.component.mjs +3 -3
- package/esm2020/components/button/button.component.mjs +2 -2
- package/esm2020/components/chip/chip.component.mjs +3 -3
- package/esm2020/components/icon/icon.component.mjs +4 -4
- package/esm2020/components/icon/icon.types.mjs +8 -1
- package/esm2020/components/icon-button/icon-button.component.mjs +2 -2
- package/esm2020/components/layouts/context/context.component.mjs +2 -2
- package/esm2020/components/menu/menu-item/menu-item.component.mjs +2 -2
- package/esm2020/components/menu/menu.component.mjs +10 -5
- package/esm2020/components/navbar/navbar-item/navbar-item.component.mjs +2 -2
- package/esm2020/components/paginator/paginator.component.mjs +3 -3
- package/esm2020/components/popover/popover-panel/popover-panel.component.mjs +2 -2
- package/esm2020/components/popover/popover.component.mjs +2 -2
- package/esm2020/components/select-menu/select-menu.component.mjs +3 -3
- package/esm2020/components/stepper/step.component.mjs +3 -3
- package/esm2020/components/table/table.component.mjs +2 -2
- package/esm2020/components/tabs/tab/tab.component.mjs +3 -3
- package/esm2020/components/text-input/text-input.component.mjs +3 -3
- package/fesm2015/flywheel-io-vision.mjs +50 -37
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +49 -37
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/package.json +1 -1
- package/scss/icons/_icon-font-face.scss +6 -4
- package/scss/icons/_icon-glyphs.scss +1593 -924
- package/scss/icons/_icon-variables.scss +317 -0
- package/styles.css +51 -8
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>video-player-controls</title>
|
|
4
3
|
<path d="M8 5c-1.657 0-3 1.343-3 3v9.333c0 1.657 1.343 3 3 3h16c1.657 0 3-1.343 3-3v-9.333c0-1.657-1.343-3-3-3h-16zM3 8c0-2.761 2.239-5 5-5h16c2.761 0 5 2.239 5 5v9.333c0 2.761-2.239 5-5 5h-16c-2.761 0-5-2.239-5-5v-9.333zM14.297 10.317c0 0 0-0 0 0zM14.497 10.432l3.867 2.234-3.867 2.234v-4.469zM18.563 12.782c0 0-0-0 0 0zM18.563 12.551c-0 0 0-0 0 0zM15.298 8.585c-0.577-0.334-1.289-0.334-1.867-0.001s-0.934 0.95-0.934 1.617v4.931c0 0.667 0.356 1.283 0.934 1.617s1.289 0.333 1.867-0.001c-0 0 0-0 0 0l4.266-2.465c0.577-0.333 0.933-0.95 0.933-1.616s-0.356-1.283-0.933-1.616l-4.266-2.465zM9.333 24.333c0.552 0 1 0.448 1 1v2.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.333h-3c-0.552 0-1-0.448-1-1s0.448-1 1-1h3v-0.333c0-0.552 0.448-1 1-1zM12.333 26.667c0-0.552 0.448-1 1-1h13.333c0.552 0 1 0.448 1 1s-0.448 1-1 1h-13.333c-0.552 0-1-0.448-1-1z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>visible-eye-hidden</title>
|
|
4
3
|
<path d="M28.72 14.907c-0.693-1.293-1.56-2.533-2.52-3.653-0.36-0.413-0.987-0.467-1.413-0.107s-0.467 0.987-0.107 1.413c0.88 1.027 1.653 2.147 2.28 3.307 0.053 0.093 0.053 0.2 0 0.293-1.2 2.227-2.907 4.28-4.853 5.787s-4.067 2.4-6.107 2.4c-0.987 0-1.987-0.213-2.973-0.587-0.52-0.2-1.093 0.053-1.293 0.573s0.053 1.093 0.573 1.293c1.187 0.467 2.44 0.733 3.693 0.733 2.613 0 5.16-1.133 7.333-2.813 2.187-1.68 4.067-3.973 5.387-6.413 0.373-0.68 0.373-1.52 0-2.2v-0.027z"></path>
|
|
5
4
|
<path d="M26.040 7.373c0.387-0.387 0.387-1.027 0-1.413s-1.027-0.387-1.413 0l-2 2c-2.013-1.387-4.28-2.293-6.627-2.293-2.613 0-5.16 1.133-7.333 2.813-2.187 1.68-4.067 3.973-5.387 6.427-0.373 0.68-0.373 1.507 0 2.2 1.147 2.12 2.72 4.080 4.533 5.68l-1.853 1.853c-0.387 0.387-0.387 1.027 0 1.413s1.027 0.387 1.413 0l18.667-18.68zM13.733 13.733c1-1 2.493-1.187 3.693-0.587l-4.28 4.28c-0.6-1.2-0.413-2.693 0.587-3.693zM5.027 16.147c-0.053-0.093-0.053-0.2 0-0.293 1.2-2.227 2.907-4.293 4.853-5.787 1.947-1.507 4.067-2.4 6.107-2.4 1.72 0 3.493 0.64 5.173 1.733l-2.28 2.28c-2.027-1.36-4.787-1.147-6.573 0.64s-2 4.56-0.64 6.573l-2.467 2.467c-1.667-1.44-3.133-3.253-4.187-5.213h0.013z"></path>
|
|
6
5
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>volume-full</title>
|
|
4
3
|
<path d="M23.908 5.93c0.36-0.419 0.991-0.467 1.41-0.108 2.659 2.282 4.349 6.014 4.349 10.182 0 4.163-1.687 7.891-4.341 10.174-0.419 0.36-1.050 0.313-1.41-0.106s-0.313-1.050 0.106-1.41c2.167-1.864 3.645-5.015 3.645-8.658 0-3.648-1.481-6.802-3.651-8.664-0.419-0.36-0.467-0.991-0.108-1.41zM12.492 6.243c1.516-1.287 3.842-0.206 3.842 1.78v15.955c0 1.987-2.324 3.066-3.841 1.78l-5.025-4.257h-2.8c-1.288 0-2.333-1.045-2.333-2.333v-6.333c0-1.288 1.045-2.333 2.333-2.333h2.8l5.025-4.257c0-0-0 0 0 0zM14.333 8.023c0-0.286-0.333-0.437-0.547-0.255l-5.306 4.495c-0.181 0.153-0.41 0.237-0.646 0.237h-3.167c-0.184 0-0.333 0.15-0.333 0.333v6.333c0 0.184 0.15 0.333 0.333 0.333h3.167c0.237 0 0.466 0.084 0.646 0.237l5.305 4.495c0.216 0.183 0.548 0.031 0.548-0.254v-15.955zM19.87 10.164c0.294-0.467 0.911-0.608 1.379-0.314 1.887 1.187 3.085 3.541 3.085 6.157 0 2.615-1.197 4.971-3.090 6.147-0.469 0.291-1.086 0.147-1.377-0.322s-0.148-1.086 0.322-1.377c1.206-0.749 2.145-2.399 2.145-4.448 0-2.048-0.939-3.702-2.15-4.464-0.467-0.294-0.608-0.911-0.314-1.379z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>warning-circle</title>
|
|
4
3
|
<path d="M16 5c-6.076 0-11 4.924-11 11s4.924 11 11 11c6.076 0 11-4.924 11-11s-4.924-11-11-11zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13c7.18 0 13 5.82 13 13s-5.82 13-13 13z"></path>
|
|
5
4
|
<path d="M16 9c0.552 0 1 0.448 1 1v6.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-6.667c0-0.552 0.448-1 1-1z"></path>
|
|
6
5
|
<path d="M14.667 21.67c-0.003-0.742 0.598-1.337 1.332-1.337 0.735 0 1.335 0.594 1.335 1.333 0 0.736-0.597 1.333-1.333 1.333-0.735 0-1.331-0.595-1.333-1.33z"></path>
|
package/assets/svg/warning.svg
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>warning</title>
|
|
4
3
|
<path d="M16 18.493c-0.547 0-1-0.453-1-1v-4.987c0-0.547 0.453-1 1-1s1 0.453 1 1v4.987c0 0.547-0.453 1-1 1z"></path>
|
|
5
4
|
<path d="M26.213 29.053h-20.427c-1.48 0-2.813-0.773-3.56-2.053s-0.747-2.827 0-4.107l10.2-17.867c0.747-1.293 2.080-2.080 3.573-2.080s2.827 0.773 3.573 2.080l10.213 17.867c0.733 1.293 0.733 2.827-0.013 4.107s-2.080 2.053-3.56 2.053zM16 4.947c-0.773 0-1.453 0.4-1.84 1.067l-10.213 17.88c-0.373 0.667-0.373 1.453 0 2.107s1.067 1.053 1.827 1.053h20.427c0.76 0 1.44-0.4 1.827-1.053s0.387-1.453 0-2.107l-10.187-17.88c-0.387-0.667-1.067-1.067-1.84-1.067z"></path>
|
|
6
5
|
<path d="M17.333 22c0 0.736-0.597 1.333-1.333 1.333s-1.333-0.597-1.333-1.333c0-0.736 0.597-1.333 1.333-1.333s1.333 0.597 1.333 1.333z"></path>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>window-finder-resize-arrow-down</title>
|
|
4
3
|
<path d="M2.995 7.997c0-2.026 1.642-3.668 3.668-3.668h18.674c2.026 0 3.668 1.642 3.668 3.668v16.007c0 2.026-1.641 3.668-3.668 3.668h-9.337c-0.552 0-1-0.448-1-1v-20.342h-8.337c-0.922 0-1.668 0.746-1.668 1.668v8.003c0 0.552-0.448 1-1 1s-1-0.448-1-1v-8.003zM17 6.329v19.342h8.337c0.922 0 1.668-0.746 1.668-1.668v-16.007c0-0.922-0.746-1.668-1.668-1.668h-8.337zM19.002 10.664c0-0.552 0.448-1 1-1h4.002c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.002c-0.552 0-1-0.448-1-1zM19.002 16c0-0.552 0.448-1 1-1h4.002c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.002c-0.552 0-1-0.448-1-1zM11.372 19.295c0.391 0.391 0.391 1.024 0 1.414l-4.962 4.962h2.921c0.552 0 1 0.448 1 1s-0.448 1-1 1h-5.336c-0.552 0-1-0.448-1-1v-5.336c0-0.552 0.448-1 1-1s1 0.448 1 1v2.921l4.962-4.962c0.391-0.391 1.024-0.391 1.414 0zM19.002 21.335c0-0.552 0.448-1 1-1h4.002c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.002c-0.552 0-1-0.448-1-1z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>window-finder-resize-arrow-up</title>
|
|
4
3
|
<path d="M2.995 7.997c0-2.026 1.642-3.668 3.668-3.668h18.674c2.026 0 3.668 1.642 3.668 3.668v16.007c0 2.026-1.641 3.668-3.668 3.668h-9.337c-0.552 0-1-0.448-1-1v-20.342h-8.337c-0.922 0-1.668 0.746-1.668 1.668v8.003c0 0.552-0.448 1-1 1s-1-0.448-1-1v-8.003zM17 6.329v19.342h8.337c0.922 0 1.668-0.746 1.668-1.668v-16.007c0-0.922-0.746-1.668-1.668-1.668h-8.337zM19.002 10.664c0-0.552 0.448-1 1-1h4.002c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.002c-0.552 0-1-0.448-1-1zM19.002 16c0-0.552 0.448-1 1-1h4.002c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.002c-0.552 0-1-0.448-1-1zM5.329 21.002c-0.552 0-1-0.448-1-1s0.448-1 1-1h5.336c0.552 0 1 0.448 1 1v5.336c0 0.552-0.448 1-1 1s-1-0.448-1-1v-2.921l-4.962 4.962c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l4.962-4.962h-2.921zM19.002 21.335c0-0.552 0.448-1 1-1h4.002c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.002c-0.552 0-1-0.448-1-1z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>window-resize-left</title>
|
|
4
3
|
<path d="M21.333 27c3.13 0 5.667-2.537 5.667-5.667v-10.667c0-3.13-2.537-5.667-5.667-5.667h-4c-0.552 0-1-0.448-1-1s0.448-1 1-1h4c4.234 0 7.667 3.432 7.667 7.667v10.667c0 4.234-3.433 7.667-7.667 7.667h-4c-0.552 0-1-0.448-1-1s0.448-1 1-1h4zM14.333 28c0 0.552-0.448 1-1 1h-2.667c-4.234 0-7.667-3.433-7.667-7.667v-10.667c0-4.234 3.432-7.667 7.667-7.667h2.667c0.552 0 1 0.448 1 1v24zM12.333 27v-22h-1.667c-3.13 0-5.667 2.537-5.667 5.667v10.667c0 3.13 2.537 5.667 5.667 5.667h1.667zM18.626 19.374c-0.391-0.391-0.391-1.024 0-1.414l1.959-1.96-1.959-1.96c-0.391-0.391-0.391-1.024 0-1.414s1.024-0.391 1.414 0l2.667 2.667c0.391 0.391 0.391 1.024 0 1.414l-2.667 2.667c-0.391 0.391-1.024 0.391-1.414 0z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>window-resize-right</title>
|
|
4
3
|
<path d="M21.333 27c3.13 0 5.667-2.537 5.667-5.667v-10.667c0-3.13-2.537-5.667-5.667-5.667h-4c-0.552 0-1-0.448-1-1s0.448-1 1-1h4c4.234 0 7.667 3.432 7.667 7.667v10.667c0 4.234-3.433 7.667-7.667 7.667h-4c-0.552 0-1-0.448-1-1s0.448-1 1-1h4zM14.333 28c0 0.552-0.448 1-1 1h-2.667c-4.234 0-7.667-3.433-7.667-7.667v-10.667c0-4.234 3.432-7.667 7.667-7.667h2.667c0.552 0 1 0.448 1 1v24zM12.333 27v-22h-1.667c-3.13 0-5.667 2.537-5.667 5.667v10.667c0 3.13 2.537 5.667 5.667 5.667h1.667zM22.040 17.96c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-2.667-2.667c-0.391-0.391-0.391-1.024 0-1.414l2.667-2.667c0.391-0.391 1.024-0.391 1.414 0s0.391 1.024 0 1.414l-1.959 1.96 1.959 1.96z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>window-zoom-plus-loupe</title>
|
|
4
3
|
<path d="M6.663 6.329h18.674c0.921 0 1.668 0.747 1.668 1.668v2.668c0 0.552 0.448 1 1 1s1-0.448 1-1v-2.668c0-2.026-1.642-3.668-3.668-3.668h-18.674c-2.026 0-3.668 1.642-3.668 3.668v16.007c0 2.026 1.642 3.668 3.668 3.668h6.669c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6.669c-0.921 0-1.668-0.747-1.668-1.668v-16.007c0-0.921 0.747-1.668 1.668-1.668zM22.003 14.332c2.763 0 5.002 2.24 5.002 5.002 0 1.361-0.544 2.596-1.426 3.498-0.014 0.012-0.027 0.025-0.041 0.038s-0.026 0.027-0.039 0.041c-0.902 0.882-2.136 1.426-3.497 1.426-2.763 0-5.003-2.24-5.003-5.003s2.24-5.002 5.003-5.002zM27.611 23.529c0.876-1.169 1.394-2.621 1.394-4.194 0-3.867-3.135-7.002-7.002-7.002s-7.003 3.135-7.003 7.002c0 3.867 3.135 7.003 7.003 7.003 1.573 0 3.025-0.519 4.194-1.394l2.435 2.435c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-2.435-2.435zM22.003 16.334c-0.552 0-1 0.448-1 1v1.001h-1.001c-0.552 0-1 0.448-1 1s0.448 1 1 1h1.001v1.001c0 0.552 0.448 1 1 1s1-0.448 1-1v-1.001h1.001c0.552 0 1-0.448 1-1s-0.448-1-1-1h-1.001v-1.001c0-0.552-0.448-1-1-1z"></path>
|
|
5
4
|
</svg>
|
package/assets/svg/windows.svg
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>windows</title>
|
|
4
3
|
<path d="M24.4 4.053l-18.667 3.107c-1.773 0.293-3.067 1.827-3.067 3.613v11.107c0 1.787 1.293 3.32 3.067 3.613l18.667 3.107c2.24 0.373 4.267-1.347 4.267-3.613v-17.32c0-2.267-2.040-3.987-4.267-3.613zM12.667 24.64l-6.613-1.107c-0.8-0.133-1.387-0.827-1.387-1.64v-4.747h8v7.48zM12.667 15.16h-8v-4.373c0-0.813 0.587-1.507 1.387-1.64l6.613-1.107v7.12zM26.667 25.013c0 1.027-0.92 1.813-1.947 1.64l-10.053-1.68v-7.813h12v7.853zM26.667 15.16h-12v-7.44l10.053-1.68c1.013-0.173 1.947 0.613 1.947 1.64v7.48z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>workspace-mode</title>
|
|
4
3
|
<path d="M3 4c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM18.667 5c-0.184 0-0.333 0.15-0.333 0.333v8c0 0.184 0.15 0.333 0.333 0.333h8c0.184 0 0.333-0.15 0.333-0.333v-8c0-0.184-0.15-0.333-0.333-0.333h-8zM16.333 5.333c0-1.288 1.045-2.333 2.333-2.333h8c1.288 0 2.333 1.045 2.333 2.333v8c0 1.288-1.045 2.333-2.333 2.333h-8c-1.288 0-2.333-1.045-2.333-2.333v-8zM3 9.333c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM3 14.667c0-0.552 0.448-1 1-1h8c0.552 0 1 0.448 1 1s-0.448 1-1 1h-8c-0.552 0-1-0.448-1-1zM5.333 21c-0.184 0-0.333 0.15-0.333 0.333v5.333c0 0.184 0.15 0.333 0.333 0.333h21.333c0.184 0 0.333-0.15 0.333-0.333v-5.333c0-0.184-0.15-0.333-0.333-0.333h-21.333zM3 21.333c0-1.288 1.045-2.333 2.333-2.333h21.333c1.288 0 2.333 1.045 2.333 2.333v5.333c0 1.288-1.045 2.333-2.333 2.333h-21.333c-1.288 0-2.333-1.045-2.333-2.333v-5.333z"></path>
|
|
5
4
|
</svg>
|
package/assets/svg/youtube.svg
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>youtube</title>
|
|
4
3
|
<path d="M16 27.907c-0.867 0-8.547-0.013-10.72-0.693-1.493-0.467-2.653-1.813-3.040-3.493-0.573-2.507-0.587-7.52-0.587-7.72s0-5.213 0.587-7.72c0.387-1.693 1.547-3.027 3.040-3.493 2.16-0.68 9.853-0.693 10.72-0.693s8.56 0.013 10.72 0.693c1.493 0.467 2.653 1.8 3.040 3.493 0.573 2.507 0.587 7.52 0.587 7.72s0 5.213-0.587 7.72c-0.387 1.693-1.547 3.027-3.040 3.493-2.16 0.68-9.853 0.693-10.72 0.693zM16 6.093c-2.28 0-8.533 0.107-10.12 0.6-0.813 0.253-1.453 1.027-1.68 2.027-0.52 2.293-0.533 7.227-0.533 7.28s0 4.987 0.533 7.28c0.227 1 0.867 1.773 1.68 2.027 1.587 0.493 7.84 0.6 10.12 0.6s8.533-0.107 10.12-0.6c0.813-0.253 1.453-1.027 1.68-2.027 0.52-2.293 0.533-7.227 0.533-7.28s0-4.987-0.533-7.28c-0.227-1-0.867-1.773-1.68-2.027-1.587-0.493-7.84-0.6-10.12-0.6z"></path>
|
|
5
4
|
<path d="M13.333 21c-0.173 0-0.347-0.040-0.507-0.133-0.307-0.173-0.507-0.507-0.507-0.867v-8c0-0.36 0.187-0.693 0.507-0.867 0.307-0.173 0.693-0.173 1 0l6.933 4c0.307 0.173 0.507 0.507 0.507 0.867s-0.187 0.693-0.507 0.867l-6.933 4c-0.16 0.093-0.333 0.133-0.507 0.133h0.013zM14.333 13.733v4.533l3.933-2.267-3.933-2.267z"></path>
|
|
6
5
|
</svg>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
-
<title>zendesk-logo</title>
|
|
4
3
|
<path d="M14.979 11.034v14.5h-12.010l12.010-14.5zM14.979 5.831c0 1.593-0.633 3.12-1.759 4.246s-2.654 1.759-4.246 1.759-3.12-0.633-4.246-1.759c-1.126-1.126-1.759-2.654-1.759-4.246h12.010zM16.957 25.536c0-1.593 0.633-3.12 1.759-4.246s2.654-1.759 4.246-1.759c1.593 0 3.12 0.633 4.246 1.759s1.759 2.654 1.759 4.246h-12.010zM16.957 20.332v-14.501h12.013l-12.013 14.501z"></path>
|
|
5
4
|
</svg>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare type IconType = typeof allIcons[number];
|
|
2
|
-
export declare const allIcons: readonly ["3d-sphere-rotate-arrows", "add-circle", "add-new-create", "add-row-above", "add-row-below", "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", "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", "server-databases-sync", "server-upload", "server", "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", "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"];
|
|
2
|
+
export declare const allIcons: readonly ["3d-sphere-rotate-arrows", "add-circle", "add-new-create", "add-row-above", "add-row-below", "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-hour-4", "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-file", "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", "expand-pathfinder-dot-square-segmentation", "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", "flywheel-viewer-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", "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", "server-databases-sync", "server-upload", "server", "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", "square-fill", "square-fill-outline", "square-outline", "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", "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"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { FwMenuItemComponent } from './menu-item/menu-item.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -11,6 +11,7 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
|
|
|
11
11
|
change: EventEmitter<string | string[]>;
|
|
12
12
|
filteredItemsChange: EventEmitter<FwMenuItemComponent[]>;
|
|
13
13
|
menuItems: QueryList<FwMenuItemComponent>;
|
|
14
|
+
menuContentWrapper: ElementRef;
|
|
14
15
|
private _filterText;
|
|
15
16
|
/**
|
|
16
17
|
* @deprecated please use fw-navbar instead
|
|
@@ -43,5 +44,5 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
|
|
|
43
44
|
handleSelect(value: string): void;
|
|
44
45
|
updateLayout(): void;
|
|
45
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "multiSelect": "multiSelect"; "useCheckbox": "useCheckbox"; "value": "value"; "variant": "variant"; "collapsed": "collapsed"; "collapsedWidth": "collapsedWidth"; "openWidth": "openWidth"; }, { "change": "change"; "filteredItemsChange": "filteredItemsChange"; }, ["menuItems"], ["*"], false>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "multiSelect": "multiSelect"; "useCheckbox": "useCheckbox"; "value": "value"; "variant": "variant"; "collapsed": "collapsed"; "collapsedWidth": "collapsedWidth"; "openWidth": "openWidth"; }, { "change": "change"; "filteredItemsChange": "filteredItemsChange"; }, ["menuContentWrapper", "menuItems"], ["*"], false>;
|
|
47
48
|
}
|
|
@@ -18,10 +18,10 @@ export class FwAppIconComponent {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
FwAppIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAppIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
FwAppIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAppIconComponent, selector: "fw-app-icon", inputs: { title: "title", icon: "icon", imageUrl: "imageUrl", color: "color", fontColor: "fontColor", size: "size", variant: "variant", badge: "badge", tabindex: "tabindex", locked: "locked", animated: "animated" }, host: { properties: { "tabindex": "this.tabindex", "class.locked": "this.locked", "class.animated": "this.animated", "role": "this.role", "class": "this.cssClass" } }, ngImport: i0, template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
21
|
+
FwAppIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAppIconComponent, selector: "fw-app-icon", inputs: { title: "title", icon: "icon", imageUrl: "imageUrl", color: "color", fontColor: "fontColor", size: "size", variant: "variant", badge: "badge", tabindex: "tabindex", locked: "locked", animated: "animated" }, host: { properties: { "tabindex": "this.tabindex", "class.locked": "this.locked", "class.animated": "this.animated", "role": "this.role", "class": "this.cssClass" } }, ngImport: i0, template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px;width:16px;min-width:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px;width:20px;min-width:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px;width:32px;min-width:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px;width:48px;min-width:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAppIconComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'fw-app-icon', template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"] }]
|
|
24
|
+
args: [{ selector: 'fw-app-icon', template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid var(--separations-base)}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px;width:16px;min-width:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px;width:20px;min-width:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px;width:32px;min-width:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px;width:48px;min-width:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"] }]
|
|
25
25
|
}], propDecorators: { title: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], icon: [{
|
|
@@ -16,10 +16,10 @@ export class FwCrumbComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
FwCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
FwCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCrumbComponent, selector: "fw-crumb", inputs: { title: "title", description: "description", href: "href", last: "last" }, outputs: { click: "click" }, ngImport: i0, template: "<div (click)=\"handleClick($event)\">\n <h3 class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{
|
|
19
|
+
FwCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCrumbComponent, selector: "fw-crumb", inputs: { title: "title", description: "description", href: "href", last: "last" }, outputs: { click: "click" }, ngImport: i0, template: "<div (click)=\"handleClick($event)\">\n <h3 class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\" size=\"medium\" color=\"slate\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{margin:0 10px;color:var(--typography-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCrumbComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'fw-crumb', template: "<div (click)=\"handleClick($event)\">\n <h3 class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{
|
|
22
|
+
args: [{ selector: 'fw-crumb', template: "<div (click)=\"handleClick($event)\">\n <h3 class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\" size=\"medium\" color=\"slate\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{margin:0 10px;color:var(--typography-light)}\n"] }]
|
|
23
23
|
}], propDecorators: { title: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], description: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
31
31
|
}], click: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBVUUsNERBQTREO1FBQ2xELFVBQUssR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztLQVNsRTtJQVBDLFdBQVcsQ0FBQyxHQUFVO1FBQ3BCLEdBQUcsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN0QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQzs7NkdBZFUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsaUtDUDdCLHVQQUtBOzJGREVhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQUtYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY3J1bWInLFxuICB0ZW1wbGF0ZVVybDogJy4vY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jcnVtYi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhc3Q/OiBib29sZWFuO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsaWNrOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBoYW5kbGVDbGljayhldnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICh0aGlzLmhyZWYpIHtcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gdGhpcy5ocmVmO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrLmVtaXQoZXZ0KTtcbiAgfVxufVxuIiwiPGRpdiAoY2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiPlxuICA8aDMgY2xhc3M9XCJ2aXNpb24taDNcIj57eyB0aXRsZSB9fTwvaDM+XG4gIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wM1wiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuPC9kaXY+XG48ZnctaWNvbiAqbmdJZj1cIiFsYXN0XCIgc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwic2xhdGVcIj5jaGV2cm9uLWZvcndhcmQ8L2Z3LWljb24+XG4iXX0=
|
|
@@ -32,10 +32,10 @@ export class FwButtonComponent {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
FwButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", variant: "variant", type: "type", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [type]=\"type\" [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwProgressSpinnerComponent, selector: "fw-progress-spinner", inputs: ["mode", "size", "color", "showValue", "value"] }] });
|
|
35
|
+
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", variant: "variant", type: "type", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [type]=\"type\" [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px;width:20px;min-width:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px;width:24px;min-width:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwProgressSpinnerComponent, selector: "fw-progress-spinner", inputs: ["mode", "size", "color", "showValue", "value"] }] });
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
|
-
args: [{ selector: 'fw-button', template: "<button [type]=\"type\" [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"] }]
|
|
38
|
+
args: [{ selector: 'fw-button', template: "<button [type]=\"type\" [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px;width:20px;min-width:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px;width:24px;min-width:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"] }]
|
|
39
39
|
}], propDecorators: { classes: [{
|
|
40
40
|
type: HostBinding,
|
|
41
41
|
args: ['attr.class']
|
|
@@ -20,10 +20,10 @@ export class FwChipComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
FwChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
FwChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwChipComponent, selector: "fw-chip", inputs: { value: "value", variant: "variant", color: "color", icon: "icon", title: "title", description: "description", showClose: "showClose", disabled: "disabled", selected: "selected", selectable: "selectable" }, outputs: { close: "close", select: "select" }, ngImport: i0, template: "<div
|
|
23
|
+
FwChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwChipComponent, selector: "fw-chip", inputs: { value: "value", variant: "variant", color: "color", icon: "icon", title: "title", description: "description", showClose: "showClose", disabled: "disabled", selected: "selected", selectable: "selectable" }, outputs: { close: "close", select: "select" }, ngImport: i0, template: "<div\n [ngClass]=\"['chip', variant, 'chip-'+color]\" [class.disabled]=\"disabled\" [class.focused]=\"selected\"\n [class.selectable]=\"selectable\" (click)=\"selectable ? select.emit(value) : undefined\">\n <fw-icon *ngIf=\"icon\" class=\"chip-icon\">{{ icon }}</fw-icon>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"chip-text\" *ngIf=\"title\">\n <span>{{ title }}</span>\n <span *ngIf=\"description\" class=\"description\">{{ description }}</span>\n </div>\n <div class=\"close-icon\" *ngIf=\"showClose\" (click)=\"handleClose($event)\">\n <fw-icon>close</fw-icon>\n </div>\n</div>\n", styles: [":host{min-height:24px;display:inline-flex}.chip{box-sizing:border-box;border-radius:16px;padding:2px 4px;display:inline-flex;min-height:24px;align-items:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.chip .chip-icon{align-items:flex-start;font-size:16px;min-width:16px;width:16px}.chip .chip-text{display:flex;align-items:center;margin:0 6px;min-height:16px;white-space:wrap}.chip .chip-text .description{margin-left:4px;font-weight:400;color:var(--typography-light)}.chip .close-icon{font-size:12px;font-weight:700;cursor:pointer;border-width:1px;border-style:solid;border-radius:16px;min-width:12px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.chip .close-icon:hover{color:var(--typography-contrast);border-radius:16px}.chip .close-icon>fw-icon{font-size:12px;min-width:12px;width:12px;height:12px}.chip:not(.selectable){cursor:default}.chip.selectable{cursor:pointer}.chip.enabled.chip-slate{color:var(--slate-base);border:1px solid var(--slate-border)}.chip.enabled.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.enabled.chip-primary{color:var(--primary-base);border:1px solid var(--primary-border)}.chip.enabled.chip-primary .close-icon{border-color:var(--primary-base)}.chip.enabled.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.enabled.chip-secondary{color:var(--secondary-base);border:1px solid var(--secondary-border)}.chip.enabled.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.enabled.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.enabled.chip-orange{color:var(--orange-base);border:1px solid var(--orange-border)}.chip.enabled.chip-orange .close-icon{border-color:var(--orange-base)}.chip.enabled.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.enabled.chip-green{color:var(--green-base);border:1px solid var(--green-border)}.chip.enabled.chip-green .close-icon{border-color:var(--green-base)}.chip.enabled.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.enabled.chip-red{color:var(--red-base);border:1px solid var(--red-border)}.chip.enabled.chip-red .close-icon{border-color:var(--red-base)}.chip.enabled.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.hovered.chip-slate,.chip.selectable:not(.focused):hover.chip-slate{color:var(--slate-base)!important;background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.hovered.chip-slate .close-icon:hover,.chip.selectable:not(.focused):hover.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.hovered.chip-primary,.chip.selectable:not(.focused):hover.chip-primary{color:var(--primary-base)!important;background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.hovered.chip-primary .close-icon,.chip.selectable:not(.focused):hover.chip-primary .close-icon{border-color:var(--primary-base)}.chip.hovered.chip-primary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.hovered.chip-secondary,.chip.selectable:not(.focused):hover.chip-secondary{color:var(--secondary-base)!important;background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.hovered.chip-secondary .close-icon,.chip.selectable:not(.focused):hover.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.hovered.chip-secondary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.hovered.chip-orange,.chip.selectable:not(.focused):hover.chip-orange{color:var(--orange-base)!important;background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.hovered.chip-orange .close-icon,.chip.selectable:not(.focused):hover.chip-orange .close-icon{border-color:var(--orange-base)}.chip.hovered.chip-orange .close-icon:hover,.chip.selectable:not(.focused):hover.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.hovered.chip-green,.chip.selectable:not(.focused):hover.chip-green{color:var(--green-base)!important;background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.hovered.chip-green .close-icon,.chip.selectable:not(.focused):hover.chip-green .close-icon{border-color:var(--green-base)}.chip.hovered.chip-green .close-icon:hover,.chip.selectable:not(.focused):hover.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.hovered.chip-red,.chip.selectable:not(.focused):hover.chip-red{color:var(--red-base)!important;background-color:var(--red-hover);border:1px solid var(--red-border)}.chip.hovered.chip-red .close-icon,.chip.selectable:not(.focused):hover.chip-red .close-icon{border-color:var(--red-base)}.chip.hovered.chip-red .close-icon:hover,.chip.selectable:not(.focused):hover.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.focused{color:var(--typography-contrast)!important}.chip.focused .close-icon{border-color:var(--typography-contrast)}.chip.focused .close-icon:hover{background-color:var(--typography-contrast);border-radius:16px}.chip.focused.chip-slate{background-color:var(--slate-focus);color:var(--typography-base)!important}.chip.focused.chip-slate .close-icon{border-color:var(--typography-base)}.chip.focused.chip-slate .close-icon:hover{color:var(--slate-base)}.chip.focused.chip-primary{background-color:var(--primary-base)}.chip.focused.chip-primary .close-icon:hover{color:var(--primary-base)}.chip.focused.chip-secondary{background-color:var(--secondary-base)}.chip.focused.chip-secondary .close-icon:hover{color:var(--secondary-base)}.chip.focused.chip-orange{background-color:var(--orange-base)}.chip.focused.chip-orange .close-icon:hover{color:var(--orange-base)}.chip.focused.chip-green{background-color:var(--green-base)}.chip.focused.chip-green .close-icon:hover{color:var(--green-base)}.chip.focused.chip-red{background-color:var(--red-base)}.chip.focused.chip-red .close-icon:hover{color:var(--red-base)}.chip.disabled{opacity:38%}.chip.disabled .close-icon{cursor:not-allowed;color:inherit}.chip.disabled .close-icon:hover{background-color:transparent!important}.chip.disabled.chip-slate{color:var(--slate-base);background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.disabled.chip-primary{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.disabled.chip-secondary{color:var(--secondary-base);background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.disabled.chip-orange{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.disabled.chip-green{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.disabled.chip-red{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwChipComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'fw-chip', template: "<div
|
|
26
|
+
args: [{ selector: 'fw-chip', template: "<div\n [ngClass]=\"['chip', variant, 'chip-'+color]\" [class.disabled]=\"disabled\" [class.focused]=\"selected\"\n [class.selectable]=\"selectable\" (click)=\"selectable ? select.emit(value) : undefined\">\n <fw-icon *ngIf=\"icon\" class=\"chip-icon\">{{ icon }}</fw-icon>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"chip-text\" *ngIf=\"title\">\n <span>{{ title }}</span>\n <span *ngIf=\"description\" class=\"description\">{{ description }}</span>\n </div>\n <div class=\"close-icon\" *ngIf=\"showClose\" (click)=\"handleClose($event)\">\n <fw-icon>close</fw-icon>\n </div>\n</div>\n", styles: [":host{min-height:24px;display:inline-flex}.chip{box-sizing:border-box;border-radius:16px;padding:2px 4px;display:inline-flex;min-height:24px;align-items:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.chip .chip-icon{align-items:flex-start;font-size:16px;min-width:16px;width:16px}.chip .chip-text{display:flex;align-items:center;margin:0 6px;min-height:16px;white-space:wrap}.chip .chip-text .description{margin-left:4px;font-weight:400;color:var(--typography-light)}.chip .close-icon{font-size:12px;font-weight:700;cursor:pointer;border-width:1px;border-style:solid;border-radius:16px;min-width:12px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.chip .close-icon:hover{color:var(--typography-contrast);border-radius:16px}.chip .close-icon>fw-icon{font-size:12px;min-width:12px;width:12px;height:12px}.chip:not(.selectable){cursor:default}.chip.selectable{cursor:pointer}.chip.enabled.chip-slate{color:var(--slate-base);border:1px solid var(--slate-border)}.chip.enabled.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.enabled.chip-primary{color:var(--primary-base);border:1px solid var(--primary-border)}.chip.enabled.chip-primary .close-icon{border-color:var(--primary-base)}.chip.enabled.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.enabled.chip-secondary{color:var(--secondary-base);border:1px solid var(--secondary-border)}.chip.enabled.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.enabled.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.enabled.chip-orange{color:var(--orange-base);border:1px solid var(--orange-border)}.chip.enabled.chip-orange .close-icon{border-color:var(--orange-base)}.chip.enabled.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.enabled.chip-green{color:var(--green-base);border:1px solid var(--green-border)}.chip.enabled.chip-green .close-icon{border-color:var(--green-base)}.chip.enabled.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.enabled.chip-red{color:var(--red-base);border:1px solid var(--red-border)}.chip.enabled.chip-red .close-icon{border-color:var(--red-base)}.chip.enabled.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.hovered.chip-slate,.chip.selectable:not(.focused):hover.chip-slate{color:var(--slate-base)!important;background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.hovered.chip-slate .close-icon:hover,.chip.selectable:not(.focused):hover.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.hovered.chip-primary,.chip.selectable:not(.focused):hover.chip-primary{color:var(--primary-base)!important;background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.hovered.chip-primary .close-icon,.chip.selectable:not(.focused):hover.chip-primary .close-icon{border-color:var(--primary-base)}.chip.hovered.chip-primary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.hovered.chip-secondary,.chip.selectable:not(.focused):hover.chip-secondary{color:var(--secondary-base)!important;background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.hovered.chip-secondary .close-icon,.chip.selectable:not(.focused):hover.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.hovered.chip-secondary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.hovered.chip-orange,.chip.selectable:not(.focused):hover.chip-orange{color:var(--orange-base)!important;background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.hovered.chip-orange .close-icon,.chip.selectable:not(.focused):hover.chip-orange .close-icon{border-color:var(--orange-base)}.chip.hovered.chip-orange .close-icon:hover,.chip.selectable:not(.focused):hover.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.hovered.chip-green,.chip.selectable:not(.focused):hover.chip-green{color:var(--green-base)!important;background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.hovered.chip-green .close-icon,.chip.selectable:not(.focused):hover.chip-green .close-icon{border-color:var(--green-base)}.chip.hovered.chip-green .close-icon:hover,.chip.selectable:not(.focused):hover.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.hovered.chip-red,.chip.selectable:not(.focused):hover.chip-red{color:var(--red-base)!important;background-color:var(--red-hover);border:1px solid var(--red-border)}.chip.hovered.chip-red .close-icon,.chip.selectable:not(.focused):hover.chip-red .close-icon{border-color:var(--red-base)}.chip.hovered.chip-red .close-icon:hover,.chip.selectable:not(.focused):hover.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.focused{color:var(--typography-contrast)!important}.chip.focused .close-icon{border-color:var(--typography-contrast)}.chip.focused .close-icon:hover{background-color:var(--typography-contrast);border-radius:16px}.chip.focused.chip-slate{background-color:var(--slate-focus);color:var(--typography-base)!important}.chip.focused.chip-slate .close-icon{border-color:var(--typography-base)}.chip.focused.chip-slate .close-icon:hover{color:var(--slate-base)}.chip.focused.chip-primary{background-color:var(--primary-base)}.chip.focused.chip-primary .close-icon:hover{color:var(--primary-base)}.chip.focused.chip-secondary{background-color:var(--secondary-base)}.chip.focused.chip-secondary .close-icon:hover{color:var(--secondary-base)}.chip.focused.chip-orange{background-color:var(--orange-base)}.chip.focused.chip-orange .close-icon:hover{color:var(--orange-base)}.chip.focused.chip-green{background-color:var(--green-base)}.chip.focused.chip-green .close-icon:hover{color:var(--green-base)}.chip.focused.chip-red{background-color:var(--red-base)}.chip.focused.chip-red .close-icon:hover{color:var(--red-base)}.chip.disabled{opacity:38%}.chip.disabled .close-icon{cursor:not-allowed;color:inherit}.chip.disabled .close-icon:hover{background-color:transparent!important}.chip.disabled.chip-slate{color:var(--slate-base);background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.disabled.chip-primary{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.disabled.chip-secondary{color:var(--secondary-base);background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.disabled.chip-orange{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.disabled.chip-green{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.disabled.chip-red{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}\n"] }]
|
|
27
27
|
}], propDecorators: { value: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], variant: [{
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
49
49
|
}], select: [{
|
|
50
50
|
type: Output
|
|
51
51
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTdkUsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFPVyxZQUFPLEdBQW9ELFNBQVMsQ0FBQztRQUNyRSxVQUFLLEdBQW9FLE9BQU8sQ0FBQztRQU9qRixlQUFVLEdBQWEsSUFBSSxDQUFDO1FBQ3JDLDREQUE0RDtRQUNsRCxVQUFLLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDL0QsNERBQTREO1FBQ2xELFdBQU0sR0FBa0MsSUFBSSxZQUFZLEVBQW1CLENBQUM7S0FRdkY7SUFOQyxXQUFXLENBQUMsS0FBaUI7UUFDM0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDOzs0R0FyQlUsZUFBZTtnR0FBZixlQUFlLHNUQ1Q1QixnbkJBYUE7MkZESmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTOzhCQUtWLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTTtnQkFFRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uVHlwZSB9IGZyb20gJy4uL2ljb24vaWNvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWNoaXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXAuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDaGlwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdmFsdWU/OiBvYmplY3QgfCBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiAnZW5hYmxlZCcgfCAnaG92ZXJlZCcgfCAnZm9jdXNlZCcgfCAnZGlzYWJsZWQnID0gJ2VuYWJsZWQnO1xuICBASW5wdXQoKSBjb2xvcj86ICdzbGF0ZScgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdyZWQnIHwgJ2dyZWVuJyB8ICdvcmFuZ2UnID0gJ3NsYXRlJztcbiAgQElucHV0KCkgaWNvbj86IEljb25UeXBlO1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNob3dDbG9zZT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBzZWxlY3RhYmxlPzogYm9vbGVhbiA9IHRydWU7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgY2xvc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBzZWxlY3Q6IEV2ZW50RW1pdHRlcjxvYmplY3QgfCBzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxvYmplY3QgfCBzdHJpbmc+KCk7XG5cbiAgaGFuZGxlQ2xvc2UoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBpZiAodGhpcy5jbG9zZSkge1xuICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIFtuZ0NsYXNzXT1cIlsnY2hpcCcsIHZhcmlhbnQsICdjaGlwLScrY29sb3JdXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2NsYXNzLmZvY3VzZWRdPVwic2VsZWN0ZWRcIlxuICBbY2xhc3Muc2VsZWN0YWJsZV09XCJzZWxlY3RhYmxlXCIgKGNsaWNrKT1cInNlbGVjdGFibGUgPyBzZWxlY3QuZW1pdCh2YWx1ZSkgOiB1bmRlZmluZWRcIj5cbiAgPGZ3LWljb24gKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJjaGlwLWljb25cIj57eyBpY29uIH19PC9mdy1pY29uPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1hdmF0YXJcIj48L25nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJjaGlwLXRleHRcIiAqbmdJZj1cInRpdGxlXCI+XG4gICAgPHNwYW4+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCJkZXNjcmlwdGlvblwiIGNsYXNzPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjbG9zZS1pY29uXCIgKm5nSWY9XCJzaG93Q2xvc2VcIiAoY2xpY2spPVwiaGFuZGxlQ2xvc2UoJGV2ZW50KVwiPlxuICAgIDxmdy1pY29uPmNsb3NlPC9mdy1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -11,13 +11,13 @@ export class FwIconComponent {
|
|
|
11
11
|
let size = '';
|
|
12
12
|
switch (this.size) {
|
|
13
13
|
case 'small':
|
|
14
|
-
size = 'font-size: 22px;';
|
|
14
|
+
size = 'font-size: 22px; min-width: 22px; width: 22px;';
|
|
15
15
|
break;
|
|
16
16
|
case 'medium':
|
|
17
|
-
size = 'font-size: 24px;';
|
|
17
|
+
size = 'font-size: 24px; min-width: 24px; width: 24px;';
|
|
18
18
|
break;
|
|
19
19
|
case 'large':
|
|
20
|
-
size = 'font-size: 28px;';
|
|
20
|
+
size = 'font-size: 28px; min-width: 28px; width: 28px;';
|
|
21
21
|
break;
|
|
22
22
|
}
|
|
23
23
|
let color = '';
|
|
@@ -58,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
58
58
|
type: HostBinding,
|
|
59
59
|
args: ['style']
|
|
60
60
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXZGLE1BQU0sT0FBTyxlQUFlO0lBeUMxQixZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBOUJyQixVQUFLLEdBQUcsYUFBYSxDQUFDO1FBQ3ZCLFNBQUksR0FBRyxLQUFLLENBQUM7SUE4QmxDLENBQUM7SUE1QkQsSUFBMEIsS0FBSztRQUM3QixJQUFJLElBQUksR0FBVyxFQUFFLENBQUM7UUFDdEIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssT0FBTztnQkFDVixJQUFJLEdBQUcsZ0RBQWdELENBQUM7Z0JBQ3hELE1BQU07WUFDUixLQUFLLFFBQVE7Z0JBQ1gsSUFBSSxHQUFHLGdEQUFnRCxDQUFDO2dCQUN4RCxNQUFNO1lBQ1IsS0FBSyxPQUFPO2dCQUNWLElBQUksR0FBRyxnREFBZ0QsQ0FBQztnQkFDeEQsTUFBTTtTQUNUO1FBQ0QsSUFBSSxLQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLEVBQUU7Z0JBQzFCLEtBQUssR0FBRyxpQ0FBaUMsQ0FBQzthQUMzQztpQkFBTTtnQkFDTCxLQUFLLEdBQUcsZ0JBQWdCLElBQUksQ0FBQyxLQUFLLFNBQVMsQ0FBQzthQUM3QztTQUNGO1FBQ0QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDO1FBQzNDLElBQUk7UUFDSixLQUFLO0dBQ1YsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7NEdBdkNVLGVBQWU7Z0dBQWYsZUFBZSxzTEFIaEIsMkJBQTJCOzJGQUcxQixlQUFlO2tCQUwzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7bUdBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFTZ0IsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPO2dCQUNDLElBQUk7c0JBQXhCLFdBQVc7dUJBQUMsTUFBTTtnQkFFTyxLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVN0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWljb24nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRndJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2l6ZT86ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCc7XG4gIEBJbnB1dCgpIGNvbG9yPzpcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICdyZWQnXG4gICAgfCAnb3JhbmdlJ1xuICAgIHwgJ2dyZWVuJ1xuICAgIHwgJ3NsYXRlJ1xuICAgIHwgJ211dGVkJ1xuICAgIHwgJ3R5cG9ncmFwaHknO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAndmlzaW9uLWljb24nO1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ2ltZyc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZSgpOiBTYWZlU3R5bGUge1xuICAgIGxldCBzaXplOiBzdHJpbmcgPSAnJztcbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgICBzaXplID0gJ2ZvbnQtc2l6ZTogMjJweDsgbWluLXdpZHRoOiAyMnB4OyB3aWR0aDogMjJweDsnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgICAgIHNpemUgPSAnZm9udC1zaXplOiAyNHB4OyBtaW4td2lkdGg6IDI0cHg7IHdpZHRoOiAyNHB4Oyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnbGFyZ2UnOlxuICAgICAgICBzaXplID0gJ2ZvbnQtc2l6ZTogMjhweDsgbWluLXdpZHRoOiAyOHB4OyB3aWR0aDogMjhweDsnO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gICAgbGV0IGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgICBpZiAodGhpcy5jb2xvcikge1xuICAgICAgaWYgKHRoaXMuY29sb3IgPT09ICdtdXRlZCcpIHtcbiAgICAgICAgY29sb3IgPSAnY29sb3I6IHZhcigtLXR5cG9ncmFwaHktbXV0ZWQpOyc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb2xvciA9IGBjb2xvcjogdmFyKC0tJHt0aGlzLmNvbG9yfS1iYXNlKTtgO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGBcbiAgICAgICR7c2l6ZX1cbiAgICAgICR7Y29sb3J9XG4gIGApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICB9XG59XG4iXX0=
|