@skyux/core 6.4.0 → 6.5.0

package/documentation.json

@@ -7287,7 +7287,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/id/id.directive.ts",
-                "line": 27,
+                "line": 30,
                 "character": 2
               }
             ],
@@ -7351,7 +7351,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/id/id.directive.ts",
-                "line": 21,
+                "line": 24,
                 "character": 13
               }
             ],
@@ -7389,7 +7389,7 @@
         "sources": [
           {
             "fileName": "projects/core/src/modules/id/id.directive.ts",
-            "line": 20,
+            "line": 23,
             "character": 13
           }
         ]

package/esm2020/lib/modules/id/id.directive.mjs

@@ -1,9 +1,14 @@
+var _SkyIdDirective__id;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Directive, ElementRef, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 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,
@@ -12,16 +17,18 @@ function generateId() {
  */
 export 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: [{
@@ -31,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                     exportAs: 'skyId',
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvcmUvc3JjL2xpYi9tb2R1bGVzL2lkL2lkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRWpFLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztBQUVoQixTQUFTLFVBQVU7SUFDakIsT0FBTyxFQUFFLENBQUM7SUFFVixPQUFPLGVBQWUsT0FBTyxFQUFFLENBQUM7QUFDbEMsQ0FBQztBQUVEOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sY0FBYztJQU96QixZQUFZLEtBQWlCLEVBQUUsUUFBbUI7UUFDaEQsNERBQTREO1FBQzVELDBDQUEwQztRQUMxQyxNQUFNLEVBQUUsR0FBRyxVQUFVLEVBQUUsQ0FBQztRQUV4QixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXJELElBQUksQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFkRCxJQUFXLEVBQUU7UUFDWCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDbEIsQ0FBQzs7MkdBSFUsY0FBYzsrRkFBZCxjQUFjOzJGQUFkLGNBQWM7a0JBSjFCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFFBQVEsRUFBRSxPQUFPO2lCQUNsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmxldCBpZEluZGV4ID0gMDtcblxuZnVuY3Rpb24gZ2VuZXJhdGVJZCgpOiBzdHJpbmcge1xuICBpZEluZGV4Kys7XG5cbiAgcmV0dXJuIGBza3ktaWQtZ2VuX18ke2lkSW5kZXh9YDtcbn1cblxuLyoqXG4gKiBTZXRzIHRoZSBlbGVtZW50J3MgYGlkYCBhdHRyaWJ1dGUgdG8gYSB1bmlxdWUgSUQuIFRvIHJlZmVyZW5jZSB0aGlzIHVuaXF1ZSBJRCBvbiBvdGhlciBlbGVtZW50cyxcbiAqIHN1Y2ggYXMgaW4gYSBgbGFiZWxgIGVsZW1lbnQncyBgZm9yYCBhdHRyaWJ1dGUsIGFzc2lnbiB0aGlzIGRpcmVjdGl2ZSB0byBhIHRlbXBsYXRlIHJlZmVyZW5jZVxuICogdmFyaWFibGUsIHRoZW4gdXNlIGl0cyBgaWRgIHByb3BlcnR5LlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc2t5SWRdJyxcbiAgZXhwb3J0QXM6ICdza3lJZCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUlkRGlyZWN0aXZlIHtcbiAgcHVibGljIGdldCBpZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9pZDtcbiAgfVxuXG4gIHByaXZhdGUgX2lkOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoZWxSZWY6IEVsZW1lbnRSZWYsIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgICAvLyBHZW5lcmF0ZSBhbmQgYXBwbHkgdGhlIElEIGJlZm9yZSB0aGUgdGVtcGxhdGUgaXMgcmVuZGVyZWRcbiAgICAvLyB0byBhdm9pZCBhIGNoYW5nZWQtYWZ0ZXItY2hlY2tlZCBlcnJvci5cbiAgICBjb25zdCBpZCA9IGdlbmVyYXRlSWQoKTtcblxuICAgIHJlbmRlcmVyLnNldEF0dHJpYnV0ZShlbFJlZi5uYXRpdmVFbGVtZW50LCAnaWQnLCBpZCk7XG5cbiAgICB0aGlzLl9pZCA9IGlkO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvcmUvc3JjL2xpYi9tb2R1bGVzL2lkL2lkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakUsSUFBSSxPQUFPLEdBQUcsQ0FBQyxDQUFDO0FBRWhCLFNBQVMsVUFBVTtJQUNqQixPQUFPLEVBQUUsQ0FBQztJQUVWLGtHQUFrRztJQUNsRyxpR0FBaUc7SUFDakcsNkNBQTZDO0lBQzdDLE9BQU8sZUFBZSxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLE9BQU8sRUFBRSxDQUFDO0FBQzNELENBQUM7QUFFRDs7OztHQUlHO0FBS0gsTUFBTSxPQUFPLGNBQWM7SUFPekIsWUFBWSxLQUFpQixFQUFFLFFBQW1CO1FBRmxELHNDQUFhO1FBR1gsNERBQTREO1FBQzVELDBDQUEwQztRQUMxQyxNQUFNLEVBQUUsR0FBRyxVQUFVLEVBQUUsQ0FBQztRQUV4QixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXJELHVCQUFBLElBQUksdUJBQVEsRUFBRSxNQUFBLENBQUM7SUFDakIsQ0FBQztJQWRELElBQVcsRUFBRTtRQUNYLE9BQU8sdUJBQUEsSUFBSSwyQkFBSyxDQUFDO0lBQ25CLENBQUM7OzsyR0FIVSxjQUFjOytGQUFkLGNBQWM7MkZBQWQsY0FBYztrQkFKMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsUUFBUSxFQUFFLE9BQU87aUJBQ2xCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxubGV0IGlkSW5kZXggPSAwO1xuXG5mdW5jdGlvbiBnZW5lcmF0ZUlkKCk6IHN0cmluZyB7XG4gIGlkSW5kZXgrKztcblxuICAvLyBJbmNsdWRlIHRpbWVzdGFtcCBhbmQgYW4gaW5jcmVtZW50aW5nIGluZGV4IHRvIGd1YXJhbnRlZSB1bmlxdWUgSURzIGJvdGggZHVyaW5nIHRoZSBhcHBsaWNhdGlvblxuICAvLyBsaWZlY3ljbGUgYXMgd2VsbCBhcyBhY3Jvc3Mgc2Vzc2lvbnMsIHNpbmNlIGJyb3dzZXJzIHdpbGwgdHJ5IHRvIGFwcGx5IGF1dG9jb21wbGV0ZSBvcHRpb25zIHRvXG4gIC8vIGVsZW1lbnRzIHdpdGggdGhlIHNhbWUgSUQgYWNyb3NzIHNlc3Npb25zLlxuICByZXR1cm4gYHNreS1pZC1nZW5fXyR7bmV3IERhdGUoKS5nZXRUaW1lKCl9X18ke2lkSW5kZXh9YDtcbn1cblxuLyoqXG4gKiBTZXRzIHRoZSBlbGVtZW50J3MgYGlkYCBhdHRyaWJ1dGUgdG8gYSB1bmlxdWUgSUQuIFRvIHJlZmVyZW5jZSB0aGlzIHVuaXF1ZSBJRCBvbiBvdGhlciBlbGVtZW50cyxcbiAqIHN1Y2ggYXMgaW4gYSBgbGFiZWxgIGVsZW1lbnQncyBgZm9yYCBhdHRyaWJ1dGUsIGFzc2lnbiB0aGlzIGRpcmVjdGl2ZSB0byBhIHRlbXBsYXRlIHJlZmVyZW5jZVxuICogdmFyaWFibGUsIHRoZW4gdXNlIGl0cyBgaWRgIHByb3BlcnR5LlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc2t5SWRdJyxcbiAgZXhwb3J0QXM6ICdza3lJZCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUlkRGlyZWN0aXZlIHtcbiAgcHVibGljIGdldCBpZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLiNfaWQ7XG4gIH1cblxuICAjX2lkOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoZWxSZWY6IEVsZW1lbnRSZWYsIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgICAvLyBHZW5lcmF0ZSBhbmQgYXBwbHkgdGhlIElEIGJlZm9yZSB0aGUgdGVtcGxhdGUgaXMgcmVuZGVyZWRcbiAgICAvLyB0byBhdm9pZCBhIGNoYW5nZWQtYWZ0ZXItY2hlY2tlZCBlcnJvci5cbiAgICBjb25zdCBpZCA9IGdlbmVyYXRlSWQoKTtcblxuICAgIHJlbmRlcmVyLnNldEF0dHJpYnV0ZShlbFJlZi5uYXRpdmVFbGVtZW50LCAnaWQnLCBpZCk7XG5cbiAgICB0aGlzLiNfaWQgPSBpZDtcbiAgfVxufVxuIl19

package/fesm2015/skyux-core.mjs

@@ -1345,10 +1345,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,
@@ -1357,16 +1361,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: [{