@shortfuse/materialdesignweb 0.8.0 → 0.9.1

package/types/utils/material-color/utils/color.d.ts

@@ -0,0 +1,172 @@
+/**
+ * Converts a color from RGB components to ARGB format.
+ * @param {number} red
+ * @param {number} green
+ * @param {number} blue
+ * @return {number}
+ */
+export function argbFromRgb(red: number, green: number, blue: number): number;
+/**
+ * Converts a color from linear RGB components to ARGB format.
+ * @param {number[]} linrgb
+ * @return {number}
+ */
+export function argbFromLinrgb(linrgb: number[]): number;
+/**
+ * Returns the alpha component of a color in ARGB format.
+ * @param {number} argb
+ * @return {number}
+ */
+export function alphaFromArgb(argb: number): number;
+/**
+ * Returns the red component of a color in ARGB format.
+ * @param {number} argb
+ * @return {number}
+ */
+export function redFromArgb(argb: number): number;
+/**
+ * Returns the green component of a color in ARGB format.
+ * @param {number} argb
+ * @return {number}
+ */
+export function greenFromArgb(argb: number): number;
+/**
+ * Returns the blue component of a color in ARGB format.
+ * @param {number} argb
+ * @return {number}
+ */
+export function blueFromArgb(argb: number): number;
+/**
+ * Returns whether a color in ARGB format is opaque.
+ * @param {number} argb
+ * @return {boolean}
+ */
+export function isOpaque(argb: number): boolean;
+/**
+ * Converts a color from ARGB to XYZ.
+ * @param {number} x
+ * @param {number} y
+ * @param {number} z
+ * @return {number}
+ */
+export function argbFromXyz(x: number, y: number, z: number): number;
+/**
+ * Converts a color from XYZ to ARGB.
+ * @param {number} argb
+ * @return {number[]}
+ */
+export function xyzFromArgb(argb: number): number[];
+/**
+ * Converts a color represented in Lab color space into an ARGB
+ * integer.
+ * @param {number} l
+ * @param {number} a
+ * @param {number} b
+ * @return {number}
+ */
+export function argbFromLab(l: number, a: number, b: number): number;
+/**
+ * Converts a color from ARGB representation to L*a*b*
+ * representation.
+ * @param {number} argb the ARGB representation of a color
+ * @return {number[]} a Lab object representing the color
+ */
+export function labFromArgb(argb: number): number[];
+/**
+ * Converts an L* value to an ARGB representation.
+ * @param {number} lstar L* in L*a*b*
+ * @return {number} ARGB representation of grayscale color with lightness
+ * matching L*
+ */
+export function argbFromLstar(lstar: number): number;
+/**
+ * Computes the L* value of a color in ARGB representation.
+ * @param {number} argb ARGB representation of a color
+ * @return {number} L*, from L*a*b*, coordinate of the color
+ */
+export function lstarFromArgb(argb: number): number;
+/**
+ * Converts an L* value to a Y value.
+ *
+ * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
+ *
+ * L* measures perceptual luminance, a linear scale. Y in XYZ
+ * measures relative luminance, a logarithmic scale.
+ * @param {number} lstar L* in L*a*b*
+ * @return {number} Y in XYZ
+ */
+export function yFromLstar(lstar: number): number;
+/**
+ * Converts a Y value to an L* value.
+ *
+ * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
+ *
+ * L* measures perceptual luminance, a linear scale. Y in XYZ
+ * measures relative luminance, a logarithmic scale.
+ * @param {number} y Y in XYZ
+ * @return {number} L* in L*a*b*
+ */
+export function lstarFromY(y: number): number;
+/**
+ * Linearizes an RGB component.
+ * @param {number} rgbComponent 0 <= rgb_component <= 255, represents R/G/B
+ * channel
+ * @return {number} 0.0 <= output <= 100.0, color channel converted to
+ * linear RGB space
+ */
+export function linearized(rgbComponent: number): number;
+/**
+ * Delinearizes an RGB component.
+ * @param {number} rgbComponent 0.0 <= rgb_component <= 100.0, represents
+ * linear R/G/B channel
+ * @return {number} 0 <= output <= 255, color channel converted to regular
+ * RGB space
+ */
+export function delinearized(rgbComponent: number): number;
+/**
+ * Returns the standard white point; white on a sunny day.
+ * @return {number[]} The white point
+ */
+export function whitePointD65(): number[];
+/**
+ * RGBA component
+ * @typedef Rgba
+ * @prop {number} r Red value should be between 0-255
+ * @prop {number} g Green value should be between 0-255
+ * @prop {number} b Blue value should be between 0-255
+ * @prop {number} a Alpha value should be between 0-255
+ */
+/**
+ * Return RGBA from a given int32 color
+ * @param {number} argb ARGB representation of a int32 color.
+ * @return {Rgba} RGBA representation of a int32 color.
+ */
+export function rgbaFromArgb(argb: number): Rgba;
+/**
+ * Return int32 color from a given RGBA component
+ * @param {Rgba} rgba RGBA representation of a int32 color.
+ * @return {number} ARGB representation of a int32 color.
+ */
+export function argbFromRgba({ r, g, b, a }: Rgba): number;
+/**
+ * RGBA component
+ */
+export type Rgba = {
+    /**
+     * Red value should be between 0-255
+     */
+    r: number;
+    /**
+     * Green value should be between 0-255
+     */
+    g: number;
+    /**
+     * Blue value should be between 0-255
+     */
+    b: number;
+    /**
+     * Alpha value should be between 0-255
+     */
+    a: number;
+};
+//# sourceMappingURL=color.d.ts.map

