@skyux/core 6.3.3 → 6.6.0

package/fesm2020/skyux-core.mjs

@@ -1344,10 +1344,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
+var _SkyIdDirective__id;
 let idIndex = 0;
 function generateId() {
     idIndex++;
-    return `sky-id-gen__${idIndex}`;
+    // Include timestamp and an incrementing index to guarantee unique IDs both during the application
+    // lifecycle as well as across sessions, since browsers will try to apply autocomplete options to
+    // elements with the same ID across sessions.
+    return `sky-id-gen__${new Date().getTime()}__${idIndex}`;
 }
 /**
  * Sets the element's `id` attribute to a unique ID. To reference this unique ID on other elements,
@@ -1356,16 +1360,18 @@ function generateId() {
  */
 class SkyIdDirective {
     constructor(elRef, renderer) {
+        _SkyIdDirective__id.set(this, void 0);
         // Generate and apply the ID before the template is rendered
         // to avoid a changed-after-checked error.
         const id = generateId();
         renderer.setAttribute(elRef.nativeElement, 'id', id);
-        this._id = id;
+        __classPrivateFieldSet(this, _SkyIdDirective__id, id, "f");
     }
     get id() {
-        return this._id;
+        return __classPrivateFieldGet(this, _SkyIdDirective__id, "f");
     }
 }
+_SkyIdDirective__id = new WeakMap();
 SkyIdDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyIdDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
 SkyIdDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyIdDirective, decorators: [{
@@ -2886,6 +2892,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.Title }]; } });
 
+var _SkyTrimDirective_instances, _SkyTrimDirective_obs, _SkyTrimDirective_observe, _SkyTrimDirective_disconnect, _SkyTrimDirective_trim;
+/**
+ * Trims whitespace in each text node that is a direct descendent of the current element.
+ */
+class SkyTrimDirective {
+    constructor(elRef, mutationObs) {
+        this.elRef = elRef;
+        this.mutationObs = mutationObs;
+        _SkyTrimDirective_instances.add(this);
+        _SkyTrimDirective_obs.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyTrimDirective_obs, this.mutationObs.create((mutations) => {
+            const nodes = [];
+            // Only trim white space inside direct descendents of the current element.
+            for (const mutation of mutations) {
+                if (mutation.target.parentNode === this.elRef.nativeElement) {
+                    nodes.push(mutation.target);
+                }
+            }
+            __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_trim).call(this, nodes);
+        }), "f");
+        __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_observe).call(this);
+    }
+    ngOnInit() {
+        const el = this.elRef.nativeElement;
+        __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_trim).call(this, Array.from(el.childNodes));
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_disconnect).call(this);
+        __classPrivateFieldSet(this, _SkyTrimDirective_obs, undefined, "f");
+    }
+}
+_SkyTrimDirective_obs = new WeakMap(), _SkyTrimDirective_instances = new WeakSet(), _SkyTrimDirective_observe = function _SkyTrimDirective_observe() {
+    __classPrivateFieldGet(this, _SkyTrimDirective_obs, "f").observe(this.elRef.nativeElement, {
+        characterData: true,
+        subtree: true,
+    });
+}, _SkyTrimDirective_disconnect = function _SkyTrimDirective_disconnect() {
+    __classPrivateFieldGet(this, _SkyTrimDirective_obs, "f").disconnect();
+}, _SkyTrimDirective_trim = function _SkyTrimDirective_trim(nodes) {
+    // Suspend the MutationObserver so altering the text content of each node
+    // doesn't retrigger the observe callback.
+    __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_disconnect).call(this);
+    for (const node of nodes) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            const textContent = node.textContent;
+            const textContentTrimmed = textContent.trim();
+            if (textContent !== textContentTrimmed) {
+                node.textContent = textContentTrimmed;
+            }
+        }
+    }
+    __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_observe).call(this);
+};
+SkyTrimDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTrimDirective, deps: [{ token: i0.ElementRef }, { token: MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
+SkyTrimDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyTrimDirective, selector: "[skyTrim]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTrimDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyTrim]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: MutationObserverService }]; } });
+
+class SkyTrimModule {
+}
+SkyTrimModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTrimModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyTrimModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTrimModule, declarations: [SkyTrimDirective], exports: [SkyTrimDirective] });
+SkyTrimModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTrimModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTrimModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyTrimDirective],
+                    exports: [SkyTrimDirective],
+                }]
+        }] });
+
 class SkyUIConfigService {
     getConfig(key, defaultConfig) {
         return of(defaultConfig);
@@ -3320,5 +3401,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MutationObserverService, NumericOptions, SKY_LOG_LEVEL, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyScrollableHostService, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3 };
+export { MutationObserverService, NumericOptions, SKY_LOG_LEVEL, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyScrollableHostService, SkyTrimModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3, SkyTrimDirective as λ4 };
 //# sourceMappingURL=skyux-core.mjs.map