@skyux/core 12.0.0-alpha.6 → 12.0.0-alpha.8

package/fesm2022/skyux-core.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, inject, RendererFactory2, NgZone, EventEmitter, Directive, Input, Output, EnvironmentInjector, createEnvironmentInjector, createComponent, ChangeDetectorRef, ElementRef, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, InjectionToken, Optional, Inject, ApplicationRef, afterNextRender, Injector, Pipe, HostBinding, Renderer2, HostListener } from '@angular/core';
+import { NgModule, Injectable, inject, RendererFactory2, NgZone, EventEmitter, Directive, Input, Output, EnvironmentInjector, createEnvironmentInjector, createComponent, ChangeDetectorRef, ElementRef, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, InjectionToken, input, effect, Optional, Inject, ApplicationRef, afterNextRender, Injector, Pipe, HostBinding, Renderer2, HostListener } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, Subscription, ReplaySubject, fromEvent, of, Observable, filter, map, distinctUntilChanged, shareReplay, throttle, animationFrames, take, takeUntil as takeUntil$1, BehaviorSubject, concat, animationFrameScheduler } from 'rxjs';
 import { takeUntil, debounceTime, switchMap, map as map$1 } from 'rxjs/operators';
 import { ViewportRuler } from '@angular/cdk/overlay';
-import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@skyux/i18n';
 import { SkyLibResourcesService, SkyI18nModule, SkyIntlNumberFormatStyle, SkyIntlNumberFormatter } from '@skyux/i18n';
 import { Router, NavigationStart } from '@angular/router';
@@ -322,6 +322,9 @@ function getInversePlacement(placement) {
     return pairings[placement];
 }
 
