@nativescript-community/ui-material-ripple 6.0.0

package/ripple.android.js

@@ -0,0 +1,207 @@
+import { getRippleColor, rippleColorProperty, themer } from '@nativescript-community/ui-material-core';
+import { backgroundInternalProperty } from '@nativescript/core';
+import { createRippleDrawable, isPostLollipopMR1, isPostMarshmallow } from '@nativescript-community/ui-material-core/android/utils';
+import { RippleBase } from './ripple-common';
+let MDStackLayout;
+const DEFAULT_STROKE_VALUE = -1;
+function initMDStackLayout() {
+    if (!MDStackLayout) {
+        if (isPostLollipopMR1()) {
+            MDStackLayout = org.nativescript.widgets.StackLayout;
+        }
+        else {
+            initializePreLollipopStackLayout();
+            MDStackLayout = PreLollipopStackLayout;
+        }
+    }
+}
+let PreLollipopStackLayout;
+function initializePreLollipopStackLayout() {
+    if (PreLollipopStackLayout) {
+        return;
+    }
+    var PreLollipopStackLayoutImpl = /** @class */ (function (_super) {
+    __extends(PreLollipopStackLayoutImpl, _super);
+    function PreLollipopStackLayoutImpl(context) {
+        var _this = _super.call(this, context) || this;
+        _this.mSelfBounds = new android.graphics.Rect();
+        _this.mOverlayBounds = new android.graphics.Rect();
+        _this.mForegroundGravity = android.view.Gravity.FILL;
+        _this.mForegroundInPadding = true;
+        _this.mForegroundBoundsChanged = false;
+        return global.__native(_this);
+    }
+    /**
+     * Describes how the foreground is positioned.
+     *
+     * @return foreground gravity.
+     * @see #setForegroundGravity(int)
+     */
+    PreLollipopStackLayoutImpl.prototype.getForegroundGravity = function () {
+        return this.mForegroundGravity;
+    };
+    /**
+     * Describes how the foreground is positioned. Defaults to START and TOP.
+     *
+     * @param foregroundGravity See {@link android.view.Gravity}
+     * @see #getForegroundGravity()
+     */
+    PreLollipopStackLayoutImpl.prototype.setForegroundGravity = function (foregroundGravity) {
+        if (this.mForegroundGravity !== foregroundGravity) {
+            if ((foregroundGravity & android.view.Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK) === 0) {
+                foregroundGravity |= android.view.Gravity.START;
+            }
+            if ((foregroundGravity & android.view.Gravity.VERTICAL_GRAVITY_MASK) === 0) {
+                foregroundGravity |= android.view.Gravity.TOP;
+            }
+            this.mForegroundGravity = foregroundGravity;
+            if (this.mForegroundGravity === android.view.Gravity.FILL && this.mForeground != null) {
+                var padding = new android.graphics.Rect();
+                this.mForeground.getPadding(padding);
+            }
+            this.requestLayout();
+        }
+    };
+    PreLollipopStackLayoutImpl.prototype.verifyDrawable = function (who) {
+        return _super.prototype.verifyDrawable.call(this, who) || who === this.mForeground;
+    };
+    PreLollipopStackLayoutImpl.prototype.jumpDrawablesToCurrentState = function () {
+        _super.prototype.jumpDrawablesToCurrentState.call(this);
+        if (this.mForeground != null) {
+            this.mForeground.jumpToCurrentState();
+        }
+    };
+    PreLollipopStackLayoutImpl.prototype.drawableStateChanged = function () {
+        _super.prototype.drawableStateChanged.call(this);
+        if (this.mForeground != null && this.mForeground.isStateful()) {
+            this.mForeground.setState(this.getDrawableState());
+        }
+    };
+    /**
+     * Supply a Drawable that is to be rendered on top of all of the child
+     * views in the frame Utils.layout.  Any padding in the Drawable will be taken
+     * into account by ensuring that the children are inset to be placed
+     * inside of the padding area.
+     *
+     * @param drawable The Drawable to be drawn on top of the children.
+     */
+    PreLollipopStackLayoutImpl.prototype.setForeground = function (drawable) {
+        if (this.mForeground !== drawable) {
+            if (this.mForeground != null) {
+                this.mForeground.setCallback(null);
+                this.unscheduleDrawable(this.mForeground);
+            }
+            this.mForeground = drawable;
+            if (drawable != null) {
+                this.setWillNotDraw(false);
+                drawable.setCallback(this);
+                if (drawable.isStateful()) {
+                    drawable.setState(this.getDrawableState());
+                }
+                if (this.mForegroundGravity === android.view.Gravity.FILL) {
+                    var padding = new android.graphics.Rect();
+                    drawable.getPadding(padding);
+                }
+            }
+            else {
+                this.setWillNotDraw(true);
+            }
+            this.requestLayout();
+            this.invalidate();
+        }
+    };
+    /**
+     * Returns the drawable used as the foreground of this FrameLayout. The
+     * foreground drawable, if non-null, is always drawn on top of the children.
+     *
+     * @return A Drawable or null if no foreground was set.
+     */
+    PreLollipopStackLayoutImpl.prototype.getForeground = function () {
+        return this.mForeground;
+    };
+    PreLollipopStackLayoutImpl.prototype.onLayout = function (changed, left, top, right, bottom) {
+        _super.prototype.onLayout.call(this, changed, left, top, right, bottom);
+        this.mForegroundBoundsChanged = this.mForegroundBoundsChanged || changed;
+    };
+    PreLollipopStackLayoutImpl.prototype.onSizeChanged = function (w, h, oldw, oldh) {
+        _super.prototype.onSizeChanged.call(this, w, h, oldw, oldh);
+        this.mForegroundBoundsChanged = true;
+    };
+    PreLollipopStackLayoutImpl.prototype.draw = function (canvas) {
+        _super.prototype.draw.call(this, canvas);
+        if (this.mForeground != null) {
+            var foreground = this.mForeground;
+            if (this.mForegroundBoundsChanged) {
+                this.mForegroundBoundsChanged = false;
+                var selfBounds = this.mSelfBounds;
+                var overlayBounds = this.mOverlayBounds;
+                var w = this.getRight() - this.getLeft();
+                var h = this.getBottom() - this.getTop();
+                if (this.mForegroundInPadding) {
+                    selfBounds.set(0, 0, w, h);
+                }
+                else {
+                    selfBounds.set(this.getPaddingLeft(), this.getPaddingTop(), w - this.getPaddingRight(), h - this.getPaddingBottom());
+                }
+                android.view.Gravity.apply(this.mForegroundGravity, foreground.getIntrinsicWidth(), foreground.getIntrinsicHeight(), selfBounds, overlayBounds);
+                foreground.setBounds(overlayBounds);
+            }
+            foreground.draw(canvas);
+        }
+    };
+    PreLollipopStackLayoutImpl.prototype.drawableHotspotChanged = function (x, y) {
+        _super.prototype.drawableHotspotChanged.call(this, x, y);
+        if (this.mForeground != null) {
+            this.mForeground.setHotspot(x, y);
+        }
+    };
+    return PreLollipopStackLayoutImpl;
+}(org.nativescript.widgets.StackLayout));
+    PreLollipopStackLayout = PreLollipopStackLayoutImpl;
+}
+export class Ripple extends RippleBase {
+    createNativeView() {
+        const view = super.createNativeView();
+        this.setRippleDrawable(view);
+        return view;
+    }
+    getRippleColor() {
+        if (this.rippleColor) {
+            return getRippleColor(this.rippleColor);
+        }
+        return getRippleColor(themer.getAccentColor());
+    }
+    setRippleDrawable(view, radius = 0) {
+        if (!this.rippleDrawable) {
+            this.rippleDrawable = createRippleDrawable(this.getRippleColor(), radius);
+            if (isPostMarshmallow()) {
+                view.setForeground(this.rippleDrawable);
+            }
+        }
+    }
+    [rippleColorProperty.setNative](color) {
+        if (!this.rippleDrawable) {
+            this.setRippleDrawable(this.nativeViewProtected);
+        }
+        else {
+            if (isPostLollipopMR1()) {
+                this.rippleDrawable.setColor(android.content.res.ColorStateList.valueOf(color.android));
+            }
+            else {
+                this.rippleDrawable.rippleShape.getPaint().setColor(getRippleColor(color));
+            }
+        }
+    }
+    [backgroundInternalProperty.setNative](value) {
+        super[backgroundInternalProperty.setNative](value);
+        if (this.nativeViewProtected) {
+            if (value instanceof android.graphics.drawable.Drawable) {
+            }
+            else {
+                this.rippleDrawable = null;
+                this.setRippleDrawable(this.nativeViewProtected, value.borderTopLeftRadius);
+            }
+        }
+    }
+}
+//# sourceMappingURL=ripple.android.js.map

