@pushengineering/umg-web-components 2.0.10 → 3.0.2

package/dist/scripts/utilities/debounce.d.ts

@@ -0,0 +1,4 @@
+type DebounceFunction = (...args: any[]) => void;
+export declare function debounce<Func extends DebounceFunction>(func: Func, delay: number): Func;
+export {};
+//# sourceMappingURL=debounce.d.ts.map

package/dist/scripts/utilities/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../src/scripts/utilities/debounce.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,IAAI,SAAS,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAOvF"}

package/dist/scripts/utilities/debounce.js

@@ -1,9 +1,10 @@
-function o(t, i) {
-  let e = 0;
-  return function(...n) {
-    clearTimeout(e), e = setTimeout(() => t.apply(this, n), i);
-  };
+function debounce(func, delay) {
+    let timer = 0;
+    return function (...args) {
+        clearTimeout(timer);
+        timer = setTimeout(() => func.apply(this, args), delay);
+    };
 }
-export {
-  o as debounce
-};
+
+export { debounce };
+//# sourceMappingURL=debounce.js.map

package/dist/scripts/utilities/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":["../../../src/scripts/utilities/debounce.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEgB,SAAA,QAAQ,CAAgC,IAAU,EAAE,KAAa,EAAA;IAC7E,IAAI,KAAK,GAA4B,CAAC,CAAA;IAEtC,OAAO,UAAyC,GAAG,IAAsB,EAAA;QACrE,YAAY,CAAC,KAAK,CAAC,CAAA;AACnB,QAAA,KAAK,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;AAC3D,KAAS,CAAA;AACb;;;;"}

package/dist/scripts/utilities/paddingTransformations.d.ts

@@ -0,0 +1,18 @@
+export declare function paddingToCssShorthandArray(padding: string | undefined): any[] | undefined;
+export declare function mergePaddingArrays(paddings: Array<Array<string>> | undefined): {
+    unitless: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    rem: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    cssRem: string;
+} | undefined;
+export declare function paddingToRem(padding: string | undefined): string | undefined;
+//# sourceMappingURL=paddingTransformations.d.ts.map

package/dist/scripts/utilities/paddingTransformations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingTransformations.d.ts","sourceRoot":"","sources":["../../../src/scripts/utilities/paddingTransformations.ts"],"names":[],"mappings":"AAYA,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,qBAmCrE;AAUD,wBAAgB,kBAAkB,CAC9B,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS;;;;;;;;;;;;;;cA+C7C;AAQD,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,sBASvD"}

package/dist/scripts/utilities/paddingTransformations.js

@@ -1,46 +1,76 @@
-function n(t) {
-  const r = t == null ? void 0 : t.split(",");
-  if (r !== void 0 && Array.isArray(r) && r.length && r.length <= 4)
-    return r.length === 1 ? Array(4).fill(r[0]).flat() : r.length === 2 ? Array(2).fill(r).flat() : (r.length === 3 && r.push(r[1]), r);
-  if (r !== void 0 && Array.isArray(r) && r.length > 4) {
-    console.log("Maximum 4 values required in padding array.");
-    return;
-  }
+function paddingToCssShorthandArray(padding) {
+    const shortPadding = padding?.split(',');
+    if (shortPadding !== undefined
+        && Array.isArray(shortPadding)
+        && shortPadding.length
+        && shortPadding.length <= 4) {
+        if (shortPadding.length === 1) {
+            return Array(4).fill(shortPadding[0]).flat();
+        }
+        else if (shortPadding.length === 2) {
+            return Array(2).fill(shortPadding).flat();
+        }
+        else if (shortPadding.length === 3) {
+            shortPadding.push(shortPadding[1]);
+            return shortPadding;
+        }
+        return shortPadding;
+    }
+    else if (shortPadding !== undefined
+        && Array.isArray(shortPadding)
+        && shortPadding.length > 4) {
+        console.log('Maximum 4 values required in padding array.');
+        return undefined;
+    }
+    return undefined;
 }
-function l(t) {
-  let r = [];
-  if (Array.isArray(t) && t && t.length) {
-    t.forEach((e) => {
-      e.map((o) => o === "" ? "0" : o);
-    }), r = t[0];
-    for (let e = 1; e < t.length; e++)
-      if (Array.isArray(t[e]) && t[e] !== void 0)
-        for (let o = 0; o < t[e].length; o++)
-          t[e][o] !== "" && (r[o] = t[e][o]);
-    const i = r.map((e) => (Number(e) / 16).toString() + "rem");
-    return {
-      unitless: {
-        top: r[0],
-        right: r[1],
-        bottom: r[2],
-        left: r[3]
-      },
-      rem: {
-        top: (Number(r[0]) / 16).toString() + "rem",
-        right: (Number(r[1]) / 16).toString() + "rem",
-        bottom: (Number(r[2]) / 16).toString() + "rem",
-        left: (Number(r[3]) / 16).toString() + "rem"
-      },
-      cssRem: i.join(" ")
-    };
-  }
+function mergePaddingArrays(paddings) {
+    let mergedPadding = [];
+    if (Array.isArray(paddings) && paddings && paddings.length) {
+        paddings.forEach(array => {
+            array.map(value => value === '' ? '0' : value);
+        });
+        mergedPadding = paddings[0];
+        for (let i = 1; i < paddings.length; i++) {
+            if (Array.isArray(paddings[i]) && paddings[i] !== undefined) {
+                for (let j = 0; j < paddings[i].length; j++) {
+                    if (paddings[i][j] !== '') {
+                        mergedPadding[j] = paddings[i][j];
+                    }
+                }
+            }
+        }
+        const cssRem = mergedPadding.map(value => {
+            return (Number(value) / 16).toString() + 'rem';
+        });
+        return {
+            unitless: {
+                top: mergedPadding[0],
+                right: mergedPadding[1],
+                bottom: mergedPadding[2],
+                left: mergedPadding[3]
+            },
+            rem: {
+                top: (Number(mergedPadding[0]) / 16).toString() + 'rem',
+                right: (Number(mergedPadding[1]) / 16).toString() + 'rem',
+                bottom: (Number(mergedPadding[2]) / 16).toString() + 'rem',
+                left: (Number(mergedPadding[3]) / 16).toString() + 'rem'
+            },
+            cssRem: cssRem.join(' ')
+        };
+    }
+    return undefined;
 }
-function m(t) {
-  if (t)
-    return t.split(",").map((e) => e !== "0" ? (Number(e) / 16).toString() + "rem" : "0").join(" ");
+function paddingToRem(padding) {
+    if (padding) {
+        const mobilePadding = padding.split(',');
+        const remPadding = mobilePadding.map((value) => {
+            return value !== '0' ? (Number(value) / 16).toString() + 'rem' : '0';
+        });
+        return remPadding.join(' ');
+    }
+    return undefined;
 }
-export {
-  l as mergePaddingArrays,
-  n as paddingToCssShorthandArray,
-  m as paddingToRem
-};
+
+export { mergePaddingArrays, paddingToCssShorthandArray, paddingToRem };
+//# sourceMappingURL=paddingTransformations.js.map

package/dist/scripts/utilities/paddingTransformations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingTransformations.js","sources":["../../../src/scripts/utilities/paddingTransformations.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/scripts/utilities/slotInitialised.d.ts

@@ -0,0 +1,2 @@
+export declare function slotInitialised(e: Event, names: Array<string> | string): boolean;
+//# sourceMappingURL=slotInitialised.d.ts.map

package/dist/scripts/utilities/slotInitialised.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotInitialised.d.ts","sourceRoot":"","sources":["../../../src/scripts/utilities/slotInitialised.ts"],"names":[],"mappings":"AAQA,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,WAYtE"}

package/dist/scripts/utilities/slotInitialised.js

@@ -0,0 +1,17 @@
+function slotInitialised(e, names) {
+    if (e.target) {
+        if (Array.isArray(names) && names.length > 1) {
+            return names.some((name) => {
+                return e.target.getAttribute('name') === name;
+            });
+        }
+        else if (names) {
+            return e.target.getAttribute('name') === names;
+        }
+        return false;
+    }
+    return false;
+}
+
+export { slotInitialised };
+//# sourceMappingURL=slotInitialised.js.map

package/dist/scripts/utilities/slotInitialised.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotInitialised.js","sources":["../../../src/scripts/utilities/slotInitialised.ts"],"sourcesContent":[null],"names":[],"mappings":"AAQgB,SAAA,eAAe,CAAC,CAAQ,EAAE,KAA6B,EAAA;AACnE,IAAA,IAAI,CAAC,CAAC,MAAM,EAAE;AACV,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1C,YAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;gBACvB,OAAqB,CAAC,CAAC,MAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;AAChE,aAAC,CAAC,CAAA;SACL;aAAM,IAAI,KAAK,EAAC;YACb,OAAqB,CAAC,CAAC,MAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,KAAK,CAAA;SAChE;AACD,QAAA,OAAO,KAAK,CAAA;KACf;AACD,IAAA,OAAO,KAAK,CAAA;AAChB;;;;"}

package/dist/styles/button.d.ts

@@ -0,0 +1,2 @@
+export declare const buttonState: import("lit").CSSResult;
+//# sourceMappingURL=button.d.ts.map

package/dist/styles/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBA+FvB,CAAA"}

package/dist/styles/button.js

@@ -1,17 +1,16 @@
-import { css as o } from "lit";
-const r = o`
+import { css } from 'lit';
+
+const buttonState = css `
+    /* Base */
     .button {
         cursor: pointer;
-        font-family: var(--um-font-family-button, --um-font-family-body, Roboto, Arial, Helvetica, sans-serif);
-        font-weight: var(--um-font-weight-button, 700);
-        font-size: var( --um-font-size-button-default, --um-font-size-body-sm, 0.875rem);
+        font-family: var(--umg-font-button-family, var(--umg-font-family, var(--umg-font-body-family, inherit)));
+        font-weight: var(--umg-font-button-weight, var(--umg-font-base-weight, 700));
+        font-size: var(--umg-font-button-size, var(--umg-font-size, var(--umg-font-body-size-sm, 0.875rem)));
         letter-spacing: 0.06rem;
-        color: rgb(var(--um-color-button-primary-text, var(--um-color-page-bg, 255,255,255)),1);
-        background-color: rgba(var(--um-color-button-primary-bg, var(--um-color-page-text, 62,62,62)),var(--um-opacity-button-bg, 1));
-        background-clip:padding-box;
-        border-color: rgba(var(--um-color-button-primary-bg, var(--um-color-page-text, 62,62,62)), var(--um-opacity-button-bg, 1));
-        border-radius: var(--um-border-button-radius, 0);
-        border-width: var(--um-border-button-width, 0.0625rem);
+        background-clip: padding-box;
+        border-radius: var(--umg-border-button-corner-radius, var(--umg-border-base-corner-radius, 0));
+        border-width: var(--umg-border-button-width, var(--umg-border-base-width, 0.0625rem));
         border-style: solid;
         outline: none;
         appearance: none;
@@ -19,34 +18,84 @@ const r = o`
         appearance: none;
         --webkit-appearance: none;
     }
-    a.button {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        line-height: normal;
+
+    .button {
+        color: var(--umg-color-button-text, var(--umg-color-base-background, rgb(255,255,255)));
+        background-color: var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+        border-color: var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+    }
+    .button > * {
+        /* Child elements */
+        --umg-color-base-text: var(--umg-color-button-text, var(--umg-color-base-background, rgb(255,255,255)));
     }
     .button:not(.btn--plain):not(.btn--plain-underline):not(.btn--outline):hover {
-        box-shadow: 0 0 0 0.0625rem rgb(var(--um-color-button-primary-bg, var(--um-color-page-text, 62,62,62)));
+        box-shadow: 0 0 0 0.0625rem var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+    }
+    .button:focus-visible {
+        outline: 0.125rem solid var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+        box-shadow: 0 0 0 0.15rem var(--umg-color-button-text, var(--umg-color-base-background, rgb(255,255,255))), 0 0 0.25rem 0.2rem var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
     }
+    
+    @supports (color: rgb(from white r g b)) {
+        .button > * {
+            /* Child elements */
+            --umg-color-base-text: rgb(from var(--umg-color-button-text, var(--umg-color-base-background, rgb(255,255,255))) r g b / alpha);
+        }
+        .button {
+            color: rgb(from var(--umg-color-button-text, var(--umg-color-base-background, rgb(255,255,255))) r g b / alpha);
+            background-color: rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+            border-color: rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+        }
+        .button:not(.btn--plain):not(.btn--plain-underline):not(.btn--outline):hover {
+            box-shadow: 0 0 0 0.0625rem rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g  b / alpha);
+        }
+        .button:focus-visible {
+            outline: 0.125rem solid rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+            box-shadow: 0 0 0 0.15rem rgb(from var(--umg-color-button-text, var(--umg-color-base-background, rgb(255,255,255))) r g b / alpha), 0 0 0.25rem 0.2rem rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)) r g b / alpha));
+        }
+    }
+
+    /* States */
     .button[disabled],
     .button[disabled]:hover {
         cursor: default;
-        color: rgb(var(--um-color-button-primary-text, var(--um-color-page-bg, 255,255,255)),0.5);
+        color: var(--umg-color-base-text-disabled, rgb(160, 160, 160));
     }
+
     .button[disabled]:not(.btn--plain):not(.btn--plain-underline):not(.btn--outline),
     .button[disabled]:not(.btn--plain):not(.btn--plain-underline):not(.btn--outline):hover {
-        background-color: rgba(var(--um-color-button-primary-bg, var(--um-color-page-text, 62,62,62)),var(--um-opacity-button-bg, 0.5));
         border: none;
         box-shadow: none;
+        background-color: var(--umg-color-base-background-disabled, rgb(220, 220, 220));
+    }
+
+    @supports (color: rgb(from white r g b)) {
+        .button[disabled],
+        .button[disabled]:hover {
+            color: rgb(from var(--umg-color-base-text-disabled, rgb(160, 160, 160)) r g b / alpha);
+        }
+        .button[disabled]:not(.btn--plain):not(.btn--plain-underline):not(.btn--outline),
+        .button[disabled]:not(.btn--plain):not(.btn--plain-underline):not(.btn--outline):hover {
+            background-color: rgb(from var(--umg-color-base-background-disabled, rgb(220, 220, 220)) r g b / alpha);
+        }
     }
+    
     .button:active {
         outline: none;
     }
-    .button:focus-visible {
+
+    *:focus-visible {
         outline-offset: 0.1875rem;
-        outline: 0.125rem solid rgba(var(--um-color-button-primary-bg, var(--um-color-page-text, 62,62,62)),1);
     }
+
+    a.button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        line-height: normal;
+    }
+
 `;
-export {
-  r as buttonState
-};
+
+export { buttonState };
+//# sourceMappingURL=button.js.map

package/dist/styles/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../src/styles/button.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/fonts.d.ts

@@ -0,0 +1,7 @@
+export declare const fontFamily: import("lit").CSSResult;
+export declare const fontSizes: import("lit").CSSResult;
+export declare const fontColors: import("lit").CSSResult;
+export declare const fontWeights: import("lit").CSSResult;
+export declare const fontMargins: import("lit").CSSResult;
+export declare const fontStyle: import("lit").CSSResult;
+//# sourceMappingURL=fonts.d.ts.map

package/dist/styles/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/styles/fonts.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,yBAyBtB,CAAA;AAED,eAAO,MAAM,SAAS,yBAyFrB,CAAA;AAGD,eAAO,MAAM,UAAU,yBA2BtB,CAAA;AAGD,eAAO,MAAM,WAAW,yBAyBvB,CAAA;AAGD,eAAO,MAAM,WAAW,yBA2CvB,CAAA;AAED,eAAO,MAAM,SAAS,yBAUrB,CAAA"}