@flywheel-io/vision 1.5.1 → 1.6.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 +3 -1
- package/assets/fonts/Flywheel-Vision-Icons.ttf +0 -0
- package/assets/fonts/Flywheel-Vision-Icons.woff +0 -0
- package/assets/svg/crown-style-circle.svg +5 -0
- package/components/button/button.component.d.ts +2 -1
- package/components/button/button.module.d.ts +3 -3
- package/components/icon/icon.component.d.ts +1 -1
- package/components/navbar/navbar-item/navbar-item.component.d.ts +2 -2
- package/components/progress/bar/bar.component.d.ts +30 -0
- package/components/progress/progress.module.d.ts +9 -0
- package/components/progress/spinner/spinner.component.d.ts +37 -0
- package/components/select-menu/select-menu.component.d.ts +3 -1
- package/esm2020/components/button/button.component.mjs +20 -3
- package/esm2020/components/button/button.module.mjs +7 -7
- package/esm2020/components/icon/icon.component.mjs +7 -2
- package/esm2020/components/navbar/navbar-item/navbar-item.component.mjs +11 -4
- package/esm2020/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +3 -3
- package/esm2020/components/paginator/paginator-advanced/paginator-advanced.component.mjs +1 -1
- package/esm2020/components/progress/bar/bar.component.mjs +79 -0
- package/esm2020/components/progress/progress.module.mjs +29 -0
- package/esm2020/components/progress/spinner/spinner.component.mjs +101 -0
- package/esm2020/components/select-menu/select-menu.component.mjs +17 -9
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/flywheel-io-vision.mjs +260 -26
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +260 -26
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
- package/scss/icons/_icon-glyphs.scss +3 -1
- package/styles.css +4 -0
|
@@ -302,7 +302,8 @@
|
|
|
302
302
|
<glyph unicode="" glyph-name="edit-erase" d="M529.694 788.919l-204.83-204.829c-0.798-0.657-1.572-1.359-2.318-2.104s-1.448-1.52-2.104-2.318l-192.968-192.967c-45.819-45.82-45.819-120.098 0-165.918l110.754-110.754c0.007-0.004-0.007 0.009 0 0 21.962-22.007 51.781-34.381 82.924-34.381h56.98c0.949-0.085 1.91-0.128 2.881-0.128h514.987c17.673 0 32 14.327 32 32s-14.327 32-32 32h-402.359l134.694 134.694c0.341 0.316 0.678 0.64 1.011 0.969 0.333 0.333 0.657 0.67 0.973 1.015l206.046 206.046c45.82 45.82 45.82 120.098 0 165.918l-140.757 140.757c-45.82 45.819-120.094 45.819-165.914 0zM345.28 513.997l216.162-216.162-142.555-142.558c-10.006-10.005-23.587-15.629-37.703-15.629h-60.032c-14.159 0-27.68 5.619-37.63 15.599l-110.793 110.793c-20.826 20.826-20.826 54.579 0 75.405l172.551 172.553zM606.699 343.087l-216.164 216.165 184.411 184.413c20.826 20.826 54.583 20.826 75.409 0l140.757-140.757c20.826-20.826 20.826-54.581 0-75.407l-184.414-184.414z" />
|
|
303
303
|
<glyph unicode="" glyph-name="grid-dot-square" d="M95.839 618.826c0 135.494 109.839 245.333 245.333 245.333h341.652c135.497 0 245.333-109.839 245.333-245.333v-341.654c0-135.492-109.837-245.333-245.333-245.333h-341.653c-135.494 0-245.333 109.841-245.333 245.333v341.655zM341.172 800.159c-100.148 0-181.333-81.186-181.333-181.333v-341.655c0-100.147 81.185-181.333 181.333-181.333h341.653c100.147 0 181.333 81.186 181.333 181.333v341.654c0 100.148-81.186 181.333-181.333 181.333h-341.652zM405.287 588.844c-18.851 0-34.134-15.283-34.134-34.135s15.282-34.134 34.134-34.134c18.852 0 34.132 15.282 34.132 34.134s-15.281 34.135-34.132 34.135zM512 695.555c-18.854 0-34.138-15.282-34.138-34.134s15.283-34.134 34.138-34.134c18.85 0 34.133 15.282 34.133 34.134s-15.283 34.134-34.133 34.134zM594.573 578.847c6.4 6.401 15.083 9.998 24.137 9.998 18.85 0 34.133-15.282 34.133-34.135s-15.283-34.134-34.133-34.134c-18.85 0-34.133 15.282-34.133 34.134 0 9.053 3.597 17.735 9.997 24.137zM332.71 661.421c0 18.852-15.282 34.134-34.134 34.134s-34.134-15.282-34.134-34.134c0-18.852 15.282-34.134 34.134-34.134s34.134 15.282 34.134 34.134zM725.419 695.555c-18.85 0-34.133-15.282-34.133-34.134s15.283-34.134 34.133-34.134c18.854 0 34.138 15.282 34.138 34.134s-15.283 34.134-34.138 34.134zM477.862 448c0 18.85 15.283 34.133 34.138 34.133 18.85 0 34.133-15.283 34.133-34.133 0-18.854-15.283-34.133-34.133-34.133-18.854 0-34.138 15.279-34.138 34.133zM691.285 448c0-18.854 15.283-34.133 34.133-34.133 18.854 0 34.138 15.279 34.138 34.133 0 18.85-15.283 34.133-34.138 34.133-18.85 0-34.133-15.283-34.133-34.133zM264.442 448c0 18.85 15.282 34.133 34.134 34.133s34.134-15.283 34.134-34.133c0-18.854-15.282-34.133-34.134-34.133s-34.134 15.279-34.134 34.133zM405.287 375.424c-18.852 0-34.134-15.283-34.134-34.138 0-18.85 15.282-34.133 34.134-34.133s34.132 15.283 34.132 34.133c0 18.854-15.281 34.138-34.132 34.138zM477.862 234.577c0 18.85 15.283 34.133 34.138 34.133 18.85 0 34.133-15.283 34.133-34.133s-15.283-34.133-34.133-34.133c-18.854 0-34.138 15.283-34.138 34.133zM691.285 234.577c0-18.85 15.283-34.133 34.133-34.133 18.854 0 34.138 15.283 34.138 34.133s-15.283 34.133-34.138 34.133c-18.85 0-34.133-15.283-34.133-34.133zM264.442 234.577c0 18.85 15.282 34.133 34.134 34.133s34.134-15.283 34.134-34.133c0-18.85-15.282-34.133-34.134-34.133s-34.134 15.283-34.134 34.133zM584.576 341.286c0-18.85 15.283-34.133 34.133-34.133s34.133 15.283 34.133 34.133c0 18.854-15.283 34.138-34.133 34.138s-34.133-15.283-34.133-34.138z" />
|
|
304
304
|
<glyph unicode="" glyph-name="browser-internet-web-windows" d="M810.667 864h-426.667c-64.853 0-117.333-52.48-117.333-117.333v-53.333h-53.333c-64.853 0-117.333-52.48-117.333-117.333v-426.667c0-64.853 52.48-117.333 117.333-117.333h426.667c64.853 0 117.333 52.48 117.333 117.333v96h53.333c64.853 0 117.333 52.48 117.333 117.333v384c0 64.853-52.48 117.333-117.333 117.333zM693.333 149.333c0-29.44-23.893-53.333-53.333-53.333h-426.667c-29.44 0-53.333 23.893-53.333 53.333v266.667h533.333v-266.667zM693.333 480h-533.333v96c0 29.44 23.893 53.333 53.333 53.333h426.667c29.44 0 53.333-23.893 53.333-53.333v-96zM861.867 361.813c0-29.44-23.893-53.333-53.333-53.333h-53.333v266.667c0 64.853-52.48 117.333-117.333 117.333h-309.333v53.333c0 29.44 23.893 53.333 53.333 53.333h426.667c29.44 0 53.333-23.893 53.333-53.333v-384zM256 586.667c-17.92 0-32.427-14.507-32.427-32.427s14.507-32.427 32.427-32.427 32.427 14.507 32.427 32.427-14.507 32.427-32.427 32.427zM362.667 586.667c-17.92 0-32.427-14.507-32.427-32.427s14.507-32.427 32.427-32.427 32.427 14.507 32.427 32.427-14.507 32.427-32.427 32.427zM469.76 586.667c-17.92 0-32.427-14.507-32.427-32.427s14.507-32.427 32.427-32.427 32.427 14.507 32.427 32.427-14.507 32.427-32.427 32.427z" />
|
|
305
|
-
<glyph unicode="
|
|
305
|
+
<glyph unicode="" glyph-name="crown-style-circle" d="M512 821.333c-206.186 0-373.333-167.147-373.333-373.333s167.147-373.333 373.333-373.333c206.187 0 373.333 167.147 373.333 373.333s-167.147 373.333-373.333 373.333zM74.667 448c0 241.533 195.801 437.333 437.333 437.333s437.333-195.801 437.333-437.333c0-241.532-195.802-437.333-437.333-437.333s-437.333 195.802-437.333 437.333zM459.153 650.078c14.007 14.034 33.020 21.92 52.847 21.92s38.844-7.887 52.847-21.92l69.060-69.193 55.386 11.099c25.254 5.060 51.337-3.253 69.001-21.996 17.668-18.743 24.431-45.269 17.886-70.178l-57.809-220.109c0 0 0 0 0 0-8.619-32.819-38.285-55.701-72.218-55.701h-268.305c-33.932 0-63.597 22.882-72.217 55.701 0 0 0 0 0 0l-57.809 220.105c-6.543 24.913 0.216 51.439 17.884 70.182s43.748 27.057 69.004 21.996l55.387-11.099 69.058 69.193zM504.452 604.867c0 0 0 0 0 0l-81.176-81.334c-7.569-7.582-18.431-10.876-28.937-8.772l-72.205 14.473c0 0 0 0 0 0-3.608 0.721-7.334-0.465-9.858-3.145-2.524-2.675-3.49-6.464-2.555-10.027 0 0 0 0 0 0l57.809-220.105c1.231-4.689 5.469-7.957 10.317-7.957h268.305c4.847 0 9.084 3.268 10.317 7.957l57.809 220.105c0 0 0 0.004 0 0 0.934 3.558-0.030 7.351-2.556 10.027-2.522 2.679-6.246 3.866-9.856 3.145l-72.205-14.473c-10.505-2.103-21.367 1.19-28.937 8.772l-81.173 81.334c0 0 0 0 0 0-2.001 2.005-4.719 3.132-7.552 3.132s-5.547-1.127-7.548-3.132z" />
|
|
306
|
+
<glyph unicode="" glyph-name="crown-style-circle" d="M512 821.333c-206.186 0-373.333-167.147-373.333-373.333s167.147-373.333 373.333-373.333c206.187 0 373.333 167.147 373.333 373.333s-167.147 373.333-373.333 373.333zM74.667 448c0 241.533 195.801 437.333 437.333 437.333s437.333-195.801 437.333-437.333c0-241.532-195.802-437.333-437.333-437.333s-437.333 195.802-437.333 437.333zM459.153 650.078c14.007 14.034 33.020 21.92 52.847 21.92s38.844-7.887 52.847-21.92l69.060-69.193 55.386 11.099c25.254 5.060 51.337-3.253 69.001-21.996 17.668-18.743 24.431-45.269 17.886-70.178l-57.809-220.109c0 0 0 0 0 0-8.619-32.819-38.285-55.701-72.218-55.701h-268.305c-33.932 0-63.597 22.882-72.217 55.701 0 0 0 0 0 0l-57.809 220.105c-6.543 24.913 0.216 51.439 17.884 70.182s43.748 27.057 69.004 21.996l55.387-11.099 69.058 69.193zM504.452 604.867c0 0 0 0 0 0l-81.176-81.334c-7.569-7.582-18.431-10.876-28.937-8.772l-72.205 14.473c0 0 0 0 0 0-3.608 0.721-7.334-0.465-9.858-3.145-2.524-2.675-3.49-6.464-2.555-10.027 0 0 0 0 0 0l57.809-220.105c1.231-4.689 5.469-7.957 10.317-7.957h268.305c4.847 0 9.084 3.268 10.317 7.957l57.809 220.105c0 0 0 0.004 0 0 0.934 3.558-0.030 7.351-2.556 10.027-2.522 2.679-6.246 3.866-9.856 3.145l-72.205-14.473c-10.505-2.103-21.367 1.19-28.937 8.772l-81.173 81.334c0 0 0 0 0 0-2.001 2.005-4.719 3.132-7.552 3.132s-5.547-1.127-7.548-3.132z" />
|
|
306
307
|
<glyph unicode="zendesk-logo" glyph-name="zendesk-logo" d="M479.326 606.897v-463.998h-384.322l384.322 463.998zM479.326 773.404c0-50.964-20.245-99.841-56.284-135.878-36.037-36.037-84.913-56.282-135.878-56.282s-99.841 20.245-135.878 56.282c-36.037 36.037-56.283 84.914-56.283 135.878h384.322zM542.639 142.861c0 50.961 20.245 99.84 56.282 135.876s84.915 56.282 135.876 56.282c50.965 0 99.844-20.245 135.881-56.282s56.282-84.915 56.282-135.876h-384.32zM542.639 309.367v464.036h384.401l-384.401-464.036z" />
|
|
307
308
|
<glyph unicode="youtube" glyph-name="youtube" d="M512 66.987c-27.733 0-273.493 0.427-343.040 22.187-47.787 14.933-84.907 58.027-97.28 111.787-18.347 80.213-18.773 240.64-18.773 247.040s0 166.826 18.773 247.040c12.373 54.187 49.493 96.853 97.28 111.787 69.12 21.76 315.306 22.187 343.040 22.187s273.92-0.427 343.040-22.187c47.787-14.933 84.907-57.6 97.28-111.787 18.347-80.213 18.773-240.64 18.773-247.040s0-166.827-18.773-247.040c-12.373-54.187-49.493-96.853-97.28-111.787-69.12-21.76-315.307-22.187-343.040-22.187zM512 765.013c-72.96 0-273.066-3.413-323.84-19.2-26.027-8.107-46.507-32.853-53.76-64.853-16.64-73.387-17.067-231.253-17.067-232.96s0-159.573 17.067-232.96c7.253-32 27.733-56.747 53.76-64.853 50.773-15.787 250.88-19.2 323.84-19.2s273.067 3.413 323.84 19.2c26.027 8.107 46.507 32.853 53.76 64.853 16.64 73.387 17.067 231.253 17.067 232.96s0 159.573-17.067 232.96c-7.253 32-27.733 56.747-53.76 64.853-50.773 15.787-250.88 19.2-323.84 19.2zM426.667 288c-5.546 0-11.093 1.28-16.213 4.267-9.813 5.547-16.213 16.213-16.213 27.733v256c0 11.52 5.973 22.187 16.213 27.733 9.813 5.547 22.186 5.547 32 0l221.867-128c9.813-5.547 16.213-16.213 16.213-27.733s-5.973-22.187-16.213-27.733l-221.867-128c-5.12-2.987-10.667-4.267-16.213-4.267h0.426zM458.667 520.533v-145.067l125.867 72.533-125.867 72.533z" />
|
|
308
309
|
<glyph unicode="workspace-mode" glyph-name="workspace-mode" d="M96 832c0 17.673 14.327 32 32 32h256c17.673 0 32-14.327 32-32s-14.327-32-32-32h-256c-17.673 0-32 14.327-32 32zM597.333 800c-5.879 0-10.667-4.788-10.667-10.667v-256c0-5.879 4.787-10.667 10.667-10.667h256c5.879 0 10.667 4.787 10.667 10.667v256c0 5.879-4.787 10.667-10.667 10.667h-256zM522.667 789.333c0 41.225 33.442 74.667 74.667 74.667h256c41.225 0 74.667-33.442 74.667-74.667v-256c0-41.225-33.442-74.667-74.667-74.667h-256c-41.225 0-74.667 33.442-74.667 74.667v256zM96 661.333c0 17.673 14.327 32 32 32h256c17.673 0 32-14.327 32-32s-14.327-32-32-32h-256c-17.673 0-32 14.327-32 32zM96 490.667c0 17.673 14.327 32 32 32h256c17.673 0 32-14.327 32-32s-14.327-32-32-32h-256c-17.673 0-32 14.327-32 32zM170.667 288c-5.879 0-10.667-4.787-10.667-10.667v-170.667c0-5.879 4.788-10.667 10.667-10.667h682.667c5.879 0 10.667 4.787 10.667 10.667v170.667c0 5.879-4.787 10.667-10.667 10.667h-682.667zM96 277.333c0 41.225 33.442 74.667 74.667 74.667h682.667c41.225 0 74.667-33.442 74.667-74.667v-170.667c0-41.225-33.442-74.667-74.667-74.667h-682.667c-41.225 0-74.667 33.442-74.667 74.667v170.667z" />
|
|
@@ -530,6 +531,7 @@
|
|
|
530
531
|
<glyph unicode="data-tree" glyph-name="data-tree" d="M256 800h512c29.474 0 53.333-23.86 53.333-53.333v-85.333c0-29.474-23.859-53.333-53.333-53.333h-512c-29.474 0-53.333 23.86-53.333 53.333v85.333c0 29.474 23.86 53.333 53.333 53.333zM544 544h224c64.819 0 117.333 52.514 117.333 117.333v85.333c0 64.82-52.514 117.333-117.333 117.333h-512c-64.82 0-117.333-52.514-117.333-117.333v-85.333c0-64.82 52.514-117.333 117.333-117.333h224v-106.667h-181.333c-64.82 0-117.333-52.514-117.333-117.333v-53.333h-12.245c-40.372 0-73.088-32.717-73.088-73.088v-88.491c0-40.371 32.716-73.088 73.088-73.088h88.491c40.372 0 73.088 32.717 73.088 73.088v88.491c0 40.371-32.716 73.088-73.088 73.088h-12.245v53.333c0 29.474 23.86 53.333 53.333 53.333h181.333v-106.667h-12.245c-40.371 0-73.088-32.717-73.088-73.088v-88.491c0-40.371 32.717-73.088 73.088-73.088h88.491c40.371 0 73.088 32.717 73.088 73.088v88.491c0 40.371-32.717 73.088-73.088 73.088h-12.245v106.667h181.333c29.474 0 53.333-23.859 53.333-53.333v-53.333h-12.245c-40.371 0-73.088-32.717-73.088-73.088v-88.491c0-40.371 32.717-73.088 73.088-73.088h88.491c40.371 0 73.088 32.717 73.088 73.088v88.491c0 40.371-32.717 73.088-73.088 73.088h-12.245v53.333c0 64.819-52.514 117.333-117.333 117.333h-181.333v106.667zM467.755 202.667h88.491c5.026 0 9.088-4.062 9.088-9.088v-88.491c0-5.026-4.062-9.088-9.088-9.088h-88.491c-5.026 0-9.088 4.062-9.088 9.088v88.491c0 5.026 4.062 9.088 9.088 9.088zM169.088 202.667h88.491c5.026 0 9.088-4.062 9.088-9.088v-88.491c0-5.026-4.062-9.088-9.088-9.088h-88.491c-5.026 0-9.088 4.062-9.088 9.088v88.491c0 5.026 4.062 9.088 9.088 9.088zM766.421 202.667h88.491c5.026 0 9.088-4.062 9.088-9.088v-88.491c0-5.026-4.062-9.088-9.088-9.088h-88.491c-5.026 0-9.088 4.062-9.088 9.088v88.491c0 5.026 4.062 9.088 9.088 9.088z" />
|
|
531
532
|
<glyph unicode="curve-object-secet-cursor" glyph-name="curve-object-secet-cursor" d="M245.76 301.12c-17.493 0-33.706-4.267-48.64-11.093-50.347 98.987-50.347 217.173 0 316.159h0.426c14.933-6.4 31.147-10.667 48.64-10.667 64.853 0 117.333 52.48 117.333 117.333 0 17.493-4.267 33.707-11.094 48.64 98.987 50.347 217.174 50.347 316.16 0-6.827-14.933-11.093-31.147-11.093-48.64 0-64.853 52.48-117.333 117.333-117.333s117.333 52.48 117.333 117.333c0 64.853-52.48 117.333-117.333 117.333-23.467 0-45.227-7.253-63.573-19.2-124.587 69.12-277.333 69.12-401.92 0-18.347 11.947-40.107 19.2-63.574 19.2-64.853 0-117.333-52.48-117.333-117.333 0-23.467 7.253-45.227 19.2-63.573-69.12-124.585-69.12-277.332 0-401.919-11.947-18.347-19.2-40.107-19.2-63.573 0-64.853 52.48-117.333 117.333-117.333s117.333 52.48 117.333 117.333c0 64.853-52.48 117.333-117.333 117.333zM775.253 766.185c29.44 0 53.333-23.893 53.333-53.333s-23.893-53.333-53.333-53.333c-29.44 0-53.333 23.893-53.333 53.333s23.893 53.333 53.333 53.333zM246.187 766.185c29.44 0 53.333-23.893 53.333-53.333s-23.893-53.333-53.333-53.333c-29.44 0-53.333 23.893-53.333 53.333s23.893 53.333 53.333 53.333zM246.187 130.453c-29.44 0-53.333 23.893-53.333 53.333s23.893 53.333 53.333 53.333c29.44 0 53.333-23.893 53.333-53.333s-23.893-53.333-53.333-53.333zM868.693 392.853h0.427l-160.853 46.933c-0.853 9.813-2.133 20.053-4.267 29.44-5.12 20.907-14.080 40.533-26.453 58.453-20.48 29.439-49.92 52.052-83.627 64.852-33.707 12.373-70.827 14.507-105.813 5.12s-66.134-28.587-89.6-56.32c-23.467-27.305-37.973-61.439-41.387-97.279s3.84-72.107 21.76-103.68c17.493-31.573 44.373-56.747 77.227-72.533 19.627-9.387 40.533-15.36 61.867-17.067 0.853 0 1.707 0 2.56 0l47.36-160.427c9.387-32.427 38.4-55.467 72.107-57.173h4.267c32 0 61.44 19.2 73.813 49.067l44.8 107.093c1.707 3.84 4.693 6.827 8.533 8.533l107.093 44.8c31.147 13.227 50.773 44.373 48.64 78.080-1.707 33.707-24.747 62.72-57.173 72.107h-1.28zM483.413 325.867c-20.48 9.813-37.547 26.027-48.64 46.080s-15.787 43.093-13.654 65.707c2.133 22.613 11.52 44.373 26.454 61.867s34.56 29.867 56.747 35.839c22.187 5.973 45.653 4.693 66.987-3.412 21.333-8.107 40.107-22.187 52.907-40.96 6.4-9.387 11.52-19.627 14.933-30.72l-58.027 17.067c-28.16 8.533-58.453 0.427-79.36-20.053-20.48-20.907-28.587-51.2-20.053-78.933l17.067-58.453c-5.12 1.707-10.667 3.84-15.36 5.973zM852.48 300.267h0.427l-106.667-44.373c-19.2-8.107-34.56-23.040-42.667-42.667l-45.227-107.093c-2.56-6.4-8.96-10.24-15.787-9.813-6.827 0-12.373 5.12-14.507 11.52l-84.907 288c-1.707 5.547 0 11.52 3.84 15.787 2.987 2.987 7.253 4.693 11.093 4.693 1.707 0 2.987 0 4.693-0.853l288-84.907c6.4-1.707 11.093-7.68 11.52-14.507s-3.413-12.8-9.813-15.787z" />
|
|
532
533
|
<glyph unicode="cursor-select" glyph-name="cursor-select" d="M405.297 554.149l479.998-159.982c-153.263-45.922-274.091-166.75-320.017-320.013l-159.981 479.994zM417.979 617.383c-47 15.753-91.496-29.059-75.934-75.864l166.627-499.936c9.463-28.386 35.14-42.155 59.541-40.866 24.094 1.271 47.906 17.165 55.548 45.201 38.327 140.608 149.158 251.439 289.766 289.766 28.036 7.642 43.93 31.454 45.201 55.548 1.289 24.401-12.476 50.078-40.862 59.541l-499.887 166.61zM356.657 742.204c-18.94 5.059-38.87 5.104-57.832 0.128s-36.303-14.799-50.319-28.506c-14.016-13.707-24.223-30.825-29.62-49.671s-5.796-38.772-1.159-57.82c4.637-19.048 14.15-36.561 27.604-50.819s30.388-24.768 49.135-30.499c16.901-5.167 26.413-23.057 21.246-39.957-5.167-16.905-23.057-26.415-39.957-21.248-29.367 8.977-55.893 25.446-76.97 47.778-21.077 22.335-35.979 49.769-43.242 79.607s-6.637 61.052 1.816 90.575c8.454 29.523 24.443 56.337 46.399 77.809s49.12 36.861 78.823 44.655c29.704 7.794 60.924 7.725 90.593-0.201s56.765-23.436 78.623-45.004c21.862-21.569 37.73-48.455 46.054-78.015 4.787-17.012-5.12-34.685-22.131-39.474s-34.684 5.118-39.475 22.13c-5.312 18.87-15.443 36.033-29.398 49.802s-31.252 23.67-50.191 28.73z" />
|
|
534
|
+
<glyph unicode="crown-style-circle" glyph-name="crown-style-circle" d="M512 821.333c-206.186 0-373.333-167.147-373.333-373.333s167.147-373.333 373.333-373.333c206.187 0 373.333 167.147 373.333 373.333s-167.147 373.333-373.333 373.333zM74.667 448c0 241.533 195.801 437.333 437.333 437.333s437.333-195.801 437.333-437.333c0-241.532-195.802-437.333-437.333-437.333s-437.333 195.802-437.333 437.333zM459.153 650.078c14.007 14.034 33.020 21.92 52.847 21.92s38.844-7.887 52.847-21.92l69.060-69.193 55.386 11.099c25.254 5.060 51.337-3.253 69.001-21.996 17.668-18.743 24.431-45.269 17.886-70.178l-57.809-220.109c0 0 0 0 0 0-8.619-32.819-38.285-55.701-72.218-55.701h-268.305c-33.932 0-63.597 22.882-72.217 55.701 0 0 0 0 0 0l-57.809 220.105c-6.543 24.913 0.216 51.439 17.884 70.182s43.748 27.057 69.004 21.996l55.387-11.099 69.058 69.193zM504.452 604.867c0 0 0 0 0 0l-81.176-81.334c-7.569-7.582-18.431-10.876-28.937-8.772l-72.205 14.473c0 0 0 0 0 0-3.608 0.721-7.334-0.465-9.858-3.145-2.524-2.675-3.49-6.464-2.555-10.027 0 0 0 0 0 0l57.809-220.105c1.231-4.689 5.469-7.957 10.317-7.957h268.305c4.847 0 9.084 3.268 10.317 7.957l57.809 220.105c0 0 0 0.004 0 0 0.934 3.558-0.030 7.351-2.556 10.027-2.522 2.679-6.246 3.866-9.856 3.145l-72.205-14.473c-10.505-2.103-21.367 1.19-28.937 8.772l-81.173 81.334c0 0 0 0 0 0-2.001 2.005-4.719 3.132-7.552 3.132s-5.547-1.127-7.548-3.132z" />
|
|
533
535
|
<glyph unicode="crosshair" glyph-name="crosshair" d="M405.333 480h-277.76c-17.493 0-32-14.507-32-32s14.507-32 32-32h277.76c17.493 0 32 14.507 32 32s-14.507 32-32 32zM512 522.667c17.493 0 32 14.507 32 32v277.76c0 17.493-14.507 32-32 32s-32-14.507-32-32v-277.76c0-17.493 14.507-32 32-32zM896.427 480h-277.76c-17.493 0-32-14.507-32-32s14.507-32 32-32h277.76c17.493 0 32 14.507 32 32s-14.507 32-32 32zM512 373.333c-17.493 0-32-14.507-32-32v-277.76c0-17.493 14.507-32 32-32s32 14.507 32 32v277.76c0 17.493-14.507 32-32 32zM511.147 414.293c18.615 0 33.707 15.091 33.707 33.707s-15.091 33.707-33.707 33.707c-18.615 0-33.707-15.091-33.707-33.707s15.091-33.707 33.707-33.707z" />
|
|
534
536
|
<glyph unicode="creative-commons" glyph-name="creative-commons" d="M512 800c-194.423 0-352-157.577-352-352s157.577-352 352-352c194.423 0 352 157.577 352 352s-157.577 352-352 352zM96 448c0 229.769 186.231 416 416 416s416-186.231 416-416c0-229.769-186.231-416-416-416s-416 186.231-416 416zM384 522.667c-41.25 0-74.667-33.417-74.667-74.667s33.417-74.667 74.667-74.667c18.841 0 35.979 7.014 49.195 18.667 13.252 11.691 33.476 10.419 45.163-2.837 11.691-13.252 10.419-33.476-2.837-45.163-24.333-21.457-56.345-34.667-91.52-34.667-76.596 0-138.667 62.071-138.667 138.667s62.071 138.667 138.667 138.667c35.175 0 67.187-13.208 91.52-34.665 13.257-11.689 14.528-31.912 2.837-45.164-11.686-13.257-31.91-14.528-45.163-2.837-13.216 11.652-30.353 18.667-49.195 18.667zM654.976 522.667c-41.25 0-74.667-33.417-74.667-74.667s33.417-74.667 74.667-74.667c18.807 0 35.985 7.019 49.195 18.667 13.252 11.691 33.476 10.419 45.163-2.837 11.691-13.252 10.419-33.476-2.837-45.163-24.337-21.461-56.397-34.667-91.52-34.667-76.595 0-138.667 62.071-138.667 138.667s62.071 138.667 138.667 138.667c35.174 0 67.187-13.208 91.52-34.665 13.257-11.689 14.528-31.912 2.837-45.164-11.686-13.257-31.91-14.528-45.163-2.837-13.214 11.652-30.353 18.667-49.195 18.667z" />
|
|
535
537
|
<glyph unicode="copy-item" glyph-name="copy-item" d="M213.333 800c-29.455 0-53.333-23.878-53.333-53.333v-341.333c0-29.457 23.878-53.333 53.333-53.333h42.667c17.673 0 32-14.327 32-32s-14.327-32-32-32h-42.667c-64.801 0-117.333 52.531-117.333 117.333v341.333c0 64.801 52.532 117.333 117.333 117.333h341.333c64.802 0 117.333-52.532 117.333-117.333v-42.667c0-17.673-14.327-32-32-32s-32 14.327-32 32v42.667c0 29.455-23.876 53.333-53.333 53.333h-341.333zM352 490.667c0 64.801 52.532 117.333 117.333 117.333h341.333c64.802 0 117.333-52.532 117.333-117.333v-341.333c0-64.802-52.531-117.333-117.333-117.333h-341.333c-64.801 0-117.333 52.531-117.333 117.333v341.333zM469.333 544c-29.457 0-53.333-23.876-53.333-53.333v-341.333c0-29.457 23.876-53.333 53.333-53.333h341.333c29.457 0 53.333 23.876 53.333 53.333v341.333c0 29.457-23.876 53.333-53.333 53.333h-341.333z" />
|
|
Binary file
|
|
Binary file
|
|
@@ -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
|
+
<path d="M16 4.333c-6.443 0-11.667 5.223-11.667 11.667s5.223 11.667 11.667 11.667c6.443 0 11.667-5.223 11.667-11.667s-5.223-11.667-11.667-11.667zM2.333 16c0-7.548 6.119-13.667 13.667-13.667s13.667 6.119 13.667 13.667c0 7.548-6.119 13.667-13.667 13.667s-13.667-6.119-13.667-13.667z"></path>
|
|
4
|
+
<path d="M14.349 9.685c0.438-0.439 1.032-0.685 1.651-0.685s1.214 0.246 1.651 0.685l2.158 2.162 1.731-0.347c0.789-0.158 1.604 0.102 2.156 0.687s0.763 1.415 0.559 2.193l-1.807 6.878c0 0 0 0 0 0-0.269 1.026-1.196 1.741-2.257 1.741h-8.385c-1.060 0-1.987-0.715-2.257-1.741 0 0 0 0 0 0l-1.807-6.878c-0.204-0.779 0.007-1.607 0.559-2.193s1.367-0.846 2.156-0.687l1.731 0.347 2.158-2.162zM15.764 11.098c0 0 0 0 0 0l-2.537 2.542c-0.237 0.237-0.576 0.34-0.904 0.274l-2.256-0.452c0 0 0 0 0 0-0.113-0.023-0.229 0.015-0.308 0.098s-0.109 0.202-0.080 0.313c0 0 0 0 0 0l1.807 6.878c0.038 0.147 0.171 0.249 0.322 0.249h8.385c0.151 0 0.284-0.102 0.322-0.249l1.807-6.878c0 0 0-0 0 0 0.029-0.111-0.001-0.23-0.080-0.313s-0.195-0.121-0.308-0.098l-2.256 0.452c-0.328 0.066-0.668-0.037-0.904-0.274l-2.537-2.542c0 0 0 0 0 0-0.063-0.063-0.147-0.098-0.236-0.098s-0.173 0.035-0.236 0.098z"></path>
|
|
5
|
+
</svg>
|
|
@@ -3,11 +3,12 @@ export declare class FwButtonComponent {
|
|
|
3
3
|
get classes(): string;
|
|
4
4
|
color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
|
|
5
5
|
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
variant?: 'ghost' | 'solid' | 'outline';
|
|
6
|
+
variant?: 'ghost' | 'solid' | 'outline' | 'progress';
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
fullWidth?: boolean;
|
|
9
9
|
leftIcon?: string;
|
|
10
10
|
rightIcon?: string;
|
|
11
|
+
getMappedColor(): 'primary' | 'secondary' | 'red' | 'slate' | 'orange' | 'green' | undefined;
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonComponent, never>;
|
|
12
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonComponent, "fw-button", never, { "color": "color"; "size": "size"; "variant": "variant"; "disabled": "disabled"; "fullWidth": "fullWidth"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; }, {}, never, ["*"], false>;
|
|
13
14
|
}
|
|
@@ -2,10 +2,10 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./button.component";
|
|
3
3
|
import * as i2 from "./button.directives";
|
|
4
4
|
import * as i3 from "@angular/common";
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "../
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
6
|
+
import * as i5 from "../progress/progress.module";
|
|
7
7
|
export declare class FwButtonModule {
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwButtonModule, [typeof i1.FwButtonComponent, typeof i2.FwButtonDirective, typeof i2.FwButtonDangerDirective, typeof i2.FwButtonPrimaryDirective, typeof i2.FwButtonSecondaryDirective, typeof i2.FwButtonSuccessDirective], [typeof i3.CommonModule, typeof i4.
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwButtonModule, [typeof i1.FwButtonComponent, typeof i2.FwButtonDirective, typeof i2.FwButtonDangerDirective, typeof i2.FwButtonPrimaryDirective, typeof i2.FwButtonSecondaryDirective, typeof i2.FwButtonSuccessDirective], [typeof i3.CommonModule, typeof i4.FwIconModule, typeof i5.FwProgressModule], [typeof i1.FwButtonComponent, typeof i2.FwButtonDirective, typeof i2.FwButtonDangerDirective, typeof i2.FwButtonPrimaryDirective, typeof i2.FwButtonSecondaryDirective, typeof i2.FwButtonSuccessDirective]>;
|
|
10
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<FwButtonModule>;
|
|
11
11
|
}
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class FwIconComponent {
|
|
4
4
|
private sanitizer;
|
|
5
5
|
size?: 'large' | 'medium' | 'small';
|
|
6
|
-
color?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography';
|
|
6
|
+
color?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'muted' | 'typography';
|
|
7
7
|
class: string;
|
|
8
8
|
role: string;
|
|
9
9
|
get style(): SafeStyle;
|
|
@@ -6,7 +6,7 @@ export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
|
|
|
6
6
|
title: string;
|
|
7
7
|
description?: string;
|
|
8
8
|
icon?: string;
|
|
9
|
-
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography';
|
|
9
|
+
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography' | 'muted';
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
hidden?: boolean;
|
|
12
12
|
showTooltip?: boolean;
|
|
@@ -20,7 +20,7 @@ export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
|
|
|
20
20
|
ngOnChanges(changes: SimpleChanges): void;
|
|
21
21
|
ngAfterViewInit(): void;
|
|
22
22
|
updateLayout(): void;
|
|
23
|
-
toggleSubItemsView(): boolean;
|
|
23
|
+
toggleSubItemsView(event: Event): boolean;
|
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarItemComponent, never>;
|
|
25
25
|
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarItemComponent, "fw-navbar-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "iconColor": "iconColor"; "disabled": "disabled"; "hidden": "hidden"; "showTooltip": "showTooltip"; "collapsed": "collapsed"; "href": "href"; "target": "target"; "subItemsOpen": "subItemsOpen"; "subItemsTooltipTitle": "subItemsTooltipTitle"; "selected": "selected"; }, {}, ["subItems"], ["fw-avatar", "p", "fw-badge", "fw-icon", "fw-icon-button", "fw-navbar-sub-item"], false>;
|
|
26
26
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/** Based on [mat-progress-bar](https://material.angular.io/components/progress-bar/) */
|
|
4
|
+
export declare class FwProgressBarComponent {
|
|
5
|
+
readonly _elementRef: ElementRef<HTMLElement>;
|
|
6
|
+
private _changeDetectorRef;
|
|
7
|
+
/** The element of the determinate spinner. */
|
|
8
|
+
_determinateCircle: ElementRef<HTMLElement>;
|
|
9
|
+
constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef);
|
|
10
|
+
/** Mode of the progress bar. **/
|
|
11
|
+
mode: 'determinate' | 'indeterminate' | 'buffer';
|
|
12
|
+
/** Whether to show the value percentage label on the progress bar. **/
|
|
13
|
+
showValue: boolean;
|
|
14
|
+
/** Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow. **/
|
|
15
|
+
get value(): number;
|
|
16
|
+
set value(v: number);
|
|
17
|
+
private _value;
|
|
18
|
+
/** Buffer value of the progress bar. Defaults to zero. */
|
|
19
|
+
get bufferValue(): number;
|
|
20
|
+
set bufferValue(v: number);
|
|
21
|
+
private _bufferValue;
|
|
22
|
+
/** Gets the transform style that should be applied to the primary bar. */
|
|
23
|
+
_getPrimaryBarTransform(): string;
|
|
24
|
+
/** Gets the `flex-basis` value that should be applied to the buffer bar. */
|
|
25
|
+
_getBufferBarFlexBasis(): string;
|
|
26
|
+
/** Returns whether the progress bar is indeterminate. */
|
|
27
|
+
_isIndeterminate(): boolean;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwProgressBarComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwProgressBarComponent, "fw-progress-bar", never, { "mode": "mode"; "showValue": "showValue"; "value": "value"; "bufferValue": "bufferValue"; }, {}, never, never, false>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./bar/bar.component";
|
|
3
|
+
import * as i2 from "./spinner/spinner.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
export declare class FwProgressModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwProgressModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwProgressModule, [typeof i1.FwProgressBarComponent, typeof i2.FwProgressSpinnerComponent], [typeof i3.CommonModule], [typeof i1.FwProgressBarComponent, typeof i2.FwProgressSpinnerComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwProgressModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/** Based on [mat-progress-spinner](https://material.angular.io/components/progress-spinner/) */
|
|
4
|
+
export declare class FwProgressSpinnerComponent {
|
|
5
|
+
readonly _elementRef: ElementRef<HTMLElement>;
|
|
6
|
+
/** The element of the determinate spinner. */
|
|
7
|
+
_determinateCircle: ElementRef<HTMLElement>;
|
|
8
|
+
constructor(_elementRef: ElementRef<HTMLElement>);
|
|
9
|
+
/** Mode of the progress spinner. **/
|
|
10
|
+
mode: 'determinate' | 'indeterminate';
|
|
11
|
+
/** Size of the progress spinner. **/
|
|
12
|
+
size: 'small' | 'medium';
|
|
13
|
+
/** Color of the progress spinner. **/
|
|
14
|
+
color?: 'primary' | 'secondary' | 'red' | 'slate' | 'orange' | 'green';
|
|
15
|
+
/** Whether to show the value percentage label on the progress spinner. **/
|
|
16
|
+
showValue: boolean;
|
|
17
|
+
/** Value of the progress spinner. Defaults to zero. Mirrored to aria-valuenow. **/
|
|
18
|
+
get value(): number;
|
|
19
|
+
set value(v: number);
|
|
20
|
+
private _value;
|
|
21
|
+
private _diameter;
|
|
22
|
+
private _strokeWidth;
|
|
23
|
+
/** The diameter of the progress spinner (will set width and height of svg). */
|
|
24
|
+
get diameter(): number;
|
|
25
|
+
/** The radius of the spinner, adjusted for stroke width. */
|
|
26
|
+
_circleRadius(): number;
|
|
27
|
+
/** The view box of the spinner's svg element. */
|
|
28
|
+
_viewBox(): string;
|
|
29
|
+
/** The stroke circumference of the svg circle. */
|
|
30
|
+
_strokeCircumference(): number;
|
|
31
|
+
/** The dash offset of the svg circle. */
|
|
32
|
+
_strokeDashOffset(): number;
|
|
33
|
+
/** Stroke width of the circle in percent. */
|
|
34
|
+
_circleStrokeWidth(): number;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwProgressSpinnerComponent, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwProgressSpinnerComponent, "fw-progress-spinner", never, { "mode": "mode"; "size": "size"; "color": "color"; "showValue": "showValue"; "value": "value"; }, {}, never, never, false>;
|
|
37
|
+
}
|
|
@@ -13,6 +13,7 @@ export declare class FwSelectMenuComponent implements ControlValueAccessor, Afte
|
|
|
13
13
|
iconProperty?: string;
|
|
14
14
|
descriptionProperty?: string;
|
|
15
15
|
showFilter?: boolean;
|
|
16
|
+
showReset?: boolean;
|
|
16
17
|
disabled?: boolean;
|
|
17
18
|
width: string;
|
|
18
19
|
optionsWidth?: string;
|
|
@@ -69,6 +70,7 @@ export declare class FwSelectMenuComponent implements ControlValueAccessor, Afte
|
|
|
69
70
|
handleClick(e: string): void;
|
|
70
71
|
handleKeyDown(event: KeyboardEvent): void;
|
|
71
72
|
updateValue(value: any): void;
|
|
73
|
+
handleReset(): void;
|
|
72
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, never>;
|
|
73
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "descriptionProperty": "descriptionProperty"; "showFilter": "showFilter"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, { "change": "change"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "descriptionProperty": "descriptionProperty"; "showFilter": "showFilter"; "showReset": "showReset"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, { "change": "change"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
|
|
74
76
|
}
|
|
@@ -2,6 +2,7 @@ import { Component, HostBinding, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "../icon/icon.component";
|
|
5
|
+
import * as i3 from "../progress/spinner/spinner.component";
|
|
5
6
|
export class FwButtonComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.color = 'primary';
|
|
@@ -15,12 +16,28 @@ export class FwButtonComponent {
|
|
|
15
16
|
get classes() {
|
|
16
17
|
return ['fw-button', this.size, this.fullWidth ? 'full-width' : null].filter(Boolean).join(' ');
|
|
17
18
|
}
|
|
19
|
+
getMappedColor() {
|
|
20
|
+
switch (this.color) {
|
|
21
|
+
case 'primary':
|
|
22
|
+
case 'secondary':
|
|
23
|
+
case 'slate':
|
|
24
|
+
return this.color;
|
|
25
|
+
case 'danger':
|
|
26
|
+
return 'red';
|
|
27
|
+
case 'warning':
|
|
28
|
+
return 'orange';
|
|
29
|
+
case 'success':
|
|
30
|
+
return 'green';
|
|
31
|
+
default:
|
|
32
|
+
return undefined;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
18
35
|
}
|
|
19
36
|
FwButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", variant: "variant", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-icon *ngIf=\"!!leftIcon\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
37
|
+
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", variant: "variant", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwProgressSpinnerComponent, selector: "fw-progress-spinner", inputs: ["mode", "size", "color", "showValue", "value"] }] });
|
|
21
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, decorators: [{
|
|
22
39
|
type: Component,
|
|
23
|
-
args: [{ selector: 'fw-button', template: "<button [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-icon *ngIf=\"!!leftIcon\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}\n"] }]
|
|
40
|
+
args: [{ selector: 'fw-button', template: "<button [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"] }]
|
|
24
41
|
}], propDecorators: { classes: [{
|
|
25
42
|
type: HostBinding,
|
|
26
43
|
args: ['attr.class']
|
|
@@ -39,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
39
56
|
}], rightIcon: [{
|
|
40
57
|
type: Input
|
|
41
58
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTzlELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFVVyxVQUFLLEdBQXVGLFNBQVMsQ0FBQztRQUN0RyxTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxZQUFPLEdBQWdELE9BQU8sQ0FBQztRQUMvRCxhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzNCLGNBQVMsR0FBYSxLQUFLLENBQUM7UUFDNUIsYUFBUSxHQUFZLEVBQUUsQ0FBQztRQUN2QixjQUFTLEdBQVksRUFBRSxDQUFDO0tBa0JsQztJQTVCQyxJQUErQixPQUFPO1FBQ3BDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEcsQ0FBQztJQVVELGNBQWM7UUFDWixRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDbEIsS0FBSyxTQUFTLENBQUM7WUFDZixLQUFLLFdBQVcsQ0FBQztZQUNqQixLQUFLLE9BQU87Z0JBQ1YsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQ3BCLEtBQUssUUFBUTtnQkFDWCxPQUFPLEtBQUssQ0FBQztZQUNmLEtBQUssU0FBUztnQkFDWixPQUFPLFFBQVEsQ0FBQztZQUNsQixLQUFLLFNBQVM7Z0JBQ1osT0FBTyxPQUFPLENBQUM7WUFDakI7Z0JBQ0UsT0FBTyxTQUFTLENBQUM7U0FDcEI7SUFDSCxDQUFDOzs4R0E1QlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsbVFDUDlCLCtiQU9BOzJGREFhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQUtVLE9BQU87c0JBQXJDLFdBQVc7dUJBQUMsWUFBWTtnQkFJaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWJ1dHRvbicsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRndCdXR0b25Db21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWJ1dHRvbicsIHRoaXMuc2l6ZSwgdGhpcy5mdWxsV2lkdGggPyAnZnVsbC13aWR0aCcgOiBudWxsXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuICB9XG5cbiAgQElucHV0KCkgY29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICdza2VsZXRvbicgfCAnd2FybmluZycgfCAnc3VjY2VzcycgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiAnZ2hvc3QnIHwgJ3NvbGlkJyB8ICdvdXRsaW5lJyB8ICdwcm9ncmVzcycgPSAnc29saWQnO1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZnVsbFdpZHRoPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsZWZ0SWNvbj86IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSByaWdodEljb24/OiBzdHJpbmcgPSAnJztcblxuICBnZXRNYXBwZWRDb2xvcigpOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdyZWQnIHwgJ3NsYXRlJyB8ICdvcmFuZ2UnIHwgJ2dyZWVuJyB8IHVuZGVmaW5lZCB7XG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGNhc2UgJ3NlY29uZGFyeSc6XG4gICAgICBjYXNlICdzbGF0ZSc6XG4gICAgICAgIHJldHVybiB0aGlzLmNvbG9yO1xuICAgICAgY2FzZSAnZGFuZ2VyJzpcbiAgICAgICAgcmV0dXJuICdyZWQnO1xuICAgICAgY2FzZSAnd2FybmluZyc6XG4gICAgICAgIHJldHVybiAnb3JhbmdlJztcbiAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgICByZXR1cm4gJ2dyZWVuJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG59XG4iLCI8YnV0dG9uIFtjbGFzc109XCJbY29sb3IgKyAnLScgKyB2YXJpYW50LCBzaXplXVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8ZnctcHJvZ3Jlc3Mtc3Bpbm5lciBzaXplPVwic21hbGxcIiBbY29sb3JdPVwiZ2V0TWFwcGVkQ29sb3IoKVwiICpuZ0lmPVwidmFyaWFudD09PSdwcm9ncmVzcydcIj48L2Z3LXByb2dyZXNzLXNwaW5uZXI+XG4gIDxmdy1pY29uICpuZ0lmPVwiISFsZWZ0SWNvbiAmJiB2YXJpYW50IT09J3Byb2dyZXNzJ1wiPnt7IGxlZnRJY29uIH19PC9mdy1pY29uPlxuICA8ZGl2IGNsYXNzPVwic3BhY2VyXCIgKm5nSWY9XCIhbGVmdEljb25cIj48L2Rpdj5cbiAgPHNwYW4+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgPGZ3LWljb24gKm5nSWY9XCIhIXJpZ2h0SWNvblwiPnt7IHJpZ2h0SWNvbiB9fTwvZnctaWNvbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
4
3
|
import { FwIconModule } from '../icon/icon.module';
|
|
4
|
+
import { FwProgressModule } from '../progress/progress.module';
|
|
5
5
|
import { FwButtonComponent } from './button.component';
|
|
6
6
|
import { FwButtonDangerDirective, FwButtonDirective, FwButtonPrimaryDirective, FwButtonSecondaryDirective, FwButtonSuccessDirective, } from './button.directives';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
@@ -14,23 +14,23 @@ FwButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
14
14
|
FwButtonPrimaryDirective,
|
|
15
15
|
FwButtonSecondaryDirective,
|
|
16
16
|
FwButtonSuccessDirective], imports: [CommonModule,
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
FwIconModule,
|
|
18
|
+
FwProgressModule], exports: [FwButtonComponent,
|
|
19
19
|
FwButtonDirective,
|
|
20
20
|
FwButtonDangerDirective,
|
|
21
21
|
FwButtonPrimaryDirective,
|
|
22
22
|
FwButtonSecondaryDirective,
|
|
23
23
|
FwButtonSuccessDirective] });
|
|
24
24
|
FwButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonModule, imports: [CommonModule,
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
FwIconModule,
|
|
26
|
+
FwProgressModule] });
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonModule, decorators: [{
|
|
28
28
|
type: NgModule,
|
|
29
29
|
args: [{
|
|
30
30
|
imports: [
|
|
31
31
|
CommonModule,
|
|
32
|
-
MatButtonModule,
|
|
33
32
|
FwIconModule,
|
|
33
|
+
FwProgressModule,
|
|
34
34
|
],
|
|
35
35
|
exports: [
|
|
36
36
|
FwButtonComponent,
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
50
50
|
],
|
|
51
51
|
}]
|
|
52
52
|
}] });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQix3QkFBd0IsRUFDeEIsMEJBQTBCLEVBQzFCLHdCQUF3QixHQUN6QixNQUFNLHFCQUFxQixDQUFDOztBQXlCN0IsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkFSdkIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQix1QkFBdUI7UUFDdkIsd0JBQXdCO1FBQ3hCLDBCQUEwQjtRQUMxQix3QkFBd0IsYUFsQnhCLFlBQVk7UUFDWixZQUFZO1FBQ1osZ0JBQWdCLGFBR2hCLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtRQUN4QiwwQkFBMEI7UUFDMUIsd0JBQXdCOzRHQVdmLGNBQWMsWUFyQnZCLFlBQVk7UUFDWixZQUFZO1FBQ1osZ0JBQWdCOzJGQW1CUCxjQUFjO2tCQXZCMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsMEJBQTBCO3dCQUMxQix3QkFBd0I7cUJBQ3pCO29CQUNELFlBQVksRUFBRTt3QkFDWixpQkFBaUI7d0JBQ2pCLGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLDBCQUEwQjt3QkFDMUIsd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3UHJvZ3Jlc3NNb2R1bGUgfSBmcm9tICcuLi9wcm9ncmVzcy9wcm9ncmVzcy5tb2R1bGUnO1xuaW1wb3J0IHsgRndCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgRndCdXR0b25EYW5nZXJEaXJlY3RpdmUsXG4gIEZ3QnV0dG9uRGlyZWN0aXZlLFxuICBGd0J1dHRvblByaW1hcnlEaXJlY3RpdmUsXG4gIEZ3QnV0dG9uU2Vjb25kYXJ5RGlyZWN0aXZlLFxuICBGd0J1dHRvblN1Y2Nlc3NEaXJlY3RpdmUsXG59IGZyb20gJy4vYnV0dG9uLmRpcmVjdGl2ZXMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgICBGd1Byb2dyZXNzTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRndCdXR0b25Db21wb25lbnQsXG4gICAgRndCdXR0b25EaXJlY3RpdmUsXG4gICAgRndCdXR0b25EYW5nZXJEaXJlY3RpdmUsIC8vIHRoZXNlIG5lZWQgdG8gY29tZSBhZnRlciB0aGUgbWFpbiBkaXJlY3RpdmVcbiAgICBGd0J1dHRvblByaW1hcnlEaXJlY3RpdmUsXG4gICAgRndCdXR0b25TZWNvbmRhcnlEaXJlY3RpdmUsXG4gICAgRndCdXR0b25TdWNjZXNzRGlyZWN0aXZlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGd0J1dHRvbkNvbXBvbmVudCxcbiAgICBGd0J1dHRvbkRpcmVjdGl2ZSxcbiAgICBGd0J1dHRvbkRhbmdlckRpcmVjdGl2ZSwgLy8gdGhlc2UgbmVlZCB0byBjb21lIGFmdGVyIHRoZSBtYWluIGRpcmVjdGl2ZVxuICAgIEZ3QnV0dG9uUHJpbWFyeURpcmVjdGl2ZSxcbiAgICBGd0J1dHRvblNlY29uZGFyeURpcmVjdGl2ZSxcbiAgICBGd0J1dHRvblN1Y2Nlc3NEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uTW9kdWxlIHtcbn1cbiJdfQ==
|
|
@@ -22,7 +22,12 @@ export class FwIconComponent {
|
|
|
22
22
|
}
|
|
23
23
|
let color = '';
|
|
24
24
|
if (this.color) {
|
|
25
|
-
|
|
25
|
+
if (this.color === 'muted') {
|
|
26
|
+
color = 'color: var(--typography-muted);';
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
color = `color: var(--${this.color}-base);`;
|
|
30
|
+
}
|
|
26
31
|
}
|
|
27
32
|
return this.sanitizer.bypassSecurityTrustStyle(`
|
|
28
33
|
${size}
|
|
@@ -53,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
53
58
|
type: HostBinding,
|
|
54
59
|
args: ['style']
|
|
55
60
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXZGLE1BQU0sT0FBTyxlQUFlO0lBeUMxQixZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBOUJyQixVQUFLLEdBQUcsYUFBYSxDQUFDO1FBQ3ZCLFNBQUksR0FBRyxLQUFLLENBQUM7SUE4QmxDLENBQUM7SUE1QkQsSUFBMEIsS0FBSztRQUM3QixJQUFJLElBQUksR0FBVyxFQUFFLENBQUM7UUFDdEIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssT0FBTztnQkFDVixJQUFJLEdBQUcsa0JBQWtCLENBQUM7Z0JBQzFCLE1BQU07WUFDUixLQUFLLFFBQVE7Z0JBQ1gsSUFBSSxHQUFHLGtCQUFrQixDQUFDO2dCQUMxQixNQUFNO1lBQ1IsS0FBSyxPQUFPO2dCQUNWLElBQUksR0FBRyxrQkFBa0IsQ0FBQztnQkFDMUIsTUFBTTtTQUNUO1FBQ0QsSUFBSSxLQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLEVBQUU7Z0JBQzFCLEtBQUssR0FBRyxpQ0FBaUMsQ0FBQzthQUMzQztpQkFBTTtnQkFDTCxLQUFLLEdBQUcsZ0JBQWdCLElBQUksQ0FBQyxLQUFLLFNBQVMsQ0FBQzthQUM3QztTQUNGO1FBQ0QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDO1FBQzNDLElBQUk7UUFDSixLQUFLO0dBQ1YsQ0FBQyxDQUFDO0lBQ0gsQ0FBQzs7NEdBdkNVLGVBQWU7Z0dBQWYsZUFBZSxzTEFIaEIsMkJBQTJCOzJGQUcxQixlQUFlO2tCQUwzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7bUdBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFTZ0IsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPO2dCQUNDLElBQUk7c0JBQXhCLFdBQVc7dUJBQUMsTUFBTTtnQkFFTyxLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVN0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWljb24nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRndJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2l6ZT86ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCc7XG4gIEBJbnB1dCgpIGNvbG9yPzpcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICdyZWQnXG4gICAgfCAnb3JhbmdlJ1xuICAgIHwgJ2dyZWVuJ1xuICAgIHwgJ3NsYXRlJ1xuICAgIHwgJ211dGVkJ1xuICAgIHwgJ3R5cG9ncmFwaHknO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAndmlzaW9uLWljb24nO1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ2ltZyc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZSgpOiBTYWZlU3R5bGUge1xuICAgIGxldCBzaXplOiBzdHJpbmcgPSAnJztcbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgICBzaXplID0gJ2ZvbnQtc2l6ZTogMjJweDsnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgICAgIHNpemUgPSAnZm9udC1zaXplOiAyNHB4Oyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnbGFyZ2UnOlxuICAgICAgICBzaXplID0gJ2ZvbnQtc2l6ZTogMjhweDsnO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gICAgbGV0IGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgICBpZiAodGhpcy5jb2xvcikge1xuICAgICAgaWYgKHRoaXMuY29sb3IgPT09ICdtdXRlZCcpIHtcbiAgICAgICAgY29sb3IgPSAnY29sb3I6IHZhcigtLXR5cG9ncmFwaHktbXV0ZWQpOyc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb2xvciA9IGBjb2xvcjogdmFyKC0tJHt0aGlzLmNvbG9yfS1iYXNlKTtgO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGBcbiAgICAgICR7c2l6ZX1cbiAgICAgICR7Y29sb3J9XG4gIGApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICB9XG59XG4iXX0=
|
|
@@ -22,6 +22,12 @@ export class FwNavbarItemComponent {
|
|
|
22
22
|
this.updateLayout();
|
|
23
23
|
}
|
|
24
24
|
updateLayout() {
|
|
25
|
+
if (this.selected) {
|
|
26
|
+
this.iconColor = 'primary';
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
this.iconColor = 'muted';
|
|
30
|
+
}
|
|
25
31
|
if (this.subItems) {
|
|
26
32
|
this.subItems.forEach(subItem => {
|
|
27
33
|
subItem.hidden = !(this.subItemsOpen && !this.collapsed);
|
|
@@ -34,17 +40,18 @@ export class FwNavbarItemComponent {
|
|
|
34
40
|
});
|
|
35
41
|
}
|
|
36
42
|
}
|
|
37
|
-
toggleSubItemsView() {
|
|
43
|
+
toggleSubItemsView(event) {
|
|
44
|
+
event.stopPropagation();
|
|
38
45
|
this.subItemsOpen = !this.subItemsOpen;
|
|
39
46
|
this.updateLayout();
|
|
40
47
|
return false;
|
|
41
48
|
}
|
|
42
49
|
}
|
|
43
50
|
FwNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
FwNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwNavbarItemComponent, selector: "fw-navbar-item", inputs: { value: "value", title: "title", description: "description", icon: "icon", iconColor: "iconColor", disabled: "disabled", hidden: "hidden", showTooltip: "showTooltip", collapsed: "collapsed", href: "href", target: "target", subItemsOpen: "subItemsOpen", subItemsTooltipTitle: "subItemsTooltipTitle", selected: "selected" }, host: { properties: { "class.collapsed": "this.collapsed", "class.selected": "this.selected" } }, queries: [{ propertyName: "subItems", predicate: FwNavbarSubItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hidden\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <div\n [ngClass]=\"['navbar-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <fw-tooltip [title]=\"showTooltip ? title : ''\" position=\"right\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"navbar-icon {{iconColor}}\">{{ icon }}</fw-icon>\n </fw-tooltip>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5>{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-tooltip\n *ngIf=\"subItems.length>0 && !collapsed\"\n [title]=\"subItemsTooltipTitle\"\n position=\"right\">\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n (click)=\"toggleSubItemsView()\">\n </fw-icon-button>\n </fw-tooltip>\n </div>\n </div>\n </a>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-navbar-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover:not(.selected) .navbar-item:not(.disabled),:host.focused:not(.selected) .navbar-item:not(.disabled){background-color:var(--
|
|
51
|
+
FwNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwNavbarItemComponent, selector: "fw-navbar-item", inputs: { value: "value", title: "title", description: "description", icon: "icon", iconColor: "iconColor", disabled: "disabled", hidden: "hidden", showTooltip: "showTooltip", collapsed: "collapsed", href: "href", target: "target", subItemsOpen: "subItemsOpen", subItemsTooltipTitle: "subItemsTooltipTitle", selected: "selected" }, host: { properties: { "class.collapsed": "this.collapsed", "class.selected": "this.selected" } }, queries: [{ propertyName: "subItems", predicate: FwNavbarSubItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hidden\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <div\n [ngClass]=\"['navbar-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <fw-tooltip [title]=\"showTooltip ? title : ''\" position=\"right\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"navbar-icon {{iconColor}}\">{{ icon }}</fw-icon>\n </fw-tooltip>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5>{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-tooltip\n *ngIf=\"subItems.length>0 && !collapsed\"\n [title]=\"subItemsTooltipTitle\"\n position=\"right\">\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n (click)=\"toggleSubItemsView($event)\">\n </fw-icon-button>\n </fw-tooltip>\n </div>\n </div>\n </a>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-navbar-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover:not(.selected) .navbar-item:not(.disabled),:host.focused:not(.selected) .navbar-item:not(.disabled){background-color:var(--primary-hover);cursor:pointer}:host:hover:not(.selected) .navbar-item:not(.disabled) .navbar-text h5,:host.focused:not(.selected) .navbar-item:not(.disabled) .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .navbar-item .navbar-icon{color:var(--primary-base)}:host.selected .navbar-item .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item:before{position:absolute;content:\" \";height:16px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.collapsed .navbar-item{container-name:navbaritem;container-type:size}:host .navbar-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px 16px;border-radius:6px;margin:1px 4px;color:var(--typography-muted);height:34px;width:-webkit-fill-available;width:-moz-available;width:stretch;cursor:pointer}:host .navbar-item .navbar-icon{font-size:18px;white-space:nowrap}:host .navbar-item .navbar-text{flex:1;overflow:hidden;padding:2px 0}:host .navbar-item .navbar-text h5{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .navbar-item .navbar-text p{margin:0}:host .navbar-item .navbar-text p.description{color:var(--typography-light)}:host .navbar-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .navbar-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important;margin-top:2px;margin-right:-4px}:host .navbar-item.disabled{opacity:.4;cursor:not-allowed}:host .item-subitems{display:flex;flex-direction:column}@container navbaritem (max-width: 60px){.navbar-item{gap:0}.navbar-item .navbar-text{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }, { kind: "component", type: i3.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i4.FwTooltipComponent, selector: "fw-tooltip", inputs: ["title", "color", "position", "maxWidth", "isOpen", "trigger"] }] });
|
|
45
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwNavbarItemComponent, decorators: [{
|
|
46
53
|
type: Component,
|
|
47
|
-
args: [{ selector: 'fw-navbar-item', template: "<div *ngIf=\"!hidden\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <div\n [ngClass]=\"['navbar-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <fw-tooltip [title]=\"showTooltip ? title : ''\" position=\"right\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"navbar-icon {{iconColor}}\">{{ icon }}</fw-icon>\n </fw-tooltip>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5>{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-tooltip\n *ngIf=\"subItems.length>0 && !collapsed\"\n [title]=\"subItemsTooltipTitle\"\n position=\"right\">\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n (click)=\"toggleSubItemsView()\">\n </fw-icon-button>\n </fw-tooltip>\n </div>\n </div>\n </a>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-navbar-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover:not(.selected) .navbar-item:not(.disabled),:host.focused:not(.selected) .navbar-item:not(.disabled){background-color:var(--
|
|
54
|
+
args: [{ selector: 'fw-navbar-item', template: "<div *ngIf=\"!hidden\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <div\n [ngClass]=\"['navbar-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <fw-tooltip [title]=\"showTooltip ? title : ''\" position=\"right\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"navbar-icon {{iconColor}}\">{{ icon }}</fw-icon>\n </fw-tooltip>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5>{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-tooltip\n *ngIf=\"subItems.length>0 && !collapsed\"\n [title]=\"subItemsTooltipTitle\"\n position=\"right\">\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n (click)=\"toggleSubItemsView($event)\">\n </fw-icon-button>\n </fw-tooltip>\n </div>\n </div>\n </a>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-navbar-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover:not(.selected) .navbar-item:not(.disabled),:host.focused:not(.selected) .navbar-item:not(.disabled){background-color:var(--primary-hover);cursor:pointer}:host:hover:not(.selected) .navbar-item:not(.disabled) .navbar-text h5,:host.focused:not(.selected) .navbar-item:not(.disabled) .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .navbar-item .navbar-icon{color:var(--primary-base)}:host.selected .navbar-item .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item:before{position:absolute;content:\" \";height:16px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.collapsed .navbar-item{container-name:navbaritem;container-type:size}:host .navbar-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px 16px;border-radius:6px;margin:1px 4px;color:var(--typography-muted);height:34px;width:-webkit-fill-available;width:-moz-available;width:stretch;cursor:pointer}:host .navbar-item .navbar-icon{font-size:18px;white-space:nowrap}:host .navbar-item .navbar-text{flex:1;overflow:hidden;padding:2px 0}:host .navbar-item .navbar-text h5{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .navbar-item .navbar-text p{margin:0}:host .navbar-item .navbar-text p.description{color:var(--typography-light)}:host .navbar-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .navbar-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important;margin-top:2px;margin-right:-4px}:host .navbar-item.disabled{opacity:.4;cursor:not-allowed}:host .item-subitems{display:flex;flex-direction:column}@container navbaritem (max-width: 60px){.navbar-item{gap:0}.navbar-item .navbar-text{opacity:0}}\n"] }]
|
|
48
55
|
}], propDecorators: { value: [{
|
|
49
56
|
type: Input
|
|
50
57
|
}], title: [{
|
|
@@ -83,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
83
90
|
type: ContentChildren,
|
|
84
91
|
args: [FwNavbarSubItemComponent]
|
|
85
92
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci1pdGVtL25hdmJhci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXItaXRlbS9uYXZiYXItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxHQUlOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7QUFPeEYsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVVXLGNBQVMsR0FBNkYsU0FBUyxDQUFDO1FBRWhILFdBQU0sR0FBYSxLQUFLLENBQUM7UUFDekIsZ0JBQVcsR0FBYSxLQUFLLENBQUM7UUFJOUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIseUJBQW9CLEdBQVksRUFBRSxDQUFDO1FBQ0osYUFBUSxHQUFhLEtBQUssQ0FBQztLQXNDcEU7SUFuQ0MsNkRBQTZEO0lBQzdELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7U0FDNUI7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1NBQzFCO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUM5QixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUN6RCxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxFQUFFO29CQUNoQyxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7aUJBQ3BDO2dCQUNELElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxTQUFTLEVBQUU7b0JBQy9CLE9BQU8sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztpQkFDbEM7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELGtCQUFrQixDQUFDLEtBQVk7UUFDN0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O2tIQWxEVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiw2ZkFlZix3QkFBd0Isa0RDakMzQywrNUNBbUNBOzJGRGpCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUtqQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDbUMsU0FBUztzQkFBakQsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7Z0JBQzdCLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ2tDLFFBQVE7c0JBQS9DLFdBQVc7dUJBQUMsZ0JBQWdCOztzQkFBRyxLQUFLO2dCQUNNLFFBQVE7c0JBQWxELGVBQWU7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd05hdmJhclN1Ykl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9uYXZiYXItc3ViLWl0ZW0vbmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LW5hdmJhci1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmJhci1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2YmFyLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndOYXZiYXJJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdyZWQnIHwgJ29yYW5nZScgfCAnZ3JlZW4nIHwgJ3NsYXRlJyB8ICd0eXBvZ3JhcGh5JyB8ICdtdXRlZCcgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgaGlkZGVuPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93VG9vbHRpcD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb2xsYXBzZWQnKSBASW5wdXQoKSBjb2xsYXBzZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBocmVmPzogc3RyaW5nO1xuICBASW5wdXQoKSB0YXJnZXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN1Ykl0ZW1zT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdWJJdGVtc1Rvb2x0aXBUaXRsZT86IHN0cmluZyA9ICcnO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGVkJykgQElucHV0KCkgc2VsZWN0ZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBDb250ZW50Q2hpbGRyZW4oRndOYXZiYXJTdWJJdGVtQ29tcG9uZW50KSBzdWJJdGVtczogUXVlcnlMaXN0PEZ3TmF2YmFyU3ViSXRlbUNvbXBvbmVudD47XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVMYXlvdXQoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZUxheW91dCgpO1xuICB9XG5cbiAgdXBkYXRlTGF5b3V0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkKSB7XG4gICAgICB0aGlzLmljb25Db2xvciA9ICdwcmltYXJ5JztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pY29uQ29sb3IgPSAnbXV0ZWQnO1xuICAgIH1cbiAgICBpZiAodGhpcy5zdWJJdGVtcykge1xuICAgICAgdGhpcy5zdWJJdGVtcy5mb3JFYWNoKHN1Ykl0ZW0gPT4ge1xuICAgICAgICBzdWJJdGVtLmhpZGRlbiA9ICEodGhpcy5zdWJJdGVtc09wZW4gJiYgIXRoaXMuY29sbGFwc2VkKTtcbiAgICAgICAgaWYgKHRoaXMuY29sbGFwc2VkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBzdWJJdGVtLmNvbGxhcHNlZCA9IHRoaXMuY29sbGFwc2VkO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBzdWJJdGVtLmRpc2FibGVkID0gdGhpcy5kaXNhYmxlZDtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlU3ViSXRlbXNWaWV3KGV2ZW50OiBFdmVudCk6IGJvb2xlYW4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuc3ViSXRlbXNPcGVuID0gIXRoaXMuc3ViSXRlbXNPcGVuO1xuICAgIHRoaXMudXBkYXRlTGF5b3V0KCk7XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbn1cbiIsIjxkaXYgKm5nSWY9XCIhaGlkZGVuXCI+XG4gIDxhIFtocmVmXT1cImhyZWY/aHJlZjonamF2YXNjcmlwdDp2b2lkKDApJ1wiIFt0YXJnZXRdPVwidGFyZ2V0P3RhcmdldDonJ1wiPlxuICAgIDxkaXZcbiAgICAgIFtuZ0NsYXNzXT1cIlsnbmF2YmFyLWl0ZW0nLCBkaXNhYmxlZD8nZGlzYWJsZWQnOicnXVwiXG4gICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgIDxmdy10b29sdGlwIFt0aXRsZV09XCJzaG93VG9vbHRpcCA/IHRpdGxlIDogJydcIiBwb3NpdGlvbj1cInJpZ2h0XCI+XG4gICAgICAgIDxmdy1pY29uIFtjb2xvcl09XCJpY29uQ29sb3JcIiAqbmdJZj1cImljb25cIiBjbGFzcz1cIm5hdmJhci1pY29uIHt7aWNvbkNvbG9yfX1cIj57eyBpY29uIH19PC9mdy1pY29uPlxuICAgICAgPC9mdy10b29sdGlwPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXZhdGFyXCI+PC9uZy1jb250ZW50PlxuICAgICAgPGRpdiBjbGFzcz1cIm5hdmJhci10ZXh0XCIgKm5nSWY9XCJ0aXRsZVwiPlxuICAgICAgICA8aDU+e3sgdGl0bGUgfX08L2g1PlxuICAgICAgICA8cCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgY2xhc3M9XCJ2aXNpb24tcDQgZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImtleS10ZXh0IHZpc2lvbi1wMlwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJwXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1iYWRnZVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvblwiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvbi1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxmdy10b29sdGlwXG4gICAgICAgICAgKm5nSWY9XCJzdWJJdGVtcy5sZW5ndGg+MCAmJiAhY29sbGFwc2VkXCJcbiAgICAgICAgICBbdGl0bGVdPVwic3ViSXRlbXNUb29sdGlwVGl0bGVcIlxuICAgICAgICAgIHBvc2l0aW9uPVwicmlnaHRcIj5cbiAgICAgICAgICA8ZnctaWNvbi1idXR0b25cbiAgICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgICAgICAgW2ljb25dPVwic3ViSXRlbXNPcGVuPydjaGV2cm9uLXVwJzonY2hldnJvbi1kb3duJ1wiXG4gICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlU3ViSXRlbXNWaWV3KCRldmVudClcIj5cbiAgICAgICAgICA8L2Z3LWljb24tYnV0dG9uPlxuICAgICAgICA8L2Z3LXRvb2x0aXA+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9hPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiaXRlbS1zdWJpdGVtc1wiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1uYXZiYXItc3ViLWl0ZW1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|