package/ripple.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.android.js","sourceRoot":"../src/","sources":["ripple.android.ts"],"names":[],"mappings":"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"}

package/ripple.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Material Ripple component
+ * @module @nativescript-community/ui-material-ripple
+ */
+
+import { RippleBase } from './ripple-common';
+
+export class Ripple extends RippleBase {}

package/ripple.ios.d.ts

@@ -0,0 +1,5 @@
+import { RippleBase } from './ripple-common';
+export declare class Ripple extends RippleBase {
+    inkTouchController: MDCRippleTouchController;
+    createNativeView(): UIView;
+}

package/ripple.ios.js

@@ -0,0 +1,17 @@
+import { getRippleColor, rippleColorProperty, themer } from '@nativescript-community/ui-material-core';
+import { RippleBase } from './ripple-common';
+export class Ripple extends RippleBase {
+    createNativeView() {
+        const view = UIView.alloc().init();
+        this.inkTouchController = MDCRippleTouchController.alloc().initWithView(view);
+        const colorScheme = themer.getAppColorScheme();
+        if (colorScheme && colorScheme.primaryColor) {
+            this.inkTouchController.rippleView.rippleColor = colorScheme.primaryColor.colorWithAlphaComponent(0.24);
+        }
+        return view;
+    }
+    [rippleColorProperty.setNative](color) {
+        this.inkTouchController.rippleView.rippleColor = getRippleColor(color);
+    }
+}
+//# sourceMappingURL=ripple.ios.js.map

