@flywheel-io/vision 0.16.0 → 1.0.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/README.md +41 -45
- package/components/alert/alert.component.d.ts +1 -1
- package/components/app-icon/app-icon.component.d.ts +4 -3
- package/components/badge/badge.component.d.ts +9 -0
- package/components/badge/badge.module.d.ts +8 -0
- package/components/breadcrumbs/breadcrumbs.component.d.ts +9 -0
- package/components/breadcrumbs/breadcrumbs.module.d.ts +10 -0
- package/components/breadcrumbs/crumb.component.d.ts +12 -0
- package/components/button/button.component.d.ts +2 -2
- package/components/card/card-attribute/card-attribute.component.d.ts +2 -2
- package/components/card/card-header/card-header.component.d.ts +2 -2
- package/components/chip/chip.component.d.ts +3 -3
- package/components/dialog/dialog.service.d.ts +17 -0
- package/components/dialog/dialogs.module.d.ts +4 -4
- package/components/layouts/grid/grid.component.d.ts +19 -0
- package/components/layouts/layouts.module.d.ts +4 -3
- package/components/legacy/dialog/choice-dialog.component.d.ts +3 -3
- package/components/legacy/dialog/confirm-dialog.component.d.ts +3 -3
- package/components/legacy/dialog/dialog.module.d.ts +4 -4
- package/components/legacy/dialog/dialog.service.d.ts +3 -3
- package/components/legacy/dialog/error-dialog.component.d.ts +4 -4
- package/components/legacy/dialog/portal-dialog.component.d.ts +3 -3
- package/components/menu/menu-container/menu-container.component.d.ts +2 -1
- package/components/menu/menu-item/menu-item.component.d.ts +4 -3
- package/components/popover/popover-panel/popover-panel.component.d.ts +10 -0
- package/components/popover/popover.component.d.ts +19 -0
- package/components/popover/popover.module.d.ts +11 -0
- package/components/section-heading/back-button/back-button.component.d.ts +1 -0
- package/components/section-heading/section-heading.component.d.ts +3 -2
- package/components/section-heading/section-heading.module.d.ts +7 -6
- package/components/section-heading/subsection-heading/subsection-heading.component.d.ts +8 -0
- package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +2 -2
- package/components/select-menu/select-menu.component.d.ts +3 -3
- package/components/stepper/step.component.d.ts +2 -2
- package/components/tabs/tab/tab.component.d.ts +20 -0
- package/components/tabs/tab-panel/tab-panel.component.d.ts +6 -0
- package/components/tabs/tabs.component.d.ts +16 -0
- package/components/tabs/tabs.module.d.ts +11 -0
- package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts +12 -0
- package/components/tooltip/tooltip.component.d.ts +15 -0
- package/components/tooltip/tooltip.module.d.ts +11 -0
- package/esm2020/components/alert/alert.component.mjs +3 -3
- package/esm2020/components/app-icon/app-icon.component.mjs +6 -4
- package/esm2020/components/avatar/avatar.component.mjs +2 -2
- package/esm2020/components/badge/badge.component.mjs +28 -0
- package/esm2020/components/badge/badge.module.mjs +24 -0
- package/esm2020/components/breadcrumbs/breadcrumbs.component.mjs +22 -0
- package/esm2020/components/breadcrumbs/breadcrumbs.module.mjs +33 -0
- package/esm2020/components/breadcrumbs/crumb.component.mjs +34 -0
- package/esm2020/components/button/button.component.mjs +5 -6
- package/esm2020/components/card/card-attribute/card-attribute.component.mjs +4 -4
- package/esm2020/components/card/card-content/card-content.component.mjs +2 -2
- package/esm2020/components/card/card-header/card-header.component.mjs +4 -4
- package/esm2020/components/card/card.component.mjs +2 -2
- package/esm2020/components/chip/chip.component.mjs +5 -5
- package/esm2020/components/dialog/dialog-confirm.component.mjs +3 -3
- package/esm2020/components/dialog/dialog-simple.component.mjs +3 -3
- package/esm2020/components/dialog/dialog.component.mjs +2 -2
- package/esm2020/components/dialog/dialog.service.mjs +49 -0
- package/esm2020/components/dialog/dialogs.module.mjs +29 -23
- package/esm2020/components/icon-button/icon-button.component.mjs +2 -2
- package/esm2020/components/layouts/grid/grid.component.mjs +60 -0
- package/esm2020/components/layouts/layouts.module.mjs +12 -3
- package/esm2020/components/legacy/dialog/choice-dialog.component.mjs +6 -6
- package/esm2020/components/legacy/dialog/confirm-dialog.component.mjs +5 -5
- package/esm2020/components/legacy/dialog/dialog.module.mjs +28 -28
- package/esm2020/components/legacy/dialog/dialog.service.mjs +5 -5
- package/esm2020/components/legacy/dialog/error-dialog.component.mjs +5 -5
- package/esm2020/components/legacy/dialog/portal-dialog.component.mjs +5 -5
- package/esm2020/components/legacy/notification/notification-container/notification-container.component.mjs +1 -1
- package/esm2020/components/menu/menu-container/menu-container.component.mjs +8 -4
- package/esm2020/components/menu/menu-item/menu-item.component.mjs +14 -6
- package/esm2020/components/menu/menu.component.mjs +3 -3
- package/esm2020/components/popover/popover-panel/popover-panel.component.mjs +30 -0
- package/esm2020/components/popover/popover.component.mjs +76 -0
- package/esm2020/components/popover/popover.module.mjs +42 -0
- package/esm2020/components/section-heading/back-button/back-button.component.mjs +9 -5
- package/esm2020/components/section-heading/section-heading.component.mjs +9 -5
- package/esm2020/components/section-heading/section-heading.module.mjs +10 -5
- package/esm2020/components/section-heading/subsection-heading/subsection-heading.component.mjs +19 -0
- package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +8 -8
- package/esm2020/components/select-menu/select-menu.component.mjs +9 -9
- package/esm2020/components/snackbar/snackbar/snackbar.component.mjs +2 -2
- package/esm2020/components/snackbar/snackbar-container/snackbar-container.component.mjs +1 -1
- package/esm2020/components/stepper/step.component.mjs +4 -4
- package/esm2020/components/tabs/tab/tab.component.mjs +79 -0
- package/esm2020/components/tabs/tab-panel/tab-panel.component.mjs +19 -0
- package/esm2020/components/tabs/tabs.component.mjs +65 -0
- package/esm2020/components/tabs/tabs.module.mjs +38 -0
- package/esm2020/components/tooltip/tooltip-panel/tooltip-panel.component.mjs +37 -0
- package/esm2020/components/tooltip/tooltip.component.mjs +39 -0
- package/esm2020/components/tooltip/tooltip.module.mjs +42 -0
- package/esm2020/public-api.mjs +20 -5
- package/fesm2015/flywheel-io-vision.mjs +903 -463
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +901 -461
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/global.scss +5 -29
- package/package.json +2 -2
- package/public-api.d.ts +19 -4
- package/public-api.scss +4 -1
- package/scss/config/colors.scss +136 -161
- package/scss/config/shadows.scss +23 -0
- package/scss/icons/_icon-font-face.scss +10 -8
- package/scss/icons/icons.scss +9 -2
- package/scss/material/theme.scss +239 -0
- package/styles.css +6554 -4649
- package/components/legacy/popover/popover-trigger.component.d.ts +0 -19
- package/components/legacy/popover/popover-trigger.directive.d.ts +0 -33
- package/components/legacy/popover/popover.component.d.ts +0 -8
- package/components/legacy/popover/popover.module.d.ts +0 -10
- package/esm2020/components/legacy/popover/popover-trigger.component.mjs +0 -66
- package/esm2020/components/legacy/popover/popover-trigger.directive.mjs +0 -139
- package/esm2020/components/legacy/popover/popover.component.mjs +0 -35
- package/esm2020/components/legacy/popover/popover.module.mjs +0 -40
- package/scss/atoms/cards.scss +0 -12
- package/scss/atoms/grid.scss +0 -55
- package/scss/atoms/typography.scss +0 -21
- package/scss/config/config.scss +0 -23
- package/scss/config/general.scss +0 -45
- package/scss/config/theme.scss +0 -160
- package/scss/config/vision-colors.scss +0 -131
- package/scss/global/variables.scss +0 -79
- package/scss/material/overrides.scss +0 -371
- package/scss/vendor/reset.scss +0 -53
|
@@ -6,7 +6,7 @@ export class FwButtonComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.color = 'primary';
|
|
8
8
|
this.size = 'medium';
|
|
9
|
-
this.
|
|
9
|
+
this.variant = 'solid';
|
|
10
10
|
this.disabled = false;
|
|
11
11
|
this.fullWidth = false;
|
|
12
12
|
this.leftIcon = '';
|
|
@@ -15,13 +15,12 @@ export class FwButtonComponent {
|
|
|
15
15
|
get classes() {
|
|
16
16
|
return ['fw-button', this.size, this.fullWidth ? 'full-width' : null].filter(Boolean).join(' ');
|
|
17
17
|
}
|
|
18
|
-
;
|
|
19
18
|
}
|
|
20
19
|
FwButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size",
|
|
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" }] });
|
|
22
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, decorators: [{
|
|
23
22
|
type: Component,
|
|
24
|
-
args: [{ selector: 'fw-button', template: "<button [class]=\"[color + '-' +
|
|
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"] }]
|
|
25
24
|
}], propDecorators: { classes: [{
|
|
26
25
|
type: HostBinding,
|
|
27
26
|
args: ['attr.class']
|
|
@@ -29,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
29
28
|
type: Input
|
|
30
29
|
}], size: [{
|
|
31
30
|
type: Input
|
|
32
|
-
}],
|
|
31
|
+
}], variant: [{
|
|
33
32
|
type: Input
|
|
34
33
|
}], disabled: [{
|
|
35
34
|
type: Input
|
|
@@ -40,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
40
39
|
}], rightIcon: [{
|
|
41
40
|
type: Input
|
|
42
41
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPOUQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVVXLFVBQUssR0FBdUYsU0FBUyxDQUFDO1FBQ3RHLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLFlBQU8sR0FBbUMsT0FBTyxDQUFDO1FBQ2xELGFBQVEsR0FBYSxLQUFLLENBQUM7UUFDM0IsY0FBUyxHQUFhLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQVksRUFBRSxDQUFDO1FBQ3ZCLGNBQVMsR0FBWSxFQUFFLENBQUM7S0FDbEM7SUFYQyxJQUErQixPQUFPO1FBQ3BDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEcsQ0FBQzs7OEdBSFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsbVFDUDlCLDZTQU1BOzJGRENhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQUtVLE9BQU87c0JBQXJDLFdBQVc7dUJBQUMsWUFBWTtnQkFJaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWJ1dHRvbicsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRndCdXR0b25Db21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWJ1dHRvbicsIHRoaXMuc2l6ZSwgdGhpcy5mdWxsV2lkdGggPyAnZnVsbC13aWR0aCcgOiBudWxsXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuICB9XG5cbiAgQElucHV0KCkgY29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICdza2VsZXRvbicgfCAnd2FybmluZycgfCAnc3VjY2VzcycgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiAnZ2hvc3QnIHwgJ3NvbGlkJyB8ICdvdXRsaW5lJyA9ICdzb2xpZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBmdWxsV2lkdGg/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxlZnRJY29uPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJpZ2h0SWNvbj86IHN0cmluZyA9ICcnO1xufVxuIiwiPGJ1dHRvbiBbY2xhc3NdPVwiW2NvbG9yICsgJy0nICsgdmFyaWFudCwgc2l6ZV1cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgPGZ3LWljb24gKm5nSWY9XCIhIWxlZnRJY29uXCI+e3sgbGVmdEljb24gfX08L2Z3LWljb24+XG4gIDxkaXYgY2xhc3M9XCJzcGFjZXJcIiAqbmdJZj1cIiFsZWZ0SWNvblwiPjwvZGl2PlxuICA8c3Bhbj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICA8ZnctaWNvbiAqbmdJZj1cIiEhcmlnaHRJY29uXCI+e3sgcmlnaHRJY29uIH19PC9mdy1pY29uPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -5,13 +5,13 @@ import * as i2 from "../../icon/icon.component";
|
|
|
5
5
|
export class FwCardAttributeComponent {
|
|
6
6
|
}
|
|
7
7
|
FwCardAttributeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
FwCardAttributeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAttributeComponent, selector: "fw-card-attr", inputs: { icon: "icon",
|
|
8
|
+
FwCardAttributeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAttributeComponent, selector: "fw-card-attr", inputs: { icon: "icon", title: "title" }, ngImport: i0, template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"title\">{{ title }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAttributeComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'fw-card-attr', template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"
|
|
11
|
+
args: [{ selector: 'fw-card-attr', template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"title\">{{ title }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"] }]
|
|
12
12
|
}], propDecorators: { icon: [{
|
|
13
13
|
type: Input
|
|
14
|
-
}],
|
|
14
|
+
}], title: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hdHRyaWJ1dGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWF0dHJpYnV0ZS9jYXJkLWF0dHJpYnV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtYXR0cmlidXRlL2NhcmQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7eUdBQXhCLHdCQUF3Qiw4RkNQckMsaUhBR0E7MkZESWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLGNBQWM7OEJBS2YsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2FyZC1hdHRyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1hdHRyaWJ1dGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDYXJkQXR0cmlidXRlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xufVxuIiwiPGZ3LWljb24gKm5nSWY9XCJpY29uXCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbjxoNSAqbmdJZj1cInRpdGxlXCI+e3sgdGl0bGUgfX08L2g1PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class FwCardContentComponent {
|
|
4
4
|
}
|
|
5
5
|
FwCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
FwCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardContentComponent, selector: "fw-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow:hidden}:host p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow-y:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--typography-muted)}:host img{max-width:
|
|
6
|
+
FwCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardContentComponent, selector: "fw-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow:hidden}:host p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow-y:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--typography-muted)}:host img{max-width:100%;margin:auto;border-radius:4px;border:1px solid var(--separations-base, #1e3154)}\n"], encapsulation: i0.ViewEncapsulation.ShadowDom });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardContentComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'fw-card-content', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.ShadowDom, styles: [":host{overflow:hidden}:host p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow-y:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--typography-muted)}:host img{max-width:
|
|
9
|
+
args: [{ selector: 'fw-card-content', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.ShadowDom, styles: [":host{overflow:hidden}:host p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow-y:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--typography-muted)}:host img{max-width:100%;margin:auto;border-radius:4px;border:1px solid var(--separations-base, #1e3154)}\n"] }]
|
|
10
10
|
}] });
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC1jb250ZW50L2NhcmQtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRN0QsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHVEQUp2QiwyQkFBMkI7MkZBSTFCLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsWUFDakIsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jYXJkLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uU2hhZG93RG9tLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRDb250ZW50Q29tcG9uZW50IHtcblxufVxuIl19
|
|
@@ -5,15 +5,15 @@ import * as i2 from "../../icon/icon.component";
|
|
|
5
5
|
export class FwCardHeaderComponent {
|
|
6
6
|
}
|
|
7
7
|
FwCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
FwCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardHeaderComponent, selector: "fw-card-header", inputs: { title: "title",
|
|
8
|
+
FwCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardHeaderComponent, selector: "fw-card-header", inputs: { title: "title", description: "description", leftIcon: "leftIcon" }, ngImport: i0, template: "<ng-content select=\"fw-app-icon\"></ng-content>\n<fw-icon *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<div class=\"card-header-key\">\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,:host .card-header-key{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}:host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{color:var(--primary-base);font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted);gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon" }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardHeaderComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'fw-card-header', template: "<fw-icon *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"
|
|
11
|
+
args: [{ selector: 'fw-card-header', template: "<ng-content select=\"fw-app-icon\"></ng-content>\n<fw-icon *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<div class=\"card-header-key\">\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,:host .card-header-key{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}:host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{color:var(--primary-base);font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted);gap:8px}\n"] }]
|
|
12
12
|
}], propDecorators: { title: [{
|
|
13
13
|
type: Input
|
|
14
|
-
}],
|
|
14
|
+
}], description: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], leftIcon: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtaGVhZGVyL2NhcmQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQixvSUNQbEMseVVBU0E7MkZERmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2FyZC1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxlZnRJY29uPzogc3RyaW5nO1xufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXBwLWljb25cIj48L25nLWNvbnRlbnQ+XG48ZnctaWNvbiAqbmdJZj1cImxlZnRJY29uXCI+e3sgbGVmdEljb24gfX08L2Z3LWljb24+XG48ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItdGl0bGVcIj5cbiAgPGgzICpuZ0lmPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvaDM+XG4gIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wM1wiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXIta2V5XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -7,10 +7,10 @@ export class FwCardComponent {
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
FwCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
FwCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardComponent, selector: "fw-card", inputs: { value: "value", disabled: "disabled", focused: "focused", constrained: "constrained", selectable: "selectable" }, outputs: { select: "select" }, ngImport: i0, template: "<div\n class=\"fw-card\"\n [class.focused]=\"focused\"\n [class.constrained]=\"constrained\"\n [class.selectable]=\"selectable\"\n [class.disabled]=\"disabled\"\n (click)=\"select && selectable && !disabled ? select.emit(value) : undefined\">\n <ng-content select=\"fw-card-header\"></ng-content>\n <ng-content select=\"fw-card-author\"></ng-content>\n <ng-content select=\"fw-card-content\"></ng-content>\n <ng-content select=\"fw-card-footer\"></ng-content>\n</div>\n", styles: [".fw-card{display:flex;padding:
|
|
10
|
+
FwCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardComponent, selector: "fw-card", inputs: { value: "value", disabled: "disabled", focused: "focused", constrained: "constrained", selectable: "selectable" }, outputs: { select: "select" }, ngImport: i0, template: "<div\n class=\"fw-card\"\n [class.focused]=\"focused\"\n [class.constrained]=\"constrained\"\n [class.selectable]=\"selectable\"\n [class.disabled]=\"disabled\"\n (click)=\"select && selectable && !disabled ? select.emit(value) : undefined\">\n <ng-content select=\"fw-card-header\"></ng-content>\n <ng-content select=\"fw-card-author\"></ng-content>\n <ng-content select=\"fw-card-content\"></ng-content>\n <ng-content select=\"fw-card-footer\"></ng-content>\n</div>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large,.fw-card.focused,.fw-card.selectable:hover:not(.disabled){box-shadow:0 5px 15px #0000001a}.vision-shadow-medium{box-shadow:0 2px 5px #0000001a}.vision-shadow-small{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}.vision-overlay{background-color:var(--separations-overlay)}.fw-card{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--separations-base, #e3e6ea);background:var(--card-background, #ffffff)}.fw-card.focused{border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05))}.fw-card.constrained{max-width:320px;max-height:320px}.fw-card.selectable{cursor:pointer}.fw-card.selectable:hover:not(.disabled){border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05))}.fw-card.disabled{opacity:.4;cursor:not-allowed}\n"] });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'fw-card', template: "<div\n class=\"fw-card\"\n [class.focused]=\"focused\"\n [class.constrained]=\"constrained\"\n [class.selectable]=\"selectable\"\n [class.disabled]=\"disabled\"\n (click)=\"select && selectable && !disabled ? select.emit(value) : undefined\">\n <ng-content select=\"fw-card-header\"></ng-content>\n <ng-content select=\"fw-card-author\"></ng-content>\n <ng-content select=\"fw-card-content\"></ng-content>\n <ng-content select=\"fw-card-footer\"></ng-content>\n</div>\n", styles: [".fw-card{display:flex;padding:
|
|
13
|
+
args: [{ selector: 'fw-card', template: "<div\n class=\"fw-card\"\n [class.focused]=\"focused\"\n [class.constrained]=\"constrained\"\n [class.selectable]=\"selectable\"\n [class.disabled]=\"disabled\"\n (click)=\"select && selectable && !disabled ? select.emit(value) : undefined\">\n <ng-content select=\"fw-card-header\"></ng-content>\n <ng-content select=\"fw-card-author\"></ng-content>\n <ng-content select=\"fw-card-content\"></ng-content>\n <ng-content select=\"fw-card-footer\"></ng-content>\n</div>\n", styles: [".vision-shadow-extra-large{box-shadow:0 8px 25px #0000001a}.vision-shadow-large,.fw-card.focused,.fw-card.selectable:hover:not(.disabled){box-shadow:0 5px 15px #0000001a}.vision-shadow-medium{box-shadow:0 2px 5px #0000001a}.vision-shadow-small{box-shadow:0 1px 2px #0000000d}.vision-shadow-inner{box-shadow:0 2px 4px #00000014 inset}.vision-overlay{background-color:var(--separations-overlay)}.fw-card{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid var(--separations-base, #e3e6ea);background:var(--card-background, #ffffff)}.fw-card.focused{border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05))}.fw-card.constrained{max-width:320px;max-height:320px}.fw-card.selectable{cursor:pointer}.fw-card.selectable:hover:not(.disabled){border:1px solid var(--primary-border, rgba(27, 105, 250, .4));background:var(--primary-hover, rgba(27, 105, 250, .05))}.fw-card.disabled{opacity:.4;cursor:not-allowed}\n"] }]
|
|
14
14
|
}], propDecorators: { value: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], disabled: [{
|