package/types/utils/material-color/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../utils/material-color/utils/color.js"],"names":[],"mappings":"AAsDA;;;;;;GAMG;AACH,iCALW,MAAM,SACN,MAAM,QACN,MAAM,GACL,MAAM,CAKjB;AAED;;;;GAIG;AACH,uCAHW,MAAM,EAAE,GACP,MAAM,CAOjB;AAED;;;;GAIG;AACH,oCAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;GAIG;AACH,kCAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;GAIG;AACH,oCAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;GAIG;AACH,mCAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;GAIG;AACH,+BAHW,MAAM,GACL,OAAO,CAIlB;AAED;;;;;;GAMG;AACH,+BALW,MAAM,KACN,MAAM,KACN,MAAM,GACL,MAAM,CAWjB;AAED;;;;GAIG;AACH,kCAHW,MAAM,GACL,MAAM,EAAE,CAOnB;AAED;;;;;;;GAOG;AACH,+BALW,MAAM,KACN,MAAM,KACN,MAAM,GACL,MAAM,CAcjB;AAED;;;;;GAKG;AACH,kCAHW,MAAM,GACL,MAAM,EAAE,CAqBnB;AAED;;;;;GAKG;AACH,qCAJW,MAAM,GACL,MAAM,CAOjB;AAED;;;;GAIG;AACH,oCAHW,MAAM,GACL,MAAM,CAKjB;AAED;;;;;;;;;GASG;AACH,kCAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;;;;;;GASG;AACH,8BAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;;;GAMG;AACH,yCALW,MAAM,GAEL,MAAM,CASjB;AAED;;;;;;GAMG;AACH,2CALW,MAAM,GAEL,MAAM,CAQjB;AAED;;;GAGG;AACH,iCAFY,MAAM,EAAE,CAInB;AAED;;;;;;;GAOG;AAEH;;;;GAIG;AACH,mCAHW,MAAM,GACL,IAAI,CAQf;AAED;;;;GAIG;AACH,6CAHW,IAAI,GACH,MAAM,CAQjB;;;;;;;;OA9BS,MAAM;;;;OACN,MAAM;;;;OACN,MAAM;;;;OACN,MAAM"}

