@educarehq/solaris-components 0.6.2 → 0.6.4
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.
|
@@ -3031,6 +3031,9 @@ class SolarisCarousel {
|
|
|
3031
3031
|
slideComponentInputs(index) {
|
|
3032
3032
|
const context = this.carouselContext(index);
|
|
3033
3033
|
const itemInputs = context.item.slideInputs ?? {};
|
|
3034
|
+
if (!context.item.passCarouselContext) {
|
|
3035
|
+
return itemInputs;
|
|
3036
|
+
}
|
|
3034
3037
|
return {
|
|
3035
3038
|
item: context.item,
|
|
3036
3039
|
index: context.index,
|
|
@@ -3050,6 +3053,9 @@ class SolarisCarousel {
|
|
|
3050
3053
|
overlayComponentInputs(index) {
|
|
3051
3054
|
const context = this.carouselContext(index);
|
|
3052
3055
|
const itemInputs = context.item.overlayInputs ?? {};
|
|
3056
|
+
if (!context.item.passOverlayContext) {
|
|
3057
|
+
return itemInputs;
|
|
3058
|
+
}
|
|
3053
3059
|
return {
|
|
3054
3060
|
item: context.item,
|
|
3055
3061
|
index: context.index,
|
|
@@ -6942,12 +6948,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
6942
6948
|
type: Output
|
|
6943
6949
|
}] } });
|
|
6944
6950
|
|
|
6945
|
-
class
|
|
6951
|
+
class SolarisCardMediaOverlay {
|
|
6946
6952
|
attr = '';
|
|
6947
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type:
|
|
6948
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type:
|
|
6953
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SolarisCardMediaOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6954
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: SolarisCardMediaOverlay, isStandalone: true, selector: "[solaris-card-media-overlay]", host: { properties: { "attr.solaris-card-media-overlay": "this.attr" } }, ngImport: i0 });
|
|
6949
6955
|
}
|
|
6950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type:
|
|
6956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SolarisCardMediaOverlay, decorators: [{
|
|
6951
6957
|
type: Directive,
|
|
6952
6958
|
args: [{
|
|
6953
6959
|
selector: '[solaris-card-media-overlay]',
|
|
@@ -6962,29 +6968,55 @@ class SolarisCardMedia {
|
|
|
6962
6968
|
variant = input('image', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
6963
6969
|
src = input(null, ...(ngDevMode ? [{ debugName: "src" }] : []));
|
|
6964
6970
|
alt = input(null, ...(ngDevMode ? [{ debugName: "alt" }] : []));
|
|
6971
|
+
color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
6972
|
+
appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
|
|
6973
|
+
customRatio = input(null, ...(ngDevMode ? [{ debugName: "customRatio" }] : []));
|
|
6965
6974
|
ratio = input('16:9', ...(ngDevMode ? [{ debugName: "ratio" }] : []));
|
|
6975
|
+
objectPosition = input('center', ...(ngDevMode ? [{ debugName: "objectPosition" }] : []));
|
|
6966
6976
|
fit = input('cover', ...(ngDevMode ? [{ debugName: "fit" }] : []));
|
|
6967
|
-
align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : []));
|
|
6968
6977
|
radius = input('inherit', ...(ngDevMode ? [{ debugName: "radius" }] : []));
|
|
6978
|
+
align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : []));
|
|
6979
|
+
padding = input('md', ...(ngDevMode ? [{ debugName: "padding" }] : []));
|
|
6980
|
+
height = input(null, ...(ngDevMode ? [{ debugName: "height" }] : []));
|
|
6981
|
+
minHeight = input(null, ...(ngDevMode ? [{ debugName: "minHeight" }] : []));
|
|
6982
|
+
maxHeight = input(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
|
|
6983
|
+
shadow = input(null, ...(ngDevMode ? [{ debugName: "shadow" }] : []));
|
|
6984
|
+
background = input(null, ...(ngDevMode ? [{ debugName: "background" }] : []));
|
|
6985
|
+
foreground = input(null, ...(ngDevMode ? [{ debugName: "foreground" }] : []));
|
|
6986
|
+
borderColor = input(null, ...(ngDevMode ? [{ debugName: "borderColor" }] : []));
|
|
6987
|
+
overlayInset = input(null, ...(ngDevMode ? [{ debugName: "overlayInset" }] : []));
|
|
6988
|
+
overlayPosition = input('top-end', ...(ngDevMode ? [{ debugName: "overlayPosition" }] : []));
|
|
6969
6989
|
loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
6970
6990
|
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
6971
|
-
normalizedSrc = computed(() => this.normalize(this.src()), ...(ngDevMode ? [{ debugName: "normalizedSrc" }] : []));
|
|
6972
|
-
normalizedAlt = computed(() => this.normalize(this.alt()), ...(ngDevMode ? [{ debugName: "normalizedAlt" }] : []));
|
|
6973
6991
|
showImage = computed(() => {
|
|
6974
6992
|
return !this.loading()
|
|
6975
6993
|
&& this.variant() === 'image'
|
|
6976
6994
|
&& !!this.normalizedSrc();
|
|
6977
6995
|
}, ...(ngDevMode ? [{ debugName: "showImage" }] : []));
|
|
6996
|
+
resolvedCustomRatio = computed(() => {
|
|
6997
|
+
return this.ratio() === 'custom' ? this.normalizedCustomRatio() : '';
|
|
6998
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedCustomRatio" }] : []));
|
|
6999
|
+
normalizedSrc = computed(() => this.normalize(this.src()), ...(ngDevMode ? [{ debugName: "normalizedSrc" }] : []));
|
|
7000
|
+
normalizedAlt = computed(() => this.normalize(this.alt()), ...(ngDevMode ? [{ debugName: "normalizedAlt" }] : []));
|
|
7001
|
+
normalizedShadow = computed(() => this.normalize(this.shadow()), ...(ngDevMode ? [{ debugName: "normalizedShadow" }] : []));
|
|
7002
|
+
normalizedHeight = computed(() => this.normalize(this.height()), ...(ngDevMode ? [{ debugName: "normalizedHeight" }] : []));
|
|
7003
|
+
normalizedMinHeight = computed(() => this.normalize(this.minHeight()), ...(ngDevMode ? [{ debugName: "normalizedMinHeight" }] : []));
|
|
7004
|
+
normalizedMaxHeight = computed(() => this.normalize(this.maxHeight()), ...(ngDevMode ? [{ debugName: "normalizedMaxHeight" }] : []));
|
|
7005
|
+
normalizedBackground = computed(() => this.normalize(this.background()), ...(ngDevMode ? [{ debugName: "normalizedBackground" }] : []));
|
|
7006
|
+
normalizedForeground = computed(() => this.normalize(this.foreground()), ...(ngDevMode ? [{ debugName: "normalizedForeground" }] : []));
|
|
7007
|
+
normalizedBorderColor = computed(() => this.normalize(this.borderColor()), ...(ngDevMode ? [{ debugName: "normalizedBorderColor" }] : []));
|
|
7008
|
+
normalizedCustomRatio = computed(() => this.normalize(this.customRatio()), ...(ngDevMode ? [{ debugName: "normalizedCustomRatio" }] : []));
|
|
7009
|
+
normalizedOverlayInset = computed(() => this.normalize(this.overlayInset()), ...(ngDevMode ? [{ debugName: "normalizedOverlayInset" }] : []));
|
|
6978
7010
|
normalize(value) {
|
|
6979
7011
|
return String(value ?? '').trim();
|
|
6980
7012
|
}
|
|
6981
7013
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SolarisCardMedia, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6982
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: SolarisCardMedia, isStandalone: true, selector: "solaris-card-media", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"solaris-card-media\" [class.is-loading]=\"loading()\" [class.is-disabled]=\"disabled()\" [attr.data-variant]=\"variant()\"\r\n [attr.data-ratio]=\"ratio()\" [attr.data-align]=\"align()\" [attr.data-radius]=\"radius()\" [style.--solaris-card-media-fit]=\"fit()\">\r\n <div class=\"solaris-card-media__surface\">\r\n @if (loading()) {\r\n <span class=\"solaris-card-media__skeleton\" aria-hidden=\"true\"></span>\r\n } @else if (showImage()) {\r\n <img class=\"solaris-card-media__image\" [src]=\"normalizedSrc()\" [alt]=\"normalizedAlt()\" decoding=\"async\">\r\n } @else {\r\n <div class=\"solaris-card-media__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n\r\n <div class=\"solaris-card-media__overlay\">\r\n <ng-content select=\"[solaris-card-media-overlay]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block;min-inline-size:0}.solaris-card-media{--solaris-card-media-bg: var(--solaris-color-surface-2);--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-border) 78%, transparent );--solaris-card-media-radius: inherit;--solaris-card-media-fit: cover;--solaris-card-media-shadow: none;--solaris-card-media-min-height: 6rem;position:relative;display:block;min-inline-size:0}.solaris-card-media__surface{position:relative;overflow:hidden;display:grid;place-items:center;min-inline-size:0;min-block-size:var(--solaris-card-media-min-height);background:var(--solaris-card-media-bg);border:1px solid var(--solaris-card-media-border);border-radius:var(--solaris-card-media-radius);box-shadow:var(--solaris-card-media-shadow)}.solaris-card-media[data-ratio=auto] .solaris-card-media__surface{aspect-ratio:auto}.solaris-card-media[data-ratio=\"1:1\"] .solaris-card-media__surface{aspect-ratio:1/1}.solaris-card-media[data-ratio=\"4:3\"] .solaris-card-media__surface{aspect-ratio:4/3}.solaris-card-media[data-ratio=\"16:9\"] .solaris-card-media__surface{aspect-ratio:16/9}.solaris-card-media[data-ratio=\"21:9\"] .solaris-card-media__surface{aspect-ratio:21/9}.solaris-card-media[data-radius=none]{--solaris-card-media-radius: 0}.solaris-card-media[data-radius=sm]{--solaris-card-media-radius: var(--solaris-radius-sm)}.solaris-card-media[data-radius=md]{--solaris-card-media-radius: var(--solaris-radius-md)}.solaris-card-media[data-radius=lg]{--solaris-card-media-radius: var(--solaris-radius-lg)}.solaris-card-media[data-radius=inherit]{--solaris-card-media-radius: inherit}.solaris-card-media__image{inline-size:100%;block-size:100%;display:block;object-fit:var(--solaris-card-media-fit)}.solaris-card-media__content{inline-size:100%;block-size:100%;min-inline-size:0;display:flex;padding:var(--solaris-space-4)}.solaris-card-media[data-align=start] .solaris-card-media__content{align-items:flex-start;justify-content:flex-start}.solaris-card-media[data-align=center] .solaris-card-media__content{align-items:center;justify-content:center}.solaris-card-media[data-align=end] .solaris-card-media__content{align-items:flex-end;justify-content:flex-end}.solaris-card-media__overlay{position:absolute;inset-block-start:var(--solaris-space-3);inset-inline-end:var(--solaris-space-3);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--solaris-space-2)}.solaris-card-media__overlay:empty{display:none}.solaris-card-media__skeleton{inline-size:100%;block-size:100%;display:block;background:linear-gradient(90deg,color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent),color-mix(in srgb,white 18%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent));background-size:200% 100%;animation:solaris-card-media-shimmer 1.2s linear infinite}.solaris-card-media.is-disabled{opacity:.58}.solaris-card-media.is-disabled .solaris-card-media__surface{filter:grayscale(.08)}@keyframes solaris-card-media-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7014
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: SolarisCardMedia, isStandalone: true, selector: "solaris-card-media", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, customRatio: { classPropertyName: "customRatio", publicName: "customRatio", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, objectPosition: { classPropertyName: "objectPosition", publicName: "objectPosition", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, foreground: { classPropertyName: "foreground", publicName: "foreground", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, overlayInset: { classPropertyName: "overlayInset", publicName: "overlayInset", isSignal: true, isRequired: false, transformFunction: null }, overlayPosition: { classPropertyName: "overlayPosition", publicName: "overlayPosition", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"solaris-card-media\" [class.is-loading]=\"loading()\" [class.is-disabled]=\"disabled()\" [attr.data-variant]=\"variant()\"\r\n [attr.data-appearance]=\"appearance()\" [attr.data-color]=\"color()\" [attr.data-ratio]=\"ratio()\" [attr.data-align]=\"align()\"\r\n [attr.data-radius]=\"radius()\" [attr.data-padding]=\"padding()\" [attr.data-overlay-position]=\"overlayPosition()\"\r\n [style.--solaris-card-media-fit]=\"fit()\" [style.--solaris-card-media-object-position]=\"objectPosition()\"\r\n [style.--solaris-card-media-custom-ratio]=\"resolvedCustomRatio() || null\"\r\n [style.--solaris-card-media-bg-override]=\"normalizedBackground() || null\"\r\n [style.--solaris-card-media-fg-override]=\"normalizedForeground() || null\"\r\n [style.--solaris-card-media-border-override]=\"normalizedBorderColor() || null\"\r\n [style.--solaris-card-media-shadow-override]=\"normalizedShadow() || null\"\r\n [style.--solaris-card-media-height]=\"normalizedHeight() || null\"\r\n [style.--solaris-card-media-min-height-override]=\"normalizedMinHeight() || null\"\r\n [style.--solaris-card-media-max-height]=\"normalizedMaxHeight() || null\"\r\n [style.--solaris-card-media-overlay-inset]=\"normalizedOverlayInset() || null\">\r\n\r\n <div class=\"solaris-card-media__surface\">\r\n @if (loading()) {\r\n <span class=\"solaris-card-media__skeleton\" aria-hidden=\"true\"></span>\r\n } @else if (showImage()) {\r\n <img class=\"solaris-card-media__image\" [src]=\"normalizedSrc()\" [alt]=\"normalizedAlt()\" decoding=\"async\">\r\n } @else {\r\n <div class=\"solaris-card-media__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n\r\n <div class=\"solaris-card-media__overlay\">\r\n <ng-content select=\"[solaris-card-media-overlay]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block;min-inline-size:0}.solaris-card-media{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: var(--solaris-color-surface-2);--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-border) 78%, transparent );--solaris-card-media-tone: var(--solaris-color-surface-2);--solaris-card-media-tone-strong: var(--solaris-color-text);--solaris-card-media-tone-contrast: var(--solaris-color-text);--solaris-card-media-tone-border: var(--solaris-color-border);--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-surface) 0%, var(--solaris-color-surface-2) 100% );--solaris-card-media-fit: cover;--solaris-card-media-shadow: none;--solaris-card-media-radius: inherit;--solaris-card-media-object-position: center;--solaris-card-media-min-height: 6rem;--solaris-card-media-padding: var(--solaris-space-4);--solaris-card-media-overlay-inset: var(--solaris-space-3);display:block;position:relative;min-inline-size:0}.solaris-card-media[data-color=neutral]{--solaris-card-media-tone: var(--solaris-color-surface-2);--solaris-card-media-tone-strong: var(--solaris-color-text);--solaris-card-media-tone-contrast: var(--solaris-color-text);--solaris-card-media-tone-border: var(--solaris-color-border);--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-surface) 0%, var(--solaris-color-surface-2) 100% )}.solaris-card-media[data-color=primary]{--solaris-card-media-tone: var(--solaris-color-primary);--solaris-card-media-tone-strong: var(--solaris-color-primary-shade);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-primary) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: var(--solaris-color-gradient)}.solaris-card-media[data-color=success]{--solaris-card-media-tone: var(--solaris-color-success);--solaris-card-media-tone-strong: var(--solaris-color-success);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-success) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-success) 0%, color-mix(in srgb, var(--solaris-color-success) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=warning]{--solaris-card-media-tone: var(--solaris-color-warning);--solaris-card-media-tone-strong: var(--solaris-color-warning);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-warning) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-warning) 0%, color-mix(in srgb, var(--solaris-color-warning) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=error]{--solaris-card-media-tone: var(--solaris-color-error);--solaris-card-media-tone-strong: var(--solaris-color-error);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-error) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-error) 0%, color-mix(in srgb, var(--solaris-color-error) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=info]{--solaris-card-media-tone: var(--solaris-color-info);--solaris-card-media-tone-strong: var(--solaris-color-info);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-info) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-info) 0%, color-mix(in srgb, var(--solaris-color-info) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=custom]{--solaris-card-media-tone: var(--solaris-card-media-bg-override, var(--solaris-color-surface-2));--solaris-card-media-tone-strong: var(--solaris-card-media-fg-override, var(--solaris-color-text));--solaris-card-media-tone-contrast: var(--solaris-card-media-fg-override, var(--solaris-color-text));--solaris-card-media-tone-border: var(--solaris-card-media-border-override, var(--solaris-color-border))}.solaris-card-media[data-appearance=solid]{--solaris-card-media-fg: var(--solaris-card-media-tone-contrast);--solaris-card-media-bg: var(--solaris-card-media-tone);--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 54%, var(--solaris-color-border) );--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=soft]{--solaris-card-media-fg: var(--solaris-card-media-tone-strong);--solaris-card-media-bg: color-mix( in srgb, var(--solaris-card-media-tone) 13%, var(--solaris-color-surface) );--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 24%, var(--solaris-color-border) );--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=outline]{--solaris-card-media-fg: var(--solaris-card-media-tone-strong);--solaris-card-media-bg: transparent;--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 58%, var(--solaris-color-border) );--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=ghost]{--solaris-card-media-fg: var(--solaris-card-media-tone-strong);--solaris-card-media-bg: transparent;--solaris-card-media-border: transparent;--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=glass]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: color-mix( in srgb, var(--solaris-card-media-tone) 13%, transparent );--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--solaris-card-media-shadow: var(--solaris-shadow-sm)}.solaris-card-media[data-appearance=elevated]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: color-mix( in srgb, var(--solaris-card-media-tone) 8%, var(--solaris-color-surface) );--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 18%, var(--solaris-color-border) );--solaris-card-media-shadow: var(--solaris-shadow-md)}.solaris-card-media[data-appearance=gradient]{--solaris-card-media-fg: var(--solaris-card-media-tone-contrast);--solaris-card-media-bg: var(--solaris-card-media-tone-gradient);--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 42%, transparent );--solaris-card-media-shadow: none}.solaris-card-media[data-color=neutral][data-appearance=solid]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: var(--solaris-color-surface-2);--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-border) 78%, transparent )}.solaris-card-media[data-color=neutral][data-appearance=gradient]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: linear-gradient( 135deg, var(--solaris-color-surface) 0%, var(--solaris-color-surface-2) 100% )}.solaris-card-media__surface{display:grid;overflow:hidden;position:relative;isolation:isolate;min-inline-size:0;place-items:center;block-size:var(--solaris-card-media-height, auto);max-block-size:var(--solaris-card-media-max-height, none);min-block-size:var(--solaris-card-media-min-height-override, var(--solaris-card-media-min-height));border-radius:var(--solaris-card-media-radius);color:var(--solaris-card-media-fg-override, var(--solaris-card-media-fg));background:var(--solaris-card-media-bg-override, var(--solaris-card-media-bg));box-shadow:var(--solaris-card-media-shadow-override, var(--solaris-card-media-shadow));border:1px solid var(--solaris-card-media-border-override, var(--solaris-card-media-border))}.solaris-card-media[data-appearance=glass] .solaris-card-media__surface{backdrop-filter:blur(1.4rem) saturate(1.35);-webkit-backdrop-filter:blur(1.4rem) saturate(1.35)}.solaris-card-media[data-appearance=glass] .solaris-card-media__surface:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--solaris-color-surface) 24%,transparent) 0%,transparent 48%)}.solaris-card-media[data-appearance=gradient] .solaris-card-media__surface:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;background:radial-gradient(circle at top right,color-mix(in srgb,var(--solaris-color-surface) 28%,transparent) 0%,transparent 42%)}.solaris-card-media[data-ratio=auto] .solaris-card-media__surface{aspect-ratio:auto}.solaris-card-media[data-ratio=none] .solaris-card-media__surface{aspect-ratio:auto;min-block-size:var(--solaris-card-media-min-height-override, 0)}.solaris-card-media[data-ratio=\"1:1\"] .solaris-card-media__surface{aspect-ratio:1/1}.solaris-card-media[data-ratio=\"3:2\"] .solaris-card-media__surface{aspect-ratio:3/2}.solaris-card-media[data-ratio=\"4:3\"] .solaris-card-media__surface{aspect-ratio:4/3}.solaris-card-media[data-ratio=\"16:9\"] .solaris-card-media__surface{aspect-ratio:16/9}.solaris-card-media[data-ratio=\"21:9\"] .solaris-card-media__surface{aspect-ratio:21/9}.solaris-card-media[data-ratio=\"9:16\"] .solaris-card-media__surface{aspect-ratio:9/16}.solaris-card-media[data-ratio=\"3:4\"] .solaris-card-media__surface{aspect-ratio:3/4}.solaris-card-media[data-ratio=\"2:3\"] .solaris-card-media__surface{aspect-ratio:2/3}.solaris-card-media[data-ratio=custom] .solaris-card-media__surface{aspect-ratio:var(--solaris-card-media-custom-ratio, auto)}.solaris-card-media[data-radius=none]{--solaris-card-media-radius: var(--solaris-radius-none)}.solaris-card-media[data-radius=sm]{--solaris-card-media-radius: var(--solaris-radius-sm)}.solaris-card-media[data-radius=md]{--solaris-card-media-radius: var(--solaris-radius-md)}.solaris-card-media[data-radius=lg],.solaris-card-media[data-radius=xl],.solaris-card-media[data-radius=\"2xl\"]{--solaris-card-media-radius: var(--solaris-radius-lg)}.solaris-card-media[data-radius=full]{--solaris-card-media-radius: var(--solaris-radius-full)}.solaris-card-media[data-radius=inherit]{--solaris-card-media-radius: inherit}.solaris-card-media[data-padding=none]{--solaris-card-media-padding: var(--solaris-space-0)}.solaris-card-media[data-padding=xs]{--solaris-card-media-padding: var(--solaris-space-2)}.solaris-card-media[data-padding=sm]{--solaris-card-media-padding: var(--solaris-space-3)}.solaris-card-media[data-padding=md]{--solaris-card-media-padding: var(--solaris-space-4)}.solaris-card-media[data-padding=lg]{--solaris-card-media-padding: var(--solaris-space-6)}.solaris-card-media[data-padding=xl]{--solaris-card-media-padding: var(--solaris-space-8)}.solaris-card-media__image{inline-size:100%;block-size:100%;display:block;position:relative;z-index:var(--solaris-z-base);object-fit:var(--solaris-card-media-fit);object-position:var(--solaris-card-media-object-position)}.solaris-card-media__content{inline-size:100%;block-size:100%;min-inline-size:0;display:flex;position:relative;z-index:var(--solaris-z-raised);padding:var(--solaris-card-media-padding)}.solaris-card-media[data-align=start] .solaris-card-media__content{align-items:flex-start;justify-content:flex-start}.solaris-card-media[data-align=center] .solaris-card-media__content{align-items:center;justify-content:center}.solaris-card-media[data-align=end] .solaris-card-media__content{align-items:flex-end;justify-content:flex-end}.solaris-card-media__overlay{position:absolute;z-index:var(--solaris-z-raised);transform:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--solaris-space-2)}.solaris-card-media__overlay:empty{display:none}.solaris-card-media[data-overlay-position=top-start] .solaris-card-media__overlay{inset-block-start:var(--solaris-card-media-overlay-inset);inset-inline-start:var(--solaris-card-media-overlay-inset)}.solaris-card-media[data-overlay-position=top-center] .solaris-card-media__overlay{inset-block-start:var(--solaris-card-media-overlay-inset);inset-inline-start:50%;transform:translate(-50%)}.solaris-card-media[data-overlay-position=top-end] .solaris-card-media__overlay{inset-block-start:var(--solaris-card-media-overlay-inset);inset-inline-end:var(--solaris-card-media-overlay-inset)}.solaris-card-media[data-overlay-position=center] .solaris-card-media__overlay{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.solaris-card-media[data-overlay-position=bottom-start] .solaris-card-media__overlay{inset-block-end:var(--solaris-card-media-overlay-inset);inset-inline-start:var(--solaris-card-media-overlay-inset)}.solaris-card-media[data-overlay-position=bottom-center] .solaris-card-media__overlay{inset-block-end:var(--solaris-card-media-overlay-inset);inset-inline-start:50%;transform:translate(-50%)}.solaris-card-media[data-overlay-position=bottom-end] .solaris-card-media__overlay{inset-block-end:var(--solaris-card-media-overlay-inset);inset-inline-end:var(--solaris-card-media-overlay-inset)}.solaris-card-media__skeleton{inline-size:100%;block-size:100%;display:block;position:relative;z-index:var(--solaris-z-base);background:linear-gradient(90deg,color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent),color-mix(in srgb,var(--solaris-color-surface) 72%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent));background-size:200% 100%;animation:solaris-card-media-shimmer 1.2s linear infinite}.solaris-card-media.is-loading .solaris-card-media__surface{pointer-events:none}.solaris-card-media.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.solaris-card-media.is-disabled .solaris-card-media__surface{filter:grayscale(.1)}@keyframes solaris-card-media-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.solaris-card-media__skeleton{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6983
7015
|
}
|
|
6984
7016
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SolarisCardMedia, decorators: [{
|
|
6985
7017
|
type: Component,
|
|
6986
|
-
args: [{ selector: 'solaris-card-media', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"solaris-card-media\" [class.is-loading]=\"loading()\" [class.is-disabled]=\"disabled()\" [attr.data-variant]=\"variant()\"\r\n [attr.data-ratio]=\"ratio()\" [attr.data-align]=\"align()\" [attr.data-radius]=\"radius()\" [style.--solaris-card-media-fit]=\"fit()\">\r\n <div class=\"solaris-card-media__surface\">\r\n @if (loading()) {\r\n <span class=\"solaris-card-media__skeleton\" aria-hidden=\"true\"></span>\r\n } @else if (showImage()) {\r\n <img class=\"solaris-card-media__image\" [src]=\"normalizedSrc()\" [alt]=\"normalizedAlt()\" decoding=\"async\">\r\n } @else {\r\n <div class=\"solaris-card-media__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n\r\n <div class=\"solaris-card-media__overlay\">\r\n <ng-content select=\"[solaris-card-media-overlay]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block;min-inline-size:0}.solaris-card-media{--solaris-card-media-bg: var(--solaris-color-surface-2);--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-border) 78%, transparent );--solaris-card-media-radius: inherit;--solaris-card-media-fit: cover;--solaris-card-media-shadow: none;--solaris-card-media-min-height: 6rem;position:relative;display:block;min-inline-size:0}.solaris-card-media__surface{position:relative;overflow:hidden;display:grid;place-items:center;min-inline-size:0;min-block-size:var(--solaris-card-media-min-height);background:var(--solaris-card-media-bg);border:1px solid var(--solaris-card-media-border);border-radius:var(--solaris-card-media-radius);box-shadow:var(--solaris-card-media-shadow)}.solaris-card-media[data-ratio=auto] .solaris-card-media__surface{aspect-ratio:auto}.solaris-card-media[data-ratio=\"1:1\"] .solaris-card-media__surface{aspect-ratio:1/1}.solaris-card-media[data-ratio=\"4:3\"] .solaris-card-media__surface{aspect-ratio:4/3}.solaris-card-media[data-ratio=\"16:9\"] .solaris-card-media__surface{aspect-ratio:16/9}.solaris-card-media[data-ratio=\"21:9\"] .solaris-card-media__surface{aspect-ratio:21/9}.solaris-card-media[data-radius=none]{--solaris-card-media-radius: 0}.solaris-card-media[data-radius=sm]{--solaris-card-media-radius: var(--solaris-radius-sm)}.solaris-card-media[data-radius=md]{--solaris-card-media-radius: var(--solaris-radius-md)}.solaris-card-media[data-radius=lg]{--solaris-card-media-radius: var(--solaris-radius-lg)}.solaris-card-media[data-radius=inherit]{--solaris-card-media-radius: inherit}.solaris-card-media__image{inline-size:100%;block-size:100%;display:block;object-fit:var(--solaris-card-media-fit)}.solaris-card-media__content{inline-size:100%;block-size:100%;min-inline-size:0;display:flex;padding:var(--solaris-space-4)}.solaris-card-media[data-align=start] .solaris-card-media__content{align-items:flex-start;justify-content:flex-start}.solaris-card-media[data-align=center] .solaris-card-media__content{align-items:center;justify-content:center}.solaris-card-media[data-align=end] .solaris-card-media__content{align-items:flex-end;justify-content:flex-end}.solaris-card-media__overlay{position:absolute;inset-block-start:var(--solaris-space-3);inset-inline-end:var(--solaris-space-3);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--solaris-space-2)}.solaris-card-media__overlay:empty{display:none}.solaris-card-media__skeleton{inline-size:100%;block-size:100%;display:block;background:linear-gradient(90deg,color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent),color-mix(in srgb,white 18%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent));background-size:200% 100%;animation:solaris-card-media-shimmer 1.2s linear infinite}.solaris-card-media.is-disabled{opacity:.58}.solaris-card-media.is-disabled .solaris-card-media__surface{filter:grayscale(.08)}@keyframes solaris-card-media-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
|
|
6987
|
-
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }],
|
|
7018
|
+
args: [{ selector: 'solaris-card-media', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"solaris-card-media\" [class.is-loading]=\"loading()\" [class.is-disabled]=\"disabled()\" [attr.data-variant]=\"variant()\"\r\n [attr.data-appearance]=\"appearance()\" [attr.data-color]=\"color()\" [attr.data-ratio]=\"ratio()\" [attr.data-align]=\"align()\"\r\n [attr.data-radius]=\"radius()\" [attr.data-padding]=\"padding()\" [attr.data-overlay-position]=\"overlayPosition()\"\r\n [style.--solaris-card-media-fit]=\"fit()\" [style.--solaris-card-media-object-position]=\"objectPosition()\"\r\n [style.--solaris-card-media-custom-ratio]=\"resolvedCustomRatio() || null\"\r\n [style.--solaris-card-media-bg-override]=\"normalizedBackground() || null\"\r\n [style.--solaris-card-media-fg-override]=\"normalizedForeground() || null\"\r\n [style.--solaris-card-media-border-override]=\"normalizedBorderColor() || null\"\r\n [style.--solaris-card-media-shadow-override]=\"normalizedShadow() || null\"\r\n [style.--solaris-card-media-height]=\"normalizedHeight() || null\"\r\n [style.--solaris-card-media-min-height-override]=\"normalizedMinHeight() || null\"\r\n [style.--solaris-card-media-max-height]=\"normalizedMaxHeight() || null\"\r\n [style.--solaris-card-media-overlay-inset]=\"normalizedOverlayInset() || null\">\r\n\r\n <div class=\"solaris-card-media__surface\">\r\n @if (loading()) {\r\n <span class=\"solaris-card-media__skeleton\" aria-hidden=\"true\"></span>\r\n } @else if (showImage()) {\r\n <img class=\"solaris-card-media__image\" [src]=\"normalizedSrc()\" [alt]=\"normalizedAlt()\" decoding=\"async\">\r\n } @else {\r\n <div class=\"solaris-card-media__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n }\r\n\r\n <div class=\"solaris-card-media__overlay\">\r\n <ng-content select=\"[solaris-card-media-overlay]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block;min-inline-size:0}.solaris-card-media{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: var(--solaris-color-surface-2);--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-border) 78%, transparent );--solaris-card-media-tone: var(--solaris-color-surface-2);--solaris-card-media-tone-strong: var(--solaris-color-text);--solaris-card-media-tone-contrast: var(--solaris-color-text);--solaris-card-media-tone-border: var(--solaris-color-border);--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-surface) 0%, var(--solaris-color-surface-2) 100% );--solaris-card-media-fit: cover;--solaris-card-media-shadow: none;--solaris-card-media-radius: inherit;--solaris-card-media-object-position: center;--solaris-card-media-min-height: 6rem;--solaris-card-media-padding: var(--solaris-space-4);--solaris-card-media-overlay-inset: var(--solaris-space-3);display:block;position:relative;min-inline-size:0}.solaris-card-media[data-color=neutral]{--solaris-card-media-tone: var(--solaris-color-surface-2);--solaris-card-media-tone-strong: var(--solaris-color-text);--solaris-card-media-tone-contrast: var(--solaris-color-text);--solaris-card-media-tone-border: var(--solaris-color-border);--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-surface) 0%, var(--solaris-color-surface-2) 100% )}.solaris-card-media[data-color=primary]{--solaris-card-media-tone: var(--solaris-color-primary);--solaris-card-media-tone-strong: var(--solaris-color-primary-shade);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-primary) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: var(--solaris-color-gradient)}.solaris-card-media[data-color=success]{--solaris-card-media-tone: var(--solaris-color-success);--solaris-card-media-tone-strong: var(--solaris-color-success);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-success) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-success) 0%, color-mix(in srgb, var(--solaris-color-success) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=warning]{--solaris-card-media-tone: var(--solaris-color-warning);--solaris-card-media-tone-strong: var(--solaris-color-warning);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-warning) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-warning) 0%, color-mix(in srgb, var(--solaris-color-warning) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=error]{--solaris-card-media-tone: var(--solaris-color-error);--solaris-card-media-tone-strong: var(--solaris-color-error);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-error) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-error) 0%, color-mix(in srgb, var(--solaris-color-error) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=info]{--solaris-card-media-tone: var(--solaris-color-info);--solaris-card-media-tone-strong: var(--solaris-color-info);--solaris-card-media-tone-contrast: var(--solaris-color-primary-contrast);--solaris-card-media-tone-border: color-mix( in srgb, var(--solaris-color-info) 48%, var(--solaris-color-border) );--solaris-card-media-tone-gradient: linear-gradient( 135deg, var(--solaris-color-info) 0%, color-mix(in srgb, var(--solaris-color-info) 68%, var(--solaris-color-text)) 100% )}.solaris-card-media[data-color=custom]{--solaris-card-media-tone: var(--solaris-card-media-bg-override, var(--solaris-color-surface-2));--solaris-card-media-tone-strong: var(--solaris-card-media-fg-override, var(--solaris-color-text));--solaris-card-media-tone-contrast: var(--solaris-card-media-fg-override, var(--solaris-color-text));--solaris-card-media-tone-border: var(--solaris-card-media-border-override, var(--solaris-color-border))}.solaris-card-media[data-appearance=solid]{--solaris-card-media-fg: var(--solaris-card-media-tone-contrast);--solaris-card-media-bg: var(--solaris-card-media-tone);--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 54%, var(--solaris-color-border) );--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=soft]{--solaris-card-media-fg: var(--solaris-card-media-tone-strong);--solaris-card-media-bg: color-mix( in srgb, var(--solaris-card-media-tone) 13%, var(--solaris-color-surface) );--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 24%, var(--solaris-color-border) );--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=outline]{--solaris-card-media-fg: var(--solaris-card-media-tone-strong);--solaris-card-media-bg: transparent;--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 58%, var(--solaris-color-border) );--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=ghost]{--solaris-card-media-fg: var(--solaris-card-media-tone-strong);--solaris-card-media-bg: transparent;--solaris-card-media-border: transparent;--solaris-card-media-shadow: none}.solaris-card-media[data-appearance=glass]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: color-mix( in srgb, var(--solaris-card-media-tone) 13%, transparent );--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--solaris-card-media-shadow: var(--solaris-shadow-sm)}.solaris-card-media[data-appearance=elevated]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: color-mix( in srgb, var(--solaris-card-media-tone) 8%, var(--solaris-color-surface) );--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 18%, var(--solaris-color-border) );--solaris-card-media-shadow: var(--solaris-shadow-md)}.solaris-card-media[data-appearance=gradient]{--solaris-card-media-fg: var(--solaris-card-media-tone-contrast);--solaris-card-media-bg: var(--solaris-card-media-tone-gradient);--solaris-card-media-border: color-mix( in srgb, var(--solaris-card-media-tone) 42%, transparent );--solaris-card-media-shadow: none}.solaris-card-media[data-color=neutral][data-appearance=solid]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: var(--solaris-color-surface-2);--solaris-card-media-border: color-mix( in srgb, var(--solaris-color-border) 78%, transparent )}.solaris-card-media[data-color=neutral][data-appearance=gradient]{--solaris-card-media-fg: var(--solaris-color-text);--solaris-card-media-bg: linear-gradient( 135deg, var(--solaris-color-surface) 0%, var(--solaris-color-surface-2) 100% )}.solaris-card-media__surface{display:grid;overflow:hidden;position:relative;isolation:isolate;min-inline-size:0;place-items:center;block-size:var(--solaris-card-media-height, auto);max-block-size:var(--solaris-card-media-max-height, none);min-block-size:var(--solaris-card-media-min-height-override, var(--solaris-card-media-min-height));border-radius:var(--solaris-card-media-radius);color:var(--solaris-card-media-fg-override, var(--solaris-card-media-fg));background:var(--solaris-card-media-bg-override, var(--solaris-card-media-bg));box-shadow:var(--solaris-card-media-shadow-override, var(--solaris-card-media-shadow));border:1px solid var(--solaris-card-media-border-override, var(--solaris-card-media-border))}.solaris-card-media[data-appearance=glass] .solaris-card-media__surface{backdrop-filter:blur(1.4rem) saturate(1.35);-webkit-backdrop-filter:blur(1.4rem) saturate(1.35)}.solaris-card-media[data-appearance=glass] .solaris-card-media__surface:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--solaris-color-surface) 24%,transparent) 0%,transparent 48%)}.solaris-card-media[data-appearance=gradient] .solaris-card-media__surface:before{content:\"\";position:absolute;inset:0;z-index:var(--solaris-z-base);pointer-events:none;background:radial-gradient(circle at top right,color-mix(in srgb,var(--solaris-color-surface) 28%,transparent) 0%,transparent 42%)}.solaris-card-media[data-ratio=auto] .solaris-card-media__surface{aspect-ratio:auto}.solaris-card-media[data-ratio=none] .solaris-card-media__surface{aspect-ratio:auto;min-block-size:var(--solaris-card-media-min-height-override, 0)}.solaris-card-media[data-ratio=\"1:1\"] .solaris-card-media__surface{aspect-ratio:1/1}.solaris-card-media[data-ratio=\"3:2\"] .solaris-card-media__surface{aspect-ratio:3/2}.solaris-card-media[data-ratio=\"4:3\"] .solaris-card-media__surface{aspect-ratio:4/3}.solaris-card-media[data-ratio=\"16:9\"] .solaris-card-media__surface{aspect-ratio:16/9}.solaris-card-media[data-ratio=\"21:9\"] .solaris-card-media__surface{aspect-ratio:21/9}.solaris-card-media[data-ratio=\"9:16\"] .solaris-card-media__surface{aspect-ratio:9/16}.solaris-card-media[data-ratio=\"3:4\"] .solaris-card-media__surface{aspect-ratio:3/4}.solaris-card-media[data-ratio=\"2:3\"] .solaris-card-media__surface{aspect-ratio:2/3}.solaris-card-media[data-ratio=custom] .solaris-card-media__surface{aspect-ratio:var(--solaris-card-media-custom-ratio, auto)}.solaris-card-media[data-radius=none]{--solaris-card-media-radius: var(--solaris-radius-none)}.solaris-card-media[data-radius=sm]{--solaris-card-media-radius: var(--solaris-radius-sm)}.solaris-card-media[data-radius=md]{--solaris-card-media-radius: var(--solaris-radius-md)}.solaris-card-media[data-radius=lg],.solaris-card-media[data-radius=xl],.solaris-card-media[data-radius=\"2xl\"]{--solaris-card-media-radius: var(--solaris-radius-lg)}.solaris-card-media[data-radius=full]{--solaris-card-media-radius: var(--solaris-radius-full)}.solaris-card-media[data-radius=inherit]{--solaris-card-media-radius: inherit}.solaris-card-media[data-padding=none]{--solaris-card-media-padding: var(--solaris-space-0)}.solaris-card-media[data-padding=xs]{--solaris-card-media-padding: var(--solaris-space-2)}.solaris-card-media[data-padding=sm]{--solaris-card-media-padding: var(--solaris-space-3)}.solaris-card-media[data-padding=md]{--solaris-card-media-padding: var(--solaris-space-4)}.solaris-card-media[data-padding=lg]{--solaris-card-media-padding: var(--solaris-space-6)}.solaris-card-media[data-padding=xl]{--solaris-card-media-padding: var(--solaris-space-8)}.solaris-card-media__image{inline-size:100%;block-size:100%;display:block;position:relative;z-index:var(--solaris-z-base);object-fit:var(--solaris-card-media-fit);object-position:var(--solaris-card-media-object-position)}.solaris-card-media__content{inline-size:100%;block-size:100%;min-inline-size:0;display:flex;position:relative;z-index:var(--solaris-z-raised);padding:var(--solaris-card-media-padding)}.solaris-card-media[data-align=start] .solaris-card-media__content{align-items:flex-start;justify-content:flex-start}.solaris-card-media[data-align=center] .solaris-card-media__content{align-items:center;justify-content:center}.solaris-card-media[data-align=end] .solaris-card-media__content{align-items:flex-end;justify-content:flex-end}.solaris-card-media__overlay{position:absolute;z-index:var(--solaris-z-raised);transform:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--solaris-space-2)}.solaris-card-media__overlay:empty{display:none}.solaris-card-media[data-overlay-position=top-start] .solaris-card-media__overlay{inset-block-start:var(--solaris-card-media-overlay-inset);inset-inline-start:var(--solaris-card-media-overlay-inset)}.solaris-card-media[data-overlay-position=top-center] .solaris-card-media__overlay{inset-block-start:var(--solaris-card-media-overlay-inset);inset-inline-start:50%;transform:translate(-50%)}.solaris-card-media[data-overlay-position=top-end] .solaris-card-media__overlay{inset-block-start:var(--solaris-card-media-overlay-inset);inset-inline-end:var(--solaris-card-media-overlay-inset)}.solaris-card-media[data-overlay-position=center] .solaris-card-media__overlay{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.solaris-card-media[data-overlay-position=bottom-start] .solaris-card-media__overlay{inset-block-end:var(--solaris-card-media-overlay-inset);inset-inline-start:var(--solaris-card-media-overlay-inset)}.solaris-card-media[data-overlay-position=bottom-center] .solaris-card-media__overlay{inset-block-end:var(--solaris-card-media-overlay-inset);inset-inline-start:50%;transform:translate(-50%)}.solaris-card-media[data-overlay-position=bottom-end] .solaris-card-media__overlay{inset-block-end:var(--solaris-card-media-overlay-inset);inset-inline-end:var(--solaris-card-media-overlay-inset)}.solaris-card-media__skeleton{inline-size:100%;block-size:100%;display:block;position:relative;z-index:var(--solaris-z-base);background:linear-gradient(90deg,color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent),color-mix(in srgb,var(--solaris-color-surface) 72%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--solaris-color-surface-2) 72%,transparent));background-size:200% 100%;animation:solaris-card-media-shimmer 1.2s linear infinite}.solaris-card-media.is-loading .solaris-card-media__surface{pointer-events:none}.solaris-card-media.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.solaris-card-media.is-disabled .solaris-card-media__surface{filter:grayscale(.1)}@keyframes solaris-card-media-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.solaris-card-media__skeleton{animation:none}}\n"] }]
|
|
7019
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], customRatio: [{ type: i0.Input, args: [{ isSignal: true, alias: "customRatio", required: false }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }], objectPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectPosition", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], foreground: [{ type: i0.Input, args: [{ isSignal: true, alias: "foreground", required: false }] }], borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }], overlayInset: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayInset", required: false }] }], overlayPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayPosition", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
6988
7020
|
|
|
6989
7021
|
function sanitizePhoneInput(v) {
|
|
6990
7022
|
let s = (v ?? '').replace(/[^\d+\-\s().]/g, '');
|
|
@@ -8781,5 +8813,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
8781
8813
|
* Generated bundle index. Do not edit.
|
|
8782
8814
|
*/
|
|
8783
8815
|
|
|
8784
|
-
export { ButtonGroupDirective, FieldErrorComponent, FormField, InputTextDirective, PasswordToggle, SOLARIS_CARD_GROUP, SOLARIS_CARD_SLOT_DIRECTIVES, SOLARIS_DIALOG_DATA, SOLARIS_DIALOG_STEP_DATA, SOLARIS_FORM_FIELD_CONTROLLER, SOLARIS_FORM_FIELD_FEATURES, SOLARIS_INPUT, SOLARIS_NOTIFICATION_CONFIG, SOLARIS_NOTIFICATION_DEFAULT_CONFIG, SOLARIS_NOTIFICATION_POSITIONS, SOLARIS_RADIO_GROUP, SolarisAvatar, SolarisAvatarDropdown, SolarisAvatarOverlayDirective, SolarisAvatarStack, SolarisBadge, SolarisBodyDirective, SolarisBreadcrumb, SolarisButtonDirective, SolarisCard, SolarisCardActionsDirective, SolarisCardBadgeDirective, SolarisCardDescriptionDirective, SolarisCardEyebrowDirective, SolarisCardFooterDirective, SolarisCardGroup, SolarisCardMedia, SolarisCardMediaDirective,
|
|
8816
|
+
export { ButtonGroupDirective, FieldErrorComponent, FormField, InputTextDirective, PasswordToggle, SOLARIS_CARD_GROUP, SOLARIS_CARD_SLOT_DIRECTIVES, SOLARIS_DIALOG_DATA, SOLARIS_DIALOG_STEP_DATA, SOLARIS_FORM_FIELD_CONTROLLER, SOLARIS_FORM_FIELD_FEATURES, SOLARIS_INPUT, SOLARIS_NOTIFICATION_CONFIG, SOLARIS_NOTIFICATION_DEFAULT_CONFIG, SOLARIS_NOTIFICATION_POSITIONS, SOLARIS_RADIO_GROUP, SolarisAvatar, SolarisAvatarDropdown, SolarisAvatarOverlayDirective, SolarisAvatarStack, SolarisBadge, SolarisBodyDirective, SolarisBreadcrumb, SolarisButtonDirective, SolarisCard, SolarisCardActionsDirective, SolarisCardBadgeDirective, SolarisCardDescriptionDirective, SolarisCardEyebrowDirective, SolarisCardFooterDirective, SolarisCardGroup, SolarisCardMedia, SolarisCardMediaDirective, SolarisCardMediaOverlay, SolarisCardMetaDirective, SolarisCardTitleDirective, SolarisCarousel, SolarisCarouselOverlayDirective, SolarisCarouselSlideDirective, SolarisCheckbox, SolarisColumnCellDef, SolarisColumnHeaderDef, SolarisControlBridgeDirective, SolarisDialogContainer, SolarisDialogRef, SolarisDialogService, SolarisDialogStepsContainer, SolarisDivider, SolarisDrawer, SolarisDrawerFooterDirective, SolarisDrawerHeaderDirective, SolarisDropdownContent, SolarisDropdownContentPanelDirective, SolarisDropdownContentRegistry, SolarisDropdownContentTriggerDirective, SolarisEmailDirective, SolarisFilterBar, SolarisFilterChip, SolarisFilterField, SolarisFilterPanel, SolarisFilterPanelFooterDirective, SolarisFloatingOverlayService, SolarisFooterDirective, SolarisFormFieldController, SolarisHeaderDirective, SolarisIdGenerator, SolarisLoading, SolarisLoadingOverlay, SolarisNotificationCenterComponent, SolarisNotificationHostComponent, SolarisNotificationIntlService, SolarisNotificationItemComponent, SolarisNotificationService, SolarisPage, SolarisPageHeader, SolarisPageHeaderBreadcrumbDirective, SolarisPageHeaderDescriptionDirective, SolarisPageHeaderTitle, SolarisPageHeaderTitleDirective, SolarisPasswordDirective, SolarisPhoneInput, SolarisPopover, SolarisPopoverPanelDirective, SolarisPopoverTriggerDirective, SolarisPrefixDirective, SolarisPresenceAvatar, SolarisRadio, SolarisRadioGroup, SolarisRichTooltipDirective, SolarisRichTooltipPanel, SolarisRowComponent, SolarisSectionComponent, SolarisSelect, SolarisSelectionCard, SolarisStepper, SolarisStepperItem, SolarisSuffixDirective, SolarisTab, SolarisTable, SolarisTableColumn, SolarisTableFilters, SolarisTableSkeleton, SolarisTabs, SolarisTooltipDirective, SolarisTooltipPanel, computeFloatingPosition, computePopoverPosition, provideSolarisNotifications, repositionTooltipOverlay, uniqueId };
|
|
8785
8817
|
//# sourceMappingURL=educarehq-solaris-components.mjs.map
|