@ebrains/components 0.9.2-beta → 0.9.3-beta

package/dist/components/shadow-css-423dab2c.js

@@ -1,332 +0,0 @@
-// src/utils/regular-expression.ts
-var escapeRegExpSpecialCharacters = (text) => {
-  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-};
-
-// src/utils/shadow-css.ts
-/**
- * @license
- * Copyright Google Inc. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- *
- * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
- * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
- * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
- */
-var safeSelector = (selector) => {
-  const placeholders = [];
-  let index = 0;
-  selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
-    const replaceBy = `__ph-${index}__`;
-    placeholders.push(keep);
-    index++;
-    return replaceBy;
-  });
-  const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
-    const replaceBy = `__ph-${index}__`;
-    placeholders.push(exp);
-    index++;
-    return pseudo + replaceBy;
-  });
-  const ss = {
-    content,
-    placeholders
-  };
-  return ss;
-};
-var restoreSafeSelector = (placeholders, content) => {
-  return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
-};
-var _polyfillHost = "-shadowcsshost";
-var _polyfillSlotted = "-shadowcssslotted";
-var _polyfillHostContext = "-shadowcsscontext";
-var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
-var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
-var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
-var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
-var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
-var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
-var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
-var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
-var _polyfillHostRe = /-shadowcsshost/gim;
-var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
-var _colonSlottedRe = createSupportsRuleRe("::slotted");
-var _colonHostRe = createSupportsRuleRe(":host");
-var _colonHostContextRe = createSupportsRuleRe(":host-context");
-var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
-var stripComments = (input) => {
-  return input.replace(_commentRe, "");
-};
-var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
-var extractCommentsWithHash = (input) => {
-  return input.match(_commentWithHashRe) || [];
-};
-var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
-var _curlyRe = /([{}])/g;
-var _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
-var OPEN_CURLY = "{";
-var CLOSE_CURLY = "}";
-var BLOCK_PLACEHOLDER = "%BLOCK%";
-var processRules = (input, ruleCallback) => {
-  const inputWithEscapedBlocks = escapeBlocks(input);
-  let nextBlockIndex = 0;
-  return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
-    const selector = m[2];
-    let content = "";
-    let suffix = m[4];
-    let contentPrefix = "";
-    if (suffix && suffix.startsWith("{" + BLOCK_PLACEHOLDER)) {
-      content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
-      suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
-      contentPrefix = "{";
-    }
-    const cssRule = {
-      selector,
-      content
-    };
-    const rule = ruleCallback(cssRule);
-    return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
-  });
-};
-var escapeBlocks = (input) => {
-  const inputParts = input.split(_curlyRe);
-  const resultParts = [];
-  const escapedBlocks = [];
-  let bracketCount = 0;
-  let currentBlockParts = [];
-  for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
-    const part = inputParts[partIndex];
-    if (part === CLOSE_CURLY) {
-      bracketCount--;
-    }
-    if (bracketCount > 0) {
-      currentBlockParts.push(part);
-    } else {
-      if (currentBlockParts.length > 0) {
-        escapedBlocks.push(currentBlockParts.join(""));
-        resultParts.push(BLOCK_PLACEHOLDER);
-        currentBlockParts = [];
-      }
-      resultParts.push(part);
-    }
-    if (part === OPEN_CURLY) {
-      bracketCount++;
-    }
-  }
-  if (currentBlockParts.length > 0) {
-    escapedBlocks.push(currentBlockParts.join(""));
-    resultParts.push(BLOCK_PLACEHOLDER);
-  }
-  const strEscapedBlocks = {
-    escapedString: resultParts.join(""),
-    blocks: escapedBlocks
-  };
-  return strEscapedBlocks;
-};
-var insertPolyfillHostInCssText = (cssText) => {
-  cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
-  return cssText;
-};
-var convertColonRule = (cssText, regExp, partReplacer) => {
-  return cssText.replace(regExp, (...m) => {
-    if (m[2]) {
-      const parts = m[2].split(",");
-      const r = [];
-      for (let i = 0; i < parts.length; i++) {
-        const p = parts[i].trim();
-        if (!p) break;
-        r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
-      }
-      return r.join(",");
-    } else {
-      return _polyfillHostNoCombinator + m[3];
-    }
-  });
-};
-var colonHostPartReplacer = (host, part, suffix) => {
-  return host + part.replace(_polyfillHost, "") + suffix;
-};
-var convertColonHost = (cssText) => {
-  return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
-};
-var colonHostContextPartReplacer = (host, part, suffix) => {
-  if (part.indexOf(_polyfillHost) > -1) {
-    return colonHostPartReplacer(host, part, suffix);
-  } else {
-    return host + part + suffix + ", " + part + " " + host + suffix;
-  }
-};
-var convertColonSlotted = (cssText, slotScopeId) => {
-  const slotClass = "." + slotScopeId + " > ";
-  const selectors = [];
-  cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
-    if (m[2]) {
-      const compound = m[2].trim();
-      const suffix = m[3];
-      const slottedSelector = slotClass + compound + suffix;
-      let prefixSelector = "";
-      for (let i = m[4] - 1; i >= 0; i--) {
-        const char = m[5][i];
-        if (char === "}" || char === ",") {
-          break;
-        }
-        prefixSelector = char + prefixSelector;
-      }
-      const orgSelector = (prefixSelector + slottedSelector).trim();
-      const addedSelector = `${prefixSelector.trimEnd()}${slottedSelector.trim()}`.trim();
-      if (orgSelector !== addedSelector) {
-        const updatedSelector = `${addedSelector}, ${orgSelector}`;
-        selectors.push({
-          orgSelector,
-          updatedSelector
-        });
-      }
-      return slottedSelector;
-    } else {
-      return _polyfillHostNoCombinator + m[3];
-    }
-  });
-  return {
-    selectors,
-    cssText
-  };
-};
-var convertColonHostContext = (cssText) => {
-  return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
-};
-var convertShadowDOMSelectors = (cssText) => {
-  return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, " "), cssText);
-};
-var makeScopeMatcher = (scopeSelector2) => {
-  const lre = /\[/g;
-  const rre = /\]/g;
-  scopeSelector2 = scopeSelector2.replace(lre, "\\[").replace(rre, "\\]");
-  return new RegExp("^(" + scopeSelector2 + ")" + _selectorReSuffix, "m");
-};
-var selectorNeedsScoping = (selector, scopeSelector2) => {
-  const re = makeScopeMatcher(scopeSelector2);
-  return !re.test(selector);
-};
-var injectScopingSelector = (selector, scopingSelector) => {
-  return selector.replace(_selectorPartsRe, (_, before = "", _colonGroup, colon = "", after = "") => {
-    return before + scopingSelector + colon + after;
-  });
-};
-var applySimpleSelectorScope = (selector, scopeSelector2, hostSelector) => {
-  _polyfillHostRe.lastIndex = 0;
-  if (_polyfillHostRe.test(selector)) {
-    const replaceBy = `.${hostSelector}`;
-    return selector.replace(_polyfillHostNoCombinatorRe, (_, selector2) => injectScopingSelector(selector2, replaceBy)).replace(_polyfillHostRe, replaceBy + " ");
-  }
-  return scopeSelector2 + " " + selector;
-};
-var applyStrictSelectorScope = (selector, scopeSelector2, hostSelector) => {
-  const isRe = /\[is=([^\]]*)\]/g;
-  scopeSelector2 = scopeSelector2.replace(isRe, (_, ...parts) => parts[0]);
-  const className = "." + scopeSelector2;
-  const _scopeSelectorPart = (p) => {
-    let scopedP = p.trim();
-    if (!scopedP) {
-      return "";
-    }
-    if (p.indexOf(_polyfillHostNoCombinator) > -1) {
-      scopedP = applySimpleSelectorScope(p, scopeSelector2, hostSelector);
-    } else {
-      const t = p.replace(_polyfillHostRe, "");
-      if (t.length > 0) {
-        scopedP = injectScopingSelector(t, className);
-      }
-    }
-    return scopedP;
-  };
-  const safeContent = safeSelector(selector);
-  selector = safeContent.content;
-  let scopedSelector = "";
-  let startIndex = 0;
-  let res;
-  const sep = /( |>|\+|~(?!=))\s*/g;
-  const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
-  let shouldScope = !hasHost;
-  while ((res = sep.exec(selector)) !== null) {
-    const separator = res[1];
-    const part2 = selector.slice(startIndex, res.index).trim();
-    shouldScope = shouldScope || part2.indexOf(_polyfillHostNoCombinator) > -1;
-    const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
-    scopedSelector += `${scopedPart} ${separator} `;
-    startIndex = sep.lastIndex;
-  }
-  const part = selector.substring(startIndex);
-  shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
-  scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
-  return restoreSafeSelector(safeContent.placeholders, scopedSelector);
-};
-var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
-  return selector.split(",").map((shallowPart) => {
-    if (slotSelector && shallowPart.indexOf("." + slotSelector) > -1) {
-      return shallowPart.trim();
-    }
-    if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
-      return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
-    } else {
-      return shallowPart.trim();
-    }
-  }).join(", ");
-};
-var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector) => {
-  return processRules(cssText, (rule) => {
-    let selector = rule.selector;
-    let content = rule.content;
-    if (rule.selector[0] !== "@") {
-      selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
-    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
-      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
-    }
-    const cssRule = {
-      selector: selector.replace(/\s{2,}/g, " ").trim(),
-      content
-    };
-    return cssRule;
-  });
-};
-var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId) => {
-  cssText = insertPolyfillHostInCssText(cssText);
-  cssText = convertColonHost(cssText);
-  cssText = convertColonHostContext(cssText);
-  const slotted = convertColonSlotted(cssText, slotScopeId);
-  cssText = slotted.cssText;
-  cssText = convertShadowDOMSelectors(cssText);
-  if (scopeId) {
-    cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
-  }
-  cssText = replaceShadowCssHost(cssText, hostScopeId);
-  cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
-  return {
-    cssText: cssText.trim(),
-    // We need to replace the shadow CSS host string in each of these selectors since we created
-    // them prior to the replacement happening in the components CSS text.
-    slottedSelectors: slotted.selectors.map((ref) => ({
-      orgSelector: replaceShadowCssHost(ref.orgSelector, hostScopeId),
-      updatedSelector: replaceShadowCssHost(ref.updatedSelector, hostScopeId)
-    }))
-  };
-};
-var replaceShadowCssHost = (cssText, hostScopeId) => {
-  return cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
-};
-var scopeCss = (cssText, scopeId) => {
-  const hostScopeId = scopeId + "-h";
-  const slotScopeId = scopeId + "-s";
-  const commentsWithHash = extractCommentsWithHash(cssText);
-  cssText = stripComments(cssText);
-  const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
-  cssText = [scoped.cssText, ...commentsWithHash].join("\n");
-  scoped.slottedSelectors.forEach((slottedSelector) => {
-    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
-    cssText = cssText.replace(regex, slottedSelector.updatedSelector);
-  });
-  return cssText;
-};
-
-export { scopeCss };

