@ifsworld/granite-components 11.3.0 → 11.5.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/esm2022/index.mjs +2 -1
- package/esm2022/lib/card-list/card/card-content/card-actions.component.mjs +2 -2
- package/esm2022/lib/card-list/card/card-content/card-body.component.mjs +2 -2
- package/esm2022/lib/card-list/card/card-content/card-footer.component.mjs +2 -2
- package/esm2022/lib/card-list/card/card-content/card-header-subtitle.component.mjs +2 -2
- package/esm2022/lib/card-list/card/card-content/card-header.component.mjs +2 -2
- package/esm2022/lib/card-list/card/card.component.mjs +2 -2
- package/esm2022/lib/card-list/card-list.component.mjs +2 -2
- package/esm2022/lib/core/core.module.mjs +8 -3
- package/esm2022/lib/core/hide-on-overflow.directive.mjs +83 -0
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +11 -9
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +6 -4
- package/fesm2022/ifsworld-granite-components.mjs +125 -40
- package/fesm2022/ifsworld-granite-components.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/core/core.module.d.ts +2 -1
- package/lib/core/hide-on-overflow.directive.d.ts +21 -0
- package/lib/progress-bar/progress-bar.component.d.ts +1 -1
- package/lib/progress-bar/progress-bar.module.d.ts +3 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import * as i1$1 from '@angular/common';
|
|
|
4
4
|
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
5
5
|
import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
6
6
|
import { Subject, BehaviorSubject, combineLatest, Subscription, merge, of, asapScheduler, fromEvent } from 'rxjs';
|
|
7
|
-
import { takeUntil, filter, map, startWith, switchMap, take, delay } from 'rxjs/operators';
|
|
7
|
+
import { takeUntil, filter, map, startWith, switchMap, take, delay, debounceTime } from 'rxjs/operators';
|
|
8
8
|
import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
|
|
9
9
|
import * as i1$2 from '@angular/cdk/overlay';
|
|
10
10
|
import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
@@ -19,6 +19,8 @@ import * as i2 from '@angular/cdk/collections';
|
|
|
19
19
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
20
20
|
import * as i2$1 from '@angular/forms';
|
|
21
21
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
22
|
+
import * as i3$1 from '@ifsworld/granite-components/tooltip';
|
|
23
|
+
import { GraniteTooltipModule } from '@ifsworld/granite-components/tooltip';
|
|
22
24
|
|
|
23
25
|
class GraniteArrangeGridItemComponent {
|
|
24
26
|
constructor(element) {
|
|
@@ -3923,28 +3925,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3923
3925
|
}]
|
|
3924
3926
|
}] });
|
|
3925
3927
|
|
|
3928
|
+
class GraniteHideOnOverflowDirective {
|
|
3929
|
+
constructor(_elementRef, renderer) {
|
|
3930
|
+
this._elementRef = _elementRef;
|
|
3931
|
+
this.renderer = renderer;
|
|
3932
|
+
}
|
|
3933
|
+
ngAfterViewInit() {
|
|
3934
|
+
this.hideOnOverflow();
|
|
3935
|
+
this.observeResize();
|
|
3936
|
+
this.observeContentChange();
|
|
3937
|
+
}
|
|
3938
|
+
ngOnDestroy() {
|
|
3939
|
+
this.unObserveResize();
|
|
3940
|
+
this.unObserveContentChange();
|
|
3941
|
+
}
|
|
3942
|
+
hideOnOverflow() {
|
|
3943
|
+
const element = this._elementRef?.nativeElement;
|
|
3944
|
+
if (element) {
|
|
3945
|
+
const contentWidth = element.scrollWidth;
|
|
3946
|
+
const containerWidth = element.clientWidth;
|
|
3947
|
+
if (contentWidth > containerWidth) {
|
|
3948
|
+
this.renderer.setStyle(element, 'visibility', 'hidden');
|
|
3949
|
+
}
|
|
3950
|
+
else {
|
|
3951
|
+
this.renderer.removeStyle(element, 'visibility');
|
|
3952
|
+
}
|
|
3953
|
+
}
|
|
3954
|
+
}
|
|
3955
|
+
observeResize() {
|
|
3956
|
+
if (window.ResizeObserver) {
|
|
3957
|
+
const element = this._elementRef?.nativeElement;
|
|
3958
|
+
if (element) {
|
|
3959
|
+
this.resizeObserver = new ResizeObserver(() => this.hideOnOverflow());
|
|
3960
|
+
this.resizeObserver.observe(element);
|
|
3961
|
+
}
|
|
3962
|
+
}
|
|
3963
|
+
else {
|
|
3964
|
+
this.subscribeToResize();
|
|
3965
|
+
}
|
|
3966
|
+
}
|
|
3967
|
+
unObserveResize() {
|
|
3968
|
+
if (this.resizeObserver) {
|
|
3969
|
+
this.resizeObserver.disconnect();
|
|
3970
|
+
}
|
|
3971
|
+
if (this.resizeSubscription) {
|
|
3972
|
+
this.resizeSubscription.unsubscribe();
|
|
3973
|
+
}
|
|
3974
|
+
}
|
|
3975
|
+
subscribeToResize() {
|
|
3976
|
+
this.resizeSubscription = fromEvent(window, 'resize')
|
|
3977
|
+
.pipe(debounceTime(1000))
|
|
3978
|
+
.subscribe(() => this.hideOnOverflow());
|
|
3979
|
+
}
|
|
3980
|
+
observeContentChange() {
|
|
3981
|
+
const element = this._elementRef?.nativeElement;
|
|
3982
|
+
if (element) {
|
|
3983
|
+
this.mutationObserver = new MutationObserver(() => this.hideOnOverflow());
|
|
3984
|
+
this.mutationObserver.observe(element, {
|
|
3985
|
+
childList: true,
|
|
3986
|
+
subtree: true,
|
|
3987
|
+
characterData: true,
|
|
3988
|
+
});
|
|
3989
|
+
}
|
|
3990
|
+
}
|
|
3991
|
+
unObserveContentChange() {
|
|
3992
|
+
if (this.mutationObserver) {
|
|
3993
|
+
this.mutationObserver.disconnect();
|
|
3994
|
+
}
|
|
3995
|
+
}
|
|
3996
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteHideOnOverflowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3997
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GraniteHideOnOverflowDirective, selector: "[graniteHideOnOverflow]", exportAs: ["graniteHideOnOverflow"], ngImport: i0 }); }
|
|
3998
|
+
}
|
|
3999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteHideOnOverflowDirective, decorators: [{
|
|
4000
|
+
type: Directive,
|
|
4001
|
+
args: [{
|
|
4002
|
+
selector: '[graniteHideOnOverflow]',
|
|
4003
|
+
exportAs: 'graniteHideOnOverflow',
|
|
4004
|
+
}]
|
|
4005
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
|
|
4006
|
+
|
|
3926
4007
|
class GraniteProgressBarComponent {
|
|
3927
4008
|
constructor() {
|
|
3928
4009
|
this.progressBarData = [];
|
|
3929
4010
|
this.showLabel = false;
|
|
3930
4011
|
this.DEFAULT_TOTAL = 100;
|
|
3931
|
-
this.DEFAULT_BACKGROUND = '--granite-color-background-
|
|
3932
|
-
this.DEFAULT_STACK_COLOR = '--granite-color-
|
|
4012
|
+
this.DEFAULT_BACKGROUND = '--granite-color-background-selected';
|
|
4013
|
+
this.DEFAULT_STACK_COLOR = '--granite-color-categorical-3';
|
|
3933
4014
|
this.DEFAULT_COLOR = '--granite-color-text';
|
|
3934
4015
|
this.total = this.DEFAULT_TOTAL;
|
|
3935
4016
|
}
|
|
3936
4017
|
getBackgroundColor() {
|
|
3937
4018
|
return this.getColorVar(this.DEFAULT_BACKGROUND);
|
|
3938
4019
|
}
|
|
3939
|
-
|
|
4020
|
+
getFontColor(color) {
|
|
3940
4021
|
return color
|
|
3941
4022
|
? this.getColorVar(color)
|
|
3942
|
-
: this.getColorVar(this.
|
|
4023
|
+
: this.getColorVar(this.DEFAULT_COLOR);
|
|
3943
4024
|
}
|
|
3944
|
-
|
|
4025
|
+
getStackColor(color) {
|
|
3945
4026
|
return color
|
|
3946
4027
|
? this.getColorVar(color)
|
|
3947
|
-
: this.getColorVar(this.
|
|
4028
|
+
: this.getColorVar(this.DEFAULT_STACK_COLOR);
|
|
3948
4029
|
}
|
|
3949
4030
|
getColorVar(color) {
|
|
3950
4031
|
return color?.startsWith('--granite') ? `var(${color})` : color;
|
|
@@ -3972,31 +4053,17 @@ class GraniteProgressBarComponent {
|
|
|
3972
4053
|
}
|
|
3973
4054
|
}
|
|
3974
4055
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3975
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteProgressBarComponent, selector: "granite-progress-bar", inputs: { progressBarData: "progressBarData", showLabel: "showLabel" }, exportAs: ["graniteProgressBar"], usesOnChanges: true, ngImport: i0, template: "<div\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n class=\"progress\"\n [style.background-color]=\"getBackgroundColor()\"\n>\n <div\n *ngFor=\"let bar of progressBarData; let i = index\"\n [style.background-color]=\"getStackColor(bar.backgroundColor)\"\n [style.width]=\"getStringOfWidth(getWidth(bar.value))\"\n [style.color]=\"getFontColor(bar.foregroundColor)\"\n [
|
|
4056
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteProgressBarComponent, selector: "granite-progress-bar", inputs: { progressBarData: "progressBarData", showLabel: "showLabel" }, exportAs: ["graniteProgressBar"], usesOnChanges: true, ngImport: i0, template: "<div\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n class=\"progress\"\n [style.background-color]=\"getBackgroundColor()\"\n>\n <div\n *ngFor=\"let bar of progressBarData; let i = index\"\n [style.background-color]=\"getStackColor(bar.backgroundColor)\"\n [style.width]=\"getStringOfWidth(getWidth(bar.value))\"\n [style.color]=\"getFontColor(bar.foregroundColor)\"\n [graniteTooltipTriggerFor]=\"tooltip\"\n class=\"progress-bar\"\n >\n <label *ngIf=\"showLabel\" graniteHideOnOverflow>{{ bar.valueLabel }}</label>\n <granite-tooltip #tooltip> {{ bar.valueLabel }} </granite-tooltip>\n </div>\n</div>\n", styles: [":host{width:100%;height:.5rem;line-height:.5rem;box-sizing:border-box;border-radius:var(--granite-radius-s);font-size:.25rem}.progress{display:flex;width:inherit;height:inherit;overflow:hidden;border-radius:inherit;background-color:var(--granite-color-background-selected)}.progress-bar{display:flex;align-items:center;box-sizing:border-box;width:inherit;height:inherit;line-height:inherit;font-size:inherit;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;color:var(--granite-color-text);overflow:hidden;text-align:center;justify-content:center}.progress-bar label{width:100%}.progress-bar:last-child{justify-content:flex-end;text-align:end;padding-inline-end:var(--granite-spacing-16)}.progress-bar:first-child{justify-content:flex-start;text-align:start;padding-inline-start:var(--granite-spacing-16)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: GraniteHideOnOverflowDirective, selector: "[graniteHideOnOverflow]", exportAs: ["graniteHideOnOverflow"] }, { kind: "component", type: i3$1.GraniteTooltipComponent, selector: "granite-tooltip" }, { kind: "directive", type: i3$1.GraniteTooltipTriggerForDirective, selector: "[graniteTooltipTriggerFor]", inputs: ["graniteTooltipTriggerFor", "hideDelay", "showDelay", "showOnKeyboardFocus", "showOnClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3976
4057
|
}
|
|
3977
4058
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarComponent, decorators: [{
|
|
3978
4059
|
type: Component,
|
|
3979
|
-
args: [{ selector: 'granite-progress-bar', exportAs: 'graniteProgressBar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n class=\"progress\"\n [style.background-color]=\"getBackgroundColor()\"\n>\n <div\n *ngFor=\"let bar of progressBarData; let i = index\"\n [style.background-color]=\"getStackColor(bar.backgroundColor)\"\n [style.width]=\"getStringOfWidth(getWidth(bar.value))\"\n [style.color]=\"getFontColor(bar.foregroundColor)\"\n [
|
|
4060
|
+
args: [{ selector: 'granite-progress-bar', exportAs: 'graniteProgressBar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n class=\"progress\"\n [style.background-color]=\"getBackgroundColor()\"\n>\n <div\n *ngFor=\"let bar of progressBarData; let i = index\"\n [style.background-color]=\"getStackColor(bar.backgroundColor)\"\n [style.width]=\"getStringOfWidth(getWidth(bar.value))\"\n [style.color]=\"getFontColor(bar.foregroundColor)\"\n [graniteTooltipTriggerFor]=\"tooltip\"\n class=\"progress-bar\"\n >\n <label *ngIf=\"showLabel\" graniteHideOnOverflow>{{ bar.valueLabel }}</label>\n <granite-tooltip #tooltip> {{ bar.valueLabel }} </granite-tooltip>\n </div>\n</div>\n", styles: [":host{width:100%;height:.5rem;line-height:.5rem;box-sizing:border-box;border-radius:var(--granite-radius-s);font-size:.25rem}.progress{display:flex;width:inherit;height:inherit;overflow:hidden;border-radius:inherit;background-color:var(--granite-color-background-selected)}.progress-bar{display:flex;align-items:center;box-sizing:border-box;width:inherit;height:inherit;line-height:inherit;font-size:inherit;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;color:var(--granite-color-text);overflow:hidden;text-align:center;justify-content:center}.progress-bar label{width:100%}.progress-bar:last-child{justify-content:flex-end;text-align:end;padding-inline-end:var(--granite-spacing-16)}.progress-bar:first-child{justify-content:flex-start;text-align:start;padding-inline-start:var(--granite-spacing-16)}\n"] }]
|
|
3980
4061
|
}], propDecorators: { progressBarData: [{
|
|
3981
4062
|
type: Input
|
|
3982
4063
|
}], showLabel: [{
|
|
3983
4064
|
type: Input
|
|
3984
4065
|
}] } });
|
|
3985
4066
|
|
|
3986
|
-
class GraniteProgressBarModule {
|
|
3987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3988
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, declarations: [GraniteProgressBarComponent], imports: [CommonModule], exports: [GraniteProgressBarComponent] }); }
|
|
3989
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, imports: [CommonModule] }); }
|
|
3990
|
-
}
|
|
3991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, decorators: [{
|
|
3992
|
-
type: NgModule,
|
|
3993
|
-
args: [{
|
|
3994
|
-
declarations: [GraniteProgressBarComponent],
|
|
3995
|
-
exports: [GraniteProgressBarComponent],
|
|
3996
|
-
imports: [CommonModule],
|
|
3997
|
-
}]
|
|
3998
|
-
}] });
|
|
3999
|
-
|
|
4000
4067
|
/**
|
|
4001
4068
|
* Directive used to tell components and their sub components that client output
|
|
4002
4069
|
* should be adapted for desktop devices like personal computers.
|
|
@@ -4107,10 +4174,12 @@ class GraniteCoreModule {
|
|
|
4107
4174
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GraniteCoreModule, declarations: [ClientOutputDesktopDirective,
|
|
4108
4175
|
ClientOutputTouchDirective,
|
|
4109
4176
|
ClientInputDesktopDirective,
|
|
4110
|
-
ClientInputTouchDirective
|
|
4177
|
+
ClientInputTouchDirective,
|
|
4178
|
+
GraniteHideOnOverflowDirective], exports: [ClientOutputDesktopDirective,
|
|
4111
4179
|
ClientOutputTouchDirective,
|
|
4112
4180
|
ClientInputDesktopDirective,
|
|
4113
|
-
ClientInputTouchDirective
|
|
4181
|
+
ClientInputTouchDirective,
|
|
4182
|
+
GraniteHideOnOverflowDirective] }); }
|
|
4114
4183
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCoreModule }); }
|
|
4115
4184
|
}
|
|
4116
4185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCoreModule, decorators: [{
|
|
@@ -4121,16 +4190,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4121
4190
|
ClientOutputTouchDirective,
|
|
4122
4191
|
ClientInputDesktopDirective,
|
|
4123
4192
|
ClientInputTouchDirective,
|
|
4193
|
+
GraniteHideOnOverflowDirective,
|
|
4124
4194
|
],
|
|
4125
4195
|
exports: [
|
|
4126
4196
|
ClientOutputDesktopDirective,
|
|
4127
4197
|
ClientOutputTouchDirective,
|
|
4128
4198
|
ClientInputDesktopDirective,
|
|
4129
4199
|
ClientInputTouchDirective,
|
|
4200
|
+
GraniteHideOnOverflowDirective,
|
|
4130
4201
|
],
|
|
4131
4202
|
}]
|
|
4132
4203
|
}] });
|
|
4133
4204
|
|
|
4205
|
+
class GraniteProgressBarModule {
|
|
4206
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4207
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, declarations: [GraniteProgressBarComponent], imports: [CommonModule, GraniteCoreModule, GraniteTooltipModule], exports: [GraniteProgressBarComponent] }); }
|
|
4208
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, imports: [CommonModule, GraniteCoreModule, GraniteTooltipModule] }); }
|
|
4209
|
+
}
|
|
4210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteProgressBarModule, decorators: [{
|
|
4211
|
+
type: NgModule,
|
|
4212
|
+
args: [{
|
|
4213
|
+
declarations: [GraniteProgressBarComponent],
|
|
4214
|
+
exports: [GraniteProgressBarComponent],
|
|
4215
|
+
imports: [CommonModule, GraniteCoreModule, GraniteTooltipModule],
|
|
4216
|
+
}]
|
|
4217
|
+
}] });
|
|
4218
|
+
|
|
4134
4219
|
class GraniteTitlePipe {
|
|
4135
4220
|
transform(value) {
|
|
4136
4221
|
const words = value.split(/(?=[A-Z ])/);
|
|
@@ -4165,11 +4250,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4165
4250
|
|
|
4166
4251
|
class GraniteCardComponent {
|
|
4167
4252
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4168
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardComponent, selector: "granite-card", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;border-radius:var(--granite-radius-m);background:var(--granite-color-background);padding:var(--granite-spacing-8)}\n"] }); }
|
|
4253
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardComponent, selector: "granite-card", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;border-radius:var(--granite-radius-m);border:var(--granite-border-width-regular) solid var(--granite-color-border-soft);background:var(--granite-color-background);padding:var(--granite-spacing-8)}\n"] }); }
|
|
4169
4254
|
}
|
|
4170
4255
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardComponent, decorators: [{
|
|
4171
4256
|
type: Component,
|
|
4172
|
-
args: [{ selector: 'granite-card', template: '<ng-content></ng-content>', styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;border-radius:var(--granite-radius-m);background:var(--granite-color-background);padding:var(--granite-spacing-8)}\n"] }]
|
|
4257
|
+
args: [{ selector: 'granite-card', template: '<ng-content></ng-content>', styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;border-radius:var(--granite-radius-m);border:var(--granite-border-width-regular) solid var(--granite-color-border-soft);background:var(--granite-color-background);padding:var(--granite-spacing-8)}\n"] }]
|
|
4173
4258
|
}] });
|
|
4174
4259
|
|
|
4175
4260
|
class GraniteCardListComponent {
|
|
@@ -4180,11 +4265,11 @@ class GraniteCardListComponent {
|
|
|
4180
4265
|
this.gap = 'small';
|
|
4181
4266
|
}
|
|
4182
4267
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4183
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardListComponent, selector: "granite-card-list", inputs: { orientation: "orientation", wrap: "wrap", gap: "gap" }, ngImport: i0, template: "<div\n class=\"card-list-wrapper\"\n [class.vertical]=\"orientation === 'vertical'\"\n [class.horizontal]=\"orientation === 'horizontal'\"\n [class.wrap]=\"wrap === 'wrap'\"\n [class.nowrap]=\"wrap === 'nowrap'\"\n [class.small]=\"gap === 'small'\"\n [class.medium]=\"gap === 'medium'\"\n [class.large]=\"gap === 'large'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{width:100%}.card-list-wrapper{display:flex;flex-direction:row}.card-list-wrapper.horizontal.nowrap{overflow-x:auto}.card-list-wrapper.horizontal.wrap{overflow-y:auto}.card-list-wrapper.vertical{flex-direction:column}.card-list-wrapper.vertical.nowrap{overflow-y:auto}.card-list-wrapper.vertical.wrap{overflow-x:auto}.card-list-wrapper.small{gap:var(--granite-spacing-2)}.card-list-wrapper.medium{gap:var(--granite-spacing-4)}.card-list-wrapper.large{gap:var(--granite-spacing-8)}.card-list-wrapper.wrap{flex-wrap:wrap}.card-list-wrapper.nowrap{flex-wrap:nowrap}.card-list-wrapper::-webkit-scrollbar{width:
|
|
4268
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardListComponent, selector: "granite-card-list", inputs: { orientation: "orientation", wrap: "wrap", gap: "gap" }, ngImport: i0, template: "<div\n class=\"card-list-wrapper\"\n [class.vertical]=\"orientation === 'vertical'\"\n [class.horizontal]=\"orientation === 'horizontal'\"\n [class.wrap]=\"wrap === 'wrap'\"\n [class.nowrap]=\"wrap === 'nowrap'\"\n [class.small]=\"gap === 'small'\"\n [class.medium]=\"gap === 'medium'\"\n [class.large]=\"gap === 'large'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{width:100%}.card-list-wrapper{display:flex;flex-direction:row;padding:var(--granite-spacing-4)}.card-list-wrapper.horizontal.nowrap{overflow-x:auto}.card-list-wrapper.horizontal.wrap{overflow-y:auto}.card-list-wrapper.vertical{flex-direction:column}.card-list-wrapper.vertical.nowrap{overflow-y:auto}.card-list-wrapper.vertical.wrap{overflow-x:auto}.card-list-wrapper.small{gap:var(--granite-spacing-2)}.card-list-wrapper.medium{gap:var(--granite-spacing-4)}.card-list-wrapper.large{gap:var(--granite-spacing-8)}.card-list-wrapper.wrap{flex-wrap:wrap}.card-list-wrapper.nowrap{flex-wrap:nowrap}.card-list-wrapper::-webkit-scrollbar{width:10px;height:10px}.card-list-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 6px var(--granite-color-background-selected);border-radius:10px}.card-list-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--granite-color-background-selected-hover);box-shadow:inset 0 0 6px var(--granite-color-background-selected)}.card-list-wrapper::-webkit-scrollbar-thumb:window-inactive{background-color:var(--granite-color-background-selected)}\n"] }); }
|
|
4184
4269
|
}
|
|
4185
4270
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardListComponent, decorators: [{
|
|
4186
4271
|
type: Component,
|
|
4187
|
-
args: [{ selector: 'granite-card-list', template: "<div\n class=\"card-list-wrapper\"\n [class.vertical]=\"orientation === 'vertical'\"\n [class.horizontal]=\"orientation === 'horizontal'\"\n [class.wrap]=\"wrap === 'wrap'\"\n [class.nowrap]=\"wrap === 'nowrap'\"\n [class.small]=\"gap === 'small'\"\n [class.medium]=\"gap === 'medium'\"\n [class.large]=\"gap === 'large'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{width:100%}.card-list-wrapper{display:flex;flex-direction:row}.card-list-wrapper.horizontal.nowrap{overflow-x:auto}.card-list-wrapper.horizontal.wrap{overflow-y:auto}.card-list-wrapper.vertical{flex-direction:column}.card-list-wrapper.vertical.nowrap{overflow-y:auto}.card-list-wrapper.vertical.wrap{overflow-x:auto}.card-list-wrapper.small{gap:var(--granite-spacing-2)}.card-list-wrapper.medium{gap:var(--granite-spacing-4)}.card-list-wrapper.large{gap:var(--granite-spacing-8)}.card-list-wrapper.wrap{flex-wrap:wrap}.card-list-wrapper.nowrap{flex-wrap:nowrap}.card-list-wrapper::-webkit-scrollbar{width:
|
|
4272
|
+
args: [{ selector: 'granite-card-list', template: "<div\n class=\"card-list-wrapper\"\n [class.vertical]=\"orientation === 'vertical'\"\n [class.horizontal]=\"orientation === 'horizontal'\"\n [class.wrap]=\"wrap === 'wrap'\"\n [class.nowrap]=\"wrap === 'nowrap'\"\n [class.small]=\"gap === 'small'\"\n [class.medium]=\"gap === 'medium'\"\n [class.large]=\"gap === 'large'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{width:100%}.card-list-wrapper{display:flex;flex-direction:row;padding:var(--granite-spacing-4)}.card-list-wrapper.horizontal.nowrap{overflow-x:auto}.card-list-wrapper.horizontal.wrap{overflow-y:auto}.card-list-wrapper.vertical{flex-direction:column}.card-list-wrapper.vertical.nowrap{overflow-y:auto}.card-list-wrapper.vertical.wrap{overflow-x:auto}.card-list-wrapper.small{gap:var(--granite-spacing-2)}.card-list-wrapper.medium{gap:var(--granite-spacing-4)}.card-list-wrapper.large{gap:var(--granite-spacing-8)}.card-list-wrapper.wrap{flex-wrap:wrap}.card-list-wrapper.nowrap{flex-wrap:nowrap}.card-list-wrapper::-webkit-scrollbar{width:10px;height:10px}.card-list-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 6px var(--granite-color-background-selected);border-radius:10px}.card-list-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--granite-color-background-selected-hover);box-shadow:inset 0 0 6px var(--granite-color-background-selected)}.card-list-wrapper::-webkit-scrollbar-thumb:window-inactive{background-color:var(--granite-color-background-selected)}\n"] }]
|
|
4188
4273
|
}], propDecorators: { orientation: [{
|
|
4189
4274
|
type: Input
|
|
4190
4275
|
}], wrap: [{
|
|
@@ -4204,38 +4289,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4204
4289
|
|
|
4205
4290
|
class GraniteCardHeaderComponent {
|
|
4206
4291
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardHeaderComponent, selector: "granite-card-header", ngImport: i0, template: "<div class=\"title-container\">\n <ng-content select=\"granite-card-header-title\"></ng-content>\n <ng-content select=\"granite-card-header-sub-title\"></ng-content>\n</div>\n<div class=\"content-container\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{font-family:var(--granite-font-family-default);flex-direction:row;justify-content:space-between;flex:0 auto
|
|
4292
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardHeaderComponent, selector: "granite-card-header", ngImport: i0, template: "<div class=\"title-container\">\n <ng-content select=\"granite-card-header-title\"></ng-content>\n <ng-content select=\"granite-card-header-sub-title\"></ng-content>\n</div>\n<div class=\"content-container\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;font-family:var(--granite-font-family-default);flex-direction:row;justify-content:space-between;flex:0 auto}.title-container{display:flex;flex-direction:column;gap:var(--granite-spacing-4)}.content-container{display:flex;flex-direction:row;gap:var(--granite-spacing-8);align-self:center}\n"] }); }
|
|
4208
4293
|
}
|
|
4209
4294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardHeaderComponent, decorators: [{
|
|
4210
4295
|
type: Component,
|
|
4211
|
-
args: [{ selector: 'granite-card-header', template: "<div class=\"title-container\">\n <ng-content select=\"granite-card-header-title\"></ng-content>\n <ng-content select=\"granite-card-header-sub-title\"></ng-content>\n</div>\n<div class=\"content-container\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{font-family:var(--granite-font-family-default);flex-direction:row;justify-content:space-between;flex:0 auto
|
|
4296
|
+
args: [{ selector: 'granite-card-header', template: "<div class=\"title-container\">\n <ng-content select=\"granite-card-header-title\"></ng-content>\n <ng-content select=\"granite-card-header-sub-title\"></ng-content>\n</div>\n<div class=\"content-container\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;font-family:var(--granite-font-family-default);flex-direction:row;justify-content:space-between;flex:0 auto}.title-container{display:flex;flex-direction:column;gap:var(--granite-spacing-4)}.content-container{display:flex;flex-direction:row;gap:var(--granite-spacing-8);align-self:center}\n"] }]
|
|
4212
4297
|
}] });
|
|
4213
4298
|
|
|
4214
4299
|
class GraniteCardActionsComponent {
|
|
4215
4300
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4216
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardActionsComponent, selector: "granite-card-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--granite-font-family-default);font-weight:var(--granite-font-weight-regular);font-size:var(--granite-font-size-body-small);flex-direction:row;gap:var(--granite-spacing-4)
|
|
4301
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardActionsComponent, selector: "granite-card-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-weight:var(--granite-font-weight-regular);font-size:var(--granite-font-size-body-small);flex-direction:row;gap:var(--granite-spacing-4)}\n"] }); }
|
|
4217
4302
|
}
|
|
4218
4303
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardActionsComponent, decorators: [{
|
|
4219
4304
|
type: Component,
|
|
4220
|
-
args: [{ selector: 'granite-card-actions', template: '<ng-content></ng-content>', styles: [":host{font-family:var(--granite-font-family-default);font-weight:var(--granite-font-weight-regular);font-size:var(--granite-font-size-body-small);flex-direction:row;gap:var(--granite-spacing-4)
|
|
4305
|
+
args: [{ selector: 'granite-card-actions', template: '<ng-content></ng-content>', styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-weight:var(--granite-font-weight-regular);font-size:var(--granite-font-size-body-small);flex-direction:row;gap:var(--granite-spacing-4)}\n"] }]
|
|
4221
4306
|
}] });
|
|
4222
4307
|
|
|
4223
4308
|
class GraniteCardBodyComponent {
|
|
4224
4309
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardBodyComponent, selector: "granite-card-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;color:var(--granite-colors-background-inverse);
|
|
4310
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardBodyComponent, selector: "granite-card-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;color:var(--granite-colors-background-inverse);flex-direction:column;gap:var(--granite-spacing-4);justify-content:space-between}\n"] }); }
|
|
4226
4311
|
}
|
|
4227
4312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardBodyComponent, decorators: [{
|
|
4228
4313
|
type: Component,
|
|
4229
|
-
args: [{ selector: 'granite-card-body', template: '<ng-content></ng-content>', styles: [":host{font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;color:var(--granite-colors-background-inverse);
|
|
4314
|
+
args: [{ selector: 'granite-card-body', template: '<ng-content></ng-content>', styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;color:var(--granite-colors-background-inverse);flex-direction:column;gap:var(--granite-spacing-4);justify-content:space-between}\n"] }]
|
|
4230
4315
|
}] });
|
|
4231
4316
|
|
|
4232
4317
|
class GraniteCardFooterComponent {
|
|
4233
4318
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4234
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardFooterComponent, selector: "granite-card-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;
|
|
4319
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardFooterComponent, selector: "granite-card-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;flex-direction:row;color:var(--granite-colors-background-inverse);gap:var(--granite-spacing-4)}\n"] }); }
|
|
4235
4320
|
}
|
|
4236
4321
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardFooterComponent, decorators: [{
|
|
4237
4322
|
type: Component,
|
|
4238
|
-
args: [{ selector: 'granite-card-footer', template: '<ng-content></ng-content>', styles: [":host{font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;
|
|
4323
|
+
args: [{ selector: 'granite-card-footer', template: '<ng-content></ng-content>', styles: [":host{display:flex;font-family:var(--granite-font-family-default);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-flowing);text-align:start;flex-direction:row;color:var(--granite-colors-background-inverse);gap:var(--granite-spacing-4)}\n"] }]
|
|
4239
4324
|
}] });
|
|
4240
4325
|
|
|
4241
4326
|
class GraniteCardAvatarComponent {
|
|
@@ -4258,11 +4343,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4258
4343
|
|
|
4259
4344
|
class GraniteCardHeaderSubTitleComponent {
|
|
4260
4345
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardHeaderSubTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardHeaderSubTitleComponent, selector: "granite-card-header-sub-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--granite-font-family-default);color:var(--granite-color-text-hint);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-regular);
|
|
4346
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GraniteCardHeaderSubTitleComponent, selector: "granite-card-header-sub-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;font-family:var(--granite-font-family-default);color:var(--granite-color-text-hint);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-regular);flex-direction:column}\n"] }); }
|
|
4262
4347
|
}
|
|
4263
4348
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraniteCardHeaderSubTitleComponent, decorators: [{
|
|
4264
4349
|
type: Component,
|
|
4265
|
-
args: [{ selector: 'granite-card-header-sub-title', template: '<ng-content></ng-content>', styles: [":host{font-family:var(--granite-font-family-default);color:var(--granite-color-text-hint);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-regular);
|
|
4350
|
+
args: [{ selector: 'granite-card-header-sub-title', template: '<ng-content></ng-content>', styles: [":host{display:flex;font-family:var(--granite-font-family-default);color:var(--granite-color-text-hint);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-regular);line-height:var(--granite-line-height-regular);flex-direction:column}\n"] }]
|
|
4266
4351
|
}] });
|
|
4267
4352
|
|
|
4268
4353
|
class GraniteCardListModule {
|
|
@@ -4327,5 +4412,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4327
4412
|
* Generated bundle index. Do not edit.
|
|
4328
4413
|
*/
|
|
4329
4414
|
|
|
4330
|
-
export { ButtonSelectors, ClientInputDesktopDirective, ClientInputTouchDirective, ClientOutputDesktopDirective, ClientOutputTouchDirective, GRANITE_CLIENT_INPUT, GRANITE_CLIENT_OUTPUT, GraniteAnchorComponent, GraniteArrangeGridComponent, GraniteArrangeGridItemComponent, GraniteArrangeGridModule, GraniteArrangeGridOrientation, GraniteBadgeComponent, GraniteBadgeHarness, GraniteBadgeModule, GraniteButtonComponent, GraniteButtonModule, GraniteCardActionsComponent, GraniteCardAvatarComponent, GraniteCardBodyComponent, GraniteCardComponent, GraniteCardContentComponent, GraniteCardFooterComponent, GraniteCardHeaderComponent, GraniteCardHeaderSubTitleComponent, GraniteCardHeaderTitleComponent, GraniteCardListComponent, GraniteCardListModule, GraniteCheckboxComponent, GraniteCheckboxGroupComponent, GraniteCheckboxModule, GraniteChipComponent, GraniteChipInputDirective, GraniteChipListComponent, GraniteChipSelectionChangeEvent, GraniteChipsModule, GraniteCoreModule, GraniteDividerDirective, GraniteGridComponent, GraniteGridItemComponent, GraniteGridModule, GraniteIconComponent, GraniteIconModule, GraniteInputFieldComponent, GraniteInputFieldModule, GraniteLabelComponent, GraniteLabelModule, GraniteMenuComponent, GraniteMenuHarness, GraniteMenuItemComponent, GraniteMenuItemHarness, GraniteMenuModule, GraniteMenuTouchCloseComponent, GraniteMenuTouchTitleItemComponent, GraniteMenuTriggerForDirective, GraniteProgressBarComponent, GraniteProgressBarModule, GraniteRadioButtonComponent, GraniteRadioButtonModule, GraniteRadioGroupComponent, GraniteTitleDirective, GraniteTitlePipe, GraniteToggleSwitchComponent, GraniteToggleSwitchModule, PurePipesModule, deviceDesktop, deviceTouch, disabledMixin, graniteMenuDesktopAnimations, graniteMenuTouchAnimations };
|
|
4415
|
+
export { ButtonSelectors, ClientInputDesktopDirective, ClientInputTouchDirective, ClientOutputDesktopDirective, ClientOutputTouchDirective, GRANITE_CLIENT_INPUT, GRANITE_CLIENT_OUTPUT, GraniteAnchorComponent, GraniteArrangeGridComponent, GraniteArrangeGridItemComponent, GraniteArrangeGridModule, GraniteArrangeGridOrientation, GraniteBadgeComponent, GraniteBadgeHarness, GraniteBadgeModule, GraniteButtonComponent, GraniteButtonModule, GraniteCardActionsComponent, GraniteCardAvatarComponent, GraniteCardBodyComponent, GraniteCardComponent, GraniteCardContentComponent, GraniteCardFooterComponent, GraniteCardHeaderComponent, GraniteCardHeaderSubTitleComponent, GraniteCardHeaderTitleComponent, GraniteCardListComponent, GraniteCardListModule, GraniteCheckboxComponent, GraniteCheckboxGroupComponent, GraniteCheckboxModule, GraniteChipComponent, GraniteChipInputDirective, GraniteChipListComponent, GraniteChipSelectionChangeEvent, GraniteChipsModule, GraniteCoreModule, GraniteDividerDirective, GraniteGridComponent, GraniteGridItemComponent, GraniteGridModule, GraniteHideOnOverflowDirective, GraniteIconComponent, GraniteIconModule, GraniteInputFieldComponent, GraniteInputFieldModule, GraniteLabelComponent, GraniteLabelModule, GraniteMenuComponent, GraniteMenuHarness, GraniteMenuItemComponent, GraniteMenuItemHarness, GraniteMenuModule, GraniteMenuTouchCloseComponent, GraniteMenuTouchTitleItemComponent, GraniteMenuTriggerForDirective, GraniteProgressBarComponent, GraniteProgressBarModule, GraniteRadioButtonComponent, GraniteRadioButtonModule, GraniteRadioGroupComponent, GraniteTitleDirective, GraniteTitlePipe, GraniteToggleSwitchComponent, GraniteToggleSwitchModule, PurePipesModule, deviceDesktop, deviceTouch, disabledMixin, graniteMenuDesktopAnimations, graniteMenuTouchAnimations };
|
|
4331
4416
|
//# sourceMappingURL=ifsworld-granite-components.mjs.map
|