@skyux/core 6.4.0 → 6.7.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: [{