@duetds/components 10.0.0-alpha.13 → 10.0.0-alpha.14

package/lib/esm/polyfills/index.js

@@ -1,34 +0,0 @@
-export function applyPolyfills() {
-  var promises = [];
-  if (typeof window !== 'undefined') {
-    var win = window;
-
-    if (!win.customElements ||
-      (win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove || !win.Element.prototype.getRootNode))) {
-      promises.push(import(/* webpackChunkName: "polyfills-dom" */ './dom.js'));
-    }
-
-    var checkIfURLIsSupported = function() {
-      try {
-        var u = new URL('b', 'http://a');
-        u.pathname = 'c%20d';
-        return (u.href === 'http://a/c%20d') && u.searchParams;
-      } catch (e) {
-        return false;
-      }
-    };
-
-    if (
-      'function' !== typeof Object.assign || !Object.entries ||
-      !Array.prototype.find || !Array.prototype.includes ||
-      !String.prototype.startsWith || !String.prototype.endsWith ||
-      (win.NodeList && !win.NodeList.prototype.forEach) ||
-      !win.fetch ||
-      !checkIfURLIsSupported() ||
-      typeof WeakMap == 'undefined'
-    ) {
-      promises.push(import(/* webpackChunkName: "polyfills-core-js" */ './core-js.js'));
-    }
-  }
-  return Promise.all(promises);
-}

package/lib/esm/polyfills/system.js