+function useViewportForBounds(element) {
+    return 'BODY' === element.tagName;
+}
 /**
  * Returns the offset values of a given element.
  * @param element The HTML element.
@@ -418,7 +421,7 @@ function getOverflowParents(child) {
  */
 function isOffsetFullyVisibleWithinParent(viewportRuler, parent, offset, bufferOffset) {
     let parentOffset;
-    if (parent.matches('body')) {
+    if (useViewportForBounds(parent)) {
         const viewportRect = viewportRuler.getViewportRect();
         parentOffset = {
             top: 0,
@@ -439,9 +442,22 @@ function isOffsetFullyVisibleWithinParent(viewportRuler, parent, offset, bufferO
         parentOffset.left <= offset.left);
 }
 function isOffsetPartiallyVisibleWithinParent(viewportRuler, parent, offset, bufferOffset) {
-    const parentOffset = bufferOffset
-        ? getElementOffset(parent, bufferOffset)
-        : getVisibleRectForElement(viewportRuler, parent);
+    let parentOffset;
+    if (useViewportForBounds(parent)) {
+        const viewportRect = viewportRuler.getViewportRect();
+        parentOffset = {
+            top: 0,
+            left: 0,
+            right: viewportRect.width,
+            bottom: viewportRect.height,
+        };
+    }
+    else if (bufferOffset) {
+        parentOffset = getElementOffset(parent, bufferOffset);
+    }
+    else {
+        parentOffset = getVisibleRectForElement(viewportRuler, parent);
+    }
     return !(parentOffset.top >= offset.bottom ||
         parentOffset.right <= offset.left ||
         parentOffset.bottom <= offset.top ||
@@ -1774,6 +1790,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             type: Injectable
         }] });
 
+const LAYOUT_FOR_CHILD_CLASS_PREFIX = 'sky-layout-host-for-child-';
+const LAYOUT_CLASS_PREFIX = 'sky-layout-host-';
+/**
+ * @internal
+ */
+class SkyLayoutHostDirective {
+    #elementRef;
+    #layoutForChild;
+    #renderer;
+    constructor() {
+        this.#elementRef = inject(ElementRef);
+        this.#layoutForChild = toSignal(inject(SkyLayoutHostService).hostLayoutForChild);
+        this.#renderer = inject(RendererFactory2).createRenderer(null, null);
+        this.layout = input();
+        effect(() => {
+            const cssClass = [`${LAYOUT_CLASS_PREFIX}${this.layout() ?? 'none'}`];
+            const layoutForChild = this.#layoutForChild()?.layout;
+            if (layoutForChild) {
+                cssClass.push(`${LAYOUT_FOR_CHILD_CLASS_PREFIX}${layoutForChild}`);
+            }
+            const classList = this.#elementRef.nativeElement.classList.values();
+            for (const className of classList) {
+                if (className.startsWith(LAYOUT_CLASS_PREFIX) &&
+                    !cssClass.includes(className)) {
+                    this.#renderer.removeClass(this.#elementRef.nativeElement, className);
+                }
+            }
+            for (const className of cssClass) {
+                this.#renderer.addClass(this.#elementRef.nativeElement, className);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyLayoutHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: SkyLayoutHostDirective, isStandalone: true, selector: "[skyLayoutHost]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SkyLayoutHostService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyLayoutHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyLayoutHost]',
+                    standalone: true,
+                    providers: [SkyLayoutHostService],
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Allows for announcing messages to screen reader users through the use of a common `aria-live` element.
  * @internal
@@ -2441,6 +2501,12 @@ const RESOURCES = {
         skyux_numeric_thousands_symbol: { message: 'K' },
         skyux_numeric_trillions_symbol: { message: 'T' },
     },
+    'FR-CA': {
+        skyux_numeric_billions_symbol: { message: 'G' },
+        skyux_numeric_millions_symbol: { message: 'M' },
+        skyux_numeric_thousands_symbol: { message: 'K' },
+        skyux_numeric_trillions_symbol: { message: 'T' },
+    },
 };
 SkyLibResourcesService.addResources(RESOURCES);
 /**
@@ -4552,11 +4618,11 @@ class Version {
 /**
  * Represents the version of @skyux/core.
  */
-const VERSION = new Version('12.0.0-alpha.6');
+const VERSION = new Version('12.0.0-alpha.8');
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NumericOptions, SKY_BREAKPOINTS, SKY_BREAKPOINT_OBSERVER, SKY_HELP_GLOBAL_OPTIONS, SKY_LOG_LEVEL, SKY_STACKING_CONTEXT, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyContainerBreakpointObserver, SkyContentInfoProvider, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDefaultInputProvider, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLegacyService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyFileReaderService, SkyHelpService, SkyIdModule, SkyIdService, SkyLayoutHostService, SkyLiveAnnouncerService, SkyLogLevel, SkyLogModule, SkyLogService, SkyMediaBreakpointObserver, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyMutationObserverService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayLegacyService, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyResponsiveHostDirective, SkyScreenReaderLabelDirective, SkyScrollShadowDirective, SkyScrollableHostService, SkyTrimModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, VERSION, provideSkyBreakpointObserver, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3, SkyTrimDirective as λ4 };
+export { NumericOptions, SKY_BREAKPOINTS, SKY_BREAKPOINT_OBSERVER, SKY_HELP_GLOBAL_OPTIONS, SKY_LOG_LEVEL, SKY_STACKING_CONTEXT, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyContainerBreakpointObserver, SkyContentInfoProvider, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDefaultInputProvider, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLegacyService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyFileReaderService, SkyHelpService, SkyIdModule, SkyIdService, SkyLayoutHostDirective, SkyLayoutHostService, SkyLiveAnnouncerService, SkyLogLevel, SkyLogModule, SkyLogService, SkyMediaBreakpointObserver, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyMutationObserverService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayLegacyService, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyResponsiveHostDirective, SkyScreenReaderLabelDirective, SkyScrollShadowDirective, SkyScrollableHostService, SkyTrimModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, VERSION, provideSkyBreakpointObserver, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3, SkyTrimDirective as λ4 };
 //# sourceMappingURL=skyux-core.mjs.map