@flywheel-io/vision 1.1.3 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/fonts/Flywheel-Vision-Icons.svg +33 -5
- package/assets/fonts/Flywheel-Vision-Icons.ttf +0 -0
- package/assets/fonts/Flywheel-Vision-Icons.woff +0 -0
- package/assets/svg/ai.svg +20 -0
- package/assets/svg/brush-edit-create.svg +5 -0
- package/assets/svg/bucket-paint.svg +7 -0
- package/assets/svg/cloud-upload.svg +5 -0
- package/assets/svg/document-file-add-plus-bottom-left.svg +5 -0
- package/assets/svg/document-file-upload-bottom-center.svg +6 -0
- package/assets/svg/edit-erase.svg +5 -0
- package/assets/svg/floppy-save.svg +5 -0
- package/assets/svg/grid-dot-square.svg +18 -0
- package/assets/svg/lock-unlock.svg +2 -1
- package/assets/svg/paint-roller.svg +5 -0
- package/assets/svg/private-mode-protection-circle.svg +7 -0
- package/assets/svg/reader-studies.svg +5 -0
- package/assets/svg/settings-adjust.svg +3 -1
- package/assets/svg/shapes-objects.svg +5 -0
- package/assets/svg/text-input-form.svg +6 -0
- package/components/app-icon/app-icon.component.d.ts +2 -1
- package/components/forms/validators.d.ts +6 -0
- package/components/layouts/context/context.component.d.ts +7 -2
- package/components/menu/menu-close-triggers.directive.d.ts +10 -0
- package/components/menu/menu-container/menu-container.component.d.ts +1 -1
- package/components/menu/menu-item/menu-item.component.d.ts +13 -3
- package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +20 -0
- package/components/menu/menu.component.d.ts +2 -1
- package/components/menu/menu.module.d.ts +10 -7
- package/components/phone-input/country-code.data.d.ts +2 -0
- package/components/phone-input/phone-input.component.d.ts +60 -0
- package/components/phone-input/phone-input.model.d.ts +10 -0
- package/components/phone-input/phone-input.module.d.ts +13 -0
- package/components/section-heading/back-button/back-button.component.d.ts +3 -3
- package/components/section-heading/section-heading.module.d.ts +1 -1
- package/components/select-menu/select-menu.component.d.ts +1 -0
- package/esm2020/components/app-icon/app-icon.component.mjs +6 -3
- package/esm2020/components/chip/chip.component.mjs +2 -2
- package/esm2020/components/forms/validators.mjs +27 -0
- package/esm2020/components/layouts/context/context.component.mjs +8 -2
- package/esm2020/components/menu/menu-close-triggers.directive.mjs +38 -0
- package/esm2020/components/menu/menu-container/menu-container.component.mjs +6 -7
- package/esm2020/components/menu/menu-item/menu-item.component.mjs +47 -5
- package/esm2020/components/menu/menu-sub-item/menu-sub-item.component.mjs +68 -0
- package/esm2020/components/menu/menu.component.mjs +11 -2
- package/esm2020/components/menu/menu.module.mjs +19 -5
- package/esm2020/components/paginator/paginator-advanced/paginator-advanced.component.mjs +1 -1
- package/esm2020/components/phone-input/country-code.data.mjs +495 -0
- package/esm2020/components/phone-input/phone-input.component.mjs +285 -0
- package/esm2020/components/phone-input/phone-input.model.mjs +2 -0
- package/esm2020/components/phone-input/phone-input.module.mjs +47 -0
- package/esm2020/components/section-heading/back-button/back-button.component.mjs +6 -6
- package/esm2020/components/section-heading/section-heading.component.mjs +1 -1
- package/esm2020/components/section-heading/section-heading.module.mjs +7 -5
- package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +8 -2
- package/esm2020/components/select-menu/select-menu.component.mjs +11 -3
- package/esm2020/components/text-input/text-input.component.mjs +2 -2
- package/esm2020/public-api.mjs +7 -1
- package/fesm2015/flywheel-io-vision.mjs +1324 -314
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +1322 -314
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +6 -0
- package/scss/icons/_icon-glyphs.scss +50 -6
- package/styles.css +64 -8
- package/components/layouts/layout-width.d.ts +0 -6
- package/esm2020/components/layouts/layout-width.mjs +0 -8
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>ai</title>
|
|
4
|
+
<path d="M27.667 12c0-0.552 0.448-1 1-1h0.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-0.667c-0.552 0-1-0.448-1-1z"></path>
|
|
5
|
+
<path d="M27.667 16c0-0.552 0.448-1 1-1h0.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-0.667c-0.552 0-1-0.448-1-1z"></path>
|
|
6
|
+
<path d="M27.667 20c0-0.552 0.448-1 1-1h0.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-0.667c-0.552 0-1-0.448-1-1z"></path>
|
|
7
|
+
<path d="M5.667 11.852c0-3.416 2.769-6.185 6.185-6.185h8.296c3.416 0 6.185 2.769 6.185 6.185v8.296c0 3.416-2.769 6.185-6.185 6.185h-8.296c-3.416 0-6.185-2.769-6.185-6.185v-8.296zM11.852 7.667c-2.311 0-4.185 1.874-4.185 4.185v8.296c0 2.311 1.874 4.185 4.185 4.185h8.296c2.311 0 4.185-1.874 4.185-4.185v-8.296c0-2.311-1.874-4.185-4.185-4.185h-8.296z"></path>
|
|
8
|
+
<path d="M1.667 12c0-0.552 0.448-1 1-1h0.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-0.667c-0.552 0-1-0.448-1-1z"></path>
|
|
9
|
+
<path d="M1.667 16c0-0.552 0.448-1 1-1h0.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-0.667c-0.552 0-1-0.448-1-1z"></path>
|
|
10
|
+
<path d="M1.667 20c0-0.552 0.448-1 1-1h0.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-0.667c-0.552 0-1-0.448-1-1z"></path>
|
|
11
|
+
<path d="M12 1.667c0.552 0 1 0.448 1 1v0.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.667c0-0.552 0.448-1 1-1z"></path>
|
|
12
|
+
<path d="M16 1.667c0.552 0 1 0.448 1 1v0.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.667c0-0.552 0.448-1 1-1z"></path>
|
|
13
|
+
<path d="M20 1.667c0.552 0 1 0.448 1 1v0.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.667c0-0.552 0.448-1 1-1z"></path>
|
|
14
|
+
<path d="M12 27.667c0.552 0 1 0.448 1 1v0.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.667c0-0.552 0.448-1 1-1z"></path>
|
|
15
|
+
<path d="M16 27.667c0.552 0 1 0.448 1 1v0.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.667c0-0.552 0.448-1 1-1z"></path>
|
|
16
|
+
<path d="M20 27.667c0.552 0 1 0.448 1 1v0.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-0.667c0-0.552 0.448-1 1-1z"></path>
|
|
17
|
+
<path d="M10.731 17.8c0-0.552 0.448-1 1-1h4.623c0.552 0 1 0.448 1 1s-0.448 1-1 1h-4.623c-0.552 0-1-0.448-1-1z"></path>
|
|
18
|
+
<path d="M12.343 12.692c0.134-0.412 0.518-0.692 0.951-0.692h1.512c0.433 0 0.818 0.279 0.951 0.692l1.944 6c0.17 0.525-0.118 1.089-0.643 1.259s-1.089-0.118-1.259-0.643l-1.72-5.308h-0.058l-1.72 5.308c-0.17 0.525-0.734 0.813-1.26 0.643s-0.813-0.734-0.643-1.259l1.944-6z"></path>
|
|
19
|
+
<path d="M20.050 12c0.552 0 1 0.448 1 1v6c0 0.552-0.448 1-1 1s-1-0.448-1-1v-6c0-0.552 0.448-1 1-1z"></path>
|
|
20
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>brush-edit-create</title>
|
|
4
|
+
<path d="M27.667 5.013c-1.413-1.413-3.693-1.493-5.2-0.173l-10.72 9.373c-0.76 0.667-1.213 1.627-1.253 2.64 0 0.16 0.013 0.307 0.027 0.467-0.507-0.053-1.040-0.027-1.56 0.080-1.68 0.36-3.040 1.533-3.64 3.147l-2.027 5.413c-0.187 0.48-0.107 1.027 0.187 1.453s0.787 0.68 1.293 0.68h4.933c2.253 0 4.187-1.293 5.053-3.373 0.36-0.853 0.48-1.733 0.4-2.6 0.173 0.027 0.347 0.053 0.52 0.053 0.040 0 0.080 0 0.12 0 1.013-0.027 1.973-0.493 2.64-1.253l9.373-10.72c1.307-1.493 1.24-3.787-0.173-5.187h0.027zM12.933 23.96c-0.427 1.040-1.493 2.147-3.2 2.147h-4.333l1.813-4.84c0.373-0.987 1.16-1.667 2.187-1.893s2.040 0.080 2.773 0.813c1.213 1.213 1.187 2.747 0.747 3.773h0.013zM15.76 20.173c-0.453 0.040-0.907-0.16-1.24-0.493l-1.533-1.533c-0.333-0.333-0.507-0.773-0.493-1.24s0.213-0.893 0.573-1.2l1.373-1.2 3.707 3.707-1.2 1.373c-0.307 0.347-0.733 0.547-1.2 0.573l0.013 0.013zM26.333 8.893l-6.853 7.84-3.52-3.52 7.84-6.853c0.347-0.293 0.76-0.44 1.187-0.44 0.467 0 0.92 0.173 1.28 0.52 0.667 0.667 0.707 1.747 0.080 2.467l-0.013-0.013z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>bucket-paint</title>
|
|
4
|
+
<path d="M3.987 17.613l4.987 4.987c0.747 0.747 1.72 1.12 2.707 1.12s1.96-0.373 2.707-1.12l7.507-7.507c0.187-0.187 0.293-0.427 0.293-0.707 0-0.293-0.133-0.547-0.333-0.733l-8.947-8.947-1.44-1.467c-0.387-0.387-1.013-0.4-1.413 0-0.4 0.387-0.4 1.027 0 1.413l0.76 0.773-6.813 6.813c-0.493 0.493-0.827 1.12-1 1.787-0.027 0.107-0.053 0.213-0.067 0.333 0 0.013 0 0.040 0 0.053 0 0 0 0 0 0.013-0.027 0.173-0.053 0.333-0.053 0.507 0 1.027 0.4 1.987 1.12 2.707l-0.013-0.027zM18.76 13.373h-13.12l6.56-6.56 6.56 6.56zM12.96 21.187c-0.707 0.707-1.867 0.707-2.573 0l-4.987-4.987c-0.227-0.227-0.36-0.52-0.44-0.827h13.813l-5.813 5.813z"></path>
|
|
5
|
+
<path d="M25.907 17.693c-0.387-0.413-1.093-0.413-1.467 0-0.52 0.56-3.093 3.453-3.093 5.613s1.72 3.827 3.827 3.827c2.107 0 3.827-1.72 3.827-3.827s-2.573-5.053-3.093-5.613zM25.173 25.133c-1 0-1.827-0.813-1.827-1.827 0-0.8 0.92-2.253 1.827-3.4 0.907 1.147 1.827 2.6 1.827 3.4 0 1-0.813 1.827-1.827 1.827z"></path>
|
|
6
|
+
<path d="M16 27.587h-11.44c-0.547 0-1 0.453-1 1s0.453 1 1 1h11.44c0.547 0 1-0.453 1-1s-0.453-1-1-1z"></path>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>cloud-upload</title>
|
|
4
|
+
<path d="M13.513 6.363c-3.525-0.331-6.829 1.756-8.044 5.081s-0.035 7.051 2.872 9.071c0.454 0.315 0.566 0.938 0.251 1.392s-0.938 0.566-1.392 0.251c-3.654-2.538-5.137-7.221-3.61-11.4s5.681-6.802 10.11-6.385c4.135 0.389 7.541 3.336 8.561 7.298 3.298 0.12 6.081 2.536 6.643 5.812 0.577 3.361-1.352 6.649-4.568 7.785-0.521 0.184-1.092-0.089-1.276-0.61s0.089-1.092 0.61-1.276c2.297-0.811 3.675-3.16 3.263-5.561s-2.494-4.155-4.93-4.155h-0c-0.137 0-0.265 0.009-0.447 0.022l-0.029 0.002c-0.515 0.037-0.974-0.325-1.058-0.835-0.574-3.493-3.432-6.16-6.956-6.491zM16 15c0.265 0 0.52 0.105 0.707 0.293l4.002 4.002c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-2.295-2.295 0 8.257c0 0.552-0.448 1-1 1s-1-0.448-1-1l-0-8.257-2.295 2.295c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l4.002-4.002c0.187-0.187 0.442-0.293 0.707-0.293z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>document-file-add-plus-bottom-left</title>
|
|
4
|
+
<path d="M4.333 8c0-2.761 2.239-5 5-5h10.343c1.326 0 2.598 0.527 3.535 1.464l2.99 2.99c0.938 0.938 1.465 2.209 1.465 3.536v13.010c0 2.761-2.239 5-5 5h-6.667c-0.552 0-1-0.448-1-1s0.448-1 1-1h6.667c1.657 0 3-1.343 3-3v-11.667h-3.667c-2.025 0-3.667-1.642-3.667-3.667v-3.667h-9c-1.657 0-3 1.343-3 3v9.333c0 0.552-0.448 1-1 1s-1-0.448-1-1v-9.333zM20.333 5.073v3.594c0 0.92 0.746 1.667 1.667 1.667h3.594c-0.123-0.55-0.401-1.059-0.806-1.464l-2.99-2.99c-0.405-0.405-0.914-0.682-1.465-0.806zM9.333 20.333c0.552 0 1 0.448 1 1v1.667h1.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-1.667v1.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-1.667h-1.667c-0.552 0-1-0.448-1-1s0.448-1 1-1h1.667v-1.667c0-0.552 0.448-1 1-1z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>document-file-upload-bottom-center</title>
|
|
4
|
+
<path d="M15.293 20.626c0.391-0.391 1.024-0.391 1.414 0l2.667 2.667c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-0.96-0.959v4.252c0 0.552-0.448 1-1 1s-1-0.448-1-1v-4.252l-0.96 0.959c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l2.667-2.667z"></path>
|
|
5
|
+
<path d="M4.333 8c0-2.761 2.239-5 5-5h10.343c1.326 0 2.598 0.527 3.535 1.464l2.99 2.99c0.938 0.938 1.465 2.209 1.465 3.536v13.010c0 2.761-2.239 5-5 5h-1.333c-0.552 0-1-0.448-1-1s0.448-1 1-1h1.333c1.657 0 3-1.343 3-3v-11.667h-3.667c-2.025 0-3.667-1.642-3.667-3.667v-3.667h-9c-1.657 0-3 1.343-3 3v16c0 1.657 1.343 3 3 3h1.333c0.552 0 1 0.448 1 1s-0.448 1-1 1h-1.333c-2.761 0-5-2.239-5-5v-16zM20.333 5.073v3.594c0 0.92 0.746 1.667 1.667 1.667h3.594c-0.123-0.55-0.401-1.059-0.806-1.464l-2.99-2.99c-0.405-0.405-0.914-0.682-1.465-0.806z"></path>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>edit-erase</title>
|
|
4
|
+
<path d="M16.553 5.346l-6.401 6.401c-0.025 0.021-0.049 0.042-0.072 0.066s-0.045 0.047-0.066 0.072l-6.030 6.030c-1.432 1.432-1.432 3.753 0 5.185l3.461 3.461c0 0-0-0 0 0 0.686 0.688 1.618 1.074 2.591 1.074h1.781c0.030 0.003 0.060 0.004 0.090 0.004h16.093c0.552 0 1-0.448 1-1s-0.448-1-1-1h-12.574l4.209-4.209c0.011-0.010 0.021-0.020 0.032-0.030s0.021-0.021 0.030-0.032l6.439-6.439c1.432-1.432 1.432-3.753 0-5.185l-4.399-4.399c-1.432-1.432-3.753-1.432-5.185 0zM10.79 13.938l6.755 6.755-4.455 4.455c-0.313 0.313-0.737 0.488-1.178 0.488h-1.876c-0.442 0-0.865-0.176-1.176-0.487l-3.462-3.462c-0.651-0.651-0.651-1.706 0-2.356l5.392-5.392zM18.959 19.279l-6.755-6.755 5.763-5.763c0.651-0.651 1.706-0.651 2.357 0l4.399 4.399c0.651 0.651 0.651 1.706 0 2.356l-5.763 5.763z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>floppy-save</title>
|
|
4
|
+
<path d="M3.009 6.694l0.139 18.667c0 0 0-0 0 0 0.015 2.015 1.652 3.639 3.667 3.639h18.508c2.026 0 3.667-1.641 3.667-3.667v-14.896c0-0.972-0.387-1.905-1.074-2.592l-3.771-3.771c-0.687-0.687-1.619-1.074-2.592-1.074h-14.876c-2.035 0-3.681 1.657-3.667 3.694zM10.333 27v-9.285c0-0.394 0.32-0.715 0.715-0.715h9.905c0.393 0 0.713 0.32 0.713 0.715v9.285h-11.333zM23.667 27v-9.285c0-1.498-1.215-2.715-2.713-2.715h-9.905c-1.499 0-2.715 1.216-2.715 2.715v9.285h-1.519c-0.916 0-1.66-0.738-1.667-1.654l-0.139-18.667c0-0 0 0 0 0-0.007-0.926 0.742-1.679 1.667-1.679h2.981v4.212c0 1.288 1.045 2.333 2.333 2.333h8c1.288 0 2.333-1.045 2.333-2.333v-4.022c0.148 0.078 0.285 0.178 0.406 0.299l3.771 3.771c0.313 0.313 0.488 0.737 0.488 1.178v14.896c0 0.921-0.746 1.667-1.667 1.667h-1.656zM20.324 5v4.212c0 0.184-0.15 0.333-0.333 0.333h-8c-0.184 0-0.333-0.15-0.333-0.333v-4.212h8.667z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>grid-dot-square</title>
|
|
4
|
+
<path d="M2.995 10.662c0-4.234 3.432-7.667 7.667-7.667h10.677c4.234 0 7.667 3.432 7.667 7.667v10.677c0 4.234-3.432 7.667-7.667 7.667h-10.677c-4.234 0-7.667-3.433-7.667-7.667v-10.677zM10.662 4.995c-3.13 0-5.667 2.537-5.667 5.667v10.677c0 3.13 2.537 5.667 5.667 5.667h10.677c3.13 0 5.667-2.537 5.667-5.667v-10.677c0-3.13-2.537-5.667-5.667-5.667h-10.677z"></path>
|
|
5
|
+
<path d="M12.665 11.599c-0.589 0-1.067 0.478-1.067 1.067s0.478 1.067 1.067 1.067c0.589 0 1.067-0.478 1.067-1.067s-0.478-1.067-1.067-1.067z"></path>
|
|
6
|
+
<path d="M16 8.264c-0.589 0-1.067 0.478-1.067 1.067s0.478 1.067 1.067 1.067c0.589 0 1.067-0.478 1.067-1.067s-0.478-1.067-1.067-1.067z"></path>
|
|
7
|
+
<path d="M18.58 11.911c0.2-0.2 0.471-0.312 0.754-0.312 0.589 0 1.067 0.478 1.067 1.067s-0.478 1.067-1.067 1.067c-0.589 0-1.067-0.478-1.067-1.067 0-0.283 0.112-0.554 0.312-0.754z"></path>
|
|
8
|
+
<path d="M10.397 9.331c0-0.589-0.478-1.067-1.067-1.067s-1.067 0.478-1.067 1.067c0 0.589 0.478 1.067 1.067 1.067s1.067-0.478 1.067-1.067z"></path>
|
|
9
|
+
<path d="M22.669 8.264c-0.589 0-1.067 0.478-1.067 1.067s0.478 1.067 1.067 1.067c0.589 0 1.067-0.478 1.067-1.067s-0.478-1.067-1.067-1.067z"></path>
|
|
10
|
+
<path d="M14.933 16c0-0.589 0.478-1.067 1.067-1.067s1.067 0.478 1.067 1.067c0 0.589-0.478 1.067-1.067 1.067s-1.067-0.477-1.067-1.067z"></path>
|
|
11
|
+
<path d="M21.603 16c0 0.589 0.478 1.067 1.067 1.067s1.067-0.477 1.067-1.067c0-0.589-0.478-1.067-1.067-1.067s-1.067 0.478-1.067 1.067z"></path>
|
|
12
|
+
<path d="M8.264 16c0-0.589 0.478-1.067 1.067-1.067s1.067 0.478 1.067 1.067c0 0.589-0.478 1.067-1.067 1.067s-1.067-0.477-1.067-1.067z"></path>
|
|
13
|
+
<path d="M12.665 18.268c-0.589 0-1.067 0.478-1.067 1.067s0.478 1.067 1.067 1.067 1.067-0.478 1.067-1.067c0-0.589-0.478-1.067-1.067-1.067z"></path>
|
|
14
|
+
<path d="M14.933 22.669c0-0.589 0.478-1.067 1.067-1.067s1.067 0.478 1.067 1.067-0.478 1.067-1.067 1.067c-0.589 0-1.067-0.478-1.067-1.067z"></path>
|
|
15
|
+
<path d="M21.603 22.669c0 0.589 0.478 1.067 1.067 1.067s1.067-0.478 1.067-1.067-0.478-1.067-1.067-1.067c-0.589 0-1.067 0.478-1.067 1.067z"></path>
|
|
16
|
+
<path d="M8.264 22.669c0-0.589 0.478-1.067 1.067-1.067s1.067 0.478 1.067 1.067c0 0.589-0.478 1.067-1.067 1.067s-1.067-0.478-1.067-1.067z"></path>
|
|
17
|
+
<path d="M18.268 19.335c0 0.589 0.478 1.067 1.067 1.067s1.067-0.478 1.067-1.067c0-0.589-0.478-1.067-1.067-1.067s-1.067 0.478-1.067 1.067z"></path>
|
|
18
|
+
</svg>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
3
|
<title>lock-unlock</title>
|
|
4
|
-
<path d="
|
|
4
|
+
<path d="M23.221 3.889c-2.638 0-4.777 2.139-4.777 4.777v2.333h0.612c2.026 0 3.667 1.641 3.667 3.667v10.667c0 2.026-1.641 3.667-3.667 3.667h-13.333c-2.026 0-3.667-1.641-3.667-3.667v-10.667c0-2.026 1.641-3.667 3.667-3.667h10.721v-2.333c0-3.743 3.034-6.777 6.777-6.777s6.777 3.034 6.777 6.777v2.889c0 0.552-0.448 1-1 1s-1-0.448-1-1v-2.889c0-2.638-2.139-4.777-4.777-4.777zM5.723 13c-0.921 0-1.667 0.746-1.667 1.667v10.667c0 0.921 0.746 1.667 1.667 1.667h13.333c0.921 0 1.667-0.746 1.667-1.667v-10.667c0-0.921-0.746-1.667-1.667-1.667h-13.333z"></path>
|
|
5
|
+
<path d="M11.179 16.919c0.781-0.781 2.047-0.781 2.828 0s0.781 2.047 0 2.828c-0.127 0.127-0.266 0.233-0.414 0.318v2.721c0 0.552-0.448 1-1 1s-1-0.448-1-1v-2.721c-0.148-0.086-0.288-0.192-0.414-0.318-0.781-0.781-0.781-2.047 0-2.828z"></path>
|
|
5
6
|
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>paint-roller</title>
|
|
4
|
+
<path d="M26.667 7h-1.667v-1.373c0-1.453-1.173-2.627-2.627-2.627h-16.747c-1.453 0-2.627 1.173-2.627 2.627v4.733c0 1.453 1.173 2.627 2.627 2.627h16.733c1.453 0 2.627-1.173 2.627-2.627v-1.373h1.667c0.187 0 0.333 0.147 0.333 0.333v5.333c0 0.187-0.147 0.333-0.333 0.333h-10.667c-1.293 0-2.333 1.040-2.333 2.333v1.667h-0.333c-1.293 0-2.333 1.040-2.333 2.333v6.667c0 1.293 1.040 2.333 2.333 2.333h2.667c1.293 0 2.333-1.040 2.333-2.333v-6.667c0-1.293-1.040-2.333-2.333-2.333h-0.333v-1.667c0-0.187 0.147-0.333 0.333-0.333h10.667c1.293 0 2.333-1.040 2.333-2.333v-5.333c0-1.293-1.040-2.333-2.333-2.333zM22.947 10.453c0 0.347-0.28 0.627-0.64 0.627h-16.72c-0.347 0-0.627-0.28-0.627-0.627v-4.733c0-0.347 0.28-0.64 0.627-0.64h16.733c0.347 0 0.627 0.28 0.627 0.64v4.733zM15.947 21.080c0.187 0 0.333 0.147 0.333 0.333v6.667c0 0.187-0.147 0.333-0.333 0.333h-2.667c-0.187 0-0.333-0.147-0.333-0.333v-6.667c0-0.187 0.147-0.333 0.333-0.333h2.667z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>private-mode-protection-circle</title>
|
|
4
|
+
<path d="M12.257 19c-0.644 0-1.167 0.522-1.167 1.167s0.522 1.167 1.167 1.167c0.644 0 1.167-0.522 1.167-1.167s-0.522-1.167-1.167-1.167zM9.090 20.167c0-1.749 1.418-3.167 3.167-3.167 1.286 0 2.392 0.766 2.888 1.867h1.604c0.496-1.101 1.603-1.867 2.888-1.867 1.749 0 3.167 1.418 3.167 3.167s-1.418 3.167-3.167 3.167c-1.508 0-2.77-1.055-3.089-2.467h-1.203c-0.319 1.412-1.581 2.467-3.089 2.467-1.749 0-3.167-1.418-3.167-3.167zM19.637 19c-0.644 0-1.167 0.522-1.167 1.167s0.522 1.167 1.167 1.167c0.644 0 1.167-0.522 1.167-1.167s-0.522-1.167-1.167-1.167z"></path>
|
|
5
|
+
<path d="M20.875 9.839c-0.209-1.254-1.294-2.173-2.565-2.172h-4.622c-1.271 0-2.355 0.919-2.564 2.172l-0.638 3.828h-1.153c-0.552 0-1 0.448-1 1s0.448 1 1 1h1.984c0.012 0 0.024 0 0.035 0h9.297c0.011 0 0.022 0 0.034 0h1.984c0.552 0 1-0.448 1-1s-0.448-1-1-1h-1.153l-0.638-3.828zM12.514 13.667l0.583-3.499c0.048-0.289 0.298-0.501 0.591-0.501h4.622c0.293-0 0.544 0.212 0.592 0.501l0.583 3.499h-6.972z"></path>
|
|
6
|
+
<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>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>reader-studies</title>
|
|
4
|
+
<path d="M8 5h16c1.657 0 3 1.343 3 3v3h-22v-3c0-1.657 1.343-3 3-3zM29 8c0-2.761-2.239-5-5-5h-16c-2.761 0-5 2.239-5 5v16c0 2.761 2.239 5 5 5h6.667c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6.667c-1.657 0-3-1.343-3-3v-11h22v4.333c0 0.552 0.448 1 1 1s1-0.448 1-1v-9.333zM10.626 7.286c0.391-0.391 1.024-0.391 1.414 0l0.007 0.007c0.391 0.391 0.391 1.024 0 1.414l-0.007 0.007c-0.391 0.391-1.024 0.391-1.414 0l-0.007-0.007c-0.391-0.391-0.391-1.024 0-1.414l0.007-0.007zM7.293 7.286c0.391-0.391 1.024-0.391 1.414 0l0.007 0.007c0.391 0.391 0.391 1.024 0 1.414l-0.007 0.007c-0.391 0.391-1.024 0.391-1.414 0l-0.007-0.007c-0.391-0.391-0.391-1.024 0-1.414l0.007-0.007zM13.96 7.286c0.391-0.391 1.024-0.391 1.414 0l0.007 0.007c0.391 0.391 0.391 1.024 0 1.414l-0.007 0.007c-0.391 0.391-1.024 0.391-1.414 0l-0.007-0.007c-0.391-0.391-0.391-1.024 0-1.414l0.007-0.007zM22.707 15.96c0.391 0.391 0.391 1.024 0 1.414l-0.667 0.667c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l0.667-0.667c0.391-0.391 1.024-0.391 1.414 0zM15.293 16.626c0.391-0.391 1.024-0.391 1.414 0l0.667 0.667c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-0.667-0.667c-0.391-0.391-0.391-1.024 0-1.414zM19.156 20.489c0.425-0.425 1.045-0.588 1.624-0.427l5.332 1.48c0.571 0.159 1.015 0.609 1.166 1.182s-0.014 1.183-0.433 1.603l-1.219 1.219 1.415 1.415c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0l-1.415-1.415-1.219 1.219c-0.419 0.419-1.029 0.584-1.603 0.433s-1.023-0.595-1.182-1.166l-1.48-5.332c-0.161-0.579 0.003-1.199 0.427-1.624zM25.027 23.316l-4.214-1.17 1.17 4.214 3.044-3.044zM16.707 21.96c0.391 0.391 0.391 1.024 0 1.414l-0.667 0.667c-0.391 0.391-1.024 0.391-1.414 0s-0.391-1.024 0-1.414l0.667-0.667c0.391-0.391 1.024-0.391 1.414 0z"></path>
|
|
5
|
+
</svg>
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<!-- Generated by IcoMoon.io -->
|
|
2
2
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
3
|
<title>settings-adjust</title>
|
|
4
|
-
<path d="
|
|
4
|
+
<path d="M28 15h-13.8c-0.16-0.587-0.48-1.133-0.933-1.587-1.427-1.427-3.76-1.427-5.187 0-0.453 0.453-0.773 1.013-0.933 1.587h-3.133c-0.547 0-1 0.453-1 1s0.453 1 1 1h3.133c0.16 0.587 0.48 1.133 0.933 1.587 1.427 1.427 3.76 1.427 5.187 0 0.453-0.453 0.773-1.013 0.933-1.587h13.8c0.547 0 1-0.453 1-1s-0.453-1-1-1zM11.853 17.173c-0.653 0.653-1.707 0.653-2.36 0-0.32-0.32-0.493-0.747-0.493-1.173s0.16-0.853 0.493-1.187c0.653-0.653 1.707-0.653 2.36 0s0.653 1.707 0 2.36z"></path>
|
|
5
|
+
<path d="M28 5.667h-3.133c-0.16-0.587-0.48-1.133-0.933-1.587-1.427-1.427-3.76-1.427-5.187 0-0.453 0.453-0.773 1.013-0.933 1.587h-13.813c-0.547 0-1 0.453-1 1s0.453 1 1 1h13.8c0.16 0.587 0.48 1.133 0.933 1.587 1.427 1.427 3.76 1.427 5.187 0 0.453-0.453 0.773-1.013 0.933-1.587h3.133c0.547 0 1-0.453 1-1s-0.453-1-1-1zM22.507 7.84c-0.653 0.653-1.707 0.653-2.36 0-0.32-0.32-0.493-0.747-0.493-1.173v0c0-0.44 0.16-0.853 0.493-1.187 0.653-0.653 1.707-0.653 2.36 0s0.653 1.707 0 2.36z"></path>
|
|
6
|
+
<path d="M28 24.333h-3.133c-0.16-0.587-0.48-1.133-0.933-1.587-1.427-1.427-3.76-1.427-5.187 0-0.453 0.453-0.773 1.013-0.933 1.587h-13.813c-0.547 0-1 0.453-1 1s0.453 1 1 1h13.8c0.16 0.587 0.48 1.133 0.933 1.587 1.427 1.427 3.76 1.427 5.187 0 0.453-0.453 0.773-1.013 0.933-1.587h3.133c0.547 0 1-0.453 1-1s-0.453-1-1-1zM22.507 26.507c-0.653 0.653-1.707 0.653-2.36 0-0.32-0.32-0.493-0.747-0.493-1.173v0c0-0.44 0.16-0.853 0.493-1.187 0.653-0.653 1.707-0.653 2.36 0s0.653 1.707 0 2.36z"></path>
|
|
5
7
|
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>shapes-objects</title>
|
|
4
|
+
<path d="M25.187 10.053h-3.547c-1.067-4.067-4.76-7.067-9.16-7.067-5.227 0-9.48 4.24-9.48 9.48 0 4.4 3 8.093 7.067 9.16v3.547c0 2.107 1.707 3.827 3.827 3.827h11.307c2.107 0 3.827-1.707 3.827-3.827v-11.307c0-2.107-1.707-3.827-3.827-3.827zM19.96 12.467c0 4.133-3.347 7.48-7.48 7.48-0.133 0-0.28 0-0.413 0v-6.053c0-1.013 0.813-1.827 1.827-1.827h6.053c0 0.133 0 0.28 0 0.413zM10.040 13.867v5.667c-2.947-1-5.067-3.787-5.067-7.080 0-4.133 3.347-7.48 7.48-7.48 3.28 0 6.067 2.12 7.080 5.067h-5.667c-2.107 0-3.827 1.707-3.827 3.827zM27 25.187c0 1.013-0.813 1.827-1.827 1.827h-11.307c-1.013 0-1.827-0.813-1.827-1.827v-3.24c0.133 0 0.28 0 0.413 0 5.227 0 9.48-4.24 9.48-9.48 0-0.133 0-0.28 0-0.413h3.24c1.013 0 1.827 0.813 1.827 1.827v11.307z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<!-- Generated by IcoMoon.io -->
|
|
2
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
3
|
+
<title>text-input-form</title>
|
|
4
|
+
<path d="M8.333 12.667c0-0.552 0.448-1 1-1h6.667c0.552 0 1 0.448 1 1s-0.448 1-1 1h-2.333v5.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-5.667h-2.333c-0.552 0-1-0.448-1-1z"></path>
|
|
5
|
+
<path d="M21.333 1.667c0.552 0 1 0.448 1 1v1.667h1.667c2.761 0 5 2.239 5 5v13.333c0 2.761-2.239 5-5 5h-1.667v1.667c0 0.552-0.448 1-1 1s-1-0.448-1-1v-26.667c0-0.552 0.448-1 1-1zM22.333 6.333v19.333h1.667c1.657 0 3-1.343 3-3v-13.333c0-1.657-1.343-3-3-3h-1.667zM8 6.333c-1.657 0-3 1.343-3 3v13.333c0 1.657 1.343 3 3 3h9.333c0.552 0 1 0.448 1 1s-0.448 1-1 1h-9.333c-2.761 0-5-2.239-5-5v-13.333c0-2.761 2.239-5 5-5h9.333c0.552 0 1 0.448 1 1s-0.448 1-1 1h-9.333z"></path>
|
|
6
|
+
</svg>
|
|
@@ -4,6 +4,7 @@ export declare class FwAppIconComponent {
|
|
|
4
4
|
icon?: string;
|
|
5
5
|
imageUrl?: string;
|
|
6
6
|
color?: 'primary' | 'dark' | 'light' | 'gradient' | 'transparent';
|
|
7
|
+
fontColor?: 'contrast' | 'base';
|
|
7
8
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
8
9
|
variant?: 'interactive' | 'hover' | 'focused' | 'static';
|
|
9
10
|
badge?: string;
|
|
@@ -13,5 +14,5 @@ export declare class FwAppIconComponent {
|
|
|
13
14
|
role: string;
|
|
14
15
|
get cssClass(): string;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwAppIconComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwAppIconComponent, "fw-app-icon", never, { "title": "title"; "icon": "icon"; "imageUrl": "imageUrl"; "color": "color"; "size": "size"; "variant": "variant"; "badge": "badge"; "tabindex": "tabindex"; "locked": "locked"; "animated": "animated"; }, {}, never, never, false>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwAppIconComponent, "fw-app-icon", never, { "title": "title"; "icon": "icon"; "imageUrl": "imageUrl"; "color": "color"; "fontColor": "fontColor"; "size": "size"; "variant": "variant"; "badge": "badge"; "tabindex": "tabindex"; "locked": "locked"; "animated": "animated"; }, {}, never, never, false>;
|
|
17
18
|
}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { LayoutWidth } from '../layout-width';
|
|
2
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
export declare enum LayoutWidth {
|
|
3
|
+
Small = "small",
|
|
4
|
+
Medium = "medium",
|
|
5
|
+
Large = "large",
|
|
6
|
+
ExtraLarge = "extra-large"
|
|
7
|
+
}
|
|
3
8
|
export declare class FwLayoutContextComponent {
|
|
4
|
-
width?:
|
|
9
|
+
width?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
5
10
|
icon?: string;
|
|
6
11
|
iconColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'warning' | 'success';
|
|
7
12
|
title?: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
+
import { QueryList } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class FwMenuCloseTriggersDirective {
|
|
5
|
+
outsideClick(): void;
|
|
6
|
+
triggers?: QueryList<CdkMenuTrigger>;
|
|
7
|
+
private _isOpen;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuCloseTriggersDirective, never>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FwMenuCloseTriggersDirective, "[fwMenuCloseTriggers]", never, {}, {}, ["triggers"], never, false>;
|
|
10
|
+
}
|
|
@@ -16,7 +16,7 @@ export declare class FwMenuContainerComponent implements AfterContentInit {
|
|
|
16
16
|
get style(): SafeStyle;
|
|
17
17
|
constructor(sanitizer: DomSanitizer);
|
|
18
18
|
ngAfterContentInit(): void;
|
|
19
|
-
filterTextChange(
|
|
19
|
+
filterTextChange(event: any): void;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuContainerComponent, never>;
|
|
21
21
|
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuContainerComponent, "fw-menu-container", never, { "width": "width"; "maxHeight": "maxHeight"; "border": "border"; "shadow": "shadow"; "showFilter": "showFilter"; "filterText": "filterText"; "offset": "offset"; }, {}, ["menu"], ["*"], false>;
|
|
22
22
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { FwMenuSubItemComponent } from '../menu-sub-item/menu-sub-item.component';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class FwMenuItemComponent {
|
|
4
|
+
export declare class FwMenuItemComponent implements OnChanges, OnDestroy, AfterContentInit {
|
|
4
5
|
value?: string;
|
|
5
6
|
variant?: 'default' | 'modern' | 'button';
|
|
6
7
|
size?: 'default' | 'compact';
|
|
@@ -11,13 +12,22 @@ export declare class FwMenuItemComponent {
|
|
|
11
12
|
showCheckbox?: boolean;
|
|
12
13
|
multiSelect?: boolean;
|
|
13
14
|
hidden?: boolean;
|
|
15
|
+
showTooltip?: boolean;
|
|
14
16
|
collapsed?: boolean;
|
|
15
17
|
href?: string;
|
|
16
18
|
target?: string;
|
|
19
|
+
subItemsOpen: boolean;
|
|
17
20
|
click: EventEmitter<string>;
|
|
18
21
|
focused?: boolean;
|
|
19
22
|
selected?: boolean;
|
|
23
|
+
subItems: QueryList<FwMenuSubItemComponent>;
|
|
24
|
+
private subscriptions;
|
|
25
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
26
|
+
ngOnDestroy(): void;
|
|
27
|
+
ngAfterContentInit(): void;
|
|
28
|
+
updateLayout(): void;
|
|
29
|
+
toggleSubItemsView(): void;
|
|
20
30
|
handleClick(evt?: Event): void;
|
|
21
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuItemComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemComponent, "fw-menu-item", never, { "value": "value"; "variant": "variant"; "size": "size"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; "multiSelect": "multiSelect"; "hidden": "hidden"; "collapsed": "collapsed"; "href": "href"; "target": "target"; "focused": "focused"; "selected": "selected"; }, { "click": "click"; },
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemComponent, "fw-menu-item", never, { "value": "value"; "variant": "variant"; "size": "size"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; "multiSelect": "multiSelect"; "hidden": "hidden"; "showTooltip": "showTooltip"; "collapsed": "collapsed"; "href": "href"; "target": "target"; "subItemsOpen": "subItemsOpen"; "focused": "focused"; "selected": "selected"; }, { "click": "click"; }, ["subItems"], ["fw-avatar", "p", "fw-icon", "fw-icon-button", "fw-menu-sub-item"], false>;
|
|
23
33
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FwMenuSubItemComponent {
|
|
4
|
+
value?: string;
|
|
5
|
+
variant?: 'default' | 'modern' | 'button';
|
|
6
|
+
size?: 'default' | 'compact';
|
|
7
|
+
title: string;
|
|
8
|
+
description?: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
hidden?: boolean;
|
|
12
|
+
href?: string;
|
|
13
|
+
target?: string;
|
|
14
|
+
click: EventEmitter<string>;
|
|
15
|
+
focused?: boolean;
|
|
16
|
+
selected?: boolean;
|
|
17
|
+
handleClick(evt?: Event): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuSubItemComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuSubItemComponent, "fw-menu-sub-item", never, { "value": "value"; "variant": "variant"; "size": "size"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "hidden": "hidden"; "href": "href"; "target": "target"; "focused": "focused"; "selected": "selected"; }, { "click": "click"; }, never, ["p", "fw-icon"], false>;
|
|
20
|
+
}
|
|
@@ -13,6 +13,7 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
|
|
|
13
13
|
collapsedWidth?: string;
|
|
14
14
|
value?: string | string[];
|
|
15
15
|
change: EventEmitter<string | string[]>;
|
|
16
|
+
filteredItemsChange: EventEmitter<FwMenuItemComponent[]>;
|
|
16
17
|
menuItems: QueryList<FwMenuItemComponent>;
|
|
17
18
|
private _filterText;
|
|
18
19
|
onChange: (value: string | string[]) => void;
|
|
@@ -29,5 +30,5 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
|
|
|
29
30
|
handleSelect(value: string): void;
|
|
30
31
|
updateLayout(): void;
|
|
31
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuComponent, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "variant": "variant"; "collapsed": "collapsed"; "multiSelect": "multiSelect"; "useCheckbox": "useCheckbox"; "openWidth": "openWidth"; "collapsedWidth": "collapsedWidth"; "value": "value"; }, { "change": "change"; }, ["menuItems"], ["*"], false>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "variant": "variant"; "collapsed": "collapsed"; "multiSelect": "multiSelect"; "useCheckbox": "useCheckbox"; "openWidth": "openWidth"; "collapsedWidth": "collapsedWidth"; "value": "value"; }, { "change": "change"; "filteredItemsChange": "filteredItemsChange"; }, ["menuItems"], ["*"], false>;
|
|
33
34
|
}
|
|
@@ -4,14 +4,17 @@ import * as i2 from "./menu-container/menu-container.component";
|
|
|
4
4
|
import * as i3 from "./menu-header/menu-header.component";
|
|
5
5
|
import * as i4 from "./menu-item/menu-item.component";
|
|
6
6
|
import * as i5 from "./menu-separator/menu-separator.component";
|
|
7
|
-
import * as i6 from "
|
|
8
|
-
import * as i7 from "
|
|
9
|
-
import * as i8 from "@angular/
|
|
10
|
-
import * as i9 from "
|
|
11
|
-
import * as i10 from "
|
|
12
|
-
import * as i11 from "../
|
|
7
|
+
import * as i6 from "./menu-sub-item/menu-sub-item.component";
|
|
8
|
+
import * as i7 from "./menu-close-triggers.directive";
|
|
9
|
+
import * as i8 from "@angular/cdk/menu";
|
|
10
|
+
import * as i9 from "@angular/common";
|
|
11
|
+
import * as i10 from "@angular/forms";
|
|
12
|
+
import * as i11 from "../icon-button/icon-button.module";
|
|
13
|
+
import * as i12 from "../icon/icon.module";
|
|
14
|
+
import * as i13 from "../text-input/text-input.module";
|
|
15
|
+
import * as i14 from "../tooltip/tooltip.module";
|
|
13
16
|
export declare class FwMenuModule {
|
|
14
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuModule, never>;
|
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwMenuModule, [typeof i1.FwMenuComponent, typeof i2.FwMenuContainerComponent, typeof i3.FwMenuHeaderComponent, typeof i4.FwMenuItemComponent, typeof i5.FwMenuSeparatorComponent], [typeof
|
|
18
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwMenuModule, [typeof i1.FwMenuComponent, typeof i2.FwMenuContainerComponent, typeof i3.FwMenuHeaderComponent, typeof i4.FwMenuItemComponent, typeof i5.FwMenuSeparatorComponent, typeof i6.FwMenuSubItemComponent, typeof i7.FwMenuCloseTriggersDirective], [typeof i8.CdkMenuModule, typeof i9.CommonModule, typeof i10.FormsModule, typeof i11.FwIconButtonModule, typeof i12.FwIconModule, typeof i13.FwTextInputModule, typeof i14.FwTooltipModule], [typeof i1.FwMenuComponent, typeof i2.FwMenuContainerComponent, typeof i3.FwMenuHeaderComponent, typeof i4.FwMenuItemComponent, typeof i5.FwMenuSeparatorComponent, typeof i6.FwMenuSubItemComponent, typeof i7.FwMenuCloseTriggersDirective]>;
|
|
16
19
|
static ɵinj: i0.ɵɵInjectorDeclaration<FwMenuModule>;
|
|
17
20
|
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
+
import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { CountryCode, E164Number, NationalNumber } from 'libphonenumber-js';
|
|
5
|
+
import { FwMenuItemComponent } from '../menu/menu-item/menu-item.component';
|
|
6
|
+
import { Country, PhoneNumberFormat } from './phone-input.model';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class FwPhoneInputComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
9
|
+
private _changeDetectorRef;
|
|
10
|
+
preferredCountries: Array<string>;
|
|
11
|
+
onlyCountries: Array<string>;
|
|
12
|
+
enableCountrySearch: boolean;
|
|
13
|
+
showCountrySelector?: boolean;
|
|
14
|
+
size?: 'small' | 'medium' | 'large';
|
|
15
|
+
rightIcon?: string;
|
|
16
|
+
helperText?: string;
|
|
17
|
+
errorText?: string;
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
readOnly?: boolean;
|
|
20
|
+
error?: boolean;
|
|
21
|
+
value: E164Number | string | undefined;
|
|
22
|
+
get disabled(): boolean;
|
|
23
|
+
set disabled(value: boolean);
|
|
24
|
+
get format(): PhoneNumberFormat;
|
|
25
|
+
set format(value: PhoneNumberFormat);
|
|
26
|
+
countryChanged: EventEmitter<Country>;
|
|
27
|
+
trigger: CdkMenuTrigger;
|
|
28
|
+
phoneFormattedNational: NationalNumber | undefined;
|
|
29
|
+
allCountryList: Array<Country>;
|
|
30
|
+
preferredCountryList: Array<Country>;
|
|
31
|
+
selectedCountry: Country | undefined;
|
|
32
|
+
selectedCountryCode: CountryCode | undefined;
|
|
33
|
+
filteredCountryItems: Array<FwMenuItemComponent>;
|
|
34
|
+
private _value;
|
|
35
|
+
private _disabled;
|
|
36
|
+
private _format;
|
|
37
|
+
private _numberObject;
|
|
38
|
+
private _previousFormattedNumber;
|
|
39
|
+
static getPhoneNumberPlaceHolder(countryISOCode: CountryCode): string | undefined;
|
|
40
|
+
onTouched: () => void;
|
|
41
|
+
onChange: any;
|
|
42
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
43
|
+
ngOnInit(): void;
|
|
44
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
45
|
+
phoneNumberChange(): void;
|
|
46
|
+
protected countrySelect(isoValue: string, el: HTMLElement): void;
|
|
47
|
+
protected filteredItemsChange(menuItems: any): void;
|
|
48
|
+
getCountry(code: string): Country;
|
|
49
|
+
buttonKeyPress(event: KeyboardEvent): void;
|
|
50
|
+
inputKeyPress(event: KeyboardEvent): void;
|
|
51
|
+
protected fetchCountryData(): void;
|
|
52
|
+
registerOnChange(fn: any): void;
|
|
53
|
+
registerOnTouched(fn: any): void;
|
|
54
|
+
setDisabledState(isDisabled: boolean): void;
|
|
55
|
+
writeValue(value: any): void;
|
|
56
|
+
private get formattedPhoneNumber();
|
|
57
|
+
private formatAsYouTypeIfEnabled;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwPhoneInputComponent, never>;
|
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwPhoneInputComponent, "fw-phone-input", never, { "preferredCountries": "preferredCountries"; "onlyCountries": "onlyCountries"; "enableCountrySearch": "enableCountrySearch"; "showCountrySelector": "showCountrySelector"; "size": "size"; "rightIcon": "rightIcon"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "error": "error"; "value": "value"; "disabled": "disabled"; "format": "format"; }, { "countryChanged": "countryChanged"; }, never, ["*"], false>;
|
|
60
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./phone-input.component";
|
|
3
|
+
import * as i2 from "@angular/cdk/menu";
|
|
4
|
+
import * as i3 from "../button/button.module";
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
6
|
+
import * as i5 from "../menu/menu.module";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "@angular/forms";
|
|
9
|
+
export declare class FwPhoneInputModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwPhoneInputModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwPhoneInputModule, [typeof i1.FwPhoneInputComponent], [typeof i2.CdkMenuModule, typeof i3.FwButtonModule, typeof i4.FwIconModule, typeof i5.FwMenuModule, typeof i6.CommonModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule], [typeof i1.FwPhoneInputComponent]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwPhoneInputModule>;
|
|
13
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Location } from '@angular/common';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class
|
|
3
|
+
export declare class FwBackButtonComponent {
|
|
4
4
|
location: Location;
|
|
5
5
|
class: string;
|
|
6
6
|
constructor(location: Location);
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwBackButtonComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwBackButtonComponent, "fw-back-button", never, {}, {}, never, never, false>;
|
|
9
9
|
}
|
|
@@ -7,6 +7,6 @@ import * as i5 from "../button/button.module";
|
|
|
7
7
|
import * as i6 from "../icon/icon.module";
|
|
8
8
|
export declare class FwSectionHeadingModule {
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwSectionHeadingModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FwSectionHeadingModule, [typeof i1.
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwSectionHeadingModule, [typeof i1.FwBackButtonComponent, typeof i2.FwSectionHeadingComponent, typeof i3.FwSubsectionHeadingComponent], [typeof i4.CommonModule, typeof i5.FwButtonModule, typeof i6.FwIconModule], [typeof i1.FwBackButtonComponent, typeof i2.FwSectionHeadingComponent, typeof i3.FwSubsectionHeadingComponent]>;
|
|
11
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<FwSectionHeadingModule>;
|
|
12
12
|
}
|
|
@@ -65,6 +65,7 @@ export declare class FwSelectMenuComponent implements ControlValueAccessor, Afte
|
|
|
65
65
|
ngOnDestroy(): void;
|
|
66
66
|
ngAfterContentInit(): void;
|
|
67
67
|
handleClick(e: string): void;
|
|
68
|
+
handleKeyDown(event: KeyboardEvent): void;
|
|
68
69
|
updateValue(value: any): void;
|
|
69
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, never>;
|
|
70
71
|
static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "showFilter": "showFilter"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
|
|
@@ -5,6 +5,7 @@ import * as i2 from "../icon/icon.component";
|
|
|
5
5
|
export class FwAppIconComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.color = 'primary';
|
|
8
|
+
this.fontColor = 'contrast';
|
|
8
9
|
this.size = 'medium';
|
|
9
10
|
this.variant = 'interactive';
|
|
10
11
|
this.tabindex = '';
|
|
@@ -17,10 +18,10 @@ export class FwAppIconComponent {
|
|
|
17
18
|
}
|
|
18
19
|
}
|
|
19
20
|
FwAppIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAppIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
FwAppIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAppIconComponent, selector: "fw-app-icon", inputs: { title: "title", icon: "icon", imageUrl: "imageUrl", color: "color", size: "size", variant: "variant", badge: "badge", tabindex: "tabindex", locked: "locked", animated: "animated" }, host: { properties: { "tabindex": "this.tabindex", "class.locked": "this.locked", "class.animated": "this.animated", "role": "this.role", "class": "this.cssClass" } }, ngImport: i0, template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}.vision-overlay{background-color:var(--separations-overlay)}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid #e3e6ea}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)
|
|
21
|
+
FwAppIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAppIconComponent, selector: "fw-app-icon", inputs: { title: "title", icon: "icon", imageUrl: "imageUrl", color: "color", fontColor: "fontColor", size: "size", variant: "variant", badge: "badge", tabindex: "tabindex", locked: "locked", animated: "animated" }, host: { properties: { "tabindex": "this.tabindex", "class.locked": "this.locked", "class.animated": "this.animated", "role": "this.role", "class": "this.cssClass" } }, ngImport: i0, template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}.vision-overlay{background-color:var(--separations-overlay)}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid #e3e6ea}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
|
|
21
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAppIconComponent, decorators: [{
|
|
22
23
|
type: Component,
|
|
23
|
-
args: [{ selector: 'fw-app-icon', template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}.vision-overlay{background-color:var(--separations-overlay)}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid #e3e6ea}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)
|
|
24
|
+
args: [{ selector: 'fw-app-icon', template: "<div class=\"icon-highlight\"></div>\n<div class=\"icon-wrapper\">\n <div class=\"app-badge\" *ngIf=\"badge\"><span>{{ badge }}</span></div>\n <div class=\"app-locked\" *ngIf=\"locked\">\n <fw-icon>lock</fw-icon>\n </div>\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"App Icon\">\n <fw-icon *ngIf=\"icon\" [ngClass]=\"fontColor\">{{ icon }}</fw-icon>\n</div>\n<p class=\"vision-p3\" *ngIf=\"title\">{{ title }}</p>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large{box-shadow:0 5px 15px #0000001a}.vision-shadow-medium,:host .app-locked{box-shadow:0 2px 5px #0000001a}.vision-shadow-small,:host .app-badge{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}.vision-overlay{background-color:var(--separations-overlay)}:host{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none}:host .icon-highlight{box-sizing:content-box;display:inline-flex;border:4px solid transparent;padding:2px;position:absolute;top:0}:host .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;margin:6px}:host p{margin:0;line-height:16.8px;-webkit-user-select:none;user-select:none;display:inline-block;color:var(--typography-muted);text-align:center}:host .app-badge{min-width:18px;height:18px;border-radius:64px;background:var(--red-base);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:180%;letter-spacing:0;text-align:center;color:var(--typography-contrast);display:inline-flex;align-items:flex-start;justify-content:center;position:absolute;top:-8px;right:-8px;padding:0 6px;box-sizing:border-box;overflow:hidden;white-space:nowrap}:host .app-locked{width:21px;height:21px;border-radius:64px;background:var(--slate-base);font-size:15px;color:var(--typography-contrast);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;overflow:hidden;white-space:nowrap}:host.primary .icon-wrapper{background-color:var(--primary-base)}:host.primary .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.primary .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.primary .icon-wrapper>fw-icon.transparent{color:transparent}:host.dark .icon-wrapper{background-color:var(--primary-dark)}:host.dark .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.dark .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.gradient .icon-wrapper{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%)}:host.gradient .icon-wrapper>fw-icon{color:var(--typography-contrast)}:host.gradient .icon-wrapper>fw-icon.base{color:var(--typography-base)}:host.light .icon-wrapper{background-color:var(--page-light);outline:1px solid #e3e6ea}:host.light .icon-wrapper>fw-icon{background:linear-gradient(23.3deg,#093af6 -22.41%,#1b68fa 41.03%,#b080fc 94.31%);background-clip:text;-webkit-text-fill-color:transparent}:host.transparent .icon-wrapper{background-color:transparent;outline:1px solid transparent}:host.small .icon-highlight{border-radius:12px;width:24px;height:24px}:host.small .icon-wrapper{display:inline-flex;width:24px;height:24px;border-radius:6px;align-items:center;justify-content:center}:host.small .icon-wrapper>fw-icon{font-size:16px}:host.small .icon-wrapper img{height:24px;width:24px}:host.small .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.medium .icon-highlight{border-radius:14px;width:32px;height:32px}:host.medium .icon-wrapper{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center}:host.medium .icon-wrapper>fw-icon{font-size:20px}:host.medium .icon-wrapper img{height:32px;width:32px}:host.medium .app-badge{min-width:8px;padding:0;width:8px;height:8px;border-radius:8px;text-indent:-9999px;top:-3px;right:-3px}:host.large .icon-highlight{border-radius:18px;width:48px;height:48px}:host.large .icon-wrapper{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}:host.large .icon-wrapper>fw-icon{font-size:32px}:host.large .icon-wrapper img{height:48px;width:48px}:host.extra-large .icon-highlight{border-radius:22px;width:64px;height:64px}:host.extra-large .icon-wrapper{display:inline-flex;width:64px;height:64px;border-radius:16px;align-items:center;justify-content:center}:host.extra-large .icon-wrapper>fw-icon{font-size:48px}:host.extra-large .icon-wrapper img{height:64px;width:64px}:host.extra-large p{max-width:64px}:host.interactive .icon-highlight{border:4px solid transparent}:host.hover .icon-highlight,:host:hover .icon-highlight{border:4px solid var(--primary-border)}@keyframes rubber-band{0%{transform:scale(.95)}20%{transform:scale(1.05)}32%{transform:scale(.95)}48%{transform:scale(1)}}:host.animated.hover .icon-highlight,:host.animated:hover .icon-highlight{animation:rubber-band .5s linear forwards;border:4px solid var(--primary-border)}:host.focused .icon-highlight,:host:focus .icon-highlight,:host.animated:focus .icon-highlight{border:4px solid var(--primary-base)}:host.focused p,:host:focus p,:host.animated:focus p{color:var(--typography-base)}:host.static .icon-highlight,:host.static:hover .icon-highlight,:host.static.animated:hover .icon-highlight{border:4px solid transparent}:host.locked{pointer-events:none}\n"] }]
|
|
24
25
|
}], propDecorators: { title: [{
|
|
25
26
|
type: Input
|
|
26
27
|
}], icon: [{
|
|
@@ -29,6 +30,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
29
30
|
type: Input
|
|
30
31
|
}], color: [{
|
|
31
32
|
type: Input
|
|
33
|
+
}], fontColor: [{
|
|
34
|
+
type: Input
|
|
32
35
|
}], size: [{
|
|
33
36
|
type: Input
|
|
34
37
|
}], variant: [{
|
|
@@ -57,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
57
60
|
type: HostBinding,
|
|
58
61
|
args: ['class']
|
|
59
62
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXBwLWljb24vYXBwLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzlELE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFTVyxVQUFLLEdBQStELFNBQVMsQ0FBQztRQUM5RSxjQUFTLEdBQXlCLFVBQVUsQ0FBQztRQUM3QyxTQUFJLEdBQWtELFFBQVEsQ0FBQztRQUMvRCxZQUFPLEdBQW9ELGFBQWEsQ0FBQztRQUVoRCxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ1YsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUN2QixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzlDLFNBQUksR0FBRyxRQUFRLENBQUM7S0FLdEM7SUFIQyxJQUEwQixRQUFRO1FBQ2hDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEUsQ0FBQzs7K0dBaEJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1iQ1AvQiwrYUFVQTsyRkRIYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQzRCLFFBQVE7c0JBQXpDLFdBQVc7dUJBQUMsVUFBVTs7c0JBQUcsS0FBSztnQkFDTyxNQUFNO3NCQUEzQyxXQUFXO3VCQUFDLGNBQWM7O3NCQUFHLEtBQUs7Z0JBQ0ssUUFBUTtzQkFBL0MsV0FBVzt1QkFBQyxnQkFBZ0I7O3NCQUFHLEtBQUs7Z0JBQ2hCLElBQUk7c0JBQXhCLFdBQVc7dUJBQUMsTUFBTTtnQkFFTyxRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1hcHAtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHAtaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcC1pY29uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QXBwSWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uPzogc3RyaW5nO1xuICBASW5wdXQoKSBpbWFnZVVybD86IHN0cmluZztcbiAgQElucHV0KCkgY29sb3I/OiAncHJpbWFyeScgfCAnZGFyaycgfCAnbGlnaHQnIHwgJ2dyYWRpZW50JyB8ICd0cmFuc3BhcmVudCcgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGZvbnRDb2xvcj86ICdjb250cmFzdCcgfCAnYmFzZScgPSAnY29udHJhc3QnO1xuICBASW5wdXQoKSBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdleHRyYS1sYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgdmFyaWFudD86ICdpbnRlcmFjdGl2ZScgfCAnaG92ZXInIHwgJ2ZvY3VzZWQnIHwgJ3N0YXRpYycgPSAnaW50ZXJhY3RpdmUnO1xuICBASW5wdXQoKSBiYWRnZT86IHN0cmluZztcbiAgQEhvc3RCaW5kaW5nKCd0YWJpbmRleCcpIEBJbnB1dCgpIHRhYmluZGV4ID0gJyc7XG4gIEBIb3N0QmluZGluZygnY2xhc3MubG9ja2VkJykgQElucHV0KCkgbG9ja2VkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFuaW1hdGVkJykgQElucHV0KCkgYW5pbWF0ZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygncm9sZScpIHJvbGUgPSAnYnV0dG9uJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNzc0NsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFsnZnctYXBwLWljb24nLCB0aGlzLnNpemUsIHRoaXMuY29sb3IsIHRoaXMudmFyaWFudF0uam9pbignICcpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaWNvbi1oaWdobGlnaHRcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIj5cbiAgPGRpdiBjbGFzcz1cImFwcC1iYWRnZVwiICpuZ0lmPVwiYmFkZ2VcIj48c3Bhbj57eyBiYWRnZSB9fTwvc3Bhbj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImFwcC1sb2NrZWRcIiAqbmdJZj1cImxvY2tlZFwiPlxuICAgIDxmdy1pY29uPmxvY2s8L2Z3LWljb24+XG4gIDwvZGl2PlxuICA8aW1nICpuZ0lmPVwiaW1hZ2VVcmxcIiBbc3JjXT1cImltYWdlVXJsXCIgYWx0PVwiQXBwIEljb25cIj5cbiAgPGZ3LWljb24gKm5nSWY9XCJpY29uXCIgW25nQ2xhc3NdPVwiZm9udENvbG9yXCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbjwvZGl2PlxuPHAgY2xhc3M9XCJ2aXNpb24tcDNcIiAqbmdJZj1cInRpdGxlXCI+e3sgdGl0bGUgfX08L3A+XG4iXX0=
|