package/types/utils/material-color/utils/math.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Utility methods for mathematical operations.
+ */
+/**
+ * The signum function.
+ * @param {number} num
+ * @return {1|-1|0} 1 if num > 0, -1 if num < 0, and 0 if num = 0
+ */
+export function signum(num: number): 1 | -1 | 0;
+/**
+ * The linear interpolation function.
+ * @param {number} start
+ * @param {number} stop
+ * @param {number} amount
+ * @return {number} start if amount = 0 and stop if amount = 1
+ */
+export function lerp(start: number, stop: number, amount: number): number;
+/**
+ * Clamps an integer between two integers.
+ * @param {number} min
+ * @param {number} max
+ * @param {number} input
+ * @return {number} input when min <= input <= max, and either min or max
+ * otherwise.
+ */
+export function clampInt(min: number, max: number, input: number): number;
+/**
+ * Clamps an integer between two floating-point numbers.
+ * @param {number} min
+ * @param {number} max
+ * @param {number} input
+ * @return {number} input when min <= input <= max, and either min or max
+ * otherwise.
+ */
+export function clampDouble(min: number, max: number, input: number): number;
+/**
+ * Sanitizes a degree measure as an integer.
+ * @param {number} degrees
+ * @return {number} a degree measure between 0 (inclusive) and 360
+ * (exclusive).
+ */
+export function sanitizeDegreesInt(degrees: number): number;
+/**
+ * Sanitizes a degree measure as a floating-point number.
+ * @param {number} degrees
+ * @return {number} a degree measure between 0.0 (inclusive) and 360.0
+ * (exclusive).
+ */
+export function sanitizeDegreesDouble(degrees: number): number;
+/**
+ * Sign of direction change needed to travel from one angle to
+ * another.
+ *
+ * For angles that are 180 degrees apart from each other, both
+ * directions have the same travel distance, so either direction is
+ * shortest. The value 1.0 is returned in this case.
+ * @param {number} from The angle travel starts from, in degrees.
+ * @param {number} to The angle travel ends at, in degrees.
+ * @return {number} -1 if decreasing from leads to the shortest travel
+ * distance, 1 if increasing from leads to the shortest travel
+ * distance.
+ */
+export function rotationDirection(from: number, to: number): number;
+/**
+ * Distance of two points on a circle, represented using degrees.
+ * @param {number} a
+ * @param {number} b
+ * @return {number}
+ */
+export function differenceDegrees(a: number, b: number): number;
+/**
+ * Multiplies a 1x3 row vector with a 3x3 matrix.
+ * @param {number[]} row
+ * @param {number[][]} matrix
+ * @return {number[]}
+ */
+export function matrixMultiply(row: number[], matrix: number[][]): number[];
+//# sourceMappingURL=math.d.ts.map

package/types/utils/material-color/utils/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../../../utils/material-color/utils/math.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH;;GAEG;AAEH;;;;GAIG;AACH,4BAHW,MAAM,GACL,CAAC,GAAC,CAAC,CAAC,GAAC,CAAC,CAUjB;AAED;;;;;;GAMG;AACH,4BALW,MAAM,QACN,MAAM,UACN,MAAM,GACL,MAAM,CAIjB;AAED;;;;;;;GAOG;AACH,8BANW,MAAM,OACN,MAAM,SACN,MAAM,GACL,MAAM,CAWjB;AAED;;;;;;;GAOG;AACH,iCANW,MAAM,OACN,MAAM,SACN,MAAM,GACL,MAAM,CAWjB;AAED;;;;;GAKG;AACH,4CAJW,MAAM,GACL,MAAM,CASjB;AAED;;;;;GAKG;AACH,+CAJW,MAAM,GACL,MAAM,CASjB;AAED;;;;;;;;;;;;GAYG;AACH,wCANW,MAAM,MACN,MAAM,GACL,MAAM,CAOjB;AAED;;;;;GAKG;AACH,qCAJW,MAAM,KACN,MAAM,GACL,MAAM,CAIjB;AAED;;;;;GAKG;AACH,oCAJW,MAAM,EAAE,UACR,MAAM,EAAE,EAAE,GACT,MAAM,EAAE,CAOnB"}

package/types/utils/pixelmatch.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @param {Uint8Array|Uint8ClampedArray} img1
+ * @param {Uint8Array|Uint8ClampedArray} img2
+ * @param {Uint8Array|Uint8ClampedArray} output
+ * @param {number} width
+ * @param {number} height
+ * @param {typeof DEFAULT_OPTIONS} [options]
+ * @return {number}
+ */
+export function pixelmatch(img1: Uint8Array | Uint8ClampedArray, img2: Uint8Array | Uint8ClampedArray, output: Uint8Array | Uint8ClampedArray, width: number, height: number, options?: typeof DEFAULT_OPTIONS): number;
+type DEFAULT_OPTIONS = Object;
+declare namespace DEFAULT_OPTIONS {
+    let threshold: number;
+    let includeAA: boolean;
+    let alpha: number;
+    let aaColor: [number, number, number];
+    let diffColor: [number, number, number];
+    let diffColorAlt: [number, number, number];
+    let diffMask: boolean;
+}
+export {};
+//# sourceMappingURL=pixelmatch.d.ts.map