package/ripple.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.ios.js","sourceRoot":"../src/","sources":["ripple.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAEvG,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,OAAO,MAAO,SAAQ,UAAU;IAE3B,gBAAgB;QACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,kBAAkB,GAAG,wBAAwB,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE9E,MAAM,WAAW,GAAG,MAAM,CAAC,iBAAiB,EAA4B,CAAC;QACzE,IAAI,WAAW,IAAI,WAAW,CAAC,YAAY,EAAE;YACzC,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,WAAW,GAAE,WAAW,CAAC,YAAY,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;SAC1G;QAGD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAY;QACxC,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3E,CAAC;CACJ"}

package/vue/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(Vue: any): void;
+};
+export default _default;

package/vue/index.js

@@ -0,0 +1,11 @@
+import { Ripple } from '../ripple';
+let installed = false;
+export default {
+    install(Vue) {
+        if (!installed) {
+            installed = true;
+            Vue.registerElement('MDRipple', () => Ripple, {});
+        }
+    }
+};
+//# sourceMappingURL=index.js.map

package/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,eAAe;IACX,OAAO,CAAC,GAAG;QACP,IAAI,CAAC,SAAS,EAAE;YACZ,SAAS,GAAG,IAAI,CAAC;YACjB,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;SACrD;IACL,CAAC;CACJ,CAAC"}