@flywheel-io/vision 0.7.0 → 0.8.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 +255 -1
- package/assets/fonts/Flywheel-Vision-Icons.ttf +0 -0
- package/assets/fonts/Flywheel-Vision-Icons.woff +0 -0
- package/assets/svg/add-circle.svg +5 -0
- package/assets/svg/add-new-create.svg +5 -0
- package/assets/svg/add-row-above.svg +10 -0
- package/assets/svg/add-row-below.svg +10 -0
- package/assets/svg/add-server.svg +12 -0
- package/assets/svg/add-user.svg +5 -0
- package/assets/svg/apple.svg +6 -0
- package/assets/svg/apply-copy-duplicate.svg +8 -0
- package/assets/svg/arrow-annotate.svg +5 -0
- package/assets/svg/arrow-back-collapse.svg +5 -0
- package/assets/svg/arrow-back.svg +5 -0
- package/assets/svg/arrow-down.svg +6 -0
- package/assets/svg/arrow-forward-collapse.svg +5 -0
- package/assets/svg/arrow-forward.svg +5 -0
- package/assets/svg/arrow-rotate-restore.svg +5 -0
- package/assets/svg/arrow-rotate.svg +5 -0
- package/assets/svg/arrow-up.svg +6 -0
- package/assets/svg/arrow.svg +5 -0
- package/assets/svg/barcode-serial.svg +14 -0
- package/assets/svg/barcode-stack-scan.svg +5 -0
- package/assets/svg/bell-notification.svg +5 -0
- package/assets/svg/blocks-code-test-checkmark.svg +5 -0
- package/assets/svg/bookmark-plus-add.svg +7 -0
- package/assets/svg/bookmark.svg +5 -0
- package/assets/svg/brain.svg +10 -0
- package/assets/svg/button-form-element.svg +5 -0
- package/assets/svg/calendar-schedule.svg +5 -0
- package/assets/svg/camera-photo-capture.svg +5 -0
- package/assets/svg/cash-banknotes.svg +9 -0
- package/assets/svg/chart-square.svg +5 -0
- package/assets/svg/chart-trend-square.svg +8 -0
- package/assets/svg/chat-messages-bubble.svg +8 -0
- package/assets/svg/checklist-tasks-chechmark-square.svg +9 -0
- package/assets/svg/checklist.svg +5 -0
- package/assets/svg/chevron-back.svg +5 -0
- package/assets/svg/chevron-down.svg +5 -0
- package/assets/svg/chevron-forward.svg +5 -0
- package/assets/svg/chevron-up.svg +5 -0
- package/assets/svg/circle-ellipses.svg +6 -0
- package/assets/svg/circle.svg +6 -0
- package/assets/svg/clap-applause-hands.svg +8 -0
- package/assets/svg/clip-attachment.svg +5 -0
- package/assets/svg/clock-history.svg +7 -0
- package/assets/svg/clock-loading.svg +9 -0
- package/assets/svg/close-circled.svg +5 -0
- package/assets/svg/close.svg +5 -0
- package/assets/svg/cloud-storage-checkmark.svg +6 -0
- package/assets/svg/code-text.svg +5 -0
- package/assets/svg/color-design-profile.svg +5 -0
- package/assets/svg/color-ven-design-profile-central.svg +5 -0
- package/assets/svg/computer-chip.svg +5 -0
- package/assets/svg/contrast-photo-edit.svg +5 -0
- package/assets/svg/copy-item.svg +5 -0
- package/assets/svg/creative-commons.svg +5 -0
- package/assets/svg/crosshair.svg +9 -0
- package/assets/svg/cursor-select.svg +6 -0
- package/assets/svg/data-tree.svg +5 -0
- package/assets/svg/delivery-shipment-packages.svg +8 -0
- package/assets/svg/dna-hospital-medical.svg +10 -0
- package/assets/svg/document-file-blank.svg +6 -0
- package/assets/svg/document-file-download.svg +9 -0
- package/assets/svg/document-file-list-protocol.svg +11 -0
- package/assets/svg/document-file-tar.svg +10 -0
- package/assets/svg/document-file-zip.svg +12 -0
- package/assets/svg/document-status-done-checkmark.svg +5 -0
- package/assets/svg/document-visible.svg +8 -0
- package/assets/svg/documents-files.svg +6 -0
- package/assets/svg/done-check-tracked.svg +5 -0
- package/assets/svg/done-check.svg +5 -0
- package/assets/svg/download-status.svg +11 -0
- package/assets/svg/download.svg +5 -0
- package/assets/svg/drag-drop-indicator.svg +5 -0
- package/assets/svg/draw-rectangle.svg +6 -0
- package/assets/svg/earth-globe-fail.svg +6 -0
- package/assets/svg/edit-boxed.svg +5 -0
- package/assets/svg/edit.svg +6 -0
- package/assets/svg/email-mail-checkmark-group.svg +5 -0
- package/assets/svg/email.svg +5 -0
- package/assets/svg/embed-circle.svg +5 -0
- package/assets/svg/facebook.svg +5 -0
- package/assets/svg/file-download.svg +8 -0
- package/assets/svg/file-text.svg +9 -0
- package/assets/svg/files-library-content.svg +8 -0
- package/assets/svg/files-library.svg +5 -0
- package/assets/svg/files.svg +5 -0
- package/assets/svg/filter.svg +6 -0
- package/assets/svg/flag.svg +5 -0
- package/assets/svg/flip-horizontal.svg +5 -0
- package/assets/svg/flip-vertical.svg +5 -0
- package/assets/svg/folder-add.svg +7 -0
- package/assets/svg/folder-blank.svg +5 -0
- package/assets/svg/folder-checked.svg +6 -0
- package/assets/svg/folder-group.svg +6 -0
- package/assets/svg/folder-open.svg +5 -0
- package/assets/svg/folder-share.svg +7 -0
- package/assets/svg/form-metadata-element.svg +5 -0
- package/assets/svg/free-rights.svg +5 -0
- package/assets/svg/full-screen-zoom.svg +5 -0
- package/assets/svg/github-color-login.svg +5 -0
- package/assets/svg/gitlab.svg +5 -0
- package/assets/svg/graduate-hat.svg +5 -0
- package/assets/svg/grid-layout.svg +8 -0
- package/assets/svg/hammer-screwdriver.svg +6 -0
- package/assets/svg/hand-money-currency.svg +7 -0
- package/assets/svg/header-form-element.svg +8 -0
- package/assets/svg/home-modern-door.svg +5 -0
- package/assets/svg/home-modern-option-lines.svg +5 -0
- package/assets/svg/human-artificial-intelligence.svg +5 -0
- package/assets/svg/icon-placeholder.svg +5 -0
- package/assets/svg/image-photo-copy-left-down.svg +8 -0
- package/assets/svg/image-picture-square.svg +6 -0
- package/assets/svg/information-circle.svg +7 -0
- package/assets/svg/items-group-elements.svg +5 -0
- package/assets/svg/key.svg +6 -0
- package/assets/svg/keyboard.svg +12 -0
- package/assets/svg/keychain.svg +5 -0
- package/assets/svg/label-tag.svg +5 -0
- package/assets/svg/laptop-health-medical-cross.svg +10 -0
- package/assets/svg/layers.svg +5 -0
- package/assets/svg/layout-grid.svg +8 -0
- package/assets/svg/layout.svg +5 -0
- package/assets/svg/line.svg +7 -0
- package/assets/svg/link-unlink.svg +5 -0
- package/assets/svg/link.svg +5 -0
- package/assets/svg/linkedin.svg +7 -0
- package/assets/svg/linux.svg +6 -0
- package/assets/svg/loading-status-checkmark.svg +9 -0
- package/assets/svg/lock-unlock.svg +5 -0
- package/assets/svg/lock.svg +8 -0
- package/assets/svg/logout.svg +5 -0
- package/assets/svg/lung.svg +5 -0
- package/assets/svg/lungs.svg +9 -0
- package/assets/svg/measure-angle.svg +6 -0
- package/assets/svg/media-library-imports-dowload.svg +6 -0
- package/assets/svg/menu-burger-handle.svg +5 -0
- package/assets/svg/menu-horizontal.svg +7 -0
- package/assets/svg/menu-list-form-square.svg +8 -0
- package/assets/svg/menu-vertical.svg +7 -0
- package/assets/svg/message-chat-info.svg +7 -0
- package/assets/svg/message-chat-question-support.svg +9 -0
- package/assets/svg/message-question-checkmark.svg +7 -0
- package/assets/svg/microphone-mic-rec-circle.svg +5 -0
- package/assets/svg/microphone-mic-rec.svg +5 -0
- package/assets/svg/microphone-mic-recording-circle.svg +10 -0
- package/assets/svg/minus.svg +5 -0
- package/assets/svg/modalities.svg +5 -0
- package/assets/svg/money-coin.svg +8 -0
- package/assets/svg/money-dollar.svg +8 -0
- package/assets/svg/money.svg +5 -0
- package/assets/svg/mouse-big.svg +6 -0
- package/assets/svg/move.svg +5 -0
- package/assets/svg/music-play-resume.svg +5 -0
- package/assets/svg/music-stop.svg +5 -0
- package/assets/svg/mute.svg +5 -0
- package/assets/svg/network-storage-alert.svg +7 -0
- package/assets/svg/notebook-add-plus.svg +5 -0
- package/assets/svg/notebook-open.svg +9 -0
- package/assets/svg/notebook-pen-edit.svg +8 -0
- package/assets/svg/notebook.svg +5 -0
- package/assets/svg/notes-pen.svg +8 -0
- package/assets/svg/object-search-zoom-plus.svg +5 -0
- package/assets/svg/open.svg +5 -0
- package/assets/svg/pencil-edit-create.svg +5 -0
- package/assets/svg/photo-edit-brightness-invert.svg +6 -0
- package/assets/svg/pie-chart.svg +5 -0
- package/assets/svg/pie-graph-chart-sample.svg +8 -0
- package/assets/svg/plus-add-rectangle.svg +6 -0
- package/assets/svg/polygon.svg +5 -0
- package/assets/svg/protection-target.svg +5 -0
- package/assets/svg/protective-mask.svg +7 -0
- package/assets/svg/question-circle.svg +7 -0
- package/assets/svg/radiology-scan-circle.svg +11 -0
- package/assets/svg/radiology-scan.svg +11 -0
- package/assets/svg/rotate-arrow-manual.svg +10 -0
- package/assets/svg/rotate-item-left.svg +6 -0
- package/assets/svg/rotate-item-right.svg +6 -0
- package/assets/svg/rotate-refresh.svg +7 -0
- package/assets/svg/rotate.svg +5 -0
- package/assets/svg/ruler-bidirectional.svg +9 -0
- package/assets/svg/ruler.svg +5 -0
- package/assets/svg/scanner.svg +9 -0
- package/assets/svg/search-loop.svg +10 -0
- package/assets/svg/search-user-profile-person.svg +5 -0
- package/assets/svg/search-zoom-minus.svg +5 -0
- package/assets/svg/search-zoom-plus.svg +5 -0
- package/assets/svg/search.svg +5 -0
- package/assets/svg/section-form-element.svg +5 -0
- package/assets/svg/server-checkmark.svg +11 -0
- package/assets/svg/server-databases-connect.svg +5 -0
- package/assets/svg/server-databases-download.svg +8 -0
- package/assets/svg/server-databases-key-protection.svg +12 -0
- package/assets/svg/server-databases-minimal-download.svg +6 -0
- package/assets/svg/server-databases-sync-import.svg +6 -0
- package/assets/svg/server-databases-sync.svg +10 -0
- package/assets/svg/server-upload.svg +11 -0
- package/assets/svg/server.svg +8 -0
- package/assets/svg/servers-database.svg +8 -0
- package/assets/svg/setting-gear.svg +6 -0
- package/assets/svg/settings-adjust.svg +5 -0
- package/assets/svg/settings-gear-square.svg +7 -0
- package/assets/svg/settings-gear.svg +7 -0
- package/assets/svg/settings-select.svg +5 -0
- package/assets/svg/share.svg +5 -0
- package/assets/svg/show-visible.svg +5 -0
- package/assets/svg/star.svg +5 -0
- package/assets/svg/stars-light-sparkle.svg +5 -0
- package/assets/svg/stomach.svg +5 -0
- package/assets/svg/substract-group.svg +5 -0
- package/assets/svg/switch.svg +6 -0
- package/assets/svg/target.svg +5 -0
- package/assets/svg/tasklist-to-do-checkmark.svg +8 -0
- package/assets/svg/text-long.svg +9 -0
- package/assets/svg/text-short-form-element.svg +7 -0
- package/assets/svg/thumbs-up-like.svg +5 -0
- package/assets/svg/timer-clock-style.svg +8 -0
- package/assets/svg/trash-delete.svg +5 -0
- package/assets/svg/undone-uncheck-untracked.svg +5 -0
- package/assets/svg/unlimited-repeat-subscription-circle.svg +7 -0
- package/assets/svg/upload.svg +5 -0
- package/assets/svg/user-checked.svg +5 -0
- package/assets/svg/user-delete-cross.svg +8 -0
- package/assets/svg/user-document.svg +5 -0
- package/assets/svg/user-group.svg +5 -0
- package/assets/svg/user-key.svg +5 -0
- package/assets/svg/user-lock.svg +8 -0
- package/assets/svg/user-profile-group-discovery.svg +5 -0
- package/assets/svg/user-setting-gear.svg +7 -0
- package/assets/svg/user.svg +5 -0
- package/assets/svg/video-player-controls.svg +5 -0
- package/assets/svg/visible-eye-hidden.svg +6 -0
- package/assets/svg/volume-full.svg +5 -0
- package/assets/svg/warning-circle.svg +7 -0
- package/assets/svg/warning.svg +7 -0
- package/assets/svg/window-finder-resize-arrow-down.svg +5 -0
- package/assets/svg/window-finder-resize-arrow-up.svg +5 -0
- package/assets/svg/window-resize-left.svg +5 -0
- package/assets/svg/window-resize-right.svg +5 -0
- package/assets/svg/window-zoom-plus-loupe.svg +5 -0
- package/assets/svg/windows.svg +5 -0
- package/assets/svg/workspace-mode.svg +5 -0
- package/assets/svg/youtube.svg +6 -0
- package/components/avatar/avatar.component.d.ts +16 -0
- package/components/avatar/avatar.module.d.ts +9 -0
- package/components/button/button.component.d.ts +11 -4
- package/components/button/button.module.d.ts +2 -1
- package/esm2020/components/avatar/avatar.component.mjs +53 -0
- package/esm2020/components/avatar/avatar.module.mjs +33 -0
- package/esm2020/components/button/button.component.mjs +28 -5
- package/esm2020/components/button/button.module.mjs +6 -2
- package/esm2020/components/notification/notification-container/notification-container.component.mjs +1 -1
- package/esm2020/components/popover/popover.component.mjs +2 -2
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/flywheel-io-vision.mjs +152 -50
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +152 -50
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/scss/config/colors.scss +45 -55
- package/scss/config/config.scss +5 -1
- package/scss/config/theme.scss +33 -0
- package/scss/icons/_icon-glyphs.scss +537 -158
- package/styles.css +1390 -83
- package/styles.scss +8 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>user-lock</title>
|
|
4
|
+
<path d="M26.093 29h-5.333c-1.6 0-2.907-1.307-2.907-2.907v-2.28c0-1.6 1.307-2.907 2.907-2.907h5.333c1.6 0 2.907 1.307 2.907 2.907v2.28c0 1.6-1.307 2.907-2.907 2.907zM20.76 22.907c-0.493 0-0.907 0.4-0.907 0.907v2.28c0 0.493 0.4 0.907 0.907 0.907h5.333c0.493 0 0.907-0.4 0.907-0.907v-2.28c0-0.493-0.4-0.907-0.907-0.907h-5.333z"></path>
|
|
5
|
+
<path d="M26.093 22.907c-0.547 0-1-0.453-1-1v-1.907c0-0.92-0.747-1.667-1.667-1.667s-1.667 0.747-1.667 1.667v1.907c0 0.547-0.453 1-1 1s-1-0.453-1-1v-1.907c0-2.027 1.64-3.667 3.667-3.667s3.667 1.64 3.667 3.667v1.907c0 0.547-0.453 1-1 1z"></path>
|
|
6
|
+
<path d="M4 27.667c-0.547 0-1-0.453-1-1v-1.333c0-3.493 2.84-6.333 6.333-6.333h5.333c0.547 0 1 0.453 1 1s-0.453 1-1 1h-5.333c-2.387 0-4.333 1.947-4.333 4.333v1.333c0 0.547-0.453 1-1 1z"></path>
|
|
7
|
+
<path d="M14.667 15.667c-3.493 0-6.333-2.84-6.333-6.333s2.84-6.333 6.333-6.333c3.493 0 6.333 2.84 6.333 6.333s-2.84 6.333-6.333 6.333zM14.667 5c-2.387 0-4.333 1.947-4.333 4.333s1.947 4.333 4.333 4.333c2.387 0 4.333-1.947 4.333-4.333s-1.947-4.333-4.333-4.333z"></path>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>user-profile-group-discovery</title>
|
|
4
|
+
<path d="M11.062 4.567c0.15 0.15 0.275 0.315 0.376 0.49 0.030 0.091 0.072 0.175 0.124 0.25 0.359 0.849 0.192 1.867-0.5 2.559-0.911 0.911-2.389 0.911-3.3 0-0.102-0.102-0.192-0.21-0.271-0.325-0.033-0.072-0.075-0.141-0.126-0.205-0.485-0.886-0.353-2.020 0.397-2.77v0c0.911-0.911 2.389-0.911 3.3 0zM12.89 3.631c-0.124-0.167-0.262-0.327-0.414-0.478-1.692-1.692-4.436-1.692-6.128 0-1.256 1.256-1.58 3.090-0.972 4.644-1.287 1.484-2.225 3.274-2.704 5.245-0.13 0.537 0.199 1.077 0.736 1.208s1.077-0.199 1.208-0.736c0.362-1.491 1.037-2.858 1.955-4.025 1.702 1.481 4.285 1.412 5.905-0.208 1.019-1.019 1.424-2.419 1.216-3.741 0.375-0.042 0.755-0.063 1.139-0.063 1.087 0 2.135 0.166 3.121 0.471 0.528 0.163 1.088-0.132 1.251-0.659s-0.132-1.088-0.659-1.251c-1.174-0.364-2.422-0.561-3.713-0.561-0.663 0-1.311 0.054-1.942 0.154zM22.213 7.107c0.389-0.392 1.022-0.396 1.414-0.007 1.29 1.277 2.309 2.831 2.952 4.572 1.033 0.053 2.050 0.475 2.839 1.263 1.692 1.692 1.692 4.436 0 6.128-0.789 0.789-1.806 1.21-2.839 1.263-0.643 1.742-1.663 3.296-2.953 4.572-0.392 0.389-1.026 0.385-1.414-0.007s-0.385-1.026 0.007-1.414c1.008-0.998 1.818-2.194 2.36-3.524-0.468-0.21-0.906-0.507-1.289-0.89-1.692-1.692-1.692-4.436 0-6.128 0.384-0.384 0.822-0.68 1.289-0.89-0.542-1.331-1.351-2.526-2.359-3.524-0.392-0.389-0.396-1.022-0.007-1.414zM25.881 13.715c-0.431 0.089-0.842 0.301-1.176 0.635-0.911 0.911-0.911 2.389 0 3.3 0.335 0.335 0.746 0.546 1.177 0.635 0.089 0.001 0.179 0.013 0.268 0.039 0.663 0.058 1.347-0.167 1.855-0.674 0.911-0.911 0.911-2.389 0-3.3-0.508-0.508-1.191-0.733-1.854-0.675-0.090 0.026-0.18 0.039-0.269 0.039zM3.409 17.749c0.537-0.13 1.077 0.199 1.208 0.736 0.362 1.491 1.036 2.858 1.955 4.024 1.702-1.48 4.285-1.411 5.904 0.209 1.019 1.019 1.424 2.419 1.216 3.741 0.375 0.042 0.755 0.063 1.139 0.063 1.087 0 2.135-0.166 3.121-0.471 0.528-0.163 1.088 0.132 1.251 0.659s-0.132 1.088-0.659 1.251c-1.174 0.364-2.422 0.561-3.713 0.561-0.663 0-1.311-0.054-1.942-0.154-0.124 0.167-0.262 0.327-0.414 0.478-1.692 1.692-4.436 1.692-6.128 0-1.256-1.256-1.58-3.091-0.972-4.645-1.286-1.484-2.224-3.274-2.703-5.244-0.13-0.537 0.199-1.077 0.736-1.208zM7.362 24.667c-0.482 0.885-0.348 2.016 0.4 2.765 0.911 0.911 2.389 0.911 3.3 0 0.15-0.15 0.275-0.315 0.376-0.491 0.030-0.090 0.072-0.174 0.124-0.25 0.359-0.849 0.192-1.867-0.5-2.559-0.911-0.911-2.389-0.911-3.3 0v0c-0.1 0.1-0.189 0.207-0.267 0.319-0.034 0.076-0.079 0.149-0.133 0.216z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>user-setting-gear</title>
|
|
4
|
+
<path d="M24 19c-0.552 0-1 0.448-1 1v0.479c-0.55 0.163-1.073 0.463-1.526 0.9l-0.455-0.253c-0.483-0.268-1.092-0.094-1.36 0.389s-0.094 1.092 0.389 1.36l0.403 0.224c-0.157 0.592-0.157 1.211 0 1.803l-0.403 0.224c-0.483 0.268-0.657 0.877-0.389 1.36s0.877 0.657 1.36 0.389l0.455-0.253c0.452 0.437 0.975 0.737 1.526 0.9v0.479c0 0.552 0.448 1 1 1s1-0.448 1-1v-0.479c0.55-0.163 1.074-0.463 1.526-0.9l0.455 0.253c0.483 0.268 1.092 0.094 1.36-0.389s0.094-1.092-0.389-1.36l-0.403-0.224c0.157-0.592 0.157-1.211 0-1.803l0.403-0.224c0.483-0.268 0.657-0.877 0.389-1.36s-0.877-0.657-1.36-0.389l-0.455 0.253c-0.452-0.437-0.975-0.737-1.526-0.9v-0.479c0-0.552-0.448-1-1-1zM22.498 23.312c0.041-0.049 0.078-0.102 0.11-0.159 0.018-0.032 0.033-0.064 0.047-0.096 0.055-0.074 0.117-0.146 0.186-0.215 0.676-0.676 1.643-0.676 2.319 0 0.069 0.069 0.131 0.141 0.186 0.215 0.014 0.033 0.029 0.065 0.047 0.096 0.032 0.058 0.069 0.111 0.11 0.159 0.219 0.441 0.219 0.936 0 1.377-0.041 0.049-0.078 0.102-0.11 0.159-0.018 0.032-0.033 0.064-0.047 0.096-0.055 0.074-0.117 0.146-0.186 0.215-0.676 0.676-1.643 0.676-2.319 0-0.069-0.069-0.131-0.141-0.186-0.215-0.014-0.033-0.029-0.065-0.047-0.096-0.032-0.058-0.069-0.111-0.11-0.159-0.219-0.441-0.219-0.936 0-1.377z"></path>
|
|
5
|
+
<path d="M19.304 7.651c1.878 1.889 1.842 4.83 0.011 6.554-1.923 1.81-4.885 1.851-6.586 0.043-1.81-1.923-1.851-4.884-0.043-6.586 1.878-1.767 4.737-1.771 6.618-0.010zM20.681 6.201c-2.652-2.492-6.716-2.491-9.367 0.004-2.725 2.565-2.5 6.803-0.043 9.414 2.565 2.725 6.803 2.5 9.414 0.043 2.697-2.539 2.667-6.787 0.025-9.432-0.005-0.005-0.010-0.010-0.015-0.014s-0.010-0.009-0.015-0.014z"></path>
|
|
6
|
+
<path d="M11.333 21.667c-2.781 0-5 2.219-5 5 0 0.552-0.448 1-1 1s-1-0.448-1-1c0-3.886 3.114-7 7-7h3.467c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3.467z"></path>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>user</title>
|
|
4
|
+
<path d="M9.667 9.333c0-3.498 2.836-6.333 6.333-6.333s6.333 2.836 6.333 6.333-2.835 6.333-6.333 6.333c-3.498 0-6.333-2.836-6.333-6.333zM16 5c-2.393 0-4.333 1.94-4.333 4.333s1.94 4.333 4.333 4.333c2.393 0 4.333-1.94 4.333-4.333s-1.94-4.333-4.333-4.333zM10.667 20.429c-2.393 0-4.333 1.94-4.333 4.333v1.905c0 0.184 0.149 0.333 0.333 0.333h18.667c0.184 0 0.333-0.149 0.333-0.333v-1.905c0-2.393-1.94-4.333-4.333-4.333h-10.667zM4.333 24.762c0-3.498 2.836-6.333 6.333-6.333h10.667c3.498 0 6.333 2.836 6.333 6.333v1.905c0 1.289-1.045 2.333-2.333 2.333h-18.667c-1.289 0-2.333-1.045-2.333-2.333v-1.905z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
<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
|
+
<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>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
<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
|
+
<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>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
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
|
+
<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
|
+
<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
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FwAvatarComponent {
|
|
3
|
+
color?: 'primary' | 'secondary' | 'red' | 'light-slate' | 'slate' | 'warning' | 'success';
|
|
4
|
+
variant?: 'circular' | 'rounded' | 'square';
|
|
5
|
+
content?: 'image' | 'icon' | 'initial';
|
|
6
|
+
size?: 'small' | 'medium' | 'large';
|
|
7
|
+
initial?: string;
|
|
8
|
+
imageUrl?: string;
|
|
9
|
+
imageAltText?: string;
|
|
10
|
+
icon?: string;
|
|
11
|
+
isImageBroken: boolean;
|
|
12
|
+
loadImage(): void;
|
|
13
|
+
errorImage(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwAvatarComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwAvatarComponent, "fw-avatar", never, { "color": "color"; "variant": "variant"; "content": "content"; "size": "size"; "initial": "initial"; "imageUrl": "imageUrl"; "imageAltText": "imageAltText"; "icon": "icon"; }, {}, never, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./avatar.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../icon/icon.module";
|
|
5
|
+
export declare class FwAvatarModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwAvatarModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwAvatarModule, [typeof i1.FwAvatarComponent], [typeof i2.CommonModule, typeof i3.FwIconModule], [typeof i1.FwAvatarComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwAvatarModule>;
|
|
9
|
+
}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import type { ThemePalette } from '@angular/material/core';
|
|
2
1
|
import * as i0 from "@angular/core";
|
|
3
2
|
export declare class FwButtonComponent {
|
|
4
|
-
color?:
|
|
3
|
+
color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
|
|
5
4
|
layout?: 'basic' | 'compact';
|
|
6
5
|
size?: 'small' | 'medium' | 'large';
|
|
7
|
-
type?: '
|
|
6
|
+
type?: 'ghost' | 'solid' | 'outline';
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
leftIcon?: boolean;
|
|
9
|
+
rightIcon?: boolean;
|
|
10
|
+
leftIconSwap?: string;
|
|
11
|
+
rightIconSwap?: string;
|
|
12
|
+
dropDown?: boolean;
|
|
13
|
+
showText?: boolean;
|
|
14
|
+
dropDownValue: string;
|
|
8
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonComponent, "fw-button", never, { "color": "color"; "layout": "layout"; "size": "size"; "type": "type"; }, {}, never, ["*"]>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonComponent, "fw-button", never, { "color": "color"; "layout": "layout"; "size": "size"; "type": "type"; "disabled": "disabled"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "leftIconSwap": "leftIconSwap"; "rightIconSwap": "rightIconSwap"; "dropDown": "dropDown"; "showText": "showText"; }, {}, never, ["*"]>;
|
|
10
17
|
}
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./button.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@angular/material/button";
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
5
6
|
export declare class FwButtonModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwButtonModule, [typeof i1.FwButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule], [typeof i1.FwButtonComponent]>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwButtonModule, [typeof i1.FwButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.FwIconModule], [typeof i1.FwButtonComponent]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<FwButtonModule>;
|
|
9
10
|
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../icon/icon.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export class FwAvatarComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.color = 'primary';
|
|
8
|
+
this.variant = 'circular';
|
|
9
|
+
this.content = 'icon';
|
|
10
|
+
this.size = 'small';
|
|
11
|
+
this.initial = '';
|
|
12
|
+
this.imageUrl = '';
|
|
13
|
+
this.imageAltText = '';
|
|
14
|
+
this.icon = 'user';
|
|
15
|
+
this.isImageBroken = false;
|
|
16
|
+
}
|
|
17
|
+
loadImage() {
|
|
18
|
+
this.isImageBroken = false;
|
|
19
|
+
}
|
|
20
|
+
errorImage() {
|
|
21
|
+
this.isImageBroken = true;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
FwAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
FwAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FwAvatarComponent, selector: "fw-avatar", inputs: { color: "color", variant: "variant", content: "content", size: "size", initial: "initial", imageUrl: "imageUrl", imageAltText: "imageAltText", icon: "icon" }, host: { properties: { "class.small": "size === \"small\"", "class.medium": "size === \"medium\"", "class.large": "size === \"large\"", "class.rounded": "variant === \"rounded\"", "class.circular": "variant === \"circular\"", "class.initial": "content === \"initial\"" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"content\">\n <div *ngSwitchCase=\"'image'\" [ngClass]=\"['avatar', 'avatar-' + color]\">\n <img *ngIf=\"!isImageBroken else displayInitial\" [src]=\"imageUrl\" [alt]=\"imageAltText\" (load)=\"loadImage()\"\n (error)=\"errorImage()\">\n </div>\n <div *ngSwitchCase=\"'icon'\" [ngClass]=\"['avatar', 'avatar-' +color]\">\n <ng-container *ngTemplateOutlet=\"displayIcon\"></ng-container>\n </div>\n <div *ngSwitchCase=\"'initial'\" [ngClass]=\"['avatar','avatar-' + color]\">\n <ng-container *ngTemplateOutlet=\"displayInitial\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #displayInitial>\n <span class=\"initial\" *ngIf=\"initial else displayIcon\">{{ initial }}</span>\n</ng-template>\n\n<ng-template #displayIcon>\n <fw-icon>{{ icon }}</fw-icon>\n</ng-template>", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#f5f6f9!important}.fill-light-soft-blue{background-color:#f5f6f9!important}.border-light-soft-blue{border-color:#f5f6f9!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#f5f6f9!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}.lighter-soft-blue{color:#f8f9fb!important}.fill-lighter-soft-blue{background-color:#f8f9fb!important}.border-lighter-soft-blue{border-color:#f8f9fb!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#f8f9fb!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f8f9fb!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f8f9fb!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f8f9fb!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host{display:block}:host.small{width:16px;height:16px;font-size:8px}:host.small .avatar fw-icon{font-size:12px}:host.medium{width:32px;height:32px;font-size:14px}:host.medium .avatar fw-icon{font-size:18px}:host.large{width:40px;height:40px;font-size:14px}:host.large .avatar fw-icon{font-size:24px}:host.rounded{border-radius:4px}:host.circular{border-radius:64px}.avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#1b68fa;width:inherit;height:inherit;border-radius:inherit;font-size:inherit}.avatar fw-icon{color:#fff;font-size:inherit}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar .initial{font-family:Inter;font-style:normal;font-weight:500;color:#fff;font-size:inherit}.avatar-primary{background:#1b68fa}.avatar-slate{background:#5d6877}.avatar-red{background:#de584c}.avatar-light-slate{background:#9ea8b5}.avatar-secondary{background:#b080fc}.avatar-warning{background:#dd8e0a}.avatar-success{background:#1B9E4B}\n"], components: [{ type: i1.FwIconComponent, selector: "fw-icon" }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwAvatarComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ host: {
|
|
29
|
+
'[class.small]': 'size === "small"',
|
|
30
|
+
'[class.medium]': 'size === "medium"',
|
|
31
|
+
'[class.large]': 'size === "large"',
|
|
32
|
+
'[class.rounded]': 'variant === "rounded"',
|
|
33
|
+
'[class.circular]': 'variant === "circular"',
|
|
34
|
+
'[class.initial]': 'content === "initial"',
|
|
35
|
+
}, selector: 'fw-avatar', template: "<ng-container [ngSwitch]=\"content\">\n <div *ngSwitchCase=\"'image'\" [ngClass]=\"['avatar', 'avatar-' + color]\">\n <img *ngIf=\"!isImageBroken else displayInitial\" [src]=\"imageUrl\" [alt]=\"imageAltText\" (load)=\"loadImage()\"\n (error)=\"errorImage()\">\n </div>\n <div *ngSwitchCase=\"'icon'\" [ngClass]=\"['avatar', 'avatar-' +color]\">\n <ng-container *ngTemplateOutlet=\"displayIcon\"></ng-container>\n </div>\n <div *ngSwitchCase=\"'initial'\" [ngClass]=\"['avatar','avatar-' + color]\">\n <ng-container *ngTemplateOutlet=\"displayInitial\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #displayInitial>\n <span class=\"initial\" *ngIf=\"initial else displayIcon\">{{ initial }}</span>\n</ng-template>\n\n<ng-template #displayIcon>\n <fw-icon>{{ icon }}</fw-icon>\n</ng-template>", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#f5f6f9!important}.fill-light-soft-blue{background-color:#f5f6f9!important}.border-light-soft-blue{border-color:#f5f6f9!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#f5f6f9!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}.lighter-soft-blue{color:#f8f9fb!important}.fill-lighter-soft-blue{background-color:#f8f9fb!important}.border-lighter-soft-blue{border-color:#f8f9fb!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#f8f9fb!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f8f9fb!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f8f9fb!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f8f9fb!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host{display:block}:host.small{width:16px;height:16px;font-size:8px}:host.small .avatar fw-icon{font-size:12px}:host.medium{width:32px;height:32px;font-size:14px}:host.medium .avatar fw-icon{font-size:18px}:host.large{width:40px;height:40px;font-size:14px}:host.large .avatar fw-icon{font-size:24px}:host.rounded{border-radius:4px}:host.circular{border-radius:64px}.avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#1b68fa;width:inherit;height:inherit;border-radius:inherit;font-size:inherit}.avatar fw-icon{color:#fff;font-size:inherit}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar .initial{font-family:Inter;font-style:normal;font-weight:500;color:#fff;font-size:inherit}.avatar-primary{background:#1b68fa}.avatar-slate{background:#5d6877}.avatar-red{background:#de584c}.avatar-light-slate{background:#9ea8b5}.avatar-secondary{background:#b080fc}.avatar-warning{background:#dd8e0a}.avatar-success{background:#1B9E4B}\n"] }]
|
|
36
|
+
}], propDecorators: { color: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], variant: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], content: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], size: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], initial: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], imageUrl: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], imageAltText: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], icon: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQWVqRCxNQUFNLE9BQU8saUJBQWlCO0lBYjlCO1FBY1csVUFBSyxHQUF1RixTQUFTLENBQUM7UUFDdEcsWUFBTyxHQUF1QyxVQUFVLENBQUM7UUFDekQsWUFBTyxHQUFrQyxNQUFNLENBQUM7UUFDaEQsU0FBSSxHQUFrQyxPQUFPLENBQUM7UUFDOUMsWUFBTyxHQUFZLEVBQUUsQ0FBQztRQUN0QixhQUFRLEdBQVksRUFBRSxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVksRUFBRSxDQUFDO1FBQzNCLFNBQUksR0FBWSxNQUFNLENBQUM7UUFFaEMsa0JBQWEsR0FBWSxLQUFLLENBQUM7S0FTaEM7SUFQQyxTQUFTO1FBQ1AsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDOzsrR0FsQlUsaUJBQWlCO21HQUFqQixpQkFBaUIsMGVDZjlCLDYxQkFtQmM7NEZESkQsaUJBQWlCO2tCQWI3QixTQUFTOzJCQUNGO3dCQUNKLGVBQWUsRUFBRSxrQkFBa0I7d0JBQ25DLGdCQUFnQixFQUFFLG1CQUFtQjt3QkFDckMsZUFBZSxFQUFFLGtCQUFrQjt3QkFDbkMsaUJBQWlCLEVBQUUsdUJBQXVCO3dCQUMxQyxrQkFBa0IsRUFBRSx3QkFBd0I7d0JBQzVDLGlCQUFpQixFQUFFLHVCQUF1QjtxQkFDM0MsWUFDUyxXQUFXOzhCQUtaLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNtYWxsXSc6ICdzaXplID09PSBcInNtYWxsXCInLFxuICAgICdbY2xhc3MubWVkaXVtXSc6ICdzaXplID09PSBcIm1lZGl1bVwiJyxcbiAgICAnW2NsYXNzLmxhcmdlXSc6ICdzaXplID09PSBcImxhcmdlXCInLFxuICAgICdbY2xhc3Mucm91bmRlZF0nOiAndmFyaWFudCA9PT0gXCJyb3VuZGVkXCInLFxuICAgICdbY2xhc3MuY2lyY3VsYXJdJzogJ3ZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIicsXG4gICAgJ1tjbGFzcy5pbml0aWFsXSc6ICdjb250ZW50ID09PSBcImluaXRpYWxcIicsXG4gIH0sXG4gIHNlbGVjdG9yOiAnZnctYXZhdGFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBGd0F2YXRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncmVkJyB8ICdsaWdodC1zbGF0ZScgfCAnc2xhdGUnIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSB2YXJpYW50PzogJ2NpcmN1bGFyJyB8ICdyb3VuZGVkJyB8ICdzcXVhcmUnID0gJ2NpcmN1bGFyJztcbiAgQElucHV0KCkgY29udGVudD86ICdpbWFnZScgfCAnaWNvbicgfCAnaW5pdGlhbCcgPSAnaWNvbic7XG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ3NtYWxsJztcbiAgQElucHV0KCkgaW5pdGlhbD86IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpbWFnZVVybD86IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpbWFnZUFsdFRleHQ/OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaWNvbj86IHN0cmluZyA9ICd1c2VyJztcblxuICBpc0ltYWdlQnJva2VuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgbG9hZEltYWdlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNJbWFnZUJyb2tlbiA9IGZhbHNlO1xuICB9XG5cbiAgZXJyb3JJbWFnZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzSW1hZ2VCcm9rZW4gPSB0cnVlO1xuICB9XG59IiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29udGVudFwiPlxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZSdcIiBbbmdDbGFzc109XCJbJ2F2YXRhcicsICdhdmF0YXItJyArIGNvbG9yXVwiPlxuICAgICAgICA8aW1nICpuZ0lmPVwiIWlzSW1hZ2VCcm9rZW4gZWxzZSBkaXNwbGF5SW5pdGlhbFwiIFtzcmNdPVwiaW1hZ2VVcmxcIiBbYWx0XT1cImltYWdlQWx0VGV4dFwiIChsb2FkKT1cImxvYWRJbWFnZSgpXCJcbiAgICAgICAgICAgIChlcnJvcik9XCJlcnJvckltYWdlKClcIj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCInaWNvbidcIiBbbmdDbGFzc109XCJbJ2F2YXRhcicsICdhdmF0YXItJyArY29sb3JdXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5SWNvblwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cIidpbml0aWFsJ1wiIFtuZ0NsYXNzXT1cIlsnYXZhdGFyJywnYXZhdGFyLScgKyBjb2xvcl1cIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRpc3BsYXlJbml0aWFsXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNkaXNwbGF5SW5pdGlhbD5cbiAgICA8c3BhbiBjbGFzcz1cImluaXRpYWxcIiAqbmdJZj1cImluaXRpYWwgZWxzZSBkaXNwbGF5SWNvblwiPnt7IGluaXRpYWwgfX08L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Rpc3BsYXlJY29uPlxuICAgIDxmdy1pY29uPnt7IGljb24gfX08L2Z3LWljb24+XG48L25nLXRlbXBsYXRlPiJdfQ==
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { FwAvatarComponent } from './avatar.component';
|
|
4
|
+
import { FwIconModule } from '../icon/icon.module';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class FwAvatarModule {
|
|
7
|
+
}
|
|
8
|
+
FwAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
FwAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwAvatarModule, declarations: [FwAvatarComponent], imports: [CommonModule,
|
|
10
|
+
FwIconModule], exports: [FwAvatarComponent] });
|
|
11
|
+
FwAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwAvatarModule, imports: [[
|
|
12
|
+
CommonModule,
|
|
13
|
+
FwIconModule
|
|
14
|
+
]] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwAvatarModule, decorators: [{
|
|
16
|
+
type: NgModule,
|
|
17
|
+
args: [{
|
|
18
|
+
imports: [
|
|
19
|
+
CommonModule,
|
|
20
|
+
FwIconModule
|
|
21
|
+
],
|
|
22
|
+
exports: [
|
|
23
|
+
FwAvatarComponent,
|
|
24
|
+
],
|
|
25
|
+
declarations: [
|
|
26
|
+
FwAvatarComponent,
|
|
27
|
+
],
|
|
28
|
+
entryComponents: [
|
|
29
|
+
FwAvatarComponent,
|
|
30
|
+
],
|
|
31
|
+
}]
|
|
32
|
+
}] });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFpQm5ELE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBTm5CLGlCQUFpQixhQVBqQixZQUFZO1FBQ1osWUFBWSxhQUdaLGlCQUFpQjs2R0FTWixjQUFjLFlBZGQ7WUFDTCxZQUFZO1lBQ1osWUFBWTtTQUNmOzRGQVdRLGNBQWM7a0JBZjFCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTtxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsaUJBQWlCO3FCQUNwQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsaUJBQWlCO3FCQUNwQjtvQkFDRCxlQUFlLEVBQUU7d0JBQ2IsaUJBQWlCO3FCQUNwQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0F2YXRhckNvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRndJY29uTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEZ3QXZhdGFyQ29tcG9uZW50LFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEZ3QXZhdGFyQ29tcG9uZW50LFxuICAgIF0sXG4gICAgZW50cnlDb21wb25lbnRzOiBbXG4gICAgICAgIEZ3QXZhdGFyQ29tcG9uZW50LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QXZhdGFyTW9kdWxlIHsgfVxuIl19
|
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/material/button";
|
|
4
|
-
import * as i2 from "
|
|
4
|
+
import * as i2 from "../icon/icon.component";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
5
6
|
export class FwButtonComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.layout = 'basic';
|
|
8
9
|
this.size = 'medium';
|
|
9
|
-
this.type = '
|
|
10
|
+
this.type = 'ghost';
|
|
11
|
+
this.disabled = false;
|
|
12
|
+
this.leftIcon = false;
|
|
13
|
+
this.rightIcon = false;
|
|
14
|
+
this.leftIconSwap = '';
|
|
15
|
+
this.rightIconSwap = '';
|
|
16
|
+
this.dropDown = false;
|
|
17
|
+
this.showText = true;
|
|
18
|
+
this.dropDownValue = 'chevron-down';
|
|
10
19
|
}
|
|
11
20
|
}
|
|
12
21
|
FwButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", layout: "layout", size: "size", type: "type" }, host: { properties: { "class.small": "size === \"small\"", "class.medium": "size === \"medium\"", "class.large": "size === \"large\"", "class.compact": "layout === \"compact\"" }, classAttribute: "fw-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <button *ngSwitchCase=\"'raised'\" mat-raised-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'stroked'\" mat-stroked-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'flat'\" mat-flat-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchDefault mat-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n</ng-container>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host.compact>button{line-height:24px}:host.small{font-size:12px}:host.medium{font-size:14px}:host.large{font-size:18px}button{font-size:inherit}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
22
|
+
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", layout: "layout", size: "size", type: "type", disabled: "disabled", leftIcon: "leftIcon", rightIcon: "rightIcon", leftIconSwap: "leftIconSwap", rightIconSwap: "rightIconSwap", dropDown: "dropDown", showText: "showText" }, host: { properties: { "class.small": "size === \"small\"", "class.medium": "size === \"medium\"", "class.large": "size === \"large\"", "class.compact": "layout === \"compact\"" }, classAttribute: "fw-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <button *ngSwitchCase=\"'outline'\" [class]=\"color + '-button'\" [ngClass]=\"{\n 'invisible': !showText && !rightIcon && !leftIcon && !dropDown, \n 'button-disabled': disabled,\n 'text-color border-color': true }\" mat-stroked-button>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'solid'\" [class]=\"color + '-button'\" [ngClass]=\"{\n 'button-disabled': disabled,\n 'w-28': !showText && !rightIcon && !leftIcon && !dropDown }\" mat-flat-button>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'ghost'\" [class]=\"color + '-button'\" [ngClass]=\"{\n 'hidden': !showText && !rightIcon && !leftIcon && !dropDown, \n 'button-disabled': disabled,\n 'text-color': true }\" mat-button>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n</ng-container>\n\n<ng-template #content>\n <fw-icon [class.pr-2]=\"showText\" *ngIf=\"leftIcon\">{{ leftIconSwap }}</fw-icon>\n <ng-content *ngIf=\"showText\"></ng-content>\n <fw-icon [class.pl-2]=\"showText\" *ngIf=\"rightIcon && !leftIcon\">{{ rightIconSwap }}</fw-icon>\n <fw-icon [class.pl-2]=\"showText || rightIcon || leftIcon\" *ngIf=\"dropDown\">{{ dropDownValue }}</fw-icon>\n</ng-template>", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#f5f6f9!important}.fill-light-soft-blue{background-color:#f5f6f9!important}.border-light-soft-blue{border-color:#f5f6f9!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#f5f6f9!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}.lighter-soft-blue{color:#f8f9fb!important}.fill-lighter-soft-blue{background-color:#f8f9fb!important}.border-lighter-soft-blue{border-color:#f8f9fb!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#f8f9fb!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f8f9fb!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f8f9fb!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f8f9fb!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host.compact>button{line-height:24px;min-height:24px}:host.small{font-size:12px}:host.medium{font-size:14px}:host.large{font-size:18px}button{font-size:inherit;padding:0 12px;min-height:36px;min-width:44px}.primary-button{background:#1b68fa;color:#fff}.primary-button.text-color{color:#1b68fa;background:none}.primary-button.text-color:hover{background:#e4edfe}.primary-button.text-color:active{background:#bbd2fe}.primary-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.primary-button.border-color:hover,.primary-button.border-color:active{border:1px solid #ebefff}.primary-button:hover{background:#104bf8}.primary-button:active{background:#083af6}.secondary-button{background:#b080fc;color:#fff}.secondary-button.text-color{color:#b080fc;background:none}.secondary-button.text-color:hover{background:#f6f0ff}.secondary-button.text-color:active{background:#e7d9fe}.secondary-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.secondary-button.border-color:hover,.secondary-button.border-color:active{border:1px solid #e3d7ff}.secondary-button:hover{background:#a06dfb}.secondary-button:active{background:#9763fb}.danger-button{background:#d73d3d;color:#fff}.danger-button.text-color{color:#d73d3d;background:none}.danger-button.text-color:hover{background:#faeae9}.danger-button.text-color:active{background:#f4cbc9}.danger-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.danger-button.border-color:hover,.danger-button.border-color:active{border:1px solid #ffcac9}.danger-button:hover{background:#d9534b}.danger-button:active{background:#d54c44}.slate-button{background:var(--color-shuttle-gray-400);color:#fff}.slate-button.text-color{color:var(--color-shuttle-gray-400);background:none}.slate-button.text-color:hover{background:var(--color-shuttle-gray-100)}.slate-button.text-color:active{background:var(--color-shuttle-gray-200)}.slate-button.border-color,.slate-button.border-color:hover,.slate-button.border-color:active{border:1px solid var(--color-shuttle-gray-100)}.slate-button:hover{background:var(--color-shuttle-gray-500)}.slate-button:active{background:var(--color-shuttle-gray-700)}.skeleton-button{background:var(--color-shuttle-gray-400);color:#fff}.skeleton-button.text-color{color:var(--color-shuttle-gray-400);background:none}.skeleton-button.text-color:hover{background:var(--color-shuttle-gray-100)}.skeleton-button.text-color:active{background:var(--color-shuttle-gray-200)}.skeleton-button.border-color,.skeleton-button.border-color:hover,.skeleton-button.border-color:active{border:1px solid var(--color-shuttle-gray-100)}.skeleton-button:hover{background:var(--color-shuttle-gray-500)}.skeleton-button:active{background:var(--color-shuttle-gray-700)}.warning-button{background:var(--color-gamboge-500);color:#fff}.warning-button.text-color{color:var(--color-gamboge-500);background:none}.warning-button.text-color:hover{background:var(--color-gamboge-50)}.warning-button.text-color:active{background:var(--color-gamboge-100)}.warning-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.warning-button.border-color:hover,.warning-button.border-color:active{border:1px solid var(--color-gamboge-A200)}.warning-button:hover{background:var(--color-gamboge-600)}.warning-button:active{background:var(--color-gamboge-700)}.success-button{background:#1B9E4B;color:#fff}.success-button.text-color{color:#1b9e4b;background:none}.success-button.text-color:hover{background:#cdead3}.success-button.text-color:active{background:#acdcb5}.success-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.success-button.border-color:hover,.success-button.border-color:active{border:1px solid #d9ffde}.success-button:hover{background:#3ea24e}.success-button:active{background:#2e933c}.button-disabled{opacity:.4}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.FwIconComponent, selector: "fw-icon" }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
14
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FwButtonComponent, decorators: [{
|
|
15
24
|
type: Component,
|
|
16
25
|
args: [{ host: {
|
|
@@ -19,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
19
28
|
'[class.medium]': 'size === "medium"',
|
|
20
29
|
'[class.large]': 'size === "large"',
|
|
21
30
|
'[class.compact]': 'layout === "compact"',
|
|
22
|
-
}, selector: 'fw-button', template: "<ng-container [ngSwitch]=\"type\">\n <button *ngSwitchCase=\"'raised'\" mat-raised-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'stroked'\" mat-stroked-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'flat'\" mat-flat-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchDefault mat-button [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n</ng-container>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host.compact>button{line-height:24px}:host.small{font-size:12px}:host.medium{font-size:14px}:host.large{font-size:18px}button{font-size:inherit}\n"] }]
|
|
31
|
+
}, selector: 'fw-button', template: "<ng-container [ngSwitch]=\"type\">\n <button *ngSwitchCase=\"'outline'\" [class]=\"color + '-button'\" [ngClass]=\"{\n 'invisible': !showText && !rightIcon && !leftIcon && !dropDown, \n 'button-disabled': disabled,\n 'text-color border-color': true }\" mat-stroked-button>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'solid'\" [class]=\"color + '-button'\" [ngClass]=\"{\n 'button-disabled': disabled,\n 'w-28': !showText && !rightIcon && !leftIcon && !dropDown }\" mat-flat-button>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n <button *ngSwitchCase=\"'ghost'\" [class]=\"color + '-button'\" [ngClass]=\"{\n 'hidden': !showText && !rightIcon && !leftIcon && !dropDown, \n 'button-disabled': disabled,\n 'text-color': true }\" mat-button>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </button>\n</ng-container>\n\n<ng-template #content>\n <fw-icon [class.pr-2]=\"showText\" *ngIf=\"leftIcon\">{{ leftIconSwap }}</fw-icon>\n <ng-content *ngIf=\"showText\"></ng-content>\n <fw-icon [class.pl-2]=\"showText\" *ngIf=\"rightIcon && !leftIcon\">{{ rightIconSwap }}</fw-icon>\n <fw-icon [class.pl-2]=\"showText || rightIcon || leftIcon\" *ngIf=\"dropDown\">{{ dropDownValue }}</fw-icon>\n</ng-template>", styles: [".white{color:#fff!important}.fill-white{background-color:#fff!important}.border-white{border-color:#fff!important}.border-top-white{border-top:1px solid;border-color:#fff!important}.border-right-white{border-right:1px solid;border-color:#fff!important}.border-bottom-white{border-bottom:1px solid;border-color:#fff!important}.border-left-white{border-left:1px solid;border-color:#fff!important}.black{color:#000!important}.fill-black{background-color:#000!important}.border-black{border-color:#000!important}.border-top-black{border-top:1px solid;border-color:#000!important}.border-right-black{border-right:1px solid;border-color:#000!important}.border-bottom-black{border-bottom:1px solid;border-color:#000!important}.border-left-black{border-left:1px solid;border-color:#000!important}.green{color:#59b96b!important}.fill-green{background-color:#59b96b!important}.border-green{border-color:#59b96b!important}.border-top-green{border-top:1px solid;border-color:#59b96b!important}.border-right-green{border-right:1px solid;border-color:#59b96b!important}.border-bottom-green{border-bottom:1px solid;border-color:#59b96b!important}.border-left-green{border-left:1px solid;border-color:#59b96b!important}.orange{color:#f7941d!important}.fill-orange{background-color:#f7941d!important}.border-orange{border-color:#f7941d!important}.border-top-orange{border-top:1px solid;border-color:#f7941d!important}.border-right-orange{border-right:1px solid;border-color:#f7941d!important}.border-bottom-orange{border-bottom:1px solid;border-color:#f7941d!important}.border-left-orange{border-left:1px solid;border-color:#f7941d!important}.red{color:#de584c!important}.fill-red{background-color:#de584c!important}.border-red{border-color:#de584c!important}.border-top-red{border-top:1px solid;border-color:#de584c!important}.border-right-red{border-right:1px solid;border-color:#de584c!important}.border-bottom-red{border-bottom:1px solid;border-color:#de584c!important}.border-left-red{border-left:1px solid;border-color:#de584c!important}.light-red{color:#f8e5e4!important}.fill-light-red{background-color:#f8e5e4!important}.border-light-red{border-color:#f8e5e4!important}.border-top-light-red{border-top:1px solid;border-color:#f8e5e4!important}.border-right-light-red{border-right:1px solid;border-color:#f8e5e4!important}.border-bottom-light-red{border-bottom:1px solid;border-color:#f8e5e4!important}.border-left-light-red{border-left:1px solid;border-color:#f8e5e4!important}.blue{color:#5871a2!important}.fill-blue{background-color:#5871a2!important}.border-blue{border-color:#5871a2!important}.border-top-blue{border-top:1px solid;border-color:#5871a2!important}.border-right-blue{border-right:1px solid;border-color:#5871a2!important}.border-bottom-blue{border-bottom:1px solid;border-color:#5871a2!important}.border-left-blue{border-left:1px solid;border-color:#5871a2!important}.focus-blue{color:#23527c!important}.fill-focus-blue{background-color:#23527c!important}.border-focus-blue{border-color:#23527c!important}.border-top-focus-blue{border-top:1px solid;border-color:#23527c!important}.border-right-focus-blue{border-right:1px solid;border-color:#23527c!important}.border-bottom-focus-blue{border-bottom:1px solid;border-color:#23527c!important}.border-left-focus-blue{border-left:1px solid;border-color:#23527c!important}.dark-blue{color:#394256!important}.fill-dark-blue{background-color:#394256!important}.border-dark-blue{border-color:#394256!important}.border-top-dark-blue{border-top:1px solid;border-color:#394256!important}.border-right-dark-blue{border-right:1px solid;border-color:#394256!important}.border-bottom-dark-blue{border-bottom:1px solid;border-color:#394256!important}.border-left-dark-blue{border-left:1px solid;border-color:#394256!important}.light-blue{color:#e7effe!important}.fill-light-blue{background-color:#e7effe!important}.border-light-blue{border-color:#e7effe!important}.border-top-light-blue{border-top:1px solid;border-color:#e7effe!important}.border-right-light-blue{border-right:1px solid;border-color:#e7effe!important}.border-bottom-light-blue{border-bottom:1px solid;border-color:#e7effe!important}.border-left-light-blue{border-left:1px solid;border-color:#e7effe!important}.bright-blue{color:#1b68fa!important}.fill-bright-blue{background-color:#1b68fa!important}.border-bright-blue{border-color:#1b68fa!important}.border-top-bright-blue{border-top:1px solid;border-color:#1b68fa!important}.border-right-bright-blue{border-right:1px solid;border-color:#1b68fa!important}.border-bottom-bright-blue{border-bottom:1px solid;border-color:#1b68fa!important}.border-left-bright-blue{border-left:1px solid;border-color:#1b68fa!important}.admin-black{color:#01010a!important}.fill-admin-black{background-color:#01010a!important}.border-admin-black{border-color:#01010a!important}.border-top-admin-black{border-top:1px solid;border-color:#01010a!important}.border-right-admin-black{border-right:1px solid;border-color:#01010a!important}.border-bottom-admin-black{border-bottom:1px solid;border-color:#01010a!important}.border-left-admin-black{border-left:1px solid;border-color:#01010a!important}.accent-purple{color:#b080fc!important}.fill-accent-purple{background-color:#b080fc!important}.border-accent-purple{border-color:#b080fc!important}.border-top-accent-purple{border-top:1px solid;border-color:#b080fc!important}.border-right-accent-purple{border-right:1px solid;border-color:#b080fc!important}.border-bottom-accent-purple{border-bottom:1px solid;border-color:#b080fc!important}.border-left-accent-purple{border-left:1px solid;border-color:#b080fc!important}.grey{color:#58595b!important}.fill-grey{background-color:#58595b!important}.border-grey{border-color:#58595b!important}.border-top-grey{border-top:1px solid;border-color:#58595b!important}.border-right-grey{border-right:1px solid;border-color:#58595b!important}.border-bottom-grey{border-bottom:1px solid;border-color:#58595b!important}.border-left-grey{border-left:1px solid;border-color:#58595b!important}.soft-grey{color:#dddede!important}.fill-soft-grey{background-color:#dddede!important}.border-soft-grey{border-color:#dddede!important}.border-top-soft-grey{border-top:1px solid;border-color:#dddede!important}.border-right-soft-grey{border-right:1px solid;border-color:#dddede!important}.border-bottom-soft-grey{border-bottom:1px solid;border-color:#dddede!important}.border-left-soft-grey{border-left:1px solid;border-color:#dddede!important}.light-grey{color:#eee!important}.fill-light-grey{background-color:#eee!important}.border-light-grey{border-color:#eee!important}.border-top-light-grey{border-top:1px solid;border-color:#eee!important}.border-right-light-grey{border-right:1px solid;border-color:#eee!important}.border-bottom-light-grey{border-bottom:1px solid;border-color:#eee!important}.border-left-light-grey{border-left:1px solid;border-color:#eee!important}.medium-grey{color:#ccc!important}.fill-medium-grey{background-color:#ccc!important}.border-medium-grey{border-color:#ccc!important}.border-top-medium-grey{border-top:1px solid;border-color:#ccc!important}.border-right-medium-grey{border-right:1px solid;border-color:#ccc!important}.border-bottom-medium-grey{border-bottom:1px solid;border-color:#ccc!important}.border-left-medium-grey{border-left:1px solid;border-color:#ccc!important}.medium-dark-grey{color:#999!important}.fill-medium-dark-grey{background-color:#999!important}.border-medium-dark-grey{border-color:#999!important}.border-top-medium-dark-grey{border-top:1px solid;border-color:#999!important}.border-right-medium-dark-grey{border-right:1px solid;border-color:#999!important}.border-bottom-medium-dark-grey{border-bottom:1px solid;border-color:#999!important}.border-left-medium-dark-grey{border-left:1px solid;border-color:#999!important}.dark-grey{color:#222!important}.fill-dark-grey{background-color:#222!important}.border-dark-grey{border-color:#222!important}.border-top-dark-grey{border-top:1px solid;border-color:#222!important}.border-right-dark-grey{border-right:1px solid;border-color:#222!important}.border-bottom-dark-grey{border-bottom:1px solid;border-color:#222!important}.border-left-dark-grey{border-left:1px solid;border-color:#222!important}.shuttle-gray{color:#5d6877!important}.fill-shuttle-gray{background-color:#5d6877!important}.border-shuttle-gray{border-color:#5d6877!important}.border-top-shuttle-gray{border-top:1px solid;border-color:#5d6877!important}.border-right-shuttle-gray{border-right:1px solid;border-color:#5d6877!important}.border-bottom-shuttle-gray{border-bottom:1px solid;border-color:#5d6877!important}.border-left-shuttle-gray{border-left:1px solid;border-color:#5d6877!important}.gull-gray{color:#9ea8b5!important}.fill-gull-gray{background-color:#9ea8b5!important}.border-gull-gray{border-color:#9ea8b5!important}.border-top-gull-gray{border-top:1px solid;border-color:#9ea8b5!important}.border-right-gull-gray{border-right:1px solid;border-color:#9ea8b5!important}.border-bottom-gull-gray{border-bottom:1px solid;border-color:#9ea8b5!important}.border-left-gull-gray{border-left:1px solid;border-color:#9ea8b5!important}.soft-blue{color:#eff1f5!important}.fill-soft-blue{background-color:#eff1f5!important}.border-soft-blue{border-color:#eff1f5!important}.border-top-soft-blue{border-top:1px solid;border-color:#eff1f5!important}.border-right-soft-blue{border-right:1px solid;border-color:#eff1f5!important}.border-bottom-soft-blue{border-bottom:1px solid;border-color:#eff1f5!important}.border-left-soft-blue{border-left:1px solid;border-color:#eff1f5!important}.dark-soft-blue{color:#e9ecf1!important}.fill-dark-soft-blue{background-color:#e9ecf1!important}.border-dark-soft-blue{border-color:#e9ecf1!important}.border-top-dark-soft-blue{border-top:1px solid;border-color:#e9ecf1!important}.border-right-dark-soft-blue{border-right:1px solid;border-color:#e9ecf1!important}.border-bottom-dark-soft-blue{border-bottom:1px solid;border-color:#e9ecf1!important}.border-left-dark-soft-blue{border-left:1px solid;border-color:#e9ecf1!important}.darker-soft-blue{color:#e6e9ef!important}.fill-darker-soft-blue{background-color:#e6e9ef!important}.border-darker-soft-blue{border-color:#e6e9ef!important}.border-top-darker-soft-blue{border-top:1px solid;border-color:#e6e9ef!important}.border-right-darker-soft-blue{border-right:1px solid;border-color:#e6e9ef!important}.border-bottom-darker-soft-blue{border-bottom:1px solid;border-color:#e6e9ef!important}.border-left-darker-soft-blue{border-left:1px solid;border-color:#e6e9ef!important}.light-soft-blue{color:#f5f6f9!important}.fill-light-soft-blue{background-color:#f5f6f9!important}.border-light-soft-blue{border-color:#f5f6f9!important}.border-top-light-soft-blue{border-top:1px solid;border-color:#f5f6f9!important}.border-right-light-soft-blue{border-right:1px solid;border-color:#f5f6f9!important}.border-bottom-light-soft-blue{border-bottom:1px solid;border-color:#f5f6f9!important}.border-left-light-soft-blue{border-left:1px solid;border-color:#f5f6f9!important}.lighter-soft-blue{color:#f8f9fb!important}.fill-lighter-soft-blue{background-color:#f8f9fb!important}.border-lighter-soft-blue{border-color:#f8f9fb!important}.border-top-lighter-soft-blue{border-top:1px solid;border-color:#f8f9fb!important}.border-right-lighter-soft-blue{border-right:1px solid;border-color:#f8f9fb!important}.border-bottom-lighter-soft-blue{border-bottom:1px solid;border-color:#f8f9fb!important}.border-left-lighter-soft-blue{border-left:1px solid;border-color:#f8f9fb!important}.eucalyptus{color:#1b9e4b!important}.fill-eucalyptus{background-color:#1b9e4b!important}.border-eucalyptus{border-color:#1b9e4b!important}.border-top-eucalyptus{border-top:1px solid;border-color:#1b9e4b!important}.border-right-eucalyptus{border-right:1px solid;border-color:#1b9e4b!important}.border-bottom-eucalyptus{border-bottom:1px solid;border-color:#1b9e4b!important}.border-left-eucalyptus{border-left:1px solid;border-color:#1b9e4b!important}.gamboge{color:#dd8e0a!important}.fill-gamboge{background-color:#dd8e0a!important}.border-gamboge{border-color:#dd8e0a!important}.border-top-gamboge{border-top:1px solid;border-color:#dd8e0a!important}.border-right-gamboge{border-right:1px solid;border-color:#dd8e0a!important}.border-bottom-gamboge{border-bottom:1px solid;border-color:#dd8e0a!important}.border-left-gamboge{border-left:1px solid;border-color:#dd8e0a!important}.valencia{color:#d73d3d!important}.fill-valencia{background-color:#d73d3d!important}.border-valencia{border-color:#d73d3d!important}.border-top-valencia{border-top:1px solid;border-color:#d73d3d!important}.border-right-valencia{border-right:1px solid;border-color:#d73d3d!important}.border-bottom-valencia{border-bottom:1px solid;border-color:#d73d3d!important}.border-left-valencia{border-left:1px solid;border-color:#d73d3d!important}:host.compact>button{line-height:24px;min-height:24px}:host.small{font-size:12px}:host.medium{font-size:14px}:host.large{font-size:18px}button{font-size:inherit;padding:0 12px;min-height:36px;min-width:44px}.primary-button{background:#1b68fa;color:#fff}.primary-button.text-color{color:#1b68fa;background:none}.primary-button.text-color:hover{background:#e4edfe}.primary-button.text-color:active{background:#bbd2fe}.primary-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.primary-button.border-color:hover,.primary-button.border-color:active{border:1px solid #ebefff}.primary-button:hover{background:#104bf8}.primary-button:active{background:#083af6}.secondary-button{background:#b080fc;color:#fff}.secondary-button.text-color{color:#b080fc;background:none}.secondary-button.text-color:hover{background:#f6f0ff}.secondary-button.text-color:active{background:#e7d9fe}.secondary-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.secondary-button.border-color:hover,.secondary-button.border-color:active{border:1px solid #e3d7ff}.secondary-button:hover{background:#a06dfb}.secondary-button:active{background:#9763fb}.danger-button{background:#d73d3d;color:#fff}.danger-button.text-color{color:#d73d3d;background:none}.danger-button.text-color:hover{background:#faeae9}.danger-button.text-color:active{background:#f4cbc9}.danger-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.danger-button.border-color:hover,.danger-button.border-color:active{border:1px solid #ffcac9}.danger-button:hover{background:#d9534b}.danger-button:active{background:#d54c44}.slate-button{background:var(--color-shuttle-gray-400);color:#fff}.slate-button.text-color{color:var(--color-shuttle-gray-400);background:none}.slate-button.text-color:hover{background:var(--color-shuttle-gray-100)}.slate-button.text-color:active{background:var(--color-shuttle-gray-200)}.slate-button.border-color,.slate-button.border-color:hover,.slate-button.border-color:active{border:1px solid var(--color-shuttle-gray-100)}.slate-button:hover{background:var(--color-shuttle-gray-500)}.slate-button:active{background:var(--color-shuttle-gray-700)}.skeleton-button{background:var(--color-shuttle-gray-400);color:#fff}.skeleton-button.text-color{color:var(--color-shuttle-gray-400);background:none}.skeleton-button.text-color:hover{background:var(--color-shuttle-gray-100)}.skeleton-button.text-color:active{background:var(--color-shuttle-gray-200)}.skeleton-button.border-color,.skeleton-button.border-color:hover,.skeleton-button.border-color:active{border:1px solid var(--color-shuttle-gray-100)}.skeleton-button:hover{background:var(--color-shuttle-gray-500)}.skeleton-button:active{background:var(--color-shuttle-gray-700)}.warning-button{background:var(--color-gamboge-500);color:#fff}.warning-button.text-color{color:var(--color-gamboge-500);background:none}.warning-button.text-color:hover{background:var(--color-gamboge-50)}.warning-button.text-color:active{background:var(--color-gamboge-100)}.warning-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.warning-button.border-color:hover,.warning-button.border-color:active{border:1px solid var(--color-gamboge-A200)}.warning-button:hover{background:var(--color-gamboge-600)}.warning-button:active{background:var(--color-gamboge-700)}.success-button{background:#1B9E4B;color:#fff}.success-button.text-color{color:#1b9e4b;background:none}.success-button.text-color:hover{background:#cdead3}.success-button.text-color:active{background:#acdcb5}.success-button.border-color{border:1px solid var(--color-shuttle-gray-100)}.success-button.border-color:hover,.success-button.border-color:active{border:1px solid #d9ffde}.success-button:hover{background:#3ea24e}.success-button:active{background:#2e933c}.button-disabled{opacity:.4}\n"] }]
|
|
23
32
|
}], propDecorators: { color: [{
|
|
24
33
|
type: Input
|
|
25
34
|
}], layout: [{
|
|
@@ -28,5 +37,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
28
37
|
type: Input
|
|
29
38
|
}], type: [{
|
|
30
39
|
type: Input
|
|
40
|
+
}], disabled: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], leftIcon: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], rightIcon: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], leftIconSwap: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], rightIconSwap: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], dropDown: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], showText: [{
|
|
53
|
+
type: Input
|
|
31
54
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFjakQsTUFBTSxPQUFPLGlCQUFpQjtJQVo5QjtRQWNXLFdBQU0sR0FBeUIsT0FBTyxDQUFBO1FBQ3RDLFNBQUksR0FBa0MsUUFBUSxDQUFBO1FBQzlDLFNBQUksR0FBbUMsT0FBTyxDQUFBO1FBQzlDLGFBQVEsR0FBYSxLQUFLLENBQUE7UUFDMUIsYUFBUSxHQUFhLEtBQUssQ0FBQTtRQUMxQixjQUFTLEdBQWEsS0FBSyxDQUFBO1FBQzNCLGlCQUFZLEdBQVksRUFBRSxDQUFBO1FBQzFCLGtCQUFhLEdBQVksRUFBRSxDQUFBO1FBQzNCLGFBQVEsR0FBYSxLQUFLLENBQUE7UUFDMUIsYUFBUSxHQUFhLElBQUksQ0FBQTtRQUVsQyxrQkFBYSxHQUFHLGNBQWMsQ0FBQTtLQUMvQjs7K0dBZFksaUJBQWlCO21HQUFqQixpQkFBaUIsNGZDZDlCLHUwQ0F5QmM7NEZEWEQsaUJBQWlCO2tCQVo3QixTQUFTOzJCQUNGO3dCQUNKLE9BQU8sRUFBRSxXQUFXO3dCQUNwQixlQUFlLEVBQUUsa0JBQWtCO3dCQUNuQyxnQkFBZ0IsRUFBRSxtQkFBbUI7d0JBQ3JDLGVBQWUsRUFBRSxrQkFBa0I7d0JBQ25DLGlCQUFpQixFQUFFLHNCQUFzQjtxQkFDMUMsWUFDUyxXQUFXOzhCQUtaLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmdy1idXR0b24nLFxuICAgICdbY2xhc3Muc21hbGxdJzogJ3NpemUgPT09IFwic21hbGxcIicsXG4gICAgJ1tjbGFzcy5tZWRpdW1dJzogJ3NpemUgPT09IFwibWVkaXVtXCInLFxuICAgICdbY2xhc3MubGFyZ2VdJzogJ3NpemUgPT09IFwibGFyZ2VcIicsXG4gICAgJ1tjbGFzcy5jb21wYWN0XSc6ICdsYXlvdXQgPT09IFwiY29tcGFjdFwiJyxcbiAgfSxcbiAgc2VsZWN0b3I6ICdmdy1idXR0b24nLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICdza2VsZXRvbicgfCAnd2FybmluZycgfCAnc3VjY2VzcydcbiAgQElucHV0KCkgbGF5b3V0PzogJ2Jhc2ljJyB8ICdjb21wYWN0JyA9ICdiYXNpYydcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJ1xuICBASW5wdXQoKSB0eXBlPzogJ2dob3N0JyB8ICdzb2xpZCcgfCAnb3V0bGluZScgPSAnZ2hvc3QnXG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIGxlZnRJY29uPzogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIHJpZ2h0SWNvbj86IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBsZWZ0SWNvblN3YXA/OiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSByaWdodEljb25Td2FwPzogc3RyaW5nID0gJydcbiAgQElucHV0KCkgZHJvcERvd24/OiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgc2hvd1RleHQ/OiBib29sZWFuID0gdHJ1ZVxuXG4gIGRyb3BEb3duVmFsdWUgPSAnY2hldnJvbi1kb3duJ1xufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidHlwZVwiPlxuICA8YnV0dG9uICpuZ1N3aXRjaENhc2U9XCInb3V0bGluZSdcIiBbY2xhc3NdPVwiY29sb3IgKyAnLWJ1dHRvbidcIiBbbmdDbGFzc109XCJ7XG4gICAgICAnaW52aXNpYmxlJzogIXNob3dUZXh0ICYmICFyaWdodEljb24gJiYgIWxlZnRJY29uICYmICFkcm9wRG93biwgXG4gICAgICAnYnV0dG9uLWRpc2FibGVkJzogZGlzYWJsZWQsXG4gICAgICAndGV4dC1jb2xvciBib3JkZXItY29sb3InOiB0cnVlIH1cIiBtYXQtc3Ryb2tlZC1idXR0b24+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9idXR0b24+XG4gIDxidXR0b24gKm5nU3dpdGNoQ2FzZT1cIidzb2xpZCdcIiBbY2xhc3NdPVwiY29sb3IgKyAnLWJ1dHRvbidcIiBbbmdDbGFzc109XCJ7XG4gICAgJ2J1dHRvbi1kaXNhYmxlZCc6IGRpc2FibGVkLFxuICAgICd3LTI4JzogIXNob3dUZXh0ICYmICFyaWdodEljb24gJiYgIWxlZnRJY29uICYmICFkcm9wRG93biB9XCIgbWF0LWZsYXQtYnV0dG9uPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxuICA8YnV0dG9uICpuZ1N3aXRjaENhc2U9XCInZ2hvc3QnXCIgW2NsYXNzXT1cImNvbG9yICsgJy1idXR0b24nXCIgW25nQ2xhc3NdPVwie1xuICAgICdoaWRkZW4nOiAhc2hvd1RleHQgJiYgIXJpZ2h0SWNvbiAmJiAhbGVmdEljb24gJiYgIWRyb3BEb3duLCBcbiAgICAnYnV0dG9uLWRpc2FibGVkJzogZGlzYWJsZWQsXG4gICAgJ3RleHQtY29sb3InOiB0cnVlIH1cIiBtYXQtYnV0dG9uPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPGZ3LWljb24gW2NsYXNzLnByLTJdPVwic2hvd1RleHRcIiAqbmdJZj1cImxlZnRJY29uXCI+e3sgbGVmdEljb25Td2FwIH19PC9mdy1pY29uPlxuICA8bmctY29udGVudCAqbmdJZj1cInNob3dUZXh0XCI+PC9uZy1jb250ZW50PlxuICA8ZnctaWNvbiBbY2xhc3MucGwtMl09XCJzaG93VGV4dFwiICpuZ0lmPVwicmlnaHRJY29uICYmICFsZWZ0SWNvblwiPnt7IHJpZ2h0SWNvblN3YXAgfX08L2Z3LWljb24+XG4gIDxmdy1pY29uIFtjbGFzcy5wbC0yXT1cInNob3dUZXh0IHx8IHJpZ2h0SWNvbiB8fCBsZWZ0SWNvblwiICpuZ0lmPVwiZHJvcERvd25cIj57eyBkcm9wRG93blZhbHVlIH19PC9mdy1pY29uPlxuPC9uZy10ZW1wbGF0ZT4iXX0=
|