package/dist/components/token-shadows.entry.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-const shadows = {
-  small: '0px 1.5px 2px rgba(0, 0, 0, 0.1)',
-  hover: '0px 0px 16px rgba(0, 0, 0, 0.2)',
-  accent: '0px 0px 12px rgba(0, 201, 89, 0.6)',
-  podium: '0px 0px 8px 8px rgb(0 0 0 / 25%);',
-  border: '0 10px 10px rgba(0, 0, 0, 0.15);',
-  'border-top': '0 -10px 10px rgba(0, 0, 0, 0.15);'
-};
-
-const dropShadows = {
-  small: '0px 0px 16px rgba(0, 0, 0, 0.3)'
-};
-
-const shadowTokens = {
-  shadows,
-  dropShadows
-};
-
-const TokenShadows = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("section", { key: 'af8f66e30d9115f920d483c02d1f7c2b718589f9', class: "w-full mt-28" }, h("ul", { key: '1588c580f981ab148ba23a76cd33b0c8b993822c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
-    }
-};
-
-export { TokenShadows as token_shadows };

package/dist/components/token-spacing.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-const TokenSpacing = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '5526a1591fe499aa09c78be0143f69b7b7af6018', class: "w-full" }, h("ul", { key: '690fb216bebd9a7ded21792e9b06aa06afbc722b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '601a7d094c2143cb0499251243282133b4389c7d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '2c57a78fea544c8e76021031dba8addba73a6d47', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8879361b69dabe72270b3eac45cf1c95e569f98b', class: "spacing-sample m-16 bg-strong" }, h("span", { key: 'a3ae615891152c0305386082b117083f8bafde9c', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '24142c0ecca843e6185201878ba34a7f01e22bc9', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'c1c25ff252577d8e00e7d1de77f9960e7e97dfde', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c6797217f9bc11797961b3d26fe814bbb275e583', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '376548ee4fa82a8ac20a46b926b34ef6147350aa', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '973f0bb97ebb3c180d2283387f49df9513b7770f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '573eb47f4cc69d46f0603a0a709315c7e191998b', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '71cd97ffaeed369e234c75909a5be4bbb3cb43d5', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '0f6af30c5d310aba1436d9ff92e8d67d7f139b59', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '884a928c8d8c7b5dbdfd024e4e4d76bf98b55f49', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'cfa9dd4088ece07293702056de592c39d68a43ae', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'aca9b21ca52d79a724a5e985d6639e543b495e6b', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '550fc1d92e707439176933443fca6532b06209ca', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'a56af0286e1deee424fe9e7e6d3f1dccc0a0a92c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '738731e56be9be727e47687d9ef271ab5b0a087c', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5448eeed3887bd66270be4e93761b9a3d8fe206c', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '535e325326444ab1d50e885de65d6acdd7f9ec63', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'e0b1ba436681545f760823f1e0d073fd8bd2d44b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '9d65df19fdc4be8054e9b34c18f8b54eadac7dbd', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'fe8656e6f0f3fafa3e7dd1ba9dd35251a3a19bf0', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '32b26c324b26b3c57062d149cb49d1f1eeb5b5c4', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
-    }
-};
-
-export { TokenSpacing as token_spacing };

package/dist/types/shared-ui/eds-login/eds-login.stories.d.ts

@@ -1,33 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        keycloakUrl: {
-            control: string;
-            description: string;
-        };
-        keycloakRealm: {
-            control: string;
-            description: string;
-        };
-        keycloakClientId: {
-            control: string;
-            description: string;
-        };
-    };
-    args: {
-        keycloakUrl: string;
-        keycloakRealm: string;
-        keycloakClientId: string;
-    };
-    parameters: {};
-};
-export default _default;
-export declare const Default: {
-    render: (args: any) => string;
-    args: {
-        keycloakUrl: string;
-        keycloakRealm: string;
-        keycloakClientId: string;
-    };
-};