package/types/utils/pixelmatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixelmatch.d.ts","sourceRoot":"","sources":["../../utils/pixelmatch.js"],"names":[],"mappings":"AA8RA;;;;;;;;GAQG;AACH,iCARW,UAAU,GAAC,iBAAiB,QAC5B,UAAU,GAAC,iBAAiB,UAC5B,UAAU,GAAC,iBAAiB,SAC5B,MAAM,UACN,MAAM,YACN,OAAO,eAAe,GACrB,MAAM,CAqEjB;uBAzVU,MAAM;;;;;iBASJ,CAAC,MAAM,EAAC,MAAM,EAAC,MAAM,CAAC;mBAEtB,CAAC,MAAM,EAAC,MAAM,EAAC,MAAM,CAAC;sBAKvB,CAAC,MAAM,EAAC,MAAM,EAAC,MAAM,CAAC"}

package/types/utils/popup.d.ts

@@ -0,0 +1,106 @@
+/**
+ * @typedef {Object} DOMRectLike
+ * @prop {number} left
+ * @prop {number} right
+ * @prop {number} top
+ * @prop {number} bottom
+ * @prop {number} width
+ * @prop {number} height
+ */
+/**
+ * @typedef {Object} CanAnchorPopUpOptions
+ * @prop {Element|DOMRectLike} [anchor]
+ * @prop {number|'left'|'center'|'right'} [clientX]
+ * @prop {number|'top'|'center'|'bottom'} [clientY]
+ * @prop {number} [pageX]
+ * @prop {number} [pageY]
+ * @prop {Element|{width:number, height:number}} [popup]
+ * @prop {number} [width]
+ * @prop {number} [height]
+ * @prop {number} [offsetX] Offset from anchor
+ * @prop {number} [offsetY] Offset from anchor
+ * @prop {number} [margin] Margin from page
+ * @prop {'left'|'center'|'right'} [directionX='right']
+ * @prop {'up'|'center'|'down'} [directionY='down']
+ * @prop {boolean} [force=false]
+ */
+/** @param {CanAnchorPopUpOptions} options */
+export function canAnchorPopup(options: CanAnchorPopUpOptions): {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    visibility: number;
+    styles: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        maxWidth: string;
+        maxHeight: string;
+        transformOrigin: string;
+    };
+    anchor?: Element | DOMRectLike;
+    clientX?: number | "left" | "center" | "right";
+    clientY?: number | "top" | "center" | "bottom";
+    pageX?: number;
+    pageY?: number;
+    popup?: Element | {
+        width: number;
+        height: number;
+    };
+    width?: number;
+    height?: number;
+    /**
+     * Offset from anchor
+     */
+    offsetX?: number;
+    /**
+     * Offset from anchor
+     */
+    offsetY?: number;
+    /**
+     * Margin from page
+     */
+    margin?: number;
+    directionX?: "left" | "center" | "right";
+    directionY?: "up" | "center" | "down";
+    force?: boolean;
+};
+export type DOMRectLike = {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export type CanAnchorPopUpOptions = {
+    anchor?: Element | DOMRectLike;
+    clientX?: number | "left" | "center" | "right";
+    clientY?: number | "top" | "center" | "bottom";
+    pageX?: number;
+    pageY?: number;
+    popup?: Element | {
+        width: number;
+        height: number;
+    };
+    width?: number;
+    height?: number;
+    /**
+     * Offset from anchor
+     */
+    offsetX?: number;
+    /**
+     * Offset from anchor
+     */
+    offsetY?: number;
+    /**
+     * Margin from page
+     */
+    margin?: number;
+    directionX?: "left" | "center" | "right";
+    directionY?: "up" | "center" | "down";
+    force?: boolean;
+};
+//# sourceMappingURL=popup.d.ts.map

package/types/utils/popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../utils/popup.js"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,6CAA6C;AAC7C,wCADY,qBAAqB;;;;;;;;;;;;;;;aAhBvB,OAAO,GAAC,WAAW;cACnB,MAAM,GAAC,MAAM,GAAC,QAAQ,GAAC,OAAO;cAC9B,MAAM,GAAC,KAAK,GAAC,QAAQ,GAAC,QAAQ;YAC9B,MAAM;YACN,MAAM;YACN,OAAO,GAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAC;YACrC,MAAM;aACN,MAAM;;;;cACN,MAAM;;;;cACN,MAAM;;;;aACN,MAAM;iBACN,MAAM,GAAC,QAAQ,GAAC,OAAO;iBACvB,IAAI,GAAC,QAAQ,GAAC,MAAM;YACpB,OAAO;EA4LhB;;UAnNS,MAAM;WACN,MAAM;SACN,MAAM;YACN,MAAM;WACN,MAAM;YACN,MAAM;;;aAKN,OAAO,GAAC,WAAW;cACnB,MAAM,GAAC,MAAM,GAAC,QAAQ,GAAC,OAAO;cAC9B,MAAM,GAAC,KAAK,GAAC,QAAQ,GAAC,QAAQ;YAC9B,MAAM;YACN,MAAM;YACN,OAAO,GAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAC;YACrC,MAAM;aACN,MAAM;;;;cACN,MAAM;;;;cACN,MAAM;;;;aACN,MAAM;iBACN,MAAM,GAAC,QAAQ,GAAC,OAAO;iBACvB,IAAI,GAAC,QAAQ,GAAC,MAAM;YACpB,OAAO"}

