@educarehq/solaris-ui 0.17.1 → 0.18.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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject, PLATFORM_ID, Injectable, Pipe, Directive, signal, DestroyRef, DOCUMENT, input, computed, ChangeDetectionStrategy, Component, output, ElementRef, EnvironmentInjector, effect, createComponent, HostListener, model, TemplateRef, ViewContainerRef, contentChild, forwardRef, ViewChild, ViewEncapsulation,
|
|
2
|
+
import { InjectionToken, inject, PLATFORM_ID, Injectable, Pipe, Directive, signal, DestroyRef, DOCUMENT, input, computed, ChangeDetectionStrategy, Component, output, ElementRef, EnvironmentInjector, effect, createComponent, HostListener, model, TemplateRef, ViewContainerRef, contentChild, forwardRef, ViewChild, ViewEncapsulation, contentChildren, NgZone, Injector, viewChild, isDevMode, ChangeDetectorRef, booleanAttribute, numberAttribute, afterNextRender, viewChildren, ApplicationRef } from '@angular/core';
|
|
3
3
|
import { isPlatformBrowser, DOCUMENT as DOCUMENT$1, NgTemplateOutlet } from '@angular/common';
|
|
4
4
|
import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
|
|
5
5
|
import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
|
|
@@ -1094,6 +1094,25 @@ const ACTIONS_ICONS = [
|
|
|
1094
1094
|
{ type: 'path', d: 'M11 6h6a2 2 0 0 1 2 2v10' },
|
|
1095
1095
|
],
|
|
1096
1096
|
},
|
|
1097
|
+
{
|
|
1098
|
+
name: 'mouse-pointer-click',
|
|
1099
|
+
viewBox: '0 0 24 24',
|
|
1100
|
+
fill: 'none',
|
|
1101
|
+
stroke: 'currentColor',
|
|
1102
|
+
strokeWidth: 2,
|
|
1103
|
+
strokeLinecap: 'round',
|
|
1104
|
+
strokeLinejoin: 'round',
|
|
1105
|
+
elements: [
|
|
1106
|
+
{ type: 'path', d: 'M14 4.1 12 6' },
|
|
1107
|
+
{ type: 'path', d: 'm5.1 8-2.9-.8' },
|
|
1108
|
+
{ type: 'path', d: 'm6 12-1.9 2' },
|
|
1109
|
+
{ type: 'path', d: 'M7.2 2.2 8 5.1' },
|
|
1110
|
+
{
|
|
1111
|
+
type: 'path',
|
|
1112
|
+
d: 'M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z',
|
|
1113
|
+
},
|
|
1114
|
+
],
|
|
1115
|
+
},
|
|
1097
1116
|
{
|
|
1098
1117
|
name: 'search',
|
|
1099
1118
|
viewBox: '0 0 24 24',
|
|
@@ -1925,6 +1944,93 @@ const DATA_ICONS = [
|
|
|
1925
1944
|
{ type: 'path', d: 'M9 21V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10' },
|
|
1926
1945
|
],
|
|
1927
1946
|
},
|
|
1947
|
+
{
|
|
1948
|
+
name: 'timer',
|
|
1949
|
+
viewBox: '0 0 24 24',
|
|
1950
|
+
fill: 'none',
|
|
1951
|
+
stroke: 'currentColor',
|
|
1952
|
+
strokeWidth: 2,
|
|
1953
|
+
strokeLinecap: 'round',
|
|
1954
|
+
strokeLinejoin: 'round',
|
|
1955
|
+
elements: [
|
|
1956
|
+
{ type: 'line', x1: 10, x2: 14, y1: 2, y2: 2 },
|
|
1957
|
+
{ type: 'line', x1: 12, x2: 15, y1: 14, y2: 11 },
|
|
1958
|
+
{ type: 'circle', cx: 12, cy: 14, r: 8 },
|
|
1959
|
+
],
|
|
1960
|
+
},
|
|
1961
|
+
{
|
|
1962
|
+
name: 'clock-arrow-right',
|
|
1963
|
+
viewBox: '0 0 24 24',
|
|
1964
|
+
fill: 'none',
|
|
1965
|
+
stroke: 'currentColor',
|
|
1966
|
+
strokeWidth: 2,
|
|
1967
|
+
strokeLinecap: 'round',
|
|
1968
|
+
strokeLinejoin: 'round',
|
|
1969
|
+
elements: [
|
|
1970
|
+
{ type: 'path', d: 'M12 6v6l2 1' },
|
|
1971
|
+
{ type: 'path', d: 'M13.5 21.885A10 10 0 1 1 22 12' },
|
|
1972
|
+
{ type: 'path', d: 'M14 18h8' },
|
|
1973
|
+
{ type: 'path', d: 'm18 22 4-4-4-4' },
|
|
1974
|
+
],
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
name: 'truck',
|
|
1978
|
+
viewBox: '0 0 24 24',
|
|
1979
|
+
fill: 'none',
|
|
1980
|
+
stroke: 'currentColor',
|
|
1981
|
+
strokeWidth: 2,
|
|
1982
|
+
strokeLinecap: 'round',
|
|
1983
|
+
strokeLinejoin: 'round',
|
|
1984
|
+
elements: [
|
|
1985
|
+
{
|
|
1986
|
+
type: 'path',
|
|
1987
|
+
d: 'M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2',
|
|
1988
|
+
},
|
|
1989
|
+
{ type: 'path', d: 'M15 18H9' },
|
|
1990
|
+
{
|
|
1991
|
+
type: 'path',
|
|
1992
|
+
d: 'M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14',
|
|
1993
|
+
},
|
|
1994
|
+
{ type: 'circle', cx: 17, cy: 18, r: 2 },
|
|
1995
|
+
{ type: 'circle', cx: 7, cy: 18, r: 2 },
|
|
1996
|
+
],
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
name: 'handshake',
|
|
2000
|
+
viewBox: '0 0 24 24',
|
|
2001
|
+
fill: 'none',
|
|
2002
|
+
stroke: 'currentColor',
|
|
2003
|
+
strokeWidth: 2,
|
|
2004
|
+
strokeLinecap: 'round',
|
|
2005
|
+
strokeLinejoin: 'round',
|
|
2006
|
+
elements: [
|
|
2007
|
+
{ type: 'path', d: 'm11 17 2 2a1 1 0 1 0 3-3' },
|
|
2008
|
+
{
|
|
2009
|
+
type: 'path',
|
|
2010
|
+
d: 'm14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4',
|
|
2011
|
+
},
|
|
2012
|
+
{ type: 'path', d: 'm21 3 1 11h-2' },
|
|
2013
|
+
{ type: 'path', d: 'M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' },
|
|
2014
|
+
{ type: 'path', d: 'M3 4h8' },
|
|
2015
|
+
],
|
|
2016
|
+
},
|
|
2017
|
+
{
|
|
2018
|
+
name: 'route',
|
|
2019
|
+
viewBox: '0 0 24 24',
|
|
2020
|
+
fill: 'none',
|
|
2021
|
+
stroke: 'currentColor',
|
|
2022
|
+
strokeWidth: 2,
|
|
2023
|
+
strokeLinecap: 'round',
|
|
2024
|
+
strokeLinejoin: 'round',
|
|
2025
|
+
elements: [
|
|
2026
|
+
{ type: 'circle', cx: 6, cy: 19, r: 3 },
|
|
2027
|
+
{
|
|
2028
|
+
type: 'path',
|
|
2029
|
+
d: 'M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15',
|
|
2030
|
+
},
|
|
2031
|
+
{ type: 'circle', cx: 18, cy: 5, r: 3 },
|
|
2032
|
+
],
|
|
2033
|
+
},
|
|
1928
2034
|
];
|
|
1929
2035
|
|
|
1930
2036
|
const COMMUNICATION_ICONS = [
|
|
@@ -2124,6 +2230,20 @@ const COMMUNICATION_ICONS = [
|
|
|
2124
2230
|
{ type: 'path', d: 'm21.854 2.147-10.94 10.939' },
|
|
2125
2231
|
],
|
|
2126
2232
|
},
|
|
2233
|
+
{
|
|
2234
|
+
name: 'rss',
|
|
2235
|
+
viewBox: '0 0 24 24',
|
|
2236
|
+
fill: 'none',
|
|
2237
|
+
stroke: 'currentColor',
|
|
2238
|
+
strokeWidth: 2,
|
|
2239
|
+
strokeLinecap: 'round',
|
|
2240
|
+
strokeLinejoin: 'round',
|
|
2241
|
+
elements: [
|
|
2242
|
+
{ type: 'path', d: 'M4 11a9 9 0 0 1 9 9' },
|
|
2243
|
+
{ type: 'path', d: 'M4 4a16 16 0 0 1 16 16' },
|
|
2244
|
+
{ type: 'circle', cx: 5, cy: 19, r: 1 },
|
|
2245
|
+
],
|
|
2246
|
+
},
|
|
2127
2247
|
];
|
|
2128
2248
|
|
|
2129
2249
|
const MEDIA_ICONS = [
|
|
@@ -2206,6 +2326,43 @@ const MEDIA_ICONS = [
|
|
|
2206
2326
|
{ type: 'rect', x: 3, y: 17, width: 18, height: 4, rx: 1 },
|
|
2207
2327
|
],
|
|
2208
2328
|
},
|
|
2329
|
+
{
|
|
2330
|
+
name: 'headphones',
|
|
2331
|
+
viewBox: '0 0 24 24',
|
|
2332
|
+
fill: 'none',
|
|
2333
|
+
stroke: 'currentColor',
|
|
2334
|
+
strokeWidth: 2,
|
|
2335
|
+
strokeLinecap: 'round',
|
|
2336
|
+
strokeLinejoin: 'round',
|
|
2337
|
+
elements: [
|
|
2338
|
+
{
|
|
2339
|
+
type: 'path',
|
|
2340
|
+
d: 'M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3',
|
|
2341
|
+
},
|
|
2342
|
+
],
|
|
2343
|
+
},
|
|
2344
|
+
{
|
|
2345
|
+
name: 'headphones-off',
|
|
2346
|
+
viewBox: '0 0 24 24',
|
|
2347
|
+
fill: 'none',
|
|
2348
|
+
stroke: 'currentColor',
|
|
2349
|
+
strokeWidth: 2,
|
|
2350
|
+
strokeLinecap: 'round',
|
|
2351
|
+
strokeLinejoin: 'round',
|
|
2352
|
+
elements: [
|
|
2353
|
+
{ type: 'path', d: 'M21 14h-1.343' },
|
|
2354
|
+
{ type: 'path', d: 'M9.128 3.47A9 9 0 0 1 21 12v3.343' },
|
|
2355
|
+
{ type: 'path', d: 'm2 2 20 20' },
|
|
2356
|
+
{
|
|
2357
|
+
type: 'path',
|
|
2358
|
+
d: 'M20.414 20.414A2 2 0 0 1 19 21h-1a2 2 0 0 1-2-2v-3',
|
|
2359
|
+
},
|
|
2360
|
+
{
|
|
2361
|
+
type: 'path',
|
|
2362
|
+
d: 'M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 2.636-6.364',
|
|
2363
|
+
},
|
|
2364
|
+
],
|
|
2365
|
+
},
|
|
2209
2366
|
];
|
|
2210
2367
|
|
|
2211
2368
|
const BRAND_ICONS = [
|
|
@@ -3673,7 +3830,7 @@ class SolarisMegaMenuComponent {
|
|
|
3673
3830
|
provide: SOLARIS_MEGA_MENU,
|
|
3674
3831
|
useExisting: forwardRef(() => SolarisMegaMenuComponent),
|
|
3675
3832
|
},
|
|
3676
|
-
], queries: [{ propertyName: "panel", first: true, predicate: SolarisMegaMenuPanelDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: ["overlayPanel"], descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"[solaris-mega-menu-trigger]\" />\n<ng-content select=\"ng-template[solaris-mega-menu-panel]\" />\n\n<ng-template #overlayPanel>\n <section\n class=\"solaris-mega-menu__panel\"\n [id]=\"panelId\"\n tabindex=\"-1\"\n (pointerenter)=\"onPanelPointerEnter()\"\n (pointerleave)=\"onPanelPointerLeave()\"\n (focusout)=\"onPanelFocusOut()\"\n (keydown.escape)=\"onPanelEscape($event)\"\n >\n <ng-container *ngTemplateOutlet=\"panel()?.templateRef\" />\n </section>\n</ng-template>\n", styles: ["solaris-mega-menu{display:inline-block}[solaris-mega-menu-trigger]{display:inline-flex;align-items:center;gap:var(--solaris-spacing-2);transition:color var(--solaris-motion-duration-
|
|
3833
|
+
], queries: [{ propertyName: "panel", first: true, predicate: SolarisMegaMenuPanelDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: ["overlayPanel"], descendants: true, static: true }], ngImport: i0, template: "<ng-content select=\"[solaris-mega-menu-trigger]\" />\n<ng-content select=\"ng-template[solaris-mega-menu-panel]\" />\n\n<ng-template #overlayPanel>\n <section\n class=\"solaris-mega-menu__panel\"\n [id]=\"panelId\"\n tabindex=\"-1\"\n (pointerenter)=\"onPanelPointerEnter()\"\n (pointerleave)=\"onPanelPointerLeave()\"\n (focusout)=\"onPanelFocusOut()\"\n (keydown.escape)=\"onPanelEscape($event)\"\n >\n <ng-container *ngTemplateOutlet=\"panel()?.templateRef\" />\n </section>\n</ng-template>\n", styles: ["solaris-mega-menu{display:inline-block}[solaris-mega-menu-trigger]{display:inline-flex;align-items:center;gap:var(--solaris-spacing-2);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}[solaris-mega-menu-trigger]:after{content:\"\";flex:0 0 auto;width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);background:currentcolor;transform:rotate(0);transform-origin:center;transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard);mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\") center/contain no-repeat;-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\") center/contain no-repeat}[solaris-mega-menu-trigger][data-open]:after{transform:rotate(180deg)}[solaris-mega-menu-trigger][data-appearance=underline]{border-bottom:2px solid transparent}[solaris-mega-menu-trigger][data-appearance=underline][data-open]{border-bottom-color:transparent}[solaris-mega-menu-anchor]{position:relative}.solaris-mega-menu-anchor__underline{bottom:1px;height:2px;position:absolute;pointer-events:none;z-index:var(--solaris-z-index-raised);background:var(--solaris-primary-base);transition:left var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),width var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}[solaris-mega-menu-trigger][data-appearance=underline]:hover,[solaris-mega-menu-trigger][data-appearance=underline]:focus-visible{background:transparent}[solaris-mega-menu-trigger][data-appearance=text]{color:var(--solaris-text-muted)}[solaris-mega-menu-trigger][data-appearance=text][data-open]{color:var(--solaris-text-strong)}.solaris-mega-menu__panel{--solaris-mega-menu-shadow: var(--solaris-shadow-lg);--solaris-mega-menu-color: var(--solaris-text-default);--solaris-mega-menu-background: var(--solaris-surface-raised);width:100%;box-sizing:border-box;color:var(--solaris-mega-menu-color);box-shadow:var(--solaris-mega-menu-shadow);background:var(--solaris-mega-menu-background);animation:solaris-mega-menu-enter var(--solaris-motion-duration-fast) var(--solaris-motion-easing-decelerate)}.cdk-overlay-backdrop.solaris-mega-menu-backdrop{pointer-events:none;background:transparent}.solaris-mega-menu-backdrop__region{display:block;position:absolute;pointer-events:auto;background:var(--solaris-backdrop)}.solaris-mega-menu-backdrop__region--top,.solaris-mega-menu-backdrop__region--bottom{right:0;left:0}.solaris-mega-menu-backdrop__region--top{top:0}.solaris-mega-menu-backdrop__region--bottom{bottom:0}.solaris-mega-menu-backdrop__region--left{left:0}.solaris-mega-menu-backdrop__region--right{right:0}@keyframes solaris-mega-menu-enter{0%{opacity:0;transform:translateY(calc(-1 * var(--solaris-spacing-1)))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){[solaris-mega-menu-trigger],.solaris-mega-menu-anchor__underline,[solaris-mega-menu-trigger]:after,.solaris-mega-menu__panel{animation:none;transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3677
3834
|
}
|
|
3678
3835
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisMegaMenuComponent, decorators: [{
|
|
3679
3836
|
type: Component,
|
|
@@ -3685,7 +3842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
3685
3842
|
], host: {
|
|
3686
3843
|
class: 'solaris-mega-menu',
|
|
3687
3844
|
'[attr.data-open]': 'isOpen() ? "" : null',
|
|
3688
|
-
}, template: "<ng-content select=\"[solaris-mega-menu-trigger]\" />\n<ng-content select=\"ng-template[solaris-mega-menu-panel]\" />\n\n<ng-template #overlayPanel>\n <section\n class=\"solaris-mega-menu__panel\"\n [id]=\"panelId\"\n tabindex=\"-1\"\n (pointerenter)=\"onPanelPointerEnter()\"\n (pointerleave)=\"onPanelPointerLeave()\"\n (focusout)=\"onPanelFocusOut()\"\n (keydown.escape)=\"onPanelEscape($event)\"\n >\n <ng-container *ngTemplateOutlet=\"panel()?.templateRef\" />\n </section>\n</ng-template>\n", styles: ["solaris-mega-menu{display:inline-block}[solaris-mega-menu-trigger]{display:inline-flex;align-items:center;gap:var(--solaris-spacing-2);transition:color var(--solaris-motion-duration-
|
|
3845
|
+
}, template: "<ng-content select=\"[solaris-mega-menu-trigger]\" />\n<ng-content select=\"ng-template[solaris-mega-menu-panel]\" />\n\n<ng-template #overlayPanel>\n <section\n class=\"solaris-mega-menu__panel\"\n [id]=\"panelId\"\n tabindex=\"-1\"\n (pointerenter)=\"onPanelPointerEnter()\"\n (pointerleave)=\"onPanelPointerLeave()\"\n (focusout)=\"onPanelFocusOut()\"\n (keydown.escape)=\"onPanelEscape($event)\"\n >\n <ng-container *ngTemplateOutlet=\"panel()?.templateRef\" />\n </section>\n</ng-template>\n", styles: ["solaris-mega-menu{display:inline-block}[solaris-mega-menu-trigger]{display:inline-flex;align-items:center;gap:var(--solaris-spacing-2);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}[solaris-mega-menu-trigger]:after{content:\"\";flex:0 0 auto;width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);background:currentcolor;transform:rotate(0);transform-origin:center;transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard);mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\") center/contain no-repeat;-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\") center/contain no-repeat}[solaris-mega-menu-trigger][data-open]:after{transform:rotate(180deg)}[solaris-mega-menu-trigger][data-appearance=underline]{border-bottom:2px solid transparent}[solaris-mega-menu-trigger][data-appearance=underline][data-open]{border-bottom-color:transparent}[solaris-mega-menu-anchor]{position:relative}.solaris-mega-menu-anchor__underline{bottom:1px;height:2px;position:absolute;pointer-events:none;z-index:var(--solaris-z-index-raised);background:var(--solaris-primary-base);transition:left var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard),width var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}[solaris-mega-menu-trigger][data-appearance=underline]:hover,[solaris-mega-menu-trigger][data-appearance=underline]:focus-visible{background:transparent}[solaris-mega-menu-trigger][data-appearance=text]{color:var(--solaris-text-muted)}[solaris-mega-menu-trigger][data-appearance=text][data-open]{color:var(--solaris-text-strong)}.solaris-mega-menu__panel{--solaris-mega-menu-shadow: var(--solaris-shadow-lg);--solaris-mega-menu-color: var(--solaris-text-default);--solaris-mega-menu-background: var(--solaris-surface-raised);width:100%;box-sizing:border-box;color:var(--solaris-mega-menu-color);box-shadow:var(--solaris-mega-menu-shadow);background:var(--solaris-mega-menu-background);animation:solaris-mega-menu-enter var(--solaris-motion-duration-fast) var(--solaris-motion-easing-decelerate)}.cdk-overlay-backdrop.solaris-mega-menu-backdrop{pointer-events:none;background:transparent}.solaris-mega-menu-backdrop__region{display:block;position:absolute;pointer-events:auto;background:var(--solaris-backdrop)}.solaris-mega-menu-backdrop__region--top,.solaris-mega-menu-backdrop__region--bottom{right:0;left:0}.solaris-mega-menu-backdrop__region--top{top:0}.solaris-mega-menu-backdrop__region--bottom{bottom:0}.solaris-mega-menu-backdrop__region--left{left:0}.solaris-mega-menu-backdrop__region--right{right:0}@keyframes solaris-mega-menu-enter{0%{opacity:0;transform:translateY(calc(-1 * var(--solaris-spacing-1)))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){[solaris-mega-menu-trigger],.solaris-mega-menu-anchor__underline,[solaris-mega-menu-trigger]:after,.solaris-mega-menu__panel{animation:none;transition:none}}\n"] }]
|
|
3689
3846
|
}], ctorParameters: () => [], propDecorators: { overlayPanel: [{
|
|
3690
3847
|
type: ViewChild,
|
|
3691
3848
|
args: ['overlayPanel', { static: true }]
|
|
@@ -3754,17 +3911,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
3754
3911
|
}]
|
|
3755
3912
|
}] });
|
|
3756
3913
|
|
|
3757
|
-
// SECURITY_EXCEPTION_FILE: Native host access sets the semantic button type
|
|
3914
|
+
// SECURITY_EXCEPTION_FILE: Native host access sets the semantic button type; directive specs cover trigger semantics and interaction.
|
|
3758
3915
|
class SolarisMegaMenuTriggerDirective {
|
|
3759
3916
|
megaMenu = inject(SOLARIS_MEGA_MENU);
|
|
3760
3917
|
elementRef = inject(ElementRef);
|
|
3761
|
-
renderer = inject(Renderer2);
|
|
3762
3918
|
isPointerInteraction = false;
|
|
3763
3919
|
constructor() {
|
|
3764
3920
|
if (this.elementRef.nativeElement.getAttribute('type') === null) {
|
|
3765
3921
|
this.elementRef.nativeElement.setAttribute('type', 'button');
|
|
3766
3922
|
}
|
|
3767
|
-
this.ensureChevron();
|
|
3768
3923
|
}
|
|
3769
3924
|
onClick() {
|
|
3770
3925
|
this.megaMenu.toggleFromClick();
|
|
@@ -3796,16 +3951,6 @@ class SolarisMegaMenuTriggerDirective {
|
|
|
3796
3951
|
event.preventDefault();
|
|
3797
3952
|
this.megaMenu.close(true);
|
|
3798
3953
|
}
|
|
3799
|
-
ensureChevron() {
|
|
3800
|
-
const host = this.elementRef.nativeElement;
|
|
3801
|
-
if (host.querySelector('.solaris-mega-menu-trigger__chevron')) {
|
|
3802
|
-
return;
|
|
3803
|
-
}
|
|
3804
|
-
const chevron = this.renderer.createElement('span');
|
|
3805
|
-
this.renderer.addClass(chevron, 'solaris-mega-menu-trigger__chevron');
|
|
3806
|
-
this.renderer.setAttribute(chevron, 'aria-hidden', 'true');
|
|
3807
|
-
this.renderer.appendChild(host, chevron);
|
|
3808
|
-
}
|
|
3809
3954
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisMegaMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3810
3955
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisMegaMenuTriggerDirective, isStandalone: true, selector: "button[solaris-mega-menu-trigger]", host: { listeners: { "click": "onClick()", "pointerdown": "onPointerDown()", "pointercancel": "onPointerCancel()", "pointerenter": "onPointerEnter()", "pointerleave": "onPointerLeave()", "focusin": "onFocusIn()", "keydown.arrowdown": "onArrowDown($event)", "keydown.escape": "onEscape($event)" }, properties: { "attr.aria-controls": "megaMenu.panelId", "attr.aria-expanded": "megaMenu.isOpen() ? \"true\" : \"false\"", "attr.aria-haspopup": "\"true\"", "attr.data-open": "megaMenu.isOpen() ? \"\" : null", "attr.data-appearance": "megaMenu.appearance()" }, classAttribute: "solaris-mega-menu-trigger" }, ngImport: i0 });
|
|
3811
3956
|
}
|