@aurelia-mdc-web/ripple - npm Package Compare versions

Comparing version 9.2.0-au2 to 9.2.1-au2

dist/index.js

 import { MdcRipple } from './mdc-ripple';
 export { MdcRipple };
+let registered = false;
 export const RippleConfiguration = {
     register(container) {
-        return container.register(MdcRipple);
+        if (registered) {
+            return container;
+        }
+        else {
+            registered = true;
+            return container.register(MdcRipple);
+        }
     }
 };
 //# sourceMappingURL=index.js.map

dist/mdc-ripple.js

@@ -1,2 +0,2 @@
-import { __decorate, __metadata } from "tslib";
+import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { MdcComponent, booleanAttr } from '@aurelia-mdc-web/base';
@@ -7,114 +7,142 @@ import { MDCRippleFoundation, util } from '@material/ripple';
 import { customAttribute, bindable, inject } from 'aurelia';
-let MdcRipple = class MdcRipple extends MdcComponent {
-    unboundedChanged() {
-        var _a;
-        (_a = this.foundation) === null || _a === void 0 ? void 0 : _a.setUnbounded(Boolean(this.unbounded));
-    }
-    attaching() {
-        var _a, _b, _c;
-        if (!this.noClass) {
-            ((_a = this.surface) !== null && _a !== void 0 ? _a : this.root).classList.add('mdc-ripple-surface');
-            if (this.primary) {
-                ((_b = this.surface) !== null && _b !== void 0 ? _b : this.root).classList.add('mdc-ripple-surface--primary');
-            }
-            if (this.accent) {
-                ((_c = this.surface) !== null && _c !== void 0 ? _c : this.root).classList.add('mdc-ripple-surface--accent');
-            }
+let MdcRipple = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-ripple')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _input_decorators;
+    let _input_initializers = [];
+    let _input_extraInitializers = [];
+    let _surface_decorators;
+    let _surface_initializers = [];
+    let _surface_extraInitializers = [];
+    let _computeBoundingRect_decorators;
+    let _computeBoundingRect_initializers = [];
+    let _computeBoundingRect_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _unbounded_decorators;
+    let _unbounded_initializers = [];
+    let _unbounded_extraInitializers = [];
+    let _activeSurface_decorators;
+    let _activeSurface_initializers = [];
+    let _activeSurface_extraInitializers = [];
+    let _noClass_decorators;
+    let _noClass_initializers = [];
+    let _noClass_extraInitializers = [];
+    let _primary_decorators;
+    let _primary_initializers = [];
+    let _primary_extraInitializers = [];
+    let _accent_decorators;
+    let _accent_initializers = [];
+    let _accent_extraInitializers = [];
+    var MdcRipple = _classThis = class extends _classSuper {
+        unboundedChanged() {
+            this.foundation?.setUnbounded(Boolean(this.unbounded));
         }
-    }
-    initialSyncWithDOM() {
-        this.unboundedChanged();
-    }
-    activate() {
-        var _a;
-        (_a = this.foundation) === null || _a === void 0 ? void 0 : _a.activate();
-    }
-    deactivate() {
-        var _a;
-        (_a = this.foundation) === null || _a === void 0 ? void 0 : _a.deactivate();
-    }
-    layout() {
-        var _a;
-        (_a = this.foundation) === null || _a === void 0 ? void 0 : _a.layout();
-    }
-    getDefaultFoundation() {
-        return new MDCRippleFoundation(this.createAdapter());
-    }
-    createAdapter() {
-        var _a;
-        return {
-            addClass: (className) => { var _a; return ((_a = this.surface) !== null && _a !== void 0 ? _a : this.root).classList.add(className); },
-            browserSupportsCssVars: () => util.supportsCssVariables(window),
-            computeBoundingRect: (_a = this.computeBoundingRect) !== null && _a !== void 0 ? _a : (() => { var _a; return ((_a = this.surface) !== null && _a !== void 0 ? _a : this.root).getBoundingClientRect(); }),
-            containsEventTarget: (target) => this.root.contains(target),
-            deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),
-            deregisterInteractionHandler: (evtType, handler) => {
-                if (this.input) {
-                    this.input.removeEventListener(evtType, handler, applyPassive());
+        attaching() {
+            if (!this.noClass) {
+                (this.surface ?? this.root).classList.add('mdc-ripple-surface');
+                if (this.primary) {
+                    (this.surface ?? this.root).classList.add('mdc-ripple-surface--primary');
                 }
-                else {
-                    this.root.removeEventListener(evtType, handler, applyPassive());
+                if (this.accent) {
+                    (this.surface ?? this.root).classList.add('mdc-ripple-surface--accent');
                 }
-            },
-            deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),
-            getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),
-            isSurfaceActive: () => { var _a; return this.activeSurface && matches((_a = this.input) !== null && _a !== void 0 ? _a : this.root, ':active'); },
-            isSurfaceDisabled: () => this.disabled,
-            isUnbounded: () => this.unbounded,
-            registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),
-            registerInteractionHandler: (evtType, handler) => {
-                if (this.input) {
-                    this.input.addEventListener(evtType, handler, applyPassive());
-                }
-                else {
-                    this.root.addEventListener(evtType, handler, applyPassive());
-                }
-            },
-            registerResizeHandler: (handler) => window.addEventListener('resize', handler),
-            removeClass: (className) => { var _a; return ((_a = this.surface) !== null && _a !== void 0 ? _a : this.root).classList.remove(className); },
-            updateCssVariable: (varName, value) => { var _a; return ((_a = this.surface) !== null && _a !== void 0 ? _a : this.root).style.setProperty(varName, value); },
-        };
-    }
-};
-__decorate([
-    bindable,
-    __metadata("design:type", HTMLInputElement)
-], MdcRipple.prototype, "input", void 0);
-__decorate([
-    bindable,
-    __metadata("design:type", HTMLElement)
-], MdcRipple.prototype, "surface", void 0);
-__decorate([
-    bindable,
-    __metadata("design:type", Function)
-], MdcRipple.prototype, "computeBoundingRect", void 0);
-__decorate([
-    bindable({ set: booleanAttr }),
-    __metadata("design:type", Boolean)
-], MdcRipple.prototype, "disabled", void 0);
-__decorate([
-    bindable({ set: booleanAttr }),
-    __metadata("design:type", Boolean)
-], MdcRipple.prototype, "unbounded", void 0);
-__decorate([
-    bindable({ set: booleanAttr }),
-    __metadata("design:type", Boolean)
-], MdcRipple.prototype, "activeSurface", void 0);
-__decorate([
-    bindable({ set: booleanAttr }),
-    __metadata("design:type", Boolean)
-], MdcRipple.prototype, "noClass", void 0);
-__decorate([
-    bindable({ set: booleanAttr }),
-    __metadata("design:type", Boolean)
-], MdcRipple.prototype, "primary", void 0);
-__decorate([
-    bindable({ set: booleanAttr }),
-    __metadata("design:type", Boolean)
-], MdcRipple.prototype, "accent", void 0);
-MdcRipple = __decorate([
-    inject(Element),
-    customAttribute('mdc-ripple')
-], MdcRipple);
+            }
+        }
+        initialSyncWithDOM() {
+            this.unboundedChanged();
+        }
+        activate() {
+            this.foundation?.activate();
+        }
+        deactivate() {
+            this.foundation?.deactivate();
+        }
+        layout() {
+            this.foundation?.layout();
+        }
+        getDefaultFoundation() {
+            return new MDCRippleFoundation(this.createAdapter());
+        }
+        createAdapter() {
+            return {
+                addClass: (className) => (this.surface ?? this.root).classList.add(className),
+                browserSupportsCssVars: () => util.supportsCssVariables(window),
+                computeBoundingRect: this.computeBoundingRect ?? (() => (this.surface ?? this.root).getBoundingClientRect()),
+                containsEventTarget: (target) => this.root.contains(target),
+                deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),
+                deregisterInteractionHandler: (evtType, handler) => {
+                    if (this.input) {
+                        this.input.removeEventListener(evtType, handler, applyPassive());
+                    }
+                    else {
+                        this.root.removeEventListener(evtType, handler, applyPassive());
+                    }
+                },
+                deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),
+                getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),
+                isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),
+                isSurfaceDisabled: () => this.disabled,
+                isUnbounded: () => this.unbounded,
+                registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),
+                registerInteractionHandler: (evtType, handler) => {
+                    if (this.input) {
+                        this.input.addEventListener(evtType, handler, applyPassive());
+                    }
+                    else {
+                        this.root.addEventListener(evtType, handler, applyPassive());
+                    }
+                },
+                registerResizeHandler: (handler) => window.addEventListener('resize', handler),
+                removeClass: (className) => (this.surface ?? this.root).classList.remove(className),
+                updateCssVariable: (varName, value) => (this.surface ?? this.root).style.setProperty(varName, value),
+            };
+        }
+        constructor() {
+            super(...arguments);
+            this.input = __runInitializers(this, _input_initializers, void 0);
+            this.surface = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _surface_initializers, void 0));
+            this.computeBoundingRect = (__runInitializers(this, _surface_extraInitializers), __runInitializers(this, _computeBoundingRect_initializers, void 0));
+            this.disabled = (__runInitializers(this, _computeBoundingRect_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+            this.unbounded = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _unbounded_initializers, void 0));
+            this.activeSurface = (__runInitializers(this, _unbounded_extraInitializers), __runInitializers(this, _activeSurface_initializers, void 0));
+            this.noClass = (__runInitializers(this, _activeSurface_extraInitializers), __runInitializers(this, _noClass_initializers, void 0));
+            this.primary = (__runInitializers(this, _noClass_extraInitializers), __runInitializers(this, _primary_initializers, void 0));
+            this.accent = (__runInitializers(this, _primary_extraInitializers), __runInitializers(this, _accent_initializers, void 0));
+            __runInitializers(this, _accent_extraInitializers);
+        }
+    };
+    __setFunctionName(_classThis, "MdcRipple");
+    (() => {
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+        _input_decorators = [bindable];
+        _surface_decorators = [bindable];
+        _computeBoundingRect_decorators = [bindable];
+        _disabled_decorators = [bindable({ set: booleanAttr })];
+        _unbounded_decorators = [bindable({ set: booleanAttr })];
+        _activeSurface_decorators = [bindable({ set: booleanAttr })];
+        _noClass_decorators = [bindable({ set: booleanAttr })];
+        _primary_decorators = [bindable({ set: booleanAttr })];
+        _accent_decorators = [bindable({ set: booleanAttr })];
+        __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
+        __esDecorate(null, null, _surface_decorators, { kind: "field", name: "surface", static: false, private: false, access: { has: obj => "surface" in obj, get: obj => obj.surface, set: (obj, value) => { obj.surface = value; } }, metadata: _metadata }, _surface_initializers, _surface_extraInitializers);
+        __esDecorate(null, null, _computeBoundingRect_decorators, { kind: "field", name: "computeBoundingRect", static: false, private: false, access: { has: obj => "computeBoundingRect" in obj, get: obj => obj.computeBoundingRect, set: (obj, value) => { obj.computeBoundingRect = value; } }, metadata: _metadata }, _computeBoundingRect_initializers, _computeBoundingRect_extraInitializers);
+        __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+        __esDecorate(null, null, _unbounded_decorators, { kind: "field", name: "unbounded", static: false, private: false, access: { has: obj => "unbounded" in obj, get: obj => obj.unbounded, set: (obj, value) => { obj.unbounded = value; } }, metadata: _metadata }, _unbounded_initializers, _unbounded_extraInitializers);
+        __esDecorate(null, null, _activeSurface_decorators, { kind: "field", name: "activeSurface", static: false, private: false, access: { has: obj => "activeSurface" in obj, get: obj => obj.activeSurface, set: (obj, value) => { obj.activeSurface = value; } }, metadata: _metadata }, _activeSurface_initializers, _activeSurface_extraInitializers);
+        __esDecorate(null, null, _noClass_decorators, { kind: "field", name: "noClass", static: false, private: false, access: { has: obj => "noClass" in obj, get: obj => obj.noClass, set: (obj, value) => { obj.noClass = value; } }, metadata: _metadata }, _noClass_initializers, _noClass_extraInitializers);
+        __esDecorate(null, null, _primary_decorators, { kind: "field", name: "primary", static: false, private: false, access: { has: obj => "primary" in obj, get: obj => obj.primary, set: (obj, value) => { obj.primary = value; } }, metadata: _metadata }, _primary_initializers, _primary_extraInitializers);
+        __esDecorate(null, null, _accent_decorators, { kind: "field", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        MdcRipple = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return MdcRipple = _classThis;
+})();
 export { MdcRipple };
 //# sourceMappingURL=mdc-ripple.js.map

package.json

 {
   "name": "@aurelia-mdc-web/ripple",
-  "version": "9.2.0-au2",
+  "version": "9.2.1-au2",
   "publishConfig": {
@@ -43,5 +43,5 @@ "access": "public"
   "dependencies": {
-    "@aurelia-mdc-web/base": "9.2.0-au2",
+    "@aurelia-mdc-web/base": "9.2.1-au2",
     "@material/ripple": "^14.0.0"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

22566

increased by33.88%

Lines of code

202

increased by26.25%

Dependency changes

• + Added@aurelia-mdc-web/base@9.2.1-au2(transitive)

• - Removed@aurelia-mdc-web/base@9.2.0-au2(transitive)

• Updated@aurelia-mdc-web/base@9.2.1-au2