package/types/utils/searchParams.d.ts

@@ -0,0 +1,3 @@
+/** @return {URLSearchParams} */
+export function getCurrentSearchParams(): URLSearchParams;
+//# sourceMappingURL=searchParams.d.ts.map

package/types/utils/searchParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchParams.d.ts","sourceRoot":"","sources":["../../utils/searchParams.js"],"names":[],"mappings":"AAGA,gCAAgC;AAChC,0CADa,eAAe,CAkB3B"}

package/types/utils/svg.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Uses UTF-8 charset instead of base64 for better compression
+ * @param {string} svg
+ * @return {string}
+ */
+export function svgToCSSURL(svg: string): string;
+//# sourceMappingURL=svg.d.ts.map

package/types/utils/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../utils/svg.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,iCAHW,MAAM,GACL,MAAM,CAQjB"}

package/utils/jsx-runtime.js

@@ -1,6 +1,9 @@
 /** eslint-env browser */
 
-export const Fragment = '$FRAGMENT';
+export const FRAGMENT_TAG = '$FRAGMENT';
+
+// https://github.com/reactjs/rfcs/pull/107
+// https://github.com/facebook/react/blob/main/packages/react/src/jsx/ReactJSXElement.js
 
 /**
  * @param {string} tagName
@@ -11,7 +14,7 @@ function createElementStatic(tagName, attrs) {
   const { children } = attrs;
   if (!children) throw new Error('Static elements much have children');
 
-  if (tagName === Fragment) {
+  if (tagName === FRAGMENT_TAG) {
     const fragment = document.createDocumentFragment();
     fragment.append(...children);
     return fragment;
@@ -39,6 +42,7 @@ function createElementStatic(tagName, attrs) {
         break;
       default:
         if (key in element) {
+          // @ts-ignore Default assignment
           element[key] = value;
         } else if (key.startsWith('data-')) {
           element.dataset[key.slice('data-'.length)] = value;
@@ -52,11 +56,11 @@ function createElementStatic(tagName, attrs) {
 
 /**
  * @param {string} tagName
- * @param {{ children?: DocumentFragment|string }} attrs
+ * @param {{ children?: DocumentFragment|string } & Record<string, any>} attrs
  * @return {HTMLElement|DocumentFragment}
  */
 function createElementDynamic(tagName, attrs = {}) {
-  if (tagName === Fragment) {
+  if (tagName === FRAGMENT_TAG) {
     const fragment = document.createDocumentFragment();
     const { children } = attrs;
     if (children == null) return fragment;
@@ -86,6 +90,7 @@ function createElementDynamic(tagName, attrs = {}) {
         break;
       default:
         if (key in element) {
+          // @ts-ignore Default assignment
           element[key] = value;
         } else if (key.startsWith('data-')) {
           element.dataset[key.slice('data-'.length)] = value;

package/utils/material-color/scheme/Scheme.js

@@ -137,7 +137,7 @@ export default class Scheme {
       onSurfaceVariant: core.n2.tone(80),
       outline: core.n2.tone(60),
       outlineVariant: core.n2.tone(30),
-      shadow: core.n1.tone(0),
+      shadow: core.n1.tone(40), // (Underlight)
       scrim: core.n1.tone(0),
       inverseSurface: core.n1.tone(90),
       inverseOnSurface: core.n1.tone(20),