@teipublisher/pb-components 2.26.1-next.2 → 3.0.0

package/src/utils.js

@@ -1,51 +1,53 @@
-export function resolveURL(relPath) {
-    const src = document.querySelector('script[src*=pb-components]');
-    if (src) {
-        return new URL(relPath, src.src).href;
-    }
-    return new URL(relPath, window.location.href).href;
-}
-
-export function cmpVersion(a, b) {
-    var i, cmp, len;
-    a = (a + '').split('.');
-    b = (b + '').split('.');
-    len = Math.max(a.length, b.length);
-    for (i = 0; i < len; i++) {
-        if (a[i] === undefined) {
-            a[i] = '0';
-        }
-        if (b[i] === undefined) {
-            b[i] = '0';
-        }
-        cmp = parseInt(a[i], 10) - parseInt(b[i], 10);
-        if (cmp !== 0) {
-            return (cmp < 0 ? -1 : 1);
-        }
-    }
-    return 0;
-}
-
-export function minVersion(given, required) {
-    return cmpVersion(given, required) >= 0;
-}
-
-/**
- * Retrieve value of a CSS property.
- * 
- * @param {Element} elem the component
- * @param {string} name name of the property
- * @param {any} defaultValue default value
- * @returns the value or defaultValue if it does not exist
- */
-export function getCSSProperty(elem, name, defaultValue) {
-    const property = getComputedStyle(elem).getPropertyValue(name);
-    if (property) {
-        try {
-            return JSON.parse(property);
-        } catch (e) {
-            return defaultValue;
-        }
-    }
-    return defaultValue;
-}
+export function resolveURL(relPath) {
+  const src = document.querySelector('script[src*=pb-components]');
+  if (src) {
+    return new URL(relPath, src.src).href;
+  }
+  return new URL(relPath, window.location.href).href;
+}
+
+export function cmpVersion(a, b) {
+  let i;
+  let cmp;
+  let len;
+  a = `${a}`.split('.');
+  b = `${b}`.split('.');
+  len = Math.max(a.length, b.length);
+  for (i = 0; i < len; i++) {
+    if (a[i] === undefined) {
+      a[i] = '0';
+    }
+    if (b[i] === undefined) {
+      b[i] = '0';
+    }
+    cmp = parseInt(a[i], 10) - parseInt(b[i], 10);
+    if (cmp !== 0) {
+      return cmp < 0 ? -1 : 1;
+    }
+  }
+  return 0;
+}
+
+export function minVersion(given, required) {
+  return cmpVersion(given, required) >= 0;
+}
+
+/**
+ * Retrieve value of a CSS property.
+ *
+ * @param {Element} elem the component
+ * @param {string} name name of the property
+ * @param {any} defaultValue default value
+ * @returns the value or defaultValue if it does not exist
+ */
+export function getCSSProperty(elem, name, defaultValue) {
+  const property = getComputedStyle(elem).getPropertyValue(name);
+  if (property) {
+    try {
+      return JSON.parse(property);
+    } catch (e) {
+      return defaultValue;
+    }
+  }
+  return defaultValue;
+}

package/css/pb-styles.css

@@ -1,51 +0,0 @@
-:root {
-    --pb-dialog-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
-    --pb-dialog-backdrop-color: rgba(0, 0, 0, 0.4);
-    --pb-dialog-padding-horizontal: 1em;
-    --pb-dialog-padding-vertical: 1em;
-    --pb-dialog-border-color: #eee;
-    --pb-dialog-min-width: 300px;
-}
-
-pb-dialog dialog {
-    min-width: var(--pb-dialog-min-width);
-    max-width: 100vw;
-    max-height: 90vh;
-    border-radius: 6px;
-    box-shadow: var(--pb-dialog-box-shadow);
-    border: none;
-    padding: 0;
-}
-
-pb-dialog dialog::backdrop {
-    background: var(--pb-dialog-backdrop-color);
-}
-
-pb-dialog>dialog>article>* {
-    padding-left: var(--pb-dialog-padding-horizontal);
-    padding-right: var(--pb-dialog-padding-horizontal);
-}
-
-pb-dialog>dialog>article>header {
-    border-bottom: 1px solid var(--pb-dialog-border-color);
-    display: flex;
-    margin-bottom: var(--pb-dialog-padding-vertical);
-    justify-content: space-between;
-    align-items: center;
-}
-
-pb-dialog>dialog>article>footer {
-    display: flex;
-    justify-content: flex-end;
-    gap: 0.5rem;
-    padding-top: var(--pb-dialog-padding-vertical);
-    padding-bottom: var(--pb-dialog-padding-vertical);
-    border-top: 1px solid var(--pb-dialog-border-color);
-}
-
-pb-dialog [rel="prev"] {
-    background: none;
-    border: none;
-    font-size: 1.2em;
-    cursor: pointer;
-}