@ethlete/components 1.0.0-next.80 → 1.0.0-next.81
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/CHANGELOG.md +15 -0
- package/design/anchored-dialog.ts +6 -0
- package/design/sdk/components/anchored-dialog/anchored-dialog.ts +11 -1
- package/design/sdk/components/button/button.ts +6 -2
- package/design/sdk/components/select/shared/select-part.ts +2 -0
- package/design/sdk/lint-baseline.json +6 -0
- package/design/sdk/pictures.json +14 -2
- package/design/sdk/ready.json +64 -0
- package/design/sdk/rule-baseline.json +104 -0
- package/design/select.ts +4 -1
- package/fesm2022/ethlete-components.mjs +47 -20
- package/fesm2022/ethlete-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/button/window-control-button.component.css +27 -0
- package/src/lib/focus-ring/focus-ring-styles.component.css +20 -5
- package/types/ethlete-components.d.ts +27 -14
|
@@ -2548,7 +2548,7 @@ var FocusRingStylesComponent = class FocusRingStylesComponent {
|
|
|
2548
2548
|
ngImport: i0,
|
|
2549
2549
|
template: "",
|
|
2550
2550
|
isInline: true,
|
|
2551
|
-
styles: ["@layer components{.et-focus-ring{--_et-focus-ring-offset: 3px;--_et-focus-ring-width: 2px;--_et-focus-ring-color: light-dark(
|
|
2551
|
+
styles: ["@layer components{@property --et-focus-ring-offset{syntax: \"*\"; inherits: false;}@property --et-focus-ring-width{syntax: \"*\"; inherits: false;}@property --et-focus-ring-color{syntax: \"*\"; inherits: false;}.et-focus-ring{--_et-focus-ring-offset: var(--et-focus-ring-offset, 3px);--_et-focus-ring-width: var(--et-focus-ring-width, 2px);--_et-focus-ring-color: var( --et-focus-ring-color, light-dark(var(--et-theme-color-ink-solid, currentColor), var(--et-theme-color-primary-solid, currentColor)) );outline:var(--_et-focus-ring-width) solid transparent;outline-offset:var(--_et-focus-ring-offset)}.et-focus-ring:focus-visible{outline-color:var(--_et-focus-ring-color)}}\n"],
|
|
2552
2552
|
encapsulation: i0.ViewEncapsulation.None
|
|
2553
2553
|
});
|
|
2554
2554
|
}
|
|
@@ -2564,7 +2564,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2564
2564
|
selector: "et-focus-ring-styles",
|
|
2565
2565
|
template: "",
|
|
2566
2566
|
encapsulation: ViewEncapsulation.None,
|
|
2567
|
-
styles: ["@layer components{.et-focus-ring{--_et-focus-ring-offset: 3px;--_et-focus-ring-width: 2px;--_et-focus-ring-color: light-dark(
|
|
2567
|
+
styles: ["@layer components{@property --et-focus-ring-offset{syntax: \"*\"; inherits: false;}@property --et-focus-ring-width{syntax: \"*\"; inherits: false;}@property --et-focus-ring-color{syntax: \"*\"; inherits: false;}.et-focus-ring{--_et-focus-ring-offset: var(--et-focus-ring-offset, 3px);--_et-focus-ring-width: var(--et-focus-ring-width, 2px);--_et-focus-ring-color: var( --et-focus-ring-color, light-dark(var(--et-theme-color-ink-solid, currentColor), var(--et-theme-color-primary-solid, currentColor)) );outline:var(--_et-focus-ring-width) solid transparent;outline-offset:var(--_et-focus-ring-offset)}.et-focus-ring:focus-visible{outline-color:var(--_et-focus-ring-color)}}\n"]
|
|
2568
2568
|
}]
|
|
2569
2569
|
}]
|
|
2570
2570
|
});
|
|
@@ -11006,7 +11006,8 @@ const WINDOW_CONTROL_BUTTON_KINDS = {
|
|
|
11006
11006
|
};
|
|
11007
11007
|
const WINDOW_CONTROL_BUTTON_SHAPES = {
|
|
11008
11008
|
SQUARE: "square",
|
|
11009
|
-
ROUND: "round"
|
|
11009
|
+
ROUND: "round",
|
|
11010
|
+
CAPTION: "caption"
|
|
11010
11011
|
};
|
|
11011
11012
|
const WINDOW_CONTROL_BUTTON_SPINNER_CONFIG = {
|
|
11012
11013
|
sm: {
|
|
@@ -11125,7 +11126,7 @@ var WindowControlButtonComponent = class WindowControlButtonComponent {
|
|
|
11125
11126
|
}
|
|
11126
11127
|
`,
|
|
11127
11128
|
isInline: true,
|
|
11128
|
-
styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}.et-window-control-button:where([data-shape=round]){--et-theme-color-primary-opacity: .1;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .1);--_et-window-control-button-border-radius: 50%}.et-window-control-button:where([data-shape=round][data-size=sm]){--_et-window-control-button-size: 2rem;--_et-window-control-button-icon-size: 1.2rem}.et-window-control-button:where([data-shape=round][data-size=md]){--_et-window-control-button-size: 2.4rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-shape=round][data-size=lg]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}@media(hover:hover){.et-window-control-button:where([data-shape=round]):hover{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}}.et-window-control-button:where([data-shape=round]):focus-visible{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}.et-window-control-button:where([data-shape=round]):active{--et-theme-color-primary-opacity: .3;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .3)}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]:not([data-shape=round])):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"],
|
|
11129
|
+
styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}.et-window-control-button:where([data-shape=round]){--et-theme-color-primary-opacity: .1;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .1);--_et-window-control-button-border-radius: 50%}.et-window-control-button:where([data-shape=round][data-size=sm]){--_et-window-control-button-size: 2rem;--_et-window-control-button-icon-size: 1.2rem}.et-window-control-button:where([data-shape=round][data-size=md]){--_et-window-control-button-size: 2.4rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-shape=round][data-size=lg]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}@media(hover:hover){.et-window-control-button:where([data-shape=round]):hover{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}}.et-window-control-button:where([data-shape=round]):focus-visible{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}.et-window-control-button:where([data-shape=round]):active{--et-theme-color-primary-opacity: .3;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .3)}.et-window-control-button:where([data-shape=caption]){--_et-window-control-button-border-radius: 0;--_et-window-control-button-icon-size: 10px;width:46px;height:100%}@media(hover:hover){.et-window-control-button:where([data-shape=caption]):hover{--et-theme-color-primary-opacity: .06;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .06)}}.et-window-control-button:where([data-shape=caption]):focus-visible{--et-theme-color-primary-opacity: .06;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .06);outline-offset:-2px}.et-window-control-button:where([data-shape=caption]):active{--et-theme-color-primary-opacity: .04;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .04)}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]:not([data-shape=round])):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"],
|
|
11129
11130
|
dependencies: [{
|
|
11130
11131
|
kind: "component",
|
|
11131
11132
|
type: SpinnerComponent,
|
|
@@ -11196,7 +11197,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
11196
11197
|
"[attr.data-shape]": "shape()",
|
|
11197
11198
|
"[attr.data-can-animate]": "canAnimate.state() || null"
|
|
11198
11199
|
},
|
|
11199
|
-
styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}.et-window-control-button:where([data-shape=round]){--et-theme-color-primary-opacity: .1;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .1);--_et-window-control-button-border-radius: 50%}.et-window-control-button:where([data-shape=round][data-size=sm]){--_et-window-control-button-size: 2rem;--_et-window-control-button-icon-size: 1.2rem}.et-window-control-button:where([data-shape=round][data-size=md]){--_et-window-control-button-size: 2.4rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-shape=round][data-size=lg]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}@media(hover:hover){.et-window-control-button:where([data-shape=round]):hover{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}}.et-window-control-button:where([data-shape=round]):focus-visible{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}.et-window-control-button:where([data-shape=round]):active{--et-theme-color-primary-opacity: .3;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .3)}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]:not([data-shape=round])):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"]
|
|
11200
|
+
styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}.et-window-control-button:where([data-shape=round]){--et-theme-color-primary-opacity: .1;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .1);--_et-window-control-button-border-radius: 50%}.et-window-control-button:where([data-shape=round][data-size=sm]){--_et-window-control-button-size: 2rem;--_et-window-control-button-icon-size: 1.2rem}.et-window-control-button:where([data-shape=round][data-size=md]){--_et-window-control-button-size: 2.4rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-shape=round][data-size=lg]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}@media(hover:hover){.et-window-control-button:where([data-shape=round]):hover{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}}.et-window-control-button:where([data-shape=round]):focus-visible{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}.et-window-control-button:where([data-shape=round]):active{--et-theme-color-primary-opacity: .3;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .3)}.et-window-control-button:where([data-shape=caption]){--_et-window-control-button-border-radius: 0;--_et-window-control-button-icon-size: 10px;width:46px;height:100%}@media(hover:hover){.et-window-control-button:where([data-shape=caption]):hover{--et-theme-color-primary-opacity: .06;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .06)}}.et-window-control-button:where([data-shape=caption]):focus-visible{--et-theme-color-primary-opacity: .06;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .06);outline-offset:-2px}.et-window-control-button:where([data-shape=caption]):active{--et-theme-color-primary-opacity: .04;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .04)}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]:not([data-shape=round])):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"]
|
|
11200
11201
|
}]
|
|
11201
11202
|
}],
|
|
11202
11203
|
propDecorators: {
|
|
@@ -13499,6 +13500,7 @@ const buildAnchoredRuntimePositionStrategy = (options = {}) => (origin) => origi
|
|
|
13499
13500
|
fallbackPlacements: options.fallbackPlacements,
|
|
13500
13501
|
offset: options.offset,
|
|
13501
13502
|
arrowPadding: options.arrowPadding,
|
|
13503
|
+
arrowAnchor: typeof options.arrowAnchor === "function" ? options.arrowAnchor(origin) : options.arrowAnchor,
|
|
13502
13504
|
viewportPadding: options.viewportPadding,
|
|
13503
13505
|
shift: options.shift,
|
|
13504
13506
|
autoResize: options.autoResize,
|
|
@@ -13662,7 +13664,7 @@ const injectAnchoredDialogStrategy = /* @__PURE__ */ toInjectFn(ANCHORED_DIALOG_
|
|
|
13662
13664
|
const anchoredDialogOverlayStrategy = (options = {}) => {
|
|
13663
13665
|
return () => {
|
|
13664
13666
|
const strategyProvider = injectAnchoredDialogStrategy();
|
|
13665
|
-
const { placement, fallbackPlacements, offset, arrowPadding, viewportPadding, shift, autoResize, minAvailableSpace, autoHide, autoCloseIfReferenceHidden, mirrorWidth, positionStrategy, ...breakpointConfig } = options;
|
|
13667
|
+
const { placement, fallbackPlacements, offset, arrowPadding, arrowAnchor, viewportPadding, shift, autoResize, minAvailableSpace, autoHide, autoCloseIfReferenceHidden, mirrorWidth, positionStrategy, ...breakpointConfig } = options;
|
|
13666
13668
|
const config = {
|
|
13667
13669
|
...breakpointConfig,
|
|
13668
13670
|
positionStrategy: positionStrategy ?? buildAnchoredRuntimePositionStrategy({
|
|
@@ -13670,6 +13672,7 @@ const anchoredDialogOverlayStrategy = (options = {}) => {
|
|
|
13670
13672
|
fallbackPlacements: fallbackPlacements ?? DEFAULT_ANCHORED_DIALOG_POSITION.fallbackPlacements,
|
|
13671
13673
|
offset: offset ?? DEFAULT_ANCHORED_DIALOG_POSITION.offset,
|
|
13672
13674
|
arrowPadding: arrowPadding ?? DEFAULT_ANCHORED_DIALOG_POSITION.arrowPadding,
|
|
13675
|
+
arrowAnchor,
|
|
13673
13676
|
viewportPadding,
|
|
13674
13677
|
shift: shift ?? DEFAULT_ANCHORED_DIALOG_POSITION.shift,
|
|
13675
13678
|
autoResize: autoResize ?? DEFAULT_ANCHORED_DIALOG_POSITION.autoResize,
|
|
@@ -27344,6 +27347,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
27344
27347
|
}
|
|
27345
27348
|
});
|
|
27346
27349
|
const DEFAULT_TOOLTIP_DELAY = 300;
|
|
27350
|
+
const LONG_PRESS_DELAY = 500;
|
|
27351
|
+
const TOUCH_HIDE_DELAY = 1500;
|
|
27347
27352
|
const createTooltipId = /* @__PURE__ */ createIdFactory("et-tooltip");
|
|
27348
27353
|
const createTooltipDescriptionId = /* @__PURE__ */ createIdFactory("et-tooltip-description");
|
|
27349
27354
|
var TooltipDirective = class TooltipDirective {
|
|
@@ -27355,6 +27360,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
27355
27360
|
this.overlayManager = injectOverlayManager();
|
|
27356
27361
|
this.focusVisibleTracker = injectFocusVisibleTracker();
|
|
27357
27362
|
this.renderer = injectRenderer();
|
|
27363
|
+
this.hasTouchInput = injectHasTouchInput();
|
|
27358
27364
|
this.content = input(null, {
|
|
27359
27365
|
...ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {},
|
|
27360
27366
|
alias: "etTooltip"
|
|
@@ -27390,6 +27396,8 @@ var TooltipDirective = class TooltipDirective {
|
|
|
27390
27396
|
const content = this.content();
|
|
27391
27397
|
return content !== null && (typeof content !== "string" || content.trim() !== "");
|
|
27392
27398
|
}, ...ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []);
|
|
27399
|
+
this.canShow = computed(() => this.hasContent() && !this.disabled(), ...ngDevMode ? [{ debugName: "canShow" }] : /* istanbul ignore next */ []);
|
|
27400
|
+
this.suppressNativeLongPress = computed(() => this.hasTouchInput() && this.canShow(), ...ngDevMode ? [{ debugName: "suppressNativeLongPress" }] : /* istanbul ignore next */ []);
|
|
27393
27401
|
this.accessibleDescription = computed(() => {
|
|
27394
27402
|
const ariaDescription = this.ariaDescription();
|
|
27395
27403
|
if (ariaDescription) return ariaDescription;
|
|
@@ -27399,6 +27407,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
27399
27407
|
mountFloatingPanelStyles();
|
|
27400
27408
|
mountFloatingTipStyles();
|
|
27401
27409
|
this.setupHoverBehavior();
|
|
27410
|
+
this.setupLongPressBehavior();
|
|
27402
27411
|
this.setupFocusBehavior();
|
|
27403
27412
|
effect(() => {
|
|
27404
27413
|
if (!this.isBrowser) return;
|
|
@@ -27487,11 +27496,19 @@ var TooltipDirective = class TooltipDirective {
|
|
|
27487
27496
|
if (!this.hasHover()) return;
|
|
27488
27497
|
this.show();
|
|
27489
27498
|
}), takeUntilDestroyed(this.destroyRef)).subscribe();
|
|
27490
|
-
leave$.pipe(tap(() => {
|
|
27499
|
+
leave$.pipe(filter((event) => event.pointerType !== "touch"), tap(() => {
|
|
27491
27500
|
this.hasHover.set(false);
|
|
27492
27501
|
if (!this.hasFocus()) this.hide();
|
|
27493
27502
|
}), takeUntilDestroyed(this.destroyRef)).subscribe();
|
|
27494
27503
|
}
|
|
27504
|
+
setupLongPressBehavior() {
|
|
27505
|
+
const hostElement = this.elementRef.nativeElement;
|
|
27506
|
+
const isTouch = (event) => event.pointerType === "touch";
|
|
27507
|
+
const pressEnd$ = merge(fromEvent(hostElement, "pointerup"), fromEvent(hostElement, "pointercancel")).pipe(filter(isTouch), take(1));
|
|
27508
|
+
fromEvent(hostElement, "pointerdown").pipe(filter((event) => isTouch(event) && this.canShow()), switchMap(() => merge(merge(timer(LONG_PRESS_DELAY), fromEvent(hostElement, "contextmenu").pipe(tap((event) => event.preventDefault()))).pipe(takeUntil(pressEnd$), tap(() => this.show()), ignoreElements()), pressEnd$.pipe(switchMap(() => timer(TOUCH_HIDE_DELAY))))), tap(() => {
|
|
27509
|
+
if (!this.hasFocus() && !this.hasHover()) this.overlayRef()?.close();
|
|
27510
|
+
}), takeUntilDestroyed(this.destroyRef)).subscribe();
|
|
27511
|
+
}
|
|
27495
27512
|
dismissOnOutsidePointer(overlayRef) {
|
|
27496
27513
|
const hostElement = this.elementRef.nativeElement;
|
|
27497
27514
|
fromEvent(this.document, "pointerdown", { capture: true }).pipe(takeUntil(overlayRef.afterClosed()), filter((event) => !(event.target instanceof Node) || !hostElement.contains(event.target)), filter((event) => !isOnHigherOverlayLayer(event.target, resolveOverlayLayer(hostElement))), tap(() => {
|
|
@@ -27653,6 +27670,11 @@ var TooltipDirective = class TooltipDirective {
|
|
|
27653
27670
|
transformFunction: null
|
|
27654
27671
|
}
|
|
27655
27672
|
},
|
|
27673
|
+
host: { properties: {
|
|
27674
|
+
"style.-webkit-touch-callout": "suppressNativeLongPress() ? \"none\" : null",
|
|
27675
|
+
"style.-webkit-user-select": "suppressNativeLongPress() ? \"none\" : null",
|
|
27676
|
+
"style.user-select": "suppressNativeLongPress() ? \"none\" : null"
|
|
27677
|
+
} },
|
|
27656
27678
|
exportAs: ["etTooltip"],
|
|
27657
27679
|
ngImport: i0
|
|
27658
27680
|
});
|
|
@@ -27667,7 +27689,12 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
27667
27689
|
type: Directive,
|
|
27668
27690
|
args: [{
|
|
27669
27691
|
selector: "[etTooltip]",
|
|
27670
|
-
exportAs: "etTooltip"
|
|
27692
|
+
exportAs: "etTooltip",
|
|
27693
|
+
host: {
|
|
27694
|
+
"[style.-webkit-touch-callout]": "suppressNativeLongPress() ? \"none\" : null",
|
|
27695
|
+
"[style.-webkit-user-select]": "suppressNativeLongPress() ? \"none\" : null",
|
|
27696
|
+
"[style.user-select]": "suppressNativeLongPress() ? \"none\" : null"
|
|
27697
|
+
}
|
|
27671
27698
|
}]
|
|
27672
27699
|
}],
|
|
27673
27700
|
ctorParameters: () => [],
|
|
@@ -85561,10 +85588,10 @@ var ProgressStepComponent = class ProgressStepComponent {
|
|
|
85561
85588
|
this.semanticThemes = injectSemanticThemes();
|
|
85562
85589
|
this.labels = injectProgressStepLabels();
|
|
85563
85590
|
this.elementRef = inject(ElementRef);
|
|
85564
|
-
this.
|
|
85591
|
+
this.stepState = input(PROGRESS_STEP_STATES.UPCOMING, ...ngDevMode ? [{ debugName: "stepState" }] : /* istanbul ignore next */ []);
|
|
85565
85592
|
this.role = INTERACTIVE_HOSTS.has(this.elementRef.nativeElement.nodeName) ? null : "listitem";
|
|
85566
85593
|
this.currentSource = signal(null, ...ngDevMode ? [{ debugName: "currentSource" }] : /* istanbul ignore next */ []);
|
|
85567
|
-
this.resolvedState = computed(() => this.currentSource()?.() ? PROGRESS_STEP_STATES.CURRENT : this.
|
|
85594
|
+
this.resolvedState = computed(() => this.currentSource()?.() ? PROGRESS_STEP_STATES.CURRENT : this.stepState(), ...ngDevMode ? [{ debugName: "resolvedState" }] : /* istanbul ignore next */ []);
|
|
85568
85595
|
this.markerIcon = computed(() => STATE_ICONS[this.resolvedState()] ?? null, ...ngDevMode ? [{ debugName: "markerIcon" }] : /* istanbul ignore next */ []);
|
|
85569
85596
|
this.stateLabel = computed(() => {
|
|
85570
85597
|
const state = this.resolvedState();
|
|
@@ -85602,9 +85629,9 @@ var ProgressStepComponent = class ProgressStepComponent {
|
|
|
85602
85629
|
type: ProgressStepComponent,
|
|
85603
85630
|
isStandalone: true,
|
|
85604
85631
|
selector: "et-progress-step, [et-progress-step]",
|
|
85605
|
-
inputs: {
|
|
85606
|
-
classPropertyName: "
|
|
85607
|
-
publicName: "
|
|
85632
|
+
inputs: { stepState: {
|
|
85633
|
+
classPropertyName: "stepState",
|
|
85634
|
+
publicName: "stepState",
|
|
85608
85635
|
isSignal: true,
|
|
85609
85636
|
isRequired: false,
|
|
85610
85637
|
transformFunction: null
|
|
@@ -85661,11 +85688,11 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
85661
85688
|
}]
|
|
85662
85689
|
}],
|
|
85663
85690
|
ctorParameters: () => [],
|
|
85664
|
-
propDecorators: {
|
|
85691
|
+
propDecorators: { stepState: [{
|
|
85665
85692
|
type: i0.Input,
|
|
85666
85693
|
args: [{
|
|
85667
85694
|
isSignal: true,
|
|
85668
|
-
alias: "
|
|
85695
|
+
alias: "stepState",
|
|
85669
85696
|
required: false
|
|
85670
85697
|
}]
|
|
85671
85698
|
}] }
|
|
@@ -90420,7 +90447,7 @@ var SchedulerMonthViewComponent = class SchedulerMonthViewComponent {
|
|
|
90420
90447
|
],
|
|
90421
90448
|
hostDirectives: [{ directive: SchedulerMonthDirective }],
|
|
90422
90449
|
ngImport: i0,
|
|
90423
|
-
template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n @for (weekday of weekdays(); track weekday.long) {\n <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n weekday.short\n }}</span>\n }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n @for (week of month.weeks(); track $index) {\n <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n @for (cell of week; track cell.date.getTime()) {\n <div\n #cell\n [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n [attr.data-today]=\"cell.today ? '' : null\"\n [attr.aria-current]=\"cell.today ? 'date' : null\"\n [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n [attr.data-drop-target]=\"isDropTarget(cell.date) ? '' : null\"\n [attr.tabindex]=\"isFocused(cell.date) ? 0 : -1\"\n (focus)=\"focusedDate.set(cell.date)\"\n class=\"et-scheduler-month-view-cell\"\n role=\"gridcell\"\n >\n <span class=\"et-scheduler-month-view-cell-date\" aria-hidden=\"true\">{{ cell.date.getDate() }}</span>\n <span class=\"et-visually-hidden et-scheduler-month-view-cell-label\">{{ dayLabel(cell.date) }}</span>\n\n <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n appointment or the overflow trigger does not also draw a range across the grid -->\n <div class=\"et-scheduler-month-view-cell-appointments\">\n @for (node of cell.visible; track node.appointment.id) {\n <button\n #appointmentButton\n #cellItem\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(node.appointment) ? '' : null\"\n [attr.title]=\"node.appointment.title\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment, appointmentButton)\"\n (pointerdown)=\"startAppointmentDrag($event, { appointment: node.appointment, weeks })\"\n class=\"et-scheduler-appointment\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n />\n }\n </button>\n }\n\n @if (cell.overflow.length > 0) {\n <div class=\"et-scheduler-month-view-overflow\" etMenu>\n <button\n #cellItem\n (pointerdown)=\"$event.stopPropagation()\"\n class=\"et-scheduler-month-view-overflow-trigger\"\n etMenuTrigger\n type=\"button\"\n tabindex=\"-1\"\n >\n {{ labels().moreAppointments(cell.overflow.length) }}\n </button>\n\n <ng-template etMenuSurface>\n <et-menu>\n @for (node of cell.overflow; track node.appointment.id) {\n <button\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment)\"\n et-menu-item\n type=\"button\"\n >\n {{ node.appointment.title }}\n </button>\n }\n </et-menu>\n </ng-template>\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n</div>\n",
|
|
90450
|
+
template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n @for (weekday of weekdays(); track weekday.long) {\n <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n weekday.short\n }}</span>\n }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n @for (week of month.weeks(); track $index) {\n <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n @for (cell of week; track cell.date.getTime()) {\n <div\n #cell\n [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n [attr.data-today]=\"cell.today ? '' : null\"\n [attr.aria-current]=\"cell.today ? 'date' : null\"\n [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n [attr.data-drop-target]=\"isDropTarget(cell.date) ? '' : null\"\n [attr.tabindex]=\"isFocused(cell.date) ? 0 : -1\"\n (focus)=\"focusedDate.set(cell.date)\"\n class=\"et-scheduler-month-view-cell\"\n role=\"gridcell\"\n >\n <span class=\"et-scheduler-month-view-cell-date\" aria-hidden=\"true\">{{ cell.date.getDate() }}</span>\n <span class=\"et-visually-hidden et-scheduler-month-view-cell-label\">{{ dayLabel(cell.date) }}</span>\n\n <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n appointment or the overflow trigger does not also draw a range across the grid -->\n <div class=\"et-scheduler-month-view-cell-appointments\">\n @for (node of cell.visible; track node.appointment.id) {\n <button\n #appointmentButton\n #cellItem\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(node.appointment) ? '' : null\"\n [attr.title]=\"node.appointment.title\"\n [attr.aria-label]=\"node.appointment.title\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment, appointmentButton)\"\n (pointerdown)=\"startAppointmentDrag($event, { appointment: node.appointment, weeks })\"\n class=\"et-scheduler-appointment\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n />\n }\n </button>\n }\n\n @if (cell.overflow.length > 0) {\n <div class=\"et-scheduler-month-view-overflow\" etMenu>\n <button\n #cellItem\n (pointerdown)=\"$event.stopPropagation()\"\n class=\"et-scheduler-month-view-overflow-trigger\"\n etMenuTrigger\n type=\"button\"\n tabindex=\"-1\"\n >\n {{ labels().moreAppointments(cell.overflow.length) }}\n </button>\n\n <ng-template etMenuSurface>\n <et-menu>\n @for (node of cell.overflow; track node.appointment.id) {\n <button\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment)\"\n et-menu-item\n type=\"button\"\n >\n {{ node.appointment.title }}\n </button>\n }\n </et-menu>\n </ng-template>\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n</div>\n",
|
|
90424
90451
|
styles: ["@layer components{@property --et-scheduler-month-view-cell-min-size{syntax: \"<length>\"; inherits: true; initial-value: 96px;}.et-scheduler-month-view{display:flex;flex-direction:column}.et-scheduler-month-view-weekdays,.et-scheduler-month-view-week{display:grid;grid-template-columns:repeat(7,1fr)}.et-scheduler-month-view-weekday{padding-block:6px;text-align:center;font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-weeks{position:relative;display:flex;flex-direction:column;flex:1;border-inline-start:1px solid var(--et-surface-border-solid);border-block-start:1px solid var(--et-surface-border-solid)}.et-scheduler-month-view-draft-anchor{position:absolute;pointer-events:none}.et-scheduler-month-view-week{flex:1;min-block-size:var(--et-scheduler-month-view-cell-min-size)}.et-scheduler-month-view-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0;padding:4px;overflow:hidden;border-inline-end:1px solid var(--et-surface-border-solid);border-block-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-month-view-cell:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:-2px}.et-scheduler-month-view-cell:where([data-draft],[data-drop-target]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent);box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}.et-scheduler-month-view-cell:where([data-outside-month]){color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-cell:where([data-outside-month]) .et-scheduler-month-view-cell-date{color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-cell-date{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-month-view-cell:where([data-today]) .et-scheduler-month-view-cell-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-month-view-cell-appointments{display:flex;flex-direction:column;min-block-size:0;min-inline-size:0;gap:2px;overflow:hidden}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment{gap:4px;min-inline-size:0;padding:2px 4px}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-dot,.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-location{display:none}.et-scheduler-month-view-overflow-trigger{padding:2px 6px;border:none;background:transparent;color:var(--et-surface-color-muted-solid);font:inherit;font-size:12px;font-weight:500;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-month-view-overflow-trigger:hover{color:var(--et-surface-color-solid)}}.et-scheduler-month-view-overflow-trigger:focus-visible{border-radius:4px;outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}}\n"],
|
|
90425
90452
|
dependencies: [
|
|
90426
90453
|
{
|
|
@@ -90514,7 +90541,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
90514
90541
|
role: "grid",
|
|
90515
90542
|
"(keydown)": "handleKeydown($event)"
|
|
90516
90543
|
},
|
|
90517
|
-
template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n @for (weekday of weekdays(); track weekday.long) {\n <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n weekday.short\n }}</span>\n }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n @for (week of month.weeks(); track $index) {\n <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n @for (cell of week; track cell.date.getTime()) {\n <div\n #cell\n [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n [attr.data-today]=\"cell.today ? '' : null\"\n [attr.aria-current]=\"cell.today ? 'date' : null\"\n [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n [attr.data-drop-target]=\"isDropTarget(cell.date) ? '' : null\"\n [attr.tabindex]=\"isFocused(cell.date) ? 0 : -1\"\n (focus)=\"focusedDate.set(cell.date)\"\n class=\"et-scheduler-month-view-cell\"\n role=\"gridcell\"\n >\n <span class=\"et-scheduler-month-view-cell-date\" aria-hidden=\"true\">{{ cell.date.getDate() }}</span>\n <span class=\"et-visually-hidden et-scheduler-month-view-cell-label\">{{ dayLabel(cell.date) }}</span>\n\n <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n appointment or the overflow trigger does not also draw a range across the grid -->\n <div class=\"et-scheduler-month-view-cell-appointments\">\n @for (node of cell.visible; track node.appointment.id) {\n <button\n #appointmentButton\n #cellItem\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(node.appointment) ? '' : null\"\n [attr.title]=\"node.appointment.title\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment, appointmentButton)\"\n (pointerdown)=\"startAppointmentDrag($event, { appointment: node.appointment, weeks })\"\n class=\"et-scheduler-appointment\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n />\n }\n </button>\n }\n\n @if (cell.overflow.length > 0) {\n <div class=\"et-scheduler-month-view-overflow\" etMenu>\n <button\n #cellItem\n (pointerdown)=\"$event.stopPropagation()\"\n class=\"et-scheduler-month-view-overflow-trigger\"\n etMenuTrigger\n type=\"button\"\n tabindex=\"-1\"\n >\n {{ labels().moreAppointments(cell.overflow.length) }}\n </button>\n\n <ng-template etMenuSurface>\n <et-menu>\n @for (node of cell.overflow; track node.appointment.id) {\n <button\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment)\"\n et-menu-item\n type=\"button\"\n >\n {{ node.appointment.title }}\n </button>\n }\n </et-menu>\n </ng-template>\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n</div>\n",
|
|
90544
|
+
template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n @for (weekday of weekdays(); track weekday.long) {\n <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n weekday.short\n }}</span>\n }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n @for (week of month.weeks(); track $index) {\n <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n @for (cell of week; track cell.date.getTime()) {\n <div\n #cell\n [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n [attr.data-today]=\"cell.today ? '' : null\"\n [attr.aria-current]=\"cell.today ? 'date' : null\"\n [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n [attr.data-drop-target]=\"isDropTarget(cell.date) ? '' : null\"\n [attr.tabindex]=\"isFocused(cell.date) ? 0 : -1\"\n (focus)=\"focusedDate.set(cell.date)\"\n class=\"et-scheduler-month-view-cell\"\n role=\"gridcell\"\n >\n <span class=\"et-scheduler-month-view-cell-date\" aria-hidden=\"true\">{{ cell.date.getDate() }}</span>\n <span class=\"et-visually-hidden et-scheduler-month-view-cell-label\">{{ dayLabel(cell.date) }}</span>\n\n <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n appointment or the overflow trigger does not also draw a range across the grid -->\n <div class=\"et-scheduler-month-view-cell-appointments\">\n @for (node of cell.visible; track node.appointment.id) {\n <button\n #appointmentButton\n #cellItem\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(node.appointment) ? '' : null\"\n [attr.title]=\"node.appointment.title\"\n [attr.aria-label]=\"node.appointment.title\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment, appointmentButton)\"\n (pointerdown)=\"startAppointmentDrag($event, { appointment: node.appointment, weeks })\"\n class=\"et-scheduler-appointment\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n />\n }\n </button>\n }\n\n @if (cell.overflow.length > 0) {\n <div class=\"et-scheduler-month-view-overflow\" etMenu>\n <button\n #cellItem\n (pointerdown)=\"$event.stopPropagation()\"\n class=\"et-scheduler-month-view-overflow-trigger\"\n etMenuTrigger\n type=\"button\"\n tabindex=\"-1\"\n >\n {{ labels().moreAppointments(cell.overflow.length) }}\n </button>\n\n <ng-template etMenuSurface>\n <et-menu>\n @for (node of cell.overflow; track node.appointment.id) {\n <button\n [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n [etProvideColor]=\"node.appointment.colorToken ?? null\"\n (click)=\"select(node.appointment)\"\n et-menu-item\n type=\"button\"\n >\n {{ node.appointment.title }}\n </button>\n }\n </et-menu>\n </ng-template>\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n</div>\n",
|
|
90518
90545
|
styles: ["@layer components{@property --et-scheduler-month-view-cell-min-size{syntax: \"<length>\"; inherits: true; initial-value: 96px;}.et-scheduler-month-view{display:flex;flex-direction:column}.et-scheduler-month-view-weekdays,.et-scheduler-month-view-week{display:grid;grid-template-columns:repeat(7,1fr)}.et-scheduler-month-view-weekday{padding-block:6px;text-align:center;font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-weeks{position:relative;display:flex;flex-direction:column;flex:1;border-inline-start:1px solid var(--et-surface-border-solid);border-block-start:1px solid var(--et-surface-border-solid)}.et-scheduler-month-view-draft-anchor{position:absolute;pointer-events:none}.et-scheduler-month-view-week{flex:1;min-block-size:var(--et-scheduler-month-view-cell-min-size)}.et-scheduler-month-view-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0;padding:4px;overflow:hidden;border-inline-end:1px solid var(--et-surface-border-solid);border-block-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-month-view-cell:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:-2px}.et-scheduler-month-view-cell:where([data-draft],[data-drop-target]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent);box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}.et-scheduler-month-view-cell:where([data-outside-month]){color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-cell:where([data-outside-month]) .et-scheduler-month-view-cell-date{color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-cell-date{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-month-view-cell:where([data-today]) .et-scheduler-month-view-cell-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-month-view-cell-appointments{display:flex;flex-direction:column;min-block-size:0;min-inline-size:0;gap:2px;overflow:hidden}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment{gap:4px;min-inline-size:0;padding:2px 4px}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-dot,.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-location{display:none}.et-scheduler-month-view-overflow-trigger{padding:2px 6px;border:none;background:transparent;color:var(--et-surface-color-muted-solid);font:inherit;font-size:12px;font-weight:500;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-month-view-overflow-trigger:hover{color:var(--et-surface-color-solid)}}.et-scheduler-month-view-overflow-trigger:focus-visible{border-radius:4px;outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}}\n"]
|
|
90519
90546
|
}]
|
|
90520
90547
|
}],
|
|
@@ -91012,7 +91039,7 @@ var SchedulerTimeGridViewComponent = class SchedulerTimeGridViewComponent {
|
|
|
91012
91039
|
],
|
|
91013
91040
|
hostDirectives: [{ directive: SchedulerTimeGridDirective }],
|
|
91014
91041
|
ngImport: i0,
|
|
91015
|
-
template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (day of grid.days(); track day.date.getTime()) {\n <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n </div>\n }\n </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div\n #allDayLane\n [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n class=\"et-scheduler-time-grid-all-day-lane\"\n role=\"presentation\"\n >\n @for (cell of allDayCells(); track cell.date.getTime(); let dayIndex = $index) {\n <div\n #allDayCell\n [attr.aria-label]=\"cell.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, 0)\"\n (focus)=\"focusedSlot.set({ day: cell.date, row: 0 })\"\n class=\"et-scheduler-time-grid-all-day-cell\"\n role=\"gridcell\"\n >\n @for (entry of cell.entries; track entry.node.appointment.id) {\n <button\n #appointmentButton\n #allDayItem\n [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(entry.node.appointment) ? '' : null\"\n [attr.title]=\"entry.node.appointment.title\"\n [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n (click)=\"select(entry.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'move', lane: allDayLane })\n \"\n class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n />\n }\n\n @if (canDragAppointments() && startsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-start',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-end',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n </div>\n}\n\n<div class=\"et-scheduler-time-grid-body-wrap\" role=\"presentation\">\n <div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\" role=\"rowgroup\">\n @for (hour of hours(); track hour.hour) {\n <div [attr.aria-owns]=\"hourRowOwns(hour.hour)\" class=\"et-scheduler-time-grid-hour-aria-row\" role=\"row\"></div>\n }\n\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n @for (hour of hours(); track hour.hour) {\n <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n </div>\n }\n </div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (column of columns(); track column.day.date.getTime(); let dayIndex = $index) {\n @let day = column.day;\n <div\n #dayColumn\n [attr.data-today]=\"day.today ? '' : null\"\n (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n class=\"et-scheduler-time-grid-day\"\n role=\"presentation\"\n >\n @for (segment of grid.nonBusinessTime()[dayIndex]; track segment.offset) {\n <div\n [style.--_et-scheduler-time-grid-block-offset]=\"segment.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"segment.span\"\n class=\"et-scheduler-time-grid-non-business\"\n role=\"presentation\"\n ></div>\n }\n\n @if (grid.currentTime(); as currentTime) {\n @if (currentTime.dayIndex === dayIndex) {\n <div\n [style.--_et-scheduler-time-grid-now-offset]=\"currentTime.offset\"\n class=\"et-scheduler-time-grid-now\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @if (grid.draftBlock(); as draft) {\n @if (draft.dayIndex === dayIndex) {\n <div\n #draftBlock\n [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n class=\"et-scheduler-time-grid-draft\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @for (slot of column.slots; track slot.hour) {\n <div\n #slotCell\n [id]=\"slotId(dayIndex, slot.hour)\"\n [attr.aria-label]=\"slot.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, slot.hour + 1)\"\n (focus)=\"focusedSlot.set({ day: day.date, row: slot.hour + 1 })\"\n class=\"et-scheduler-time-grid-hour-row et-scheduler-time-grid-slot\"\n role=\"gridcell\"\n >\n <!-- a block's own pointerdown moves it and stops there, so a press that starts on an\n appointment never reaches the column's drag-to-create underneath it -->\n @for (block of slot.blocks; track block.node.appointment.id) {\n <button\n #appointmentButton\n #slotItem\n [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(block.node.appointment) ? '' : null\"\n [attr.title]=\"block.node.appointment.title\"\n [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n (click)=\"select(block.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'move',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"\n adornment.component;\n inputs: { node: block.node };\n injector: adornment.injector\n \"\n />\n }\n\n @if (canDragAppointments() && startsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-start',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-end',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n\n <et-scrollbar [for]=\"timeGridBody\" autoHide aria-hidden=\"true\" />\n</div>\n",
|
|
91042
|
+
template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (day of grid.days(); track day.date.getTime()) {\n <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n </div>\n }\n </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div\n #allDayLane\n [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n class=\"et-scheduler-time-grid-all-day-lane\"\n role=\"presentation\"\n >\n @for (cell of allDayCells(); track cell.date.getTime(); let dayIndex = $index) {\n <div\n #allDayCell\n [attr.aria-label]=\"cell.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, 0)\"\n (focus)=\"focusedSlot.set({ day: cell.date, row: 0 })\"\n class=\"et-scheduler-time-grid-all-day-cell\"\n role=\"gridcell\"\n >\n @for (entry of cell.entries; track entry.node.appointment.id) {\n <button\n #appointmentButton\n #allDayItem\n [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(entry.node.appointment) ? '' : null\"\n [attr.title]=\"entry.node.appointment.title\"\n [attr.aria-label]=\"entry.node.appointment.title\"\n [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n (click)=\"select(entry.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'move', lane: allDayLane })\n \"\n class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n />\n }\n\n @if (canDragAppointments() && startsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-start',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-end',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n </div>\n}\n\n<div class=\"et-scheduler-time-grid-body-wrap\" role=\"presentation\">\n <div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\" role=\"rowgroup\">\n @for (hour of hours(); track hour.hour) {\n <div [attr.aria-owns]=\"hourRowOwns(hour.hour)\" class=\"et-scheduler-time-grid-hour-aria-row\" role=\"row\"></div>\n }\n\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n @for (hour of hours(); track hour.hour) {\n <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n </div>\n }\n </div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (column of columns(); track column.day.date.getTime(); let dayIndex = $index) {\n @let day = column.day;\n <div\n #dayColumn\n [attr.data-today]=\"day.today ? '' : null\"\n (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n class=\"et-scheduler-time-grid-day\"\n role=\"presentation\"\n >\n @for (segment of grid.nonBusinessTime()[dayIndex]; track segment.offset) {\n <div\n [style.--_et-scheduler-time-grid-block-offset]=\"segment.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"segment.span\"\n class=\"et-scheduler-time-grid-non-business\"\n role=\"presentation\"\n ></div>\n }\n\n @if (grid.currentTime(); as currentTime) {\n @if (currentTime.dayIndex === dayIndex) {\n <div\n [style.--_et-scheduler-time-grid-now-offset]=\"currentTime.offset\"\n class=\"et-scheduler-time-grid-now\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @if (grid.draftBlock(); as draft) {\n @if (draft.dayIndex === dayIndex) {\n <div\n #draftBlock\n [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n class=\"et-scheduler-time-grid-draft\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @for (slot of column.slots; track slot.hour) {\n <div\n #slotCell\n [id]=\"slotId(dayIndex, slot.hour)\"\n [attr.aria-label]=\"slot.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, slot.hour + 1)\"\n (focus)=\"focusedSlot.set({ day: day.date, row: slot.hour + 1 })\"\n class=\"et-scheduler-time-grid-hour-row et-scheduler-time-grid-slot\"\n role=\"gridcell\"\n >\n <!-- a block's own pointerdown moves it and stops there, so a press that starts on an\n appointment never reaches the column's drag-to-create underneath it -->\n @for (block of slot.blocks; track block.node.appointment.id) {\n <button\n #appointmentButton\n #slotItem\n [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(block.node.appointment) ? '' : null\"\n [attr.title]=\"block.node.appointment.title\"\n [attr.aria-label]=\"block.node.appointment.title\"\n [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n (click)=\"select(block.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'move',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"\n adornment.component;\n inputs: { node: block.node };\n injector: adornment.injector\n \"\n />\n }\n\n @if (canDragAppointments() && startsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-start',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-end',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n\n <et-scrollbar [for]=\"timeGridBody\" autoHide aria-hidden=\"true\" />\n</div>\n",
|
|
91016
91043
|
styles: ["@layer components{@property --et-scheduler-time-grid-hour-size{syntax: \"<length>\"; inherits: true; initial-value: 48px;}@property --et-scheduler-time-grid-gutter-size{syntax: \"<length>\"; inherits: true; initial-value: 56px;}@property --et-scheduler-time-grid-all-day-row-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-scheduler-time-grid-body-max-height{syntax: \"<length>\"; inherits: true; initial-value: 600px;}.et-scheduler-time-grid-view{display:flex;flex-direction:column}.et-scheduler-time-grid-row{display:flex}.et-scheduler-time-grid-hour-aria-row{display:contents}.et-scheduler-time-grid-body-wrap{position:relative;min-block-size:0}.et-scheduler-time-grid-body{--_et-scheduler-time-grid-hour-label-line-height: 14px;overflow-y:auto;padding-block-start:calc(var(--_et-scheduler-time-grid-hour-label-line-height) / 2);max-block-size:var(--et-scheduler-time-grid-body-max-height)}.et-scheduler-time-grid-gutter{flex-shrink:0;inline-size:var(--et-scheduler-time-grid-gutter-size)}.et-scheduler-time-grid-days{display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr}.et-scheduler-time-grid-header{padding-block-end:6px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-header-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:4px}.et-scheduler-time-grid-header-day:where([data-today]) .et-scheduler-time-grid-header-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-header-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-header-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-time-grid-all-day{padding-block:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-all-day-lane{position:relative;display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr;min-block-size:calc(var(--_et-scheduler-time-grid-all-day-row-count, 0) * var(--et-scheduler-time-grid-all-day-row-size))}.et-scheduler-time-grid-all-day-entry{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-all-day-row, 0) * var(--et-scheduler-time-grid-all-day-row-size));inset-inline-start:calc(var(--_et-scheduler-time-grid-all-day-offset, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-all-day-size, 100) * 1% - 4px);block-size:calc(var(--et-scheduler-time-grid-all-day-row-size) - 2px)}.et-scheduler-time-grid-hour-row{box-sizing:border-box;block-size:var(--et-scheduler-time-grid-hour-size);border-block-end:1px solid var(--et-surface-border-solid)}:is(.et-scheduler-time-grid-slot,.et-scheduler-time-grid-all-day-cell):focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:-2px}.et-scheduler-time-grid-body .et-scheduler-time-grid-gutter .et-scheduler-time-grid-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-inline-end:8px;border-block-end:none}.et-scheduler-time-grid-hour-label{inline-size:max-content;transform:translateY(-50%);font-size:11px;line-height:var(--_et-scheduler-time-grid-hour-label-line-height);font-variant-numeric:tabular-nums;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-days{border-inline-start:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-day{position:relative;border-inline-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-day:where([data-today]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 6%,transparent)}.et-scheduler-time-grid-non-business{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);background:var( --et-scheduler-time-grid-non-business-background, color-mix(in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 6%, transparent) );pointer-events:none}.et-scheduler-time-grid-now{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-now-offset, 0) * 1%);inset-inline:0;block-size:0;border-block-start:2px solid var(--et-theme-color-primary-solid, rgb(94 234 212));pointer-events:none;z-index:1}.et-scheduler-time-grid-now:before{content:\"\";position:absolute;inset-block-start:-5px;inset-inline-start:-4px;inline-size:8px;block-size:8px;border-radius:999px;background:var(--et-theme-color-primary-solid, rgb(94 234 212))}.et-scheduler-time-grid-draft{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0 2px;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);min-block-size:16px;border-radius:4px;border:1px dashed var(--et-theme-color-primary-solid);background:color-mix(in srgb,var(--et-theme-color-primary-solid) 10%,transparent);pointer-events:none}.et-scheduler-time-grid-draft:where([data-committed]){border-style:solid;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 18%,transparent)}.et-scheduler-time-grid-block{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline-start:calc(var(--_et-scheduler-time-grid-block-inline-offset, 0) * 1%);block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-block-inline-size, 100) * 1% - 2px);min-block-size:16px;display:flex;align-items:flex-start;gap:6px;overflow:hidden;padding:2px 6px;padding-inline-start:calc(min(var(--_et-scheduler-time-grid-block-depth, 0),4)*6px + 6px);border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-scheduler-time-grid-block .et-scheduler-appointment-dot{margin-block-start:4px}@media(hover:hover){.et-scheduler-time-grid-block:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-time-grid-block:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-scheduler-time-grid-block:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}}\n"],
|
|
91017
91044
|
dependencies: [
|
|
91018
91045
|
{
|
|
@@ -91066,7 +91093,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
91066
91093
|
role: "grid",
|
|
91067
91094
|
"(keydown)": "handleKeydown($event)"
|
|
91068
91095
|
},
|
|
91069
|
-
template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (day of grid.days(); track day.date.getTime()) {\n <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n </div>\n }\n </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div\n #allDayLane\n [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n class=\"et-scheduler-time-grid-all-day-lane\"\n role=\"presentation\"\n >\n @for (cell of allDayCells(); track cell.date.getTime(); let dayIndex = $index) {\n <div\n #allDayCell\n [attr.aria-label]=\"cell.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, 0)\"\n (focus)=\"focusedSlot.set({ day: cell.date, row: 0 })\"\n class=\"et-scheduler-time-grid-all-day-cell\"\n role=\"gridcell\"\n >\n @for (entry of cell.entries; track entry.node.appointment.id) {\n <button\n #appointmentButton\n #allDayItem\n [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(entry.node.appointment) ? '' : null\"\n [attr.title]=\"entry.node.appointment.title\"\n [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n (click)=\"select(entry.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'move', lane: allDayLane })\n \"\n class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n />\n }\n\n @if (canDragAppointments() && startsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-start',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-end',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n </div>\n}\n\n<div class=\"et-scheduler-time-grid-body-wrap\" role=\"presentation\">\n <div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\" role=\"rowgroup\">\n @for (hour of hours(); track hour.hour) {\n <div [attr.aria-owns]=\"hourRowOwns(hour.hour)\" class=\"et-scheduler-time-grid-hour-aria-row\" role=\"row\"></div>\n }\n\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n @for (hour of hours(); track hour.hour) {\n <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n </div>\n }\n </div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (column of columns(); track column.day.date.getTime(); let dayIndex = $index) {\n @let day = column.day;\n <div\n #dayColumn\n [attr.data-today]=\"day.today ? '' : null\"\n (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n class=\"et-scheduler-time-grid-day\"\n role=\"presentation\"\n >\n @for (segment of grid.nonBusinessTime()[dayIndex]; track segment.offset) {\n <div\n [style.--_et-scheduler-time-grid-block-offset]=\"segment.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"segment.span\"\n class=\"et-scheduler-time-grid-non-business\"\n role=\"presentation\"\n ></div>\n }\n\n @if (grid.currentTime(); as currentTime) {\n @if (currentTime.dayIndex === dayIndex) {\n <div\n [style.--_et-scheduler-time-grid-now-offset]=\"currentTime.offset\"\n class=\"et-scheduler-time-grid-now\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @if (grid.draftBlock(); as draft) {\n @if (draft.dayIndex === dayIndex) {\n <div\n #draftBlock\n [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n class=\"et-scheduler-time-grid-draft\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @for (slot of column.slots; track slot.hour) {\n <div\n #slotCell\n [id]=\"slotId(dayIndex, slot.hour)\"\n [attr.aria-label]=\"slot.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, slot.hour + 1)\"\n (focus)=\"focusedSlot.set({ day: day.date, row: slot.hour + 1 })\"\n class=\"et-scheduler-time-grid-hour-row et-scheduler-time-grid-slot\"\n role=\"gridcell\"\n >\n <!-- a block's own pointerdown moves it and stops there, so a press that starts on an\n appointment never reaches the column's drag-to-create underneath it -->\n @for (block of slot.blocks; track block.node.appointment.id) {\n <button\n #appointmentButton\n #slotItem\n [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(block.node.appointment) ? '' : null\"\n [attr.title]=\"block.node.appointment.title\"\n [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n (click)=\"select(block.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'move',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"\n adornment.component;\n inputs: { node: block.node };\n injector: adornment.injector\n \"\n />\n }\n\n @if (canDragAppointments() && startsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-start',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-end',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n\n <et-scrollbar [for]=\"timeGridBody\" autoHide aria-hidden=\"true\" />\n</div>\n",
|
|
91096
|
+
template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (day of grid.days(); track day.date.getTime()) {\n <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n </div>\n }\n </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\"></div>\n\n <div\n #allDayLane\n [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n class=\"et-scheduler-time-grid-all-day-lane\"\n role=\"presentation\"\n >\n @for (cell of allDayCells(); track cell.date.getTime(); let dayIndex = $index) {\n <div\n #allDayCell\n [attr.aria-label]=\"cell.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, 0)\"\n (focus)=\"focusedSlot.set({ day: cell.date, row: 0 })\"\n class=\"et-scheduler-time-grid-all-day-cell\"\n role=\"gridcell\"\n >\n @for (entry of cell.entries; track entry.node.appointment.id) {\n <button\n #appointmentButton\n #allDayItem\n [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(entry.node.appointment) ? '' : null\"\n [attr.title]=\"entry.node.appointment.title\"\n [attr.aria-label]=\"entry.node.appointment.title\"\n [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n (click)=\"select(entry.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'move', lane: allDayLane })\n \"\n class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n />\n }\n\n @if (canDragAppointments() && startsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-start',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsInView(entry.node.appointment)) {\n <span\n (pointerdown)=\"\n startAllDayDrag($event, {\n appointment: entry.node.appointment,\n mode: 'resize-end',\n lane: allDayLane,\n })\n \"\n class=\"et-scheduler-time-grid-all-day-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n </div>\n}\n\n<div class=\"et-scheduler-time-grid-body-wrap\" role=\"presentation\">\n <div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\" role=\"rowgroup\">\n @for (hour of hours(); track hour.hour) {\n <div [attr.aria-owns]=\"hourRowOwns(hour.hour)\" class=\"et-scheduler-time-grid-hour-aria-row\" role=\"row\"></div>\n }\n\n <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n @for (hour of hours(); track hour.hour) {\n <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n </div>\n }\n </div>\n\n <div class=\"et-scheduler-time-grid-days\" role=\"presentation\">\n @for (column of columns(); track column.day.date.getTime(); let dayIndex = $index) {\n @let day = column.day;\n <div\n #dayColumn\n [attr.data-today]=\"day.today ? '' : null\"\n (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n class=\"et-scheduler-time-grid-day\"\n role=\"presentation\"\n >\n @for (segment of grid.nonBusinessTime()[dayIndex]; track segment.offset) {\n <div\n [style.--_et-scheduler-time-grid-block-offset]=\"segment.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"segment.span\"\n class=\"et-scheduler-time-grid-non-business\"\n role=\"presentation\"\n ></div>\n }\n\n @if (grid.currentTime(); as currentTime) {\n @if (currentTime.dayIndex === dayIndex) {\n <div\n [style.--_et-scheduler-time-grid-now-offset]=\"currentTime.offset\"\n class=\"et-scheduler-time-grid-now\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @if (grid.draftBlock(); as draft) {\n @if (draft.dayIndex === dayIndex) {\n <div\n #draftBlock\n [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n class=\"et-scheduler-time-grid-draft\"\n role=\"presentation\"\n ></div>\n }\n }\n\n @for (slot of column.slots; track slot.hour) {\n <div\n #slotCell\n [id]=\"slotId(dayIndex, slot.hour)\"\n [attr.aria-label]=\"slot.label\"\n [attr.tabindex]=\"cellTabIndex(dayIndex, slot.hour + 1)\"\n (focus)=\"focusedSlot.set({ day: day.date, row: slot.hour + 1 })\"\n class=\"et-scheduler-time-grid-hour-row et-scheduler-time-grid-slot\"\n role=\"gridcell\"\n >\n <!-- a block's own pointerdown moves it and stops there, so a press that starts on an\n appointment never reaches the column's drag-to-create underneath it -->\n @for (block of slot.blocks; track block.node.appointment.id) {\n <button\n #appointmentButton\n #slotItem\n [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n [attr.data-dragging]=\"isDragging(block.node.appointment) ? '' : null\"\n [attr.title]=\"block.node.appointment.title\"\n [attr.aria-label]=\"block.node.appointment.title\"\n [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n (click)=\"select(block.node.appointment, appointmentButton)\"\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'move',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block\"\n type=\"button\"\n tabindex=\"-1\"\n >\n @for (adornment of badgeAdornments(); track $index) {\n <ng-container\n *ngComponentOutlet=\"\n adornment.component;\n inputs: { node: block.node };\n injector: adornment.injector\n \"\n />\n }\n\n @if (canDragAppointments() && startsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-start',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"start\"\n aria-hidden=\"true\"\n ></span>\n }\n\n @if (canDragAppointments() && endsOn(block.node.appointment, day.date)) {\n <span\n (pointerdown)=\"\n startAppointmentDrag($event, {\n appointment: block.node.appointment,\n mode: 'resize-end',\n column: { element: dayColumn, day: day.date },\n })\n \"\n class=\"et-scheduler-time-grid-block-resize\"\n data-edge=\"end\"\n aria-hidden=\"true\"\n ></span>\n }\n </button>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n\n <et-scrollbar [for]=\"timeGridBody\" autoHide aria-hidden=\"true\" />\n</div>\n",
|
|
91070
91097
|
styles: ["@layer components{@property --et-scheduler-time-grid-hour-size{syntax: \"<length>\"; inherits: true; initial-value: 48px;}@property --et-scheduler-time-grid-gutter-size{syntax: \"<length>\"; inherits: true; initial-value: 56px;}@property --et-scheduler-time-grid-all-day-row-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-scheduler-time-grid-body-max-height{syntax: \"<length>\"; inherits: true; initial-value: 600px;}.et-scheduler-time-grid-view{display:flex;flex-direction:column}.et-scheduler-time-grid-row{display:flex}.et-scheduler-time-grid-hour-aria-row{display:contents}.et-scheduler-time-grid-body-wrap{position:relative;min-block-size:0}.et-scheduler-time-grid-body{--_et-scheduler-time-grid-hour-label-line-height: 14px;overflow-y:auto;padding-block-start:calc(var(--_et-scheduler-time-grid-hour-label-line-height) / 2);max-block-size:var(--et-scheduler-time-grid-body-max-height)}.et-scheduler-time-grid-gutter{flex-shrink:0;inline-size:var(--et-scheduler-time-grid-gutter-size)}.et-scheduler-time-grid-days{display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr}.et-scheduler-time-grid-header{padding-block-end:6px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-header-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:4px}.et-scheduler-time-grid-header-day:where([data-today]) .et-scheduler-time-grid-header-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-header-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-header-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-time-grid-all-day{padding-block:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-all-day-lane{position:relative;display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr;min-block-size:calc(var(--_et-scheduler-time-grid-all-day-row-count, 0) * var(--et-scheduler-time-grid-all-day-row-size))}.et-scheduler-time-grid-all-day-entry{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-all-day-row, 0) * var(--et-scheduler-time-grid-all-day-row-size));inset-inline-start:calc(var(--_et-scheduler-time-grid-all-day-offset, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-all-day-size, 100) * 1% - 4px);block-size:calc(var(--et-scheduler-time-grid-all-day-row-size) - 2px)}.et-scheduler-time-grid-hour-row{box-sizing:border-box;block-size:var(--et-scheduler-time-grid-hour-size);border-block-end:1px solid var(--et-surface-border-solid)}:is(.et-scheduler-time-grid-slot,.et-scheduler-time-grid-all-day-cell):focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:-2px}.et-scheduler-time-grid-body .et-scheduler-time-grid-gutter .et-scheduler-time-grid-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-inline-end:8px;border-block-end:none}.et-scheduler-time-grid-hour-label{inline-size:max-content;transform:translateY(-50%);font-size:11px;line-height:var(--_et-scheduler-time-grid-hour-label-line-height);font-variant-numeric:tabular-nums;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-days{border-inline-start:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-day{position:relative;border-inline-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-day:where([data-today]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 6%,transparent)}.et-scheduler-time-grid-non-business{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);background:var( --et-scheduler-time-grid-non-business-background, color-mix(in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 6%, transparent) );pointer-events:none}.et-scheduler-time-grid-now{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-now-offset, 0) * 1%);inset-inline:0;block-size:0;border-block-start:2px solid var(--et-theme-color-primary-solid, rgb(94 234 212));pointer-events:none;z-index:1}.et-scheduler-time-grid-now:before{content:\"\";position:absolute;inset-block-start:-5px;inset-inline-start:-4px;inline-size:8px;block-size:8px;border-radius:999px;background:var(--et-theme-color-primary-solid, rgb(94 234 212))}.et-scheduler-time-grid-draft{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0 2px;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);min-block-size:16px;border-radius:4px;border:1px dashed var(--et-theme-color-primary-solid);background:color-mix(in srgb,var(--et-theme-color-primary-solid) 10%,transparent);pointer-events:none}.et-scheduler-time-grid-draft:where([data-committed]){border-style:solid;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 18%,transparent)}.et-scheduler-time-grid-block{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline-start:calc(var(--_et-scheduler-time-grid-block-inline-offset, 0) * 1%);block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-block-inline-size, 100) * 1% - 2px);min-block-size:16px;display:flex;align-items:flex-start;gap:6px;overflow:hidden;padding:2px 6px;padding-inline-start:calc(min(var(--_et-scheduler-time-grid-block-depth, 0),4)*6px + 6px);border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-scheduler-time-grid-block .et-scheduler-appointment-dot{margin-block-start:4px}@media(hover:hover){.et-scheduler-time-grid-block:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-time-grid-block:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-scheduler-time-grid-block:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}}\n"]
|
|
91071
91098
|
}]
|
|
91072
91099
|
}],
|
|
@@ -111034,7 +111061,7 @@ const provideUnsavedChangesAlertDialog = () => provideUnsavedChangesConfirm(() =
|
|
|
111034
111061
|
});
|
|
111035
111062
|
};
|
|
111036
111063
|
});
|
|
111037
|
-
const COMPONENTS_VERSION = "1.0.0-next.
|
|
111064
|
+
const COMPONENTS_VERSION = "1.0.0-next.81";
|
|
111038
111065
|
export { ACCESSIBLE_NAME_INPUTS, ACCORDION_ERROR_CODES, ACCORDION_GROUP_TOKEN, ACCORDION_IMPORTS, ACCORDION_TOKEN, ALERT_DIALOG_LABELS, ALIGN_CENTER_ICON, ALIGN_JUSTIFY_ICON, ALIGN_LEFT_ICON, ALIGN_RIGHT_ICON, ARROWS_LEFT_RIGHT_ICON, ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, ARROW_UP_ICON, AVATAR_IMPORTS, AVATAR_LABELS, AVATAR_SHAPES, AVATAR_SIZES, AccessibleNameControlDirective, AccordionComponent, AccordionContentDirective, AccordionDirective, AccordionGroupComponent, AccordionGroupDirective, AccordionHintDirective, AccordionLabelDirective, AccordionPanelDirective, AccordionTriggerDirective, AvatarComponent, AvatarGroupComponent, BADGE_ICON_ALIGNMENTS, BADGE_IMPORTS, BADGE_SIZES, BADGE_VARIANTS, BANNER_IMPORTS, BANNER_LABELS, BANNER_TYPES, BOLD_ICON, BRACKET_CARD_CONTEXT, BRACKET_DATA_LAYOUT, BRACKET_DEFAULTS, BRACKET_DEFAULT_CARDS, BRACKET_DENSITY, BRACKET_DENSITY_PRESETS, BRACKET_ERROR_CODES, BRACKET_IMPORTS, BRACKET_LABELS, BRACKET_PARTICIPANTS_IMPORTS, BRACKET_PICK_CARD_IMPORTS, BRACKET_PICK_CARD_NOTE_TONE, BRACKET_ROUNDS_LIST_IMPORTS, BRACKET_ROUND_HEADER_ALIGN, BRACKET_ROUND_MIRROR_TYPE, BRACKET_SKELETON_IMPORTS, BRACKET_SWISS_GROUP_COLOR_TYPE, BREADCRUMB_COLLAPSE_IMPORTS, BREADCRUMB_COLLAPSE_TOKEN, BREADCRUMB_ERROR_CODES, BREADCRUMB_IMPORTS, BREADCRUMB_LABELS, BREADCRUMB_SEGMENT_TOKEN, BREADCRUMB_SEO_IMPORTS, BREADCRUMB_TOKEN, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BadgeComponent, BannerComponent, BarChartComponent, BarChartDirective, BarChartPlotDirective, BracketComponent, BracketDefaultContinueComponent, BracketDefaultFinalMatchComponent, BracketDefaultMatchComponent, BracketDefaultRoundHeaderComponent, BracketMap, BracketParticipantsComponent, BracketPickCardComponent, BracketRoundsListComponent, BracketRuntimeError, BracketSkeletonComponent, BracketSkeletonContinueComponent, BracketSkeletonFinalMatchComponent, BracketSkeletonMatchComponent, BracketSkeletonRoundHeaderComponent, BrandLoaderComponent, BreadcrumbCollapseDirective, BreadcrumbComponent, BreadcrumbDirective, BreadcrumbItemDirective, BreadcrumbItemTemplateDirective, BreadcrumbOutletComponent, BreadcrumbOverflowComponent, BreadcrumbSegmentDirective, BreadcrumbSeoDirective, BreadcrumbSeparatorDirective, ButtonColorDirective, ButtonComponent, ButtonDirective, ButtonStylesDirective, CALENDAR_ERROR_CODES, CALENDAR_ICON, CALENDAR_IMPORTS, CALENDAR_LABELS, CARD_IMPORTS, CARD_VARIANTS, CAROUSEL_AUTOPLAY_TOKEN, CAROUSEL_ERROR_CODES, CAROUSEL_IMPORTS, CAROUSEL_LABELS, CAROUSEL_SLIDE_ALIGNMENTS, CAROUSEL_TOKEN, CAROUSEL_TRANSITIONS, CAROUSEL_TRANSITION_DRIVERS, CASCADER_ERROR_CODES, CASCADER_IMPORTS, CASCADER_LABELS, CASCADER_SELECTABLE_LEVELS, CHART_ERROR_CODES, CHART_IMPORTS, CHART_LABELS, CHART_PLOT_HOST, CHECKBOX_GROUP_IMPORTS, CHECKBOX_IMPORTS, CHECKBOX_OPTION_VARIANTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHIP_LABELS, CHIP_REMOVE_FOCUS_FALLBACK, CHIP_REMOVE_TAB_STOP, CHOICE_FIELD_IMPORTS, CHOICE_FIELD_VARIANTS, CIRCLE_CHECK_ICON, CIRCLE_INFO_ICON, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_BLOCK_ICON, CODE_ICON, COLOR_INPUT_ERROR_CODES, COLOR_INPUT_IMPORTS, COLOR_INPUT_LABELS, COLOR_INPUT_TOKEN, COLOR_NOTATIONS, COLOR_NOTATION_ORDER, COMMAND_PALETTE_ERROR_CODES, COMMAND_PALETTE_IMPORTS, COMMAND_PALETTE_LABELS, COMMAND_PALETTE_OVERLAY, COMMAND_PALETTE_REGISTRY, COMMAND_PALETTE_TOKEN, COMMON_BRACKET_ROUND_TYPE, COMPONENTS_VERSION, COPY_BUTTON_IMPORTS, COPY_BUTTON_LABELS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CalendarHeaderDirective, CardComponent, CarouselAutoplayDirective, CarouselComponent, CarouselDirective, CarouselItemDirective, CarouselNextDirective, CarouselPlayToggleDirective, CarouselPreviousDirective, CarouselSlideDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, ChartPlotDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxGroupSelectAllComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, ColorPickerAreaDirective, ColorPickerChannelDirective, ColorPickerPanelComponent, ColorPickerSurfaceDirective, ColorPickerTriggerDirective, CommandPaletteComponent, CommandPaletteDirective, CommandPaletteItemComponent, CommandPaletteSearchDirective, CommandPaletteShortcutDirective, ControlSuffixDirective, CopyButtonDirective, CounterComponent, DAILYMOTION_PLAYER_TOKEN, DATE_FORMAT, DATE_INPUT_ERROR_CODES, DATE_INPUT_IMPORTS, DATE_LOCALE, DATE_PICKER_HOST, DATE_RANGE_INPUT_ERROR_CODES, DATE_RANGE_INPUT_IMPORTS, DATE_TIME_FORMAT, DATE_TIME_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DATE_TIME_LABELS, DATE_TIME_RANGE_INPUT_ERROR_CODES, DATE_TIME_RANGE_INPUT_IMPORTS, DEFAULT_ALERT_DIALOG_LABELS, DEFAULT_AVATAR_LABELS, DEFAULT_BANNER_LABELS, DEFAULT_BRACKET_LABELS, DEFAULT_BREADCRUMB_LABELS, DEFAULT_BREAKPOINTS, DEFAULT_CALENDAR_LABELS, DEFAULT_CALENDAR_RANGE_STRATEGY, DEFAULT_CAROUSEL_LABELS, DEFAULT_CASCADER_LABELS, DEFAULT_CHART_LABELS, DEFAULT_CHIP_LABELS, DEFAULT_COLOR_INPUT_LABELS, DEFAULT_COMMAND_PALETTE_LABELS, DEFAULT_COPY_BUTTON_LABELS, DEFAULT_DATE_TIME_LABELS, DEFAULT_DROPZONE_LABELS, DEFAULT_DROPZONE_MAX_PREVIEW_FILE_SIZE, DEFAULT_FILTER_OVERLAY_LABELS, DEFAULT_FORM_FIELD_DEFAULTS, DEFAULT_FORM_FIELD_LABELS, DEFAULT_GRID_LABELS, DEFAULT_ICON_VARIANT, DEFAULT_INPUT_LABELS, DEFAULT_KBD_LABELS, DEFAULT_LOADER_LABELS, DEFAULT_MATCH_CARD_START_TIME_FORMAT, DEFAULT_MATCH_LABELS, DEFAULT_NOTIFICATION_LABELS, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_NOTIFICATION_STATUS_ICONS, DEFAULT_PAGINATION_LABELS, DEFAULT_PHONE_INPUT_LABELS, DEFAULT_PROGRESS_STEP_LABELS, DEFAULT_QUERY_ERROR_LABELS, DEFAULT_RICH_TEXT_EDITOR_LABELS, DEFAULT_RICH_TEXT_EDITOR_TOOLS, DEFAULT_SCHEDULER_LABELS, DEFAULT_SELECT_LABELS, DEFAULT_SLIDER_LABELS, DEFAULT_STANDINGS_LABELS, DEFAULT_STAT_TILE_LABELS, DEFAULT_STREAM_LABELS, DEFAULT_STREAM_PLAYER_STATE, DEFAULT_TABLE_LABELS, DEFAULT_TIME_PICKER_LABELS, DEFAULT_TREE_LABELS, DEFAULT_UNSAVED_CHANGES_LABELS, DESCRIPTION_IMPORTS, DESCRIPTION_LIST_IMPORTS, DESCRIPTION_LIST_VARIANTS, DIVIDER_IMPORTS, DOUBLE_ELIMINATION_BRACKET_ROUND_TYPE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, DROPZONE_LABELS, DURATION_INPUT_ERROR_CODES, DURATION_INPUT_IMPORTS, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DateInputComponent, DateInputDirective, DateInputFieldDirective, DatePickerPanelComponent, DatePickerSurfaceDirective, DatePickerTriggerDirective, DateRangeInputComponent, DateRangeInputDirective, DateRangeInputFieldDirective, DateTimeInputComponent, DateTimeInputDirective, DateTimeInputFieldDirective, DateTimeRangeInputComponent, DateTimeRangeInputDirective, DateTimeRangeInputFieldDirective, DescriptionComponent, DescriptionListComponent, DividerComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ELLIPSIS_ICON, ELLIPSIS_VERTICAL_ICON, EMPTY_STATE_IMPORTS, ET_BUILT_IN_ICON_NAMES, EYEDROPPER_ICON, EYE_ICON, EYE_SLASH_ICON, EmptyStateComponent, FACEBOOK_PLAYER_TOKEN, FIELD_WARNINGS, FIELD_WARNING_KIND, FILE_ICON, FILTER_ICON, FILTER_OVERLAY_ERROR_CODES, FILTER_OVERLAY_IMPORTS, FILTER_OVERLAY_LABELS, FILTER_OVERLAY_TOKEN, FLOATING_ACTION_ERROR_CODES, FLOATING_ACTION_IMPORTS, FLOATING_ACTION_STATES, FLOATING_ACTION_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_ERROR_MESSAGE_RESOLVER, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABELS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FORM_IMPORTS, FORM_WARNING_MESSAGE_RESOLVER, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FilterOverlayResetDirective, FilterOverlaySubmitDirective, FloatingActionAnchorDirective, FloatingActionDirective, FloatingActionScopeDirective, FloatingActionTopDirective, FloatingActionTriggerDirective, FocusRingDirective, FormDirective, FormErrorComponent, FormFieldBarrierDirective, FormFieldComponent, FormFieldDirective, FormWarningComponent, GERMAN_ALERT_DIALOG_LABELS, GERMAN_AVATAR_LABELS, GERMAN_BANNER_LABELS, GERMAN_BRACKET_LABELS, GERMAN_BREADCRUMB_LABELS, GERMAN_CALENDAR_LABELS, GERMAN_CAROUSEL_LABELS, GERMAN_CASCADER_LABELS, GERMAN_CHART_LABELS, GERMAN_CHIP_LABELS, GERMAN_COLOR_INPUT_LABELS, GERMAN_COMMAND_PALETTE_LABELS, GERMAN_COPY_BUTTON_LABELS, GERMAN_DATE_TIME_LABELS, GERMAN_DROPZONE_LABELS, GERMAN_FILTER_OVERLAY_LABELS, GERMAN_FORM_FIELD_LABELS, GERMAN_GRID_LABELS, GERMAN_INPUT_LABELS, GERMAN_KBD_LABELS, GERMAN_LOADER_LABELS, GERMAN_MATCH_LABELS, GERMAN_NOTIFICATION_LABELS, GERMAN_PAGINATION_LABELS, GERMAN_PHONE_INPUT_LABELS, GERMAN_PROGRESS_STEP_LABELS, GERMAN_QUERY_ERROR_LABELS, GERMAN_RICH_TEXT_EDITOR_LABELS, GERMAN_SCHEDULER_LABELS, GERMAN_SELECT_LABELS, GERMAN_SLIDER_LABELS, GERMAN_STANDINGS_LABELS, GERMAN_STAT_TILE_LABELS, GERMAN_STREAM_LABELS, GERMAN_TABLE_LABELS, GERMAN_TIME_PICKER_LABELS, GERMAN_TREE_LABELS, GERMAN_UNSAVED_CHANGES_LABELS, GRID_2X2_ICON, GRID_DEBUG_IMPORTS, GRID_ERROR_CODES, GRID_IMPORTS, GRID_LABELS, GRID_TOKEN, GROUP_BRACKET_ROUND_TYPE, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, ICON_OVERRIDES_TOKEN, IMAGE_ICON, INHERIT_COLOR, INITIAL_SUPPORT_PRESENTATION_STATE, INPUT_IMPORTS, INPUT_LABELS, INPUT_MASK_HOST, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, INTERACTIVE_TAGS, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputMaskDirective, InputPrefixDirective, InputSuffixDirective, KBD_IMPORTS, KBD_LABELS, KBD_PLATFORM, KICK_PLAYER_TOKEN, KbdComponent, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINE_CHART_ERROR_CODES, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOADER_IMPORTS, LOADER_LABELS, LOCATION_ICON, LOCK_ICON, LabelDirective, LineChartComponent, LineChartDirective, LineChartSliceDirective, MASKED_INPUT_ERROR_CODES, MASKED_INPUT_IMPORTS, MASK_VALUE_MODES, MASONRY_ERROR_CODES, MASONRY_IMPORTS, MASONRY_TOKEN, MATCH_CARD_IMPORTS, MATCH_CARD_SIZES, MATCH_CARD_TOKEN, MATCH_ERROR_CODES, MATCH_LABELS, MATCH_PARTICIPANT_IMPORTS, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SEARCH_IMPORTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MINUS_ICON, MULTI_LANGUAGE_RICH_TEXT_EDITOR_ERROR_CODES, MULTI_LANGUAGE_RICH_TEXT_EDITOR_IMPORTS, MasonryDirective, MasonryItemDirective, MatchCardComponent, MatchCardDirective, MatchCardGameScoresDirective, MatchCardMetaDirective, MatchCardScoreDirective, MatchParticipantComponent, MatchScoreComponent, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuItemSubmenuIconComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, MultiLanguageRichTextEditorComponent, MultiLanguageRichTextEditorDirective, MultiLanguageRichTextEditorLanguageToolComponent, NAV_TABS_TOKEN, NAV_TAB_IMPORTS, NOTIFICATION_ACTION_SLOTS, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_LABELS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STACK_OVERLAY_LAYER, NOTIFICATION_STATUS, NO_STREAM_PLAYER_CAPABILITIES, NUMBER_INPUT_IMPORTS, NavTabLinkComponent, NavTabLinkDirective, NavTabLinkStylesComponent, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, NotificationSwipeToDismissDirective, NumberInputComponent, NumberInputDirective, OTP_INPUT_IMPORTS, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HAS_BACKDROP, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_NAV_TAB_IMPORTS, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayNavTabLinkComponent, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PAGE_SIZE_SELECT_IMPORTS, PAGINATION_IMPORTS, PAGINATION_LABELS, PAGINATION_SIZES, PARAGRAPH_ICON, PASSWORD_INPUT_IMPORTS, PAUSE_ICON, PENCIL_ICON, PHONE_COUNTRIES, PHONE_INPUT_ERROR_CODES, PHONE_INPUT_IMPORTS, PHONE_INPUT_LABELS, PICTURE_IMPORTS, PICTURE_STATES, PIE_CHART_ERROR_CODES, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLAY_ICON, PLUS_ICON, PROGRESS_STEPS_IMPORTS, PROGRESS_STEPS_ORIENTATIONS, PROGRESS_STEP_LABELS, PROGRESS_STEP_STATES, PageSizeSelectComponent, PagedQueryTriggerDirective, PaginationComponent, PaginationDirective, PaginationSeoDirective, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PictureComponent, PictureErrorDirective, PicturePlaceholderDirective, PieChartComponent, PieChartDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, ProgressStepComponent, ProgressStepRouterActiveDirective, ProgressStepsComponent, QUERY_ERROR_ERROR_CODES, QUERY_ERROR_IMPORTS, QUERY_ERROR_LABELS, QUERY_ERROR_TOKEN, QUOTE_ICON, QueryButtonDirective, QueryErrorActionsDirective, QueryErrorComponent, QueryErrorDirective, QueryErrorTitleDirective, QueryParamOverlayLinkDirective, RADIO_GROUP_IMPORTS, RADIO_VARIANTS, RATING_ERROR_CODES, RATING_IMPORTS, REDO_ICON, RICH_TEXT_EDITOR_FLOATING_TOOLBAR, RICH_TEXT_EDITOR_HEADING_OPTIONS, RICH_TEXT_EDITOR_IMPORTS, RICH_TEXT_EDITOR_INLINE_TOOLS, RICH_TEXT_EDITOR_LABELS, RICH_TEXT_EDITOR_LANGUAGE_TOOL, RICH_TEXT_EDITOR_LINK_EDITOR, RICH_TEXT_EDITOR_TOKEN_CODEC, RICH_TEXT_EDITOR_TOKEN_PALETTE_IMPORTS, RICH_TEXT_EDITOR_TOOL, RICH_TEXT_EDITOR_TOOLS, RICH_TEXT_EDITOR_TOOL_BUTTONS, RICH_TEXT_EDITOR_TRIGGERS_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RangeSliderComponent, RangeSliderDirective, RatingComponent, RatingDirective, RatingIconDirective, RichTextEditorAlignToolComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, RichTextEditorFloatingToolbarDirective, RichTextEditorHeadingToolComponent, RichTextEditorImageEditorComponent, RichTextEditorImageToolComponent, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableToolComponent, RichTextEditorTokenPaletteComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, RichTextViewerComponent, SANKEY_CHART_ERROR_CODES, SCHEDULER_EDIT_SURFACE_IMPORTS, SCHEDULER_ERROR_CODES, SCHEDULER_FEATURE_HOST, SCHEDULER_IMPORTS, SCHEDULER_LABELS, SCROLLABLE_DARKEN_IMPORTS, SCROLLABLE_DRAG_IMPORTS, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SCROLLABLE_NAVIGATION_IMPORTS, SCROLLBAR_ERROR_CODES, SCROLLBAR_IMPORTS, SEGMENTED_BUTTON_GROUP_VARIANTS, SEGMENTED_BUTTON_IMPORTS, SELECTION_CARD_CONTROL_POSITIONS, SELECTION_LIST_ERROR_CODES, SELECTION_LIST_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SELECT_ERROR_CODES, SELECT_FILTER_MODES, SELECT_IMPORTS, SELECT_LABELS, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SINGLE_ELIMINATION_BRACKET_ROUND_TYPE, SKELETON_IMPORTS, SLIDER_ERROR_CODES, SLIDER_IMPORTS, SLIDER_LABELS, SLIDER_MARK_VALUE_ATTRIBUTE, SLIDER_TOKEN, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STANDINGS_ERROR_CODES, STANDINGS_IMPORTS, STANDINGS_LABELS, STANDINGS_PICK_IMPORTS, STAR_ICON, STAT_TILE_IMPORTS, STAT_TILE_LABELS, STREAM_ALL_IMPORTS, STREAM_CONSENT_TOKEN, STREAM_DAILYMOTION_IMPORTS, STREAM_DEFAULT_COMPONENTS, STREAM_ERROR_CODES, STREAM_FACEBOOK_IMPORTS, STREAM_IMPORTS, STREAM_KICK_IMPORTS, STREAM_LABELS, STREAM_PIP_IMPORTS, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_SOOP_IMPORTS, STREAM_TIKTOK_IMPORTS, STREAM_TWITCH_IMPORTS, STREAM_USER_CONSENT_PROVIDER_TOKEN, STREAM_VIMEO_IMPORTS, STREAM_YOUTUBE_IMPORTS, STRIKETHROUGH_ICON, SUPPORT_CONTENT_STATE, SUPPORT_TRANSITION_DIRECTION, SWISS_BRACKET_ROUND_TYPE, SWITCH_IMPORTS, SankeyChartComponent, SankeyChartDirective, SankeyChartMarkDirective, SchedulerActionAddAppointmentDirective, SchedulerAgendaDirective, SchedulerAgendaViewComponent, SchedulerAppointmentDragDirective, SchedulerBadgeChainCountComponent, SchedulerBadgeChainCountDirective, SchedulerBadgeColorDotComponent, SchedulerBadgeColorDotDirective, SchedulerBadgeLocationComponent, SchedulerBadgeLocationDirective, SchedulerBadgeTimeRangeComponent, SchedulerBadgeTimeRangeDirective, SchedulerBadgeTitleComponent, SchedulerBadgeTitleDirective, SchedulerComponent, SchedulerDirective, SchedulerEditAddSubAppointmentItemComponent, SchedulerEditColorComponent, SchedulerEditDeleteItemComponent, SchedulerEditDescriptionComponent, SchedulerEditLocationComponent, SchedulerEditSurfaceActionsComponent, SchedulerEditSurfaceBreadcrumbComponent, SchedulerEditSurfaceChildrenComponent, SchedulerEditSurfaceComponent, SchedulerEditSurfaceDirective, SchedulerEditSurfaceFieldsComponent, SchedulerEditSurfaceFooterComponent, SchedulerEditSurfaceHeaderComponent, SchedulerEditTimeRangeComponent, SchedulerEditTitleComponent, SchedulerMonthDirective, SchedulerMonthViewComponent, SchedulerSwipeNavigationDirective, SchedulerTimeGridDirective, SchedulerTimeGridViewComponent, ScrollableActiveChildDirective, ScrollableButtonsComponent, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksComponent, ScrollableNavigationComponent, ScrollableNavigationDirective, ScrollableSnapDirective, ScrollbarComponent, ScrollbarDirective, ScrollbarThumbDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectAllOptionComponent, SelectAllOptionDirective, SelectComponent, SelectDirective, SelectEmptyDirective, SelectErrorDirective, SelectListboxDirective, SelectLoadingDirective, SelectOptionComponent, SelectOptionDirective, SelectOptionGroupComponent, SelectOptionGroupDirective, SelectOptionTemplateDirective, SelectOptionsDirective, SelectPanelComponent, SelectSearchDirective, SelectSurfaceDirective, SelectTriggerDirective, SelectValueDirective, SelectViewportDirective, SelectVirtualOptionComponent, SelectVirtualOptionDirective, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SkeletonComponent, SkeletonItemComponent, SkeletonTextComponent, SliderComponent, SliderDirective, SliderThumbDirective, SliderThumbLabelDirective, SliderTrackDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, SplitButtonActionDirective, SplitButtonComponent, SplitButtonDirective, SplitButtonTriggerDirective, StandingsComponent, StandingsDirective, StandingsPickComponent, StandingsPickDirective, StandingsPickMarkDirective, StatTileComponent, StatTileSparklineComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TABLE_CELL_ERROR_TOOLTIP_IMPORTS, TABLE_COLUMN_CHOOSER_IMPORTS, TABLE_COLUMN_MENU_IMPORTS, TABLE_CSV_EXPORT_IMPORTS, TABLE_DRAG_SCROLL_IMPORTS, TABLE_ERROR_CODES, TABLE_FEATURE_HOST, TABLE_FILTER_IMPORTS, TABLE_GROUP_HEADERS_IMPORTS, TABLE_ICON, TABLE_IMPORTS, TABLE_INLINE_EDIT_IMPORTS, TABLE_KEYBOARD_NAV_IMPORTS, TABLE_LABELS, TABLE_PAGE_STICKY_HEADER_IMPORTS, TABLE_REORDER_IMPORTS, TABLE_RESIZE_IMPORTS, TABLE_ROW_EXPANSION_IMPORTS, TABLE_ROW_ROUTER_LINK_IMPORTS, TABLE_SELECTION_IMPORTS, TABLE_SKELETON_IMPORTS, TABLE_STATE_PERSISTENCE_IMPORTS, TABLE_STICKY_COLUMNS_IMPORTS, TABLE_VIRTUAL_SCROLL_IMPORTS, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_IMPORTS, TAB_PANEL_TOKEN, TAB_SIZES, TAG_INPUT_ERROR_CODES, TAG_INPUT_IMPORTS, TEXTAREA_IMPORTS, TEXTAREA_RESIZE_MODES, TEXT_ALIGNS, TEXT_FIELD_CONTROL_INPUTS, THUMBTACK_ICON, TIKTOK_PLAYER_TOKEN, TIMELINE_IMPORTS, TIMES_ICON, TIME_FORMAT, TIME_INPUT_ERROR_CODES, TIME_INPUT_IMPORTS, TIME_PICKER_ERROR_CODES, TIME_PICKER_IMPORTS, TIME_PICKER_LABELS, TIME_RANGE_INPUT_ERROR_CODES, TIME_RANGE_INPUT_IMPORTS, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLBAR_IMPORTS, TOOLBAR_ORIENTATIONS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TOURNAMENT_MODE, TRASH_ICON, TREE_ERROR_CODES, TREE_IMPORTS, TREE_LABELS, TREE_LEVEL_STATUSES, TREE_MARKERS, TREE_SELECTION_MODES, TRIANGLE_EXCLAMATION_ICON, TROPHY_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TableCardSurfaceDirective, TableCellDirective, TableCellEditDirective, TableCellErrorMarkComponent, TableCellErrorTooltipDirective, TableCellSkeletonDirective, TableColumnChooserComponent, TableColumnMenuDirective, TableColumnMenuTriggerComponent, TableComponent, TableCsvExportDirective, TableDetailStylesComponent, TableDragScrollDirective, TableDragScrollStylesComponent, TableExpanderCellComponent, TableFilterOptionDirective, TableFilterTriggerComponent, TableFiltersDirective, TableFooterCellDirective, TableFooterDirective, TableGroupHeaderRowComponent, TableGroupHeadersDirective, TableHeaderCellDirective, TableInlineEditDirective, TableInlineEditStylesComponent, TableKeyboardNavDirective, TablePageStickyHeaderDirective, TablePageStickyHeaderStylesComponent, TableReorderDirective, TableReorderOverlayComponent, TableResizeDirective, TableResizeGripComponent, TableRowBoxStylesComponent, TableRowDetailComponent, TableRowExpansionDirective, TableRowRouterLinkDirective, TableSelectAllCellComponent, TableSelectCellComponent, TableSelectionDirective, TableSkeletonDirective, TableSkeletonRowsComponent, TableStatePersistenceDirective, TableStickyColumnsDirective, TableStickyColumnsStylesComponent, TableVirtualScrollDirective, TableVirtualScrollStylesComponent, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerComponent, TimePickerDirective, TimePickerRingDirective, TimePickerRingHandleDirective, TimeRangeInputComponent, TimeRangeInputDirective, TimeRangeInputFieldDirective, TimelineComponent, TimelineItemComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, ToolbarComponent, ToolbarDirective, TooltipComponent, TooltipDirective, TreeComponent, TreeDirective, TreeMarkerComponent, TreeNodeDefDirective, TreeNodeDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNDO_ICON, UNSAVED_CHANGES_LABELS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WCAG_CONTRAST_RATIOS, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SHAPES, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, alertDialogLabelsForLocale, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, avatarLabelsForLocale, bannerLabelsForLocale, bottomSheetOverlayStrategy, bracketFitsWidth, bracketLabelsForLocale, bracketNaturalWidth, bracketSlot, breadcrumbLabelsForLocale, buildAnchoredRuntimePositionStrategy, calendarLabelsForLocale, canHaveChildren, canonicalKbdKey, carouselLabelsForLocale, cascaderFromQuery, cascaderLabelsForLocale, centeredOverlayStrategy, chartLabelsForLocale, chipLabelsForLocale, clearLeavingSupportStateOnExit, colorContrast, colorInputLabelsForLocale, commandPaletteLabelsForLocale, copyButtonLabelsForLocale, countDescendants, createAlertDialogOpener, createAnchoredPanelController, createBracket, createCardMask, createCommandPaletteOpener, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createFixedLengthRangeStrategy, createGridAdapter, createIbanMask, createNormalizedBracketMatch, createNotificationPromiseFn, createNotificationRef, createOverlayOpener, createOverlaySingleSlot, createOverlayStrategyController, createOverlayUnsavedChangesGuard, createPipChromeAnimations, createPipChromeState, createPlaceholderBracketSource, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createSchedulerRegistry, createStreamConfig, createStreamPlayerSlot, createTableRowsSource, createTableRowsState, createTableStateStorage, createV2DropzoneUpload, createWeekRangeStrategy, dateBounds, dateRangeBounds, dateRangeOrder, dateTimeBounds, dateTimeLabelsForLocale, dateTimeRangeBounds, dateTimeRangeOrder, defaultCompareWith, defaultDropzoneRejectionMessage, defaultSankeyChartLinkKeyHint, defineOverlay, defineQueryParamOverlay, describeBracketSlot, deserializeGridLayout, deserializeTableState, detectKbdPlatform, dialogOverlayStrategy, disposeDropzoneEntry, doubleEliminationBracketLayout, dropzoneFiles, dropzoneLabelsForLocale, enableDragToDismiss, extractFirstImageUrl, filterOverlayLabelsForLocale, filterOverlayPreviewFromQuery, filterRows, filterValues, findNextRelevantHtmlElement, focusFirstInvalidField, formFieldLabelsForLocale, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, generateBracketDataForEthlete, generateRoundTypeFromEthleteRoundType, generateTournamentModeFromEthleteRounds, getClosestOverlay, getColorContrastRatio, getOriginCoordinatesAndDimensions, gridLabelsForLocale, hexColor, hitsInteractiveElement, iconRegistryKey, injectAlertDialogLabels, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectAvatarLabels, injectBannerLabels, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBracketConfig, injectBracketLabels, injectBreadcrumbLabels, injectBreadcrumbManager, injectCalendarLabels, injectCarouselLabels, injectCascaderLabels, injectChartLabels, injectChipLabels, injectColorInputLabels, injectCommandPalette, injectCommandPaletteLabels, injectCommandPaletteRegistry, injectCopyButtonLabels, injectDateFormat, injectDateLocale, injectDateLocaleSignal, injectDateTimeFormat, injectDateTimeLabels, injectDateTimeZone, injectDialogStrategy, injectDialogStrategyDefaults, injectDropzoneLabels, injectFilterOverlay, injectFilterOverlayLabels, injectFormFieldDefaults, injectFormFieldLabels, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectGridLabels, injectInputLabels, injectKbdLabels, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectLoaderLabels, injectMatchLabels, injectNotificationLabels, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPaginationLabels, injectPhoneInputLabels, injectPictureConfig, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectProgressStepLabels, injectQueryErrorLabels, injectRichTextEditorLabels, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSchedulerEditSurface, injectSchedulerEditSurfaceOpener, injectSchedulerFeatureHost, injectSchedulerLabels, injectSelectLabels, injectSidebarOverlay, injectSliderLabels, injectStandingsLabels, injectStatTileLabels, injectStreamConfig, injectStreamConsentConfig, injectStreamLabels, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamPlayerSlot, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTableCsvExport, injectTableFeatureHost, injectTableLabels, injectTimeFormat, injectTimePickerLabels, injectTopSheetStrategy, injectTopSheetStrategyDefaults, injectTreeLabels, injectUnsavedChangesLabels, inputLabelsForLocale, isBracketSlotPredictable, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isRestorableTableState, isTargetInsideOverlayTree, isTouchEvent, kbdKeyLabel, kbdKeyName, kbdLabelsForLocale, lastDaysPreset, lastMonthPreset, lastWeekPreset, leftSheetOverlayStrategy, legacyQueryErrorSource, loaderLabelsForLocale, mapGridLayout, matchCountryByDialCode, matchLabelsForLocale, matchParticipantDisplayName, matchedDialPrefix, matchesKbdChord, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, mergeTableCsvExportOptions, migrateBracketPicks, mirroredDoubleEliminationBracketLayout, mirroredSingleEliminationBracketLayout, missingStreamSourceError, mountNavTabLinkStyles, nextDaysPreset, normalizeEthleteBracketMatch, normalizeEthleteGroupRanking, normalizeEthleteMatch, normalizeEthleteMatchStatus, normalizeEthleteMedia, normalizeEthleteParticipant, normalizeEthletePlacement, normalizePictureSizes, normalizePictureSource, notificationLabelsForLocale, numberInputStepMultiplierFrom, overlayResult, paginate, paginationLabelsForLocale, parseKbdKeys, phoneCountryFlag, phoneCountryName, phoneInputLabelsForLocale, progressStepLabelsForLocale, provideAlertDialogLabels, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideAvatarLabels, provideBannerLabels, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBracketLabels, provideBreadcrumbLabels, provideBreadcrumbManager, provideCalendarLabels, provideCarouselLabels, provideCascaderLabels, provideChartLabels, provideChipLabels, provideColorInputLabels, provideCommandPaletteLabels, provideCommandPaletteRegistry, provideCopyButtonLabels, provideDateFormat, provideDateLocale, provideDateTimeFormat, provideDateTimeLabels, provideDateTimeZone, provideDialogStrategy, provideDialogStrategyDefaults, provideDropzoneLabels, provideFilterOverlay, provideFilterOverlayLabels, provideFormErrorMessageResolver, provideFormFieldDefaults, provideFormFieldLabels, provideFormSupport, provideFormWarningMessageResolver, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideGridLabels, provideIconOverrides, provideIcons, provideInputLabels, provideKbdLabels, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideLoaderLabels, provideMatchLabels, provideNotificationLabels, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePaginationLabels, providePhoneInputLabels, providePictureConfig, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideProgressStepLabels, provideQueryErrorLabels, provideRichTextEditorAlignmentTool, provideRichTextEditorAutoformat, provideRichTextEditorBlockquoteTool, provideRichTextEditorCodeBlockTool, provideRichTextEditorDefaultTools, provideRichTextEditorFloatingToolbar, provideRichTextEditorHeadingTool, provideRichTextEditorImageTool, provideRichTextEditorLabels, provideRichTextEditorLanguageTool, provideRichTextEditorLinkEditor, provideRichTextEditorLinkTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTool, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSchedulerEditSurface, provideSchedulerLabels, provideSelectLabels, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideSliderLabels, provideStandingsLabels, provideStatTileLabels, provideStreamConfig, provideStreamConsentConfig, provideStreamLabels, provideStreamManager, provideStreamPip, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTableLabels, provideTimeFormat, provideTimePickerLabels, provideTopSheetStrategy, provideTopSheetStrategyDefaults, provideTreeLabels, provideUnsavedChangesAlertDialog, provideUnsavedChangesLabels, queryButtonSourceFromV2Query, queryErrorLabelsForLocale, queryErrorResponseFromLegacyError, quickFilterRows, reconcileColumnOrder, reconcileColumnWidths, reconcileHiddenColumns, reduceSupportPresentation, registerCommands, registerSingleton, rejectionMessage, requiredLanguages, resolveBracketLayout, resolveBracketSlot, resolveClosestOverlay, resolveFilterOverlaySubmitButton, resolveNormalizedMatchSideState, resolveNotificationStatusIcon, resolveOverlayHasBackdrop, resolveTableCsvRows, rgbColor, richTextEditorLabelsForLocale, richTextEditorToolLabel, rightSheetOverlayStrategy, schedulerFeatureConfig, schedulerLabelsForLocale, selectLabelsForLocale, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, serializeTableState, singleEliminationBracketLayout, sliderLabelsForLocale, sortRows, standingRankSides, standingsLabelsForLocale, startOfCalendarUnit, statTileLabelsForLocale, streamLabelsForLocale, stripTrunkZero, supportPresentationIncludesState, swapStandingRank, swissBracketLayout, tableCsvRowsFromPages, tableFeatureConfig, tableLabelsForLocale, tableRowsFromQuery, tableRowsFromV2Query, tableToCsv, thisMonthPreset, thisWeekPreset, thisYearPreset, timeBounds, timePickerLabelsForLocale, timeRangeBounds, timeRangeOrder, toFieldWarnings, toGridPosition, toNotificationContent, toPictureDimension, todayPreset, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, treeLabelsForLocale, unsavedChangesLabelsForLocale, validateBracketSource, warn, wireFormSupport, withPictureBaseUrl, yesterdayPreset };
|
|
111039
111066
|
|
|
111040
111067
|
//# sourceMappingURL=ethlete-components.mjs.map
|