@@ -1,6 +0,0 @@
-/**
- * SystemJS 4.0.2
- * MANUAL PATCH: remove script.crossOrigin = "anonymous"
- * MANUAL PATCH: add conditionally apply, n.System=n.System||new u
- */
-!function(){var e="undefined"!=typeof self,n=e?self:global;var t;if("undefined"!=typeof document){var e=document.querySelector("base[href]");e&&(t=e.href)}if(!t&&"undefined"!=typeof location){var e=(t=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==e&&(t=t.slice(0,e+1))}var r=/\\/g,o="undefined"!=typeof Symbol,i=o&&Symbol.toStringTag,c=o?Symbol():"@";function u(){this[c]={}}var s=u.prototype;var l;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var o=n[c][t];if(o)return o;var u=[],s=Object.create(null);i&&Object.defineProperty(s,i,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){o.h=!0;var t=!1;if("object"!=typeof e)e in s&&s[e]===n||(s[e]=n,t=!0);else for(var n in e){var r=e[n];n in s&&s[n]===r||(s[n]=r,t=!0)}if(t)for(var e=0;e<u.length;e++)u[e](s);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return o.e=r.execute||function(){},[e[0],r.setters||[]]});var f=l.then(function(r){return Promise.all(r[0].map(function(o,i){var c=r[1][i];return Promise.resolve(n.resolve(o,t)).then(function(r){var o=e(n,r,t);return Promise.resolve(o.I).then(function(){return c&&(o.i.push(c),!o.h&&o.I||c(o.n)),o})})})).then(function(e){o.d=e})});return f.catch(function(e){o.e=null,o.er=e}),o=n[c][t]={id:t,i:u,n:s,I:l,L:f,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(r[t.id])return;if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var o;return t.d.forEach(function(t){{var i=e(n,t,r);i&&(o=o||[]).push(i)}}),o?Promise.all(o).then(i):i();function i(){try{var e=t.e.call(f);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var f=Object.freeze(Object.create(null));n.System=n.System||new u;var d=s.register;s.register=function(e,n){d.call(this,e,n)},s.instantiate=function(e,n){var t=this;return".json"===e.substr(-5)?fetch(e).then(function(e){return e.text()}).then(function(e){return[[],function(n){return{execute:function(){n("default",JSON.parse(e))}}}]}):new Promise(function(r,o){var i;function c(n){n.filename===e&&(i=n.error)}window.addEventListener("error",c);var u=document.createElement("script");u.charset="utf-8",u.async=!0,u.addEventListener("error",function(){window.removeEventListener("error",c),o(Error("Error loading "+e+(n?" from "+n:"")))}),u.addEventListener("load",function(){window.removeEventListener("error",c),document.head.removeChild(u),i?o(i):r(t.getRegister())}),u.src=e,document.head.appendChild(u)})},e&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(e,n){var o=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(r,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t=n.slice(0,n.indexOf(":")+1);var r;if(r="/"===n[t.length+1]?"file:"!==t?(r=n.slice(t.length+2)).slice(r.indexOf("/")+1):n.slice(8):n.slice(t.length+("/"===n[t.length])),"/"===e[0])return n.slice(0,n.length-r.length-1)+e;var o=r.slice(0,r.lastIndexOf("/")+1)+e,i=[];var c=-1;for(var e=0;e<o.length;e++)-1!==c?"/"===o[e]&&(i.push(o.slice(c,e+1)),c=-1):"."===o[e]?"."!==o[e+1]||"/"!==o[e+2]&&e+2!==o.length?"/"===o[e+1]||e+1===o.length?e+=1:c=e:(i.pop(),e+=2):c=e;return-1!==c&&i.push(o.slice(c)),n.slice(0,n.length-r.length)+i.join("")}}(e,n||t);if(!o){if(-1!==e.indexOf(":"))return Promise.resolve(e);throw Error('Cannot resolve "'+e+(n?'" from '+n:'"'))}return Promise.resolve(o)}}();

package/lib/esm/slot-utils-4096ff0d.js

@@ -1,115 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import './index-a830b2de.js';
-
-const getElementsFromNamedSlot = (element, slotName) => {
-    const childElements = Array.from(element.querySelectorAll(":scope > *"));
-    return childElements.filter(el => el.matches(`[slot='${slotName}']`));
-};
-const getElementsFromDefaultSlot = (element) => {
-    const childElements = Array.from(element.querySelectorAll(":scope > *"));
-    return childElements.filter(el => !el.getAttribute("slot"));
-};
-const hasSlot = (element, slotName) => {
-    return slotName
-        ? getElementsFromNamedSlot(element, slotName).length > 0
-        : getElementsFromDefaultSlot(element).length > 0;
-};
-/**
- * Check if the slotted element matches the given selector.
- * If not, log a warning, or log a error and remove the element.
- * This function only works with named slots.
- *
- * @param hostElement Host element
- * @param slotName Name of the slot to check.
- * @param selector Css selector the slotted element should match
- * @param maxChildren Maximum number of children allowed in the slot. For no limit use 0. Default is 0.
- * @param remove If true, remove the elements that don't match. Default is false.
- */
-const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0, remove = false) => {
-    const warnOrError = remove ? "error" : "warn";
-    const errors = [];
-    const slottedElements = getElementsFromNamedSlot(hostElement, slotName);
-    const nonRemovedElements = slottedElements.filter(el => {
-        if (el.matches(selector)) {
-            return true;
-        }
-        errors.push(`Only elements matcing selector "${selector}" may be used in slot ${slotName}, found:\n${el.outerHTML}`);
-        if (remove) {
-            el.remove();
-            return false;
-        }
-        return true;
-    });
-    if (maxChildren && nonRemovedElements.length > maxChildren) {
-        errors.push(`Only ${maxChildren} element${maxChildren > 1 ? "s" : ""} may be used in slot ${slotName}, found ${slottedElements.length}.`);
-        if (remove) {
-            nonRemovedElements.slice(maxChildren).forEach(el => el.remove());
-        }
-    }
-    if (errors.length > 0) {
-        console[warnOrError](`Duet ${warnOrError} in ${hostElement.tagName.toLowerCase()}:\n${errors.join("\n")}${remove ? `\nElement${errors.length > 1 ? "s" : ""} removed.` : ""}`);
-    }
-};
-/**
- * Clones host element's default slot contents inside of target element.
- * Uses cloneNode so remember to always check for its caveats.
- *
- * @param hostElement Host element
- * @param targetElement Target element
- */
-const cloneDefaultSlotContent = (hostElement, targetElement) => {
-    targetElement.innerHTML = "";
-    if (hostElement.childNodes.length === 0) {
-        targetElement.innerHTML = hostElement.innerHTML;
-    }
-    else {
-        hostElement.childNodes.forEach(childNode => {
-            const copy = childNode.cloneNode(true);
-            targetElement.appendChild(copy);
-        });
-    }
-};
-/**
- * Creates hidden input element inside component's slot.
- * This can be used to support native <form> element functionalities.
- *
- * @param element Element
- * @param name Input name
- * @param value Input value
- */
-const proxyInputToSlot = (element, id, name, value, required, checked = undefined) => {
-    const prevInput = element.querySelector("input");
-    const input = prevInput || document.createElement("input");
-    if (checked === false) {
-        input.remove();
-        return;
-    }
-    input.id = id;
-    if (name !== undefined && name !== null) {
-        input.name = name;
-    }
-    if (required) {
-        input.type = "text";
-        input.hidden = true;
-        input.required = true;
-    }
-    else {
-        input.type = "hidden";
-        input.hidden = false;
-        input.required = false;
-    }
-    input.value = value;
-    if (value !== undefined && value !== null) {
-        input.value = value;
-    }
-    else if (value === undefined || value === null) {
-        input.value = null;
-    }
-    if (!prevInput) {
-        element.appendChild(input);
-    }
-};
-
-export { cloneDefaultSlotContent as a, getElementsFromDefaultSlot as b, checkNamedSlotElement as c, getElementsFromNamedSlot as g, hasSlot as h, proxyInputToSlot as p };

package/lib/esm/string-utils-192eb3c8.js

@@ -1,61 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-function isObject(maybeObj) {
-    return Object.prototype.toString.call(maybeObj) === "[object Object]";
-}
-const parsePossibleJSON = (maybeJSON) => {
-    if (Array.isArray(maybeJSON) || isObject(maybeJSON)) {
-        return maybeJSON;
-    }
-    if (typeof maybeJSON === "string") {
-        try {
-            return JSON.parse(maybeJSON);
-        }
-        catch (e) {
-            console.warn(e);
-            try {
-                return JSON.parse(convertHtmlQuotes(maybeJSON));
-            }
-            catch (e) {
-                console.warn(e);
-            }
-        }
-    }
-    // undefined is not a type in JSON,
-    // so we use it here to signal invalid input
-    return undefined;
-};
-/**
- * Format string, via simplistic sprintf equivalent
- * @example String.format('{0} is super, but {1} is best! {{0}}', 'Duet', 'Coffee'); -> "Duet is super, but Coffee ist best! {0}"
- *
- */
-// @ts-ignore
-if (!String.format) {
-    // @ts-ignore
-    String.format = function (format) {
-        var args = Array.prototype.slice.call(arguments, 1);
-        return format.replace(/\{\{|\}\}|\{(\d+)\}/g, function (curlyBrack, index) {
-            return curlyBrack == "{{" ? "{" : curlyBrack == "}}" ? "}" : args[index];
-        });
-    };
-}
-const MATCH_DISALLOWED_CHARS = /[^a-z0-9áéíóúñüöäå \.,_-]/gim;
-function sanitizeString(string) {
-    return string.replace(MATCH_DISALLOWED_CHARS, "").trim();
-}
-const convertHtmlQuotes = string => {
-    if (typeof string === "string") {
-        return string.replace(/"/g, '"').replace(/'/g, '"');
-    }
-    return string;
-};
-/**
- * Escapes characters that have special meaning in regular expressions
- */
-const regexEscape = (string) => {
-    return string.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-};
-
-export { convertHtmlQuotes as c, parsePossibleJSON as p, regexEscape as r, sanitizeString as s };

package/lib/esm/teleport-aa27d5f9.js

@@ -1,116 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-/**
- * Teleport helps resolving z-index issues of overlapping popup elements.
- * Initiate it in your component's connectedCallback.
- * Call activate() to teleport the object.
- * Call deactivate() to resume the object to its original place.
- * Call makeSiblingsInert() to add inert attribute to sibling elements.
- * Call removeInertFromSiblings() to remove inert attribute from sibling elements.
- */
-class Teleport {
-    constructor(element, target) {
-        this.skipInert = ["duet-tooltip-popup", ".duet-skip-teleport-inert"];
-        this.isActive = false;
-        this.element = element;
-        this.target = target || document.body;
-        this.teleportId = `${Math.random()}-${Date.now()}`.substring(2);
-    }
-    activate() {
-        if (this._isTeleportSkipped() || this.isActive) {
-            return;
-        }
-        this.isActive = true;
-        this._activate();
-    }
-    deactivate() {
-        if (this._isTeleportSkipped() || !this.isActive) {
-            return;
-        }
-        this.isActive = false;
-        this._deactivate();
-    }
-    makeSiblingsInert() {
-        if (this._isTeleportSkipped() || !this.isActive) {
-            return;
-        }
-        this._makeSiblingsInert();
-    }
-    removeInertFromSiblings(delay = 0) {
-        if (this._isTeleportSkipped() || !this.isActive) {
-            return;
-        }
-        if (delay) {
-            setTimeout(this._removeInertFromSiblings.bind(this), delay);
-        }
-        else {
-            this._removeInertFromSiblings();
-        }
-    }
-    _isTeleportSkipped() {
-        const skipTeleport = this.element.getAttribute("skip-teleport");
-        return skipTeleport !== null && skipTeleport !== "false";
-    }
-    _activate() {
-        if (!this.element.dataset.reactPortal) {
-            this.stub = document.createElement("template");
-            this.element.insertAdjacentElement("afterend", this.stub);
-            this.target.appendChild(this.element);
-        }
-        this.deletionObserver = new MutationObserver(this._deletionObserverCallback.bind(this));
-        this.deletionObserver.observe(document.documentElement, { childList: true, subtree: true });
-    }
-    _deactivate() {
-        if (!this.element.dataset.reactPortal) {
-            this.stub.insertAdjacentElement("beforebegin", this.element);
-            this.stub.remove();
-        }
-        this._removeInertFromSiblings();
-        this.deletionObserver.disconnect();
-    }
-    _remove() {
-        var _a, _b;
-        if (!this.element.dataset.reactPortal) {
-            (_a = this.element) === null || _a === void 0 ? void 0 : _a.remove();
-            (_b = this.stub) === null || _b === void 0 ? void 0 : _b.remove();
-        }
-        this._removeInertFromSiblings();
-        this.deletionObserver.disconnect();
-    }
-    _makeSiblingsInert() {
-        const siblings = Array.from(this.target.children);
-        siblings.forEach(sibling => {
-            if (sibling !== this.element && !this.skipInert.some(selector => sibling.matches(selector))) {
-                sibling.dataset.duetTeleportId = (sibling.dataset.duetTeleportId || "") + this.teleportId;
-                sibling.inert = true;
-            }
-        });
-    }
-    _removeInertFromSiblings() {
-        const siblings = Array.from(this.target.children);
-        siblings.forEach(sibling => {
-            var _a;
-            if ((_a = sibling.dataset.duetTeleportId) === null || _a === void 0 ? void 0 : _a.includes(this.teleportId)) {
-                sibling.dataset.duetTeleportId = sibling.dataset.duetTeleportId.replace(this.teleportId, "");
-                if (sibling.dataset.duetTeleportId === "") {
-                    delete sibling.dataset.duetTeleportId;
-                    sibling.inert = false;
-                }
-            }
-        });
-    }
-    /**
-     * If the teleported element or its component (observed via stub) is removed from DOM, clean up the teleport.
-     */
-    _deletionObserverCallback(mutationList) {
-        mutationList.forEach(mutation => {
-            if (Array.from(mutation.removedNodes).includes(this.element) ||
-                Array.from(mutation.removedNodes).some(n => n.contains(this.stub))) {
-                this._remove();
-            }
-        });
-    }
-}
-
-export { Teleport as T };

package/lib/esm/themeable-component-860041c5.js

@@ -1,13 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const inheritGlobalTheme = (component) => {
-    // this minor change enables duet-theme-XXXXX instead of just duet-theme-turva
-    const classList = Array.from(document.documentElement.classList).join(" ") || "";
-    const theme = /(duet-theme-)([a-z]*)/gi.exec(classList);
-    if (theme && theme[1] === "duet-theme-") {
-        component.theme = theme[2] === "default" ? "" : theme[2];
-    }
-};
-
-export { inheritGlobalTheme as i };

package/lib/esm/token-utils-b9ba8c5e.js

@@ -1,138 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './tokens.module-2d02f5ff.js';
-
-const allowedThemes = ["turva"];
-function isDashCase(str) {
-    const dash = str.includes("-");
-    const barredString = str.includes(" ") || str.includes("_");
-    const barredStartingString = str.charAt(0) === "-";
-    return dash && !barredString && !barredStartingString;
-}
-function capitalize(str = "") {
-    return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
-}
-function lowerCaseFirst(str = "") {
-    return `${str.charAt(0).toLowerCase()}${str.slice(1)}`;
-}
-function camelize(str = "") {
-    const arr = str.split("-");
-    //loop through each element of the array and capitalize the first letter.'
-    arr.forEach((string, index) => {
-        arr[index] = capitalize(string);
-    });
-    return arr.join("");
-}
-function getTheme(theme = "") {
-    if (allowedThemes.includes(theme.toLowerCase())) {
-        return theme.toLowerCase();
-    }
-    return "";
-}
-function capitalizeFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-}
-function hasType(t, str = "") {
-    return str.indexOf(capitalizeFirstLetter(t)) === 0 || str.indexOf(t) === 0;
-}
-function addPrefix(prefix, str = "") {
-    if (str && !isDashCase(str) && !hasType(prefix, str)) {
-        return `${prefix}${capitalize(str)}`;
-    }
-    return str;
-}
-function addTheme(str, theme) {
-    const hasTheme = getTheme(theme).length;
-    if (hasTheme && str.indexOf(theme) === -1) {
-        return `${str}${capitalize(theme)}`;
-    }
-    return str;
-}
-function getColorByName(name, theme = "") {
-    if (!name) {
-        return undefined;
-    }
-    const defaultColor = convertToColorName(name);
-    const themedColor = convertToColorName(name, theme);
-    // lets just try to get the color first to save some cycles
-    let resolvedToken = tokens[themedColor];
-    if (!resolvedToken) {
-        resolvedToken = tokens[defaultColor];
-    }
-    return resolvedToken;
-}
-function convertToColorName(name = "", theme = "") {
-    let colorResolution = name;
-    const dash = isDashCase(name);
-    if (dash) {
-        colorResolution = camelize(colorResolution);
-    }
-    colorResolution = addPrefix("color", colorResolution);
-    colorResolution = addTheme(colorResolution, theme);
-    // takes care of the case where colorPrimaryDark ends up with ColorPrimaryDark
-    colorResolution = lowerCaseFirst(colorResolution);
-    return colorResolution;
-}
-function getTokenByName(prefix, name) {
-    if (!name) {
-        return undefined;
-    }
-    let tokenResolution = name;
-    const dash = isDashCase(name);
-    if (dash) {
-        tokenResolution = camelize(tokenResolution);
-    }
-    tokenResolution = addPrefix(prefix, tokenResolution);
-    tokenResolution = lowerCaseFirst(tokenResolution);
-    try {
-        return tokens[tokenResolution];
-    }
-    catch (e) {
-        return undefined;
-    }
-}
-function getShadowByName(name) {
-    return getTokenByName("shadow", name);
-}
-function rgbaColorFromRgb(color, opacity) {
-    if (!color || (opacity !== 0 && !opacity)) {
-        return undefined;
-    }
-    const f = color.split(",");
-    const R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
-    return `rgba(${R},${G},${B},${opacity})`;
-}
-function shadeRGBColor(color, percent) {
-    const f = color.split(","), t = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent;
-    let R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
-    R = Math.round((t - R) * p) + R;
-    G = Math.round((t - G) * p) + G;
-    B = Math.round((t - B) * p) + B;
-    R = R < 0 ? 0 : R;
-    R = R > 255 ? 255 : R;
-    G = G < 0 ? 0 : G;
-    G = G > 255 ? 255 : G;
-    B = B < 0 ? 0 : B;
-    B = B > 255 ? 255 : B;
-    return `rgb(${R},${G},${B})`;
-}
-// remove wrapping speech marks.
-// media query tokens are wrapped in speech marks,
-// which need to be removed before use with matchMedia.
-const unwrap = (str) => str.substring(1, str.length - 1);
-const breakpointToToken = {
-    "xxx-small": unwrap(mediaQueryXxxSmall),
-    "xx-small": unwrap(mediaQueryXxSmall),
-    "x-small": unwrap(mediaQueryXSmall),
-    small: unwrap(mediaQuerySmall),
-    medium: unwrap(mediaQueryMedium),
-    large: unwrap(mediaQueryLarge),
-    "x-large": unwrap(mediaQueryXLarge),
-    "xx-large": unwrap(mediaQueryXxLarge),
-    "xxx-large": unwrap(mediaQueryXxxLarge),
-};
-const breakpointTokensUpTo = Object.keys(breakpointToToken).filter(key => key.indexOf("x-small") !== -1);
-Object.keys(breakpointToToken).filter(key => !breakpointTokensUpTo.includes(key));
-
-export { breakpointToToken as a, breakpointTokensUpTo as b, capitalizeFirstLetter as c, getShadowByName as d, getColorByName as g, rgbaColorFromRgb as r, shadeRGBColor as s };