@re-code/ui-components 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/index-BUHK0YWO.js +1347 -0
  3. package/dist/cjs/index.cjs.js +0 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/ui-components.cjs.js +2 -29
  6. package/dist/cjs/ui-label.cjs.entry.js +2 -2
  7. package/dist/collection/components/ui-label/ui-label.js +1 -1
  8. package/dist/collection/components/ui-label/ui-label.stories.js +9 -9
  9. package/dist/components/index.js +1 -6
  10. package/dist/components/ui-label.js +1 -51
  11. package/dist/esm/index-DuNnHYm7.js +1339 -0
  12. package/dist/esm/index.js +1 -1
  13. package/dist/esm/loader.js +2 -2
  14. package/dist/esm/ui-components.js +3 -30
  15. package/dist/esm/ui-label.entry.js +2 -2
  16. package/dist/ui-components/index.esm.js +0 -1
  17. package/dist/ui-components/p-00537ea8.entry.js +1 -0
  18. package/dist/ui-components/p-DuNnHYm7.js +2 -0
  19. package/dist/ui-components/ui-components.css +1 -28
  20. package/dist/ui-components/ui-components.esm.js +1 -47
  21. package/package.json +65 -65
  22. package/dist/cjs/index-CwGon_W1.js +0 -4501
  23. package/dist/components/index2.js +0 -4488
  24. package/dist/esm/index-CDwILsz8.js +0 -4488
  25. package/dist/types/ui-components/.stencil/ui-label.d.ts +0 -15
  26. package/dist/types/ui-components/.stencil/ui-label.stories.d.ts +0 -10
  27. package/dist/ui-components/index-CDwILsz8.js +0 -4488
  28. package/dist/ui-components/index-Ds6GXFU9.js +0 -4491
  29. package/dist/ui-components/index-Ds6GXFU9.js.map +0 -1
  30. package/dist/ui-components/index-NEMW1Jjc.js +0 -4491
  31. package/dist/ui-components/index-NEMW1Jjc.js.map +0 -1
  32. package/dist/ui-components/index.esm.js.map +0 -1
  33. package/dist/ui-components/ui-components.esm.js.map +0 -1
  34. package/dist/ui-components/ui-label.entry.js +0 -24
  35. package/dist/ui-components/ui-label.entry.js.map +0 -1
@@ -1,3 +1,2 @@
1
1
  'use strict';
2
2
 
3
- //! Autogenerated index
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CwGon_W1.js');
3
+ var index = require('./index-BUHK0YWO.js');
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CwGon_W1.js');
3
+ var index = require('./index-BUHK0YWO.js');
4
4
 
5
5
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
6
6
  /*
@@ -8,40 +8,13 @@ var _documentCurrentScript = typeof document !== 'undefined' ? document.currentS
8
8
  */
9
9
 
10
10
  var patchBrowser = () => {
11
- if (index.BUILD.isDev && !index.BUILD.isTesting) {
12
- index.consoleDevInfo("Running in development mode.");
13
- }
14
- if (index.BUILD.cloneNodeFix) {
15
- patchCloneNodeFix(index.H.prototype);
16
- }
17
- const scriptElm = index.BUILD.scriptDataOpts ? index.win.document && Array.from(index.win.document.querySelectorAll("script")).find(
18
- (s) => new RegExp(`/${index.NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === index.NAMESPACE
19
- ) : null;
20
11
  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ui-components.cjs.js', document.baseURI).href));
21
- const opts = index.BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
12
+ const opts = {};
22
13
  if (importMeta !== "") {
23
14
  opts.resourcesUrl = new URL(".", importMeta).href;
24
15
  }
25
16
  return index.promiseResolve(opts);
26
17
  };
27
- var patchCloneNodeFix = (HTMLElementPrototype) => {
28
- const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
29
- HTMLElementPrototype.cloneNode = function(deep) {
30
- if (this.nodeName === "TEMPLATE") {
31
- return nativeCloneNodeFn.call(this, deep);
32
- }
33
- const clonedNode = nativeCloneNodeFn.call(this, false);
34
- const srcChildNodes = this.childNodes;
35
- if (deep) {
36
- for (let i = 0; i < srcChildNodes.length; i++) {
37
- if (srcChildNodes[i].nodeType !== 2) {
38
- clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
39
- }
40
- }
41
- }
42
- return clonedNode;
43
- };
44
- };
45
18
 
46
19
  patchBrowser().then(async (options) => {
47
20
  await index.globalScripts();
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CwGon_W1.js');
3
+ var index = require('./index-BUHK0YWO.js');
4
4
 
5
5
  const uiLabelCss = () => `:host{display:inline-block;font-family:"Roboto", system-ui, -apple-system, sans-serif;color:#1D1B20;transition:all 0.2s ease-in-out}:host(.ui-label--display-large){font-size:57px;line-height:64px;font-weight:400;letter-spacing:-0.25px}:host(.ui-label--display-medium){font-size:45px;line-height:52px;font-weight:400;letter-spacing:0px}:host(.ui-label--display-small){font-size:36px;line-height:44px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-large){font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-medium){font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-small){font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-large){font-size:22px;line-height:28px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-medium){font-size:16px;line-height:24px;font-weight:500;letter-spacing:0.15px}:host(.ui-label--title-small){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--body-large){font-size:16px;line-height:24px;font-weight:400;letter-spacing:0.5px}:host(.ui-label--body-medium){font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.25px}:host(.ui-label--body-small){font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.4px}:host(.ui-label--label-large){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--label-medium){font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--label-small){font-size:11px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--color-primary){color:#6750A4}:host(.ui-label--color-on-primary){color:#FFFFFF}:host(.ui-label--color-primary-container){color:#EADDFF}:host(.ui-label--color-on-primary-container){color:#21005D}:host(.ui-label--color-secondary){color:#625B71}:host(.ui-label--color-on-secondary){color:#FFFFFF}:host(.ui-label--color-secondary-container){color:#E8DEF8}:host(.ui-label--color-on-secondary-container){color:#1D192B}:host(.ui-label--color-tertiary){color:#7D5260}:host(.ui-label--color-on-tertiary){color:#FFFFFF}:host(.ui-label--color-tertiary-container){color:#FFD8E4}:host(.ui-label--color-on-tertiary-container){color:#31111D}:host(.ui-label--color-error){color:#B3261E}:host(.ui-label--color-on-error){color:#FFFFFF}:host(.ui-label--color-surface){color:#FEF7FF}:host(.ui-label--color-on-surface){color:#1D1B20}:host(.ui-label--color-on-surface-variant){color:#49454F}:host(.ui-label--color-outline){color:#79747E}:host(.ui-label--weight-normal){font-weight:400}:host(.ui-label--weight-medium){font-weight:500}:host(.ui-label--weight-bold){font-weight:700}:host(.ui-label--italic){font-style:italic !important}`;
6
6
 
@@ -18,7 +18,7 @@ const UiLabel = class {
18
18
  [`ui-label--weight-${this.weight}`]: !!this.weight,
19
19
  'ui-label--italic': this.italic
20
20
  };
21
- return (index.h(index.Host, { key: 'aa90dba620bb302ef1f8d2d9452eab3cb1c993db', class: classMap }, index.h("span", { key: '09e6a2daad525a3946a4d926799e866970a70fc3' }, this.label, " ", index.h("slot", { key: '972f325c8826a2bc3f7d1a36bf5adb4335285904' }))));
21
+ return (index.h(index.Host, { key: 'f27dfd1b6693b5728b941dd191d2314c68b2ac82', class: classMap }, index.h("span", { key: 'cbf3de59fc8bc1a2c47c5de5570990deb595d06b' }, this.label, " ", index.h("slot", { key: '6bf134e3df5360475a1c49891c923556114288d7' }))));
22
22
  }
23
23
  };
24
24
  UiLabel.style = uiLabelCss();
@@ -12,7 +12,7 @@ export class UiLabel {
12
12
  [`ui-label--weight-${this.weight}`]: !!this.weight,
13
13
  'ui-label--italic': this.italic
14
14
  };
15
- return (h(Host, { key: 'aa90dba620bb302ef1f8d2d9452eab3cb1c993db', class: classMap }, h("span", { key: '09e6a2daad525a3946a4d926799e866970a70fc3' }, this.label, " ", h("slot", { key: '972f325c8826a2bc3f7d1a36bf5adb4335285904' }))));
15
+ return (h(Host, { key: 'f27dfd1b6693b5728b941dd191d2314c68b2ac82', class: classMap }, h("span", { key: 'cbf3de59fc8bc1a2c47c5de5570990deb595d06b' }, this.label, " ", h("slot", { key: '6bf134e3df5360475a1c49891c923556114288d7' }))));
16
16
  }
17
17
  static get is() { return "ui-label"; }
18
18
  static get encapsulation() { return "shadow"; }
@@ -50,15 +50,15 @@ const meta = {
50
50
  };
51
51
  export default meta;
52
52
  // Template base
53
- const Template = (args) => html `
54
- <ui-label
55
- label="${args.label}"
56
- variant="${args.variant}"
57
- color="${args.color}"
58
- weight="${args.weight}"
59
- ?italic="${args.italic}"
60
- >
61
- </ui-label>
53
+ const Template = (args) => html `
54
+ <ui-label
55
+ label="${args.label}"
56
+ variant="${args.variant}"
57
+ color="${args.color}"
58
+ weight="${args.weight}"
59
+ ?italic="${args.italic}"
60
+ >
61
+ </ui-label>
62
62
  `;
63
63
  // Historia Playground
64
64
  export const Playground = {
@@ -1,6 +1 @@
1
- import { g as globalScripts } from './index2.js';
2
- export { a as getAssetPath, r as render, s as setAssetPath, b as setNonce, c as setPlatformOptions } from './index2.js';
3
-
4
- //! Autogenerated index
5
-
6
- globalScripts();
1
+ const t=':root{--color-primary:#6750A4;--color-on-primary:#FFFFFF;--color-primary-container:#EADDFF;--color-on-primary-container:#21005D;--color-secondary:#625B71;--color-on-secondary:#FFFFFF;--color-secondary-container:#E8DEF8;--color-on-secondary-container:#1D192B;--color-tertiary:#7D5260;--color-on-tertiary:#FFFFFF;--color-tertiary-container:#FFD8E4;--color-on-tertiary-container:#31111D;--color-error:#B3261E;--color-on-error:#FFFFFF;--color-surface:#FEF7FF;--color-on-surface:#1D1B20;--color-on-surface-variant:#49454F;--color-outline:#79747E}html,body{margin:0;padding:0;font-family:"Roboto", system-ui, -apple-system, sans-serif;background-color:#FEF7FF;color:#1D1B20}';var e,n=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=function(t,e){for(;t;){const n=Object.getOwnPropertyDescriptor(t,e);if(null==n?void 0:n.get)return n;t=Object.getPrototypeOf(t)}}(Object.getPrototypeOf(t),n)||Object.getOwnPropertyDescriptor(t,n);l&&Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>(0,console.error)(t,e),r=new Map,s="undefined"!=typeof window?window:{},i=s.HTMLElement||class{},c={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},u=(()=>{try{return!!s.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),a=!!u&&(()=>!!s.document&&Object.getOwnPropertyDescriptor(s.document.adoptedStyleSheets,"length").writable)(),f=!1,d=[],p=[],h=(t,e)=>n=>{t.push(n),f||(f=!0,e&&4&c.i?b(y):c.raf(y))},m=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},y=()=>{m(d),m(p),(f=d.length>0)&&c.raf(y)},b=t=>Promise.resolve(void 0).then(t),$=h(p,!0),F=t=>{const e=new URL(t,c.u);return e.origin!==s.location.origin?e.href:e.pathname},v=t=>c.u=t;function w(){var n;const o=this.attachShadow({mode:"open"});if(void 0===e&&(e=null!=(n=function(t){if(!u)return;const e=new CSSStyleSheet;return e.replaceSync(t),e}(t))?n:null),e)a?o.adoptedStyleSheets.push(e):o.adoptedStyleSheets=[...o.adoptedStyleSheets,e];else if(!u){const e=document.createElement("style");e.innerHTML=t,o.prepend(e)}}var j,g=new WeakMap,O=t=>"sc-"+t.p,S=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let o=null,l=null,r=!1,s=!1;const i=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!S(o))&&(o+=""),r&&s?i[i.length-1].h+=o:i.push(r?D(null,o):o),s=r)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=D(t,null);return u.m=e,i.length>0&&(u.$=i),u.F=l,u},D=(t,e)=>({i:0,v:t,h:null!=e?e:null,j:null,$:null,m:null,F:null}),k={},M=(t,e)=>null==t||S(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,A=(t,e,n,o)=>{if(n!==o&&(e.toLowerCase(),"class"===e)){const e=t.classList,l=_(n);let r=_(o);e.remove(...l.filter((t=>t&&!r.includes(t)))),e.add(...r.filter((t=>t&&!l.includes(t))))}},C=/\s/,_=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(C):[]),x=(t,e)=>{const n=11===e.j.nodeType&&e.j.host?e.j.host:e.j,o=t&&t.m||{},l=e.m||{};for(const t of B(Object.keys(o)))t in l||A(n,t,o[t],void 0);for(const t of B(Object.keys(l)))A(n,t,o[t],l[t])};function B(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var P=!1,R=(t,e,n)=>{const o=e.$[n];let l,r,i=0;if(null!=o.h)l=o.j=s.document.createTextNode(o.h);else{if(!s.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.j=s.document.createElement(o.v),x(null,o),o.$){const e="template"===o.v?l.content:l;for(i=0;i<o.$.length;++i)r=R(t,o,i),r&&e.appendChild(r)}}return l["s-hn"]=j,l},U=(t,e,n,o,l,r)=>{let s,i=t;for(i.shadowRoot&&i.tagName===j&&(i=i.shadowRoot),"template"===n.v&&(i=i.content);l<=r;++l)o[l]&&(s=R(null,n,l),s&&(o[l].j=s,H(i,s,e)))},L=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.j;t&&t.remove()}}},N=(t,e,n=!1)=>t.v===e.v&&(n?(n&&!t.F&&e.F&&(t.F=e.F),!0):t.F===e.F),W=(t,e,n=!1)=>{const o=e.j=t.j,l=t.$,r=e.$,s=e.h;null==s?("slot"!==e.v||P||t.O!==e.O&&(e.j["s-sn"]=e.O||"",(t=>{c.i|=1;const e=t.closest(j.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(H(e,t,null!=n?n:null),t["s-sh"]=void 0)}c.i&=-2})(e.j.parentElement)),x(t,e),null!==l&&null!==r?((t,e,n,o,l=!1)=>{let r,s,i=0,c=0,u=0,a=0,f=e.length-1,d=e[0],p=e[f],h=o.length-1,m=o[0],y=o[h];const b="template"===n.v?t.content:t;for(;i<=f&&c<=h;)if(null==d)d=e[++i];else if(null==p)p=e[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--h];else if(N(d,m,l))W(d,m,l),d=e[++i],m=o[++c];else if(N(p,y,l))W(p,y,l),p=e[--f],y=o[--h];else if(N(d,y,l))W(d,y,l),H(b,d.j,p.j.nextSibling),d=e[++i],y=o[--h];else if(N(p,m,l))W(p,m,l),H(b,p.j,d.j),p=e[--f],m=o[++c];else{for(u=-1,a=i;a<=f;++a)if(e[a]&&null!==e[a].F&&e[a].F===m.F){u=a;break}u>=0?(s=e[u],s.v!==m.v?r=R(e&&e[c],n,u):(W(s,m,l),e[u]=void 0,r=s.j),m=o[++c]):(r=R(e&&e[c],n,c),m=o[++c]),r&&H(d.j.parentNode,r,d.j)}i>f?U(t,null==o[h+1]?null:o[h+1].j,n,o,c,h):c>h&&L(e,i,f)})(o,l,e,r,n):null!==r?(null!==t.h&&(o.textContent=""),U(o,null,e,r,0,r.length-1)):!n&&null!==l&&L(l,0,l.length-1)):t.h!==s&&(o.data=s)},H=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),V=(t,e,n=!1)=>{const o=t.$hostElement$,l=t.o,r=t.S||D(null,null),s=(t=>t&&t.v===k)(e)?e:E(null,null,e);if(j=o.tagName,n&&s.m)for(const t of Object.keys(s.m))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.m[t]=o[t]);s.v=null,s.i|=4,t.S=s,s.j=r.j=o.shadowRoot||o,P=!(!(1&l.i)||128&l.i),W(r,s,n)},q=(t,e)=>{if(e&&!t.D&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.D=()=>{e["s-p"].splice(n-1,1),o()})))}},z=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);q(t,t.k);const n=()=>Y(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},Y=(t,e)=>{const n=t.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=X(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=G(l,(()=>X(o,"componentWillRender",void 0,n))),G(l,(()=>J(t,o,e)))},G=(t,e)=>I(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),I=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,J=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.i,l=((t,e)=>{var n,o,l;const i=O(e),f=r.get(i);if(!s.document)return i;if(t=11===t.nodeType?t:s.document,f)if("string"==typeof f){let l,r=g.get(t=t.head||t);if(r||g.set(t,r=new Set),!r.has(i)){l=s.document.createElement("style"),l.textContent=f;const d=null!=(n=c.M)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=s.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&l.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(u){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(f),a?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=f+e.textContent:t.prepend(l)}else t.append(l);1&e.i&&t.insertBefore(l,null),4&e.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),r&&r.add(i)}}else{let e=g.get(t);if(e||g.set(t,e=new Set),!e.has(i)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(f.constructor===n.CSSStyleSheet)o=f;else{o=new n.CSSStyleSheet;for(let t=0;t<f.cssRules.length;t++)o.insertRule(f.cssRules[t].cssText,t)}a?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);K(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Q(t);0===e.length?n():(Promise.all(e).then(n),t.i|=4,e.length=0)}},K=(t,e,n,o)=>{try{e=e.render(),t.i&=-17,t.i|=2,V(t,e,o)}catch(e){l(e,t.$hostElement$)}return null},Q=t=>{const e=t.$hostElement$,n=e,o=t.k;X(n,"componentDidRender",void 0,e),64&t.i?X(n,"componentDidUpdate",void 0,e):(t.i|=64,Z(e),X(n,"componentDidLoad",void 0,e),t.A(e),o||T()),t.D&&(t.D(),t.D=void 0),512&t.i&&b((()=>z(t,!1))),t.i&=-517},T=()=>{b((()=>(t=>{const e=c.ce("appload",{detail:{namespace:"ui-components"}});return t.dispatchEvent(e),e})(s)))},X=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},Z=t=>t.classList.add("hydrated"),tt=(t,e,n,l)=>{const r=o(t);if(!r)return;const s=t,i=r.l.get(e),c=r.i,u=s;if(!((n=M(n,l.t[e][0]))===i||Number.isNaN(i)&&Number.isNaN(n)||(r.l.set(e,n),2!=(18&c)))){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,i,e))return;z(r,!1)}},et=(t,e)=>{var n,l;const r=t.prototype;if(e.t){const s=Object.entries(null!=(n=e.t)?n:{});s.map((([t,[n]])=>{if(31&n||32&n){const{get:l,set:s}=Object.getOwnPropertyDescriptor(r,t)||{};l&&(e.t[t][0]|=2048),s&&(e.t[t][0]|=4096),Object.defineProperty(r,t,{get(){return l?l.apply(this):((t,e)=>o(this).l.get(e))(0,t)},configurable:!0,enumerable:!0}),Object.defineProperty(r,t,{set(l){const r=o(this);if(r){if(s)return void 0===(32&n?this[t]:r.$hostElement$[t])&&r.l.get(t)&&(l=r.l.get(t)),s.call(this,M(l,n)),void tt(this,t,l=32&n?this[t]:r.$hostElement$[t],e);tt(this,t,l,e)}}})}}));{const n=new Map;r.attributeChangedCallback=function(t,l,i){c.jmp((()=>{var c;const u=n.get(t),a=o(this);if(this.hasOwnProperty(u),r.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==i)return;if(null==u){const n=null==a?void 0:a.i;if(a&&n&&!(8&n)&&i!==l){const o=this,r=null==(c=e.C)?void 0:c[t];null==r||r.forEach((e=>{const[[r,s]]=Object.entries(e);null!=o[r]&&(128&n||1&s)&&o[r].call(o,i,l,t)}))}return}const f=s.find((([t])=>t===u));f&&4&f[1][0]&&(i=null!==i&&"false"!==i);const d=Object.getOwnPropertyDescriptor(r,u);i==this[u]||d.get&&!d.set||(this[u]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.C)?l:{}),...s.filter((([t,e])=>31&e[0])).map((([t,e])=>{const o=e[1]||t;return n.set(o,t),o}))]))}}return t},nt=(t,e)=>{const l={i:e[0],p:e[1]};l.t=e[2];const s=t.prototype.connectedCallback,i=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const o={i:0,$hostElement$:t,o:e,l:new Map,_:new Map};o.B=new Promise((t=>o.A=t)),t["s-p"]=[],t["s-rc"]=[];const l=o;t.__stencil__getHostRef=()=>l,512&e.i&&n(t,o)})(this,l)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!o(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&c.i)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.i)(null==e?void 0:e.P)||(null==e?void 0:e.B)&&e.B.then((()=>{}));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){q(e,e.k=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[e]){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.i)&&(e.i|=32,o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const e=O(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);u&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.i)),o()}}const l=e.k,s=()=>z(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)}l()}})(this),s&&s.call(this)},disconnectedCallback(){(async t=>{g.has(t)&&g.delete(t),t.shadowRoot&&g.has(t.shadowRoot)&&g.delete(t.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else w.call(this,l)}}),t.is=l.p,et(t,l)},ot=t=>c.M=t,lt=t=>Object.assign(c,t);function rt(t,e){V({o:{i:0,p:e.tagName},$hostElement$:e},t)}function st(t){return t}export{i as H,k as a,F as getAssetPath,E as h,nt as p,rt as render,v as setAssetPath,ot as setNonce,lt as setPlatformOptions,st as t}
@@ -1,51 +1 @@
1
- import { p as proxyCustomElement, H, h, d as Host, t as transformTag } from './index2.js';
2
-
3
- const uiLabelCss = () => `:host{display:inline-block;font-family:"Roboto", system-ui, -apple-system, sans-serif;color:#1D1B20;transition:all 0.2s ease-in-out}:host(.ui-label--display-large){font-size:57px;line-height:64px;font-weight:400;letter-spacing:-0.25px}:host(.ui-label--display-medium){font-size:45px;line-height:52px;font-weight:400;letter-spacing:0px}:host(.ui-label--display-small){font-size:36px;line-height:44px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-large){font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-medium){font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-small){font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-large){font-size:22px;line-height:28px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-medium){font-size:16px;line-height:24px;font-weight:500;letter-spacing:0.15px}:host(.ui-label--title-small){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--body-large){font-size:16px;line-height:24px;font-weight:400;letter-spacing:0.5px}:host(.ui-label--body-medium){font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.25px}:host(.ui-label--body-small){font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.4px}:host(.ui-label--label-large){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--label-medium){font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--label-small){font-size:11px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--color-primary){color:#6750A4}:host(.ui-label--color-on-primary){color:#FFFFFF}:host(.ui-label--color-primary-container){color:#EADDFF}:host(.ui-label--color-on-primary-container){color:#21005D}:host(.ui-label--color-secondary){color:#625B71}:host(.ui-label--color-on-secondary){color:#FFFFFF}:host(.ui-label--color-secondary-container){color:#E8DEF8}:host(.ui-label--color-on-secondary-container){color:#1D192B}:host(.ui-label--color-tertiary){color:#7D5260}:host(.ui-label--color-on-tertiary){color:#FFFFFF}:host(.ui-label--color-tertiary-container){color:#FFD8E4}:host(.ui-label--color-on-tertiary-container){color:#31111D}:host(.ui-label--color-error){color:#B3261E}:host(.ui-label--color-on-error){color:#FFFFFF}:host(.ui-label--color-surface){color:#FEF7FF}:host(.ui-label--color-on-surface){color:#1D1B20}:host(.ui-label--color-on-surface-variant){color:#49454F}:host(.ui-label--color-outline){color:#79747E}:host(.ui-label--weight-normal){font-weight:400}:host(.ui-label--weight-medium){font-weight:500}:host(.ui-label--weight-bold){font-weight:700}:host(.ui-label--italic){font-style:italic !important}`;
4
-
5
- const UiLabel$1 = /*@__PURE__*/ proxyCustomElement(class UiLabel extends H {
6
- constructor(registerHost) {
7
- super();
8
- if (registerHost !== false) {
9
- this.__registerHost();
10
- }
11
- this.__attachShadow();
12
- this.variant = 'body-medium';
13
- this.color = 'on-surface';
14
- this.italic = false;
15
- }
16
- render() {
17
- const classMap = {
18
- [`ui-label--${this.variant}`]: true,
19
- [`ui-label--color-${this.color}`]: true,
20
- [`ui-label--weight-${this.weight}`]: !!this.weight,
21
- 'ui-label--italic': this.italic
22
- };
23
- return (h(Host, { key: 'aa90dba620bb302ef1f8d2d9452eab3cb1c993db', class: classMap }, h("span", { key: '09e6a2daad525a3946a4d926799e866970a70fc3' }, this.label, " ", h("slot", { key: '972f325c8826a2bc3f7d1a36bf5adb4335285904' }))));
24
- }
25
- static get style() { return uiLabelCss(); }
26
- }, [257, "ui-label", {
27
- "label": [1],
28
- "variant": [1],
29
- "color": [1],
30
- "weight": [1],
31
- "italic": [4]
32
- }]);
33
- function defineCustomElement$1() {
34
- if (typeof customElements === "undefined") {
35
- return;
36
- }
37
- const components = ["ui-label"];
38
- components.forEach(tagName => { switch (tagName) {
39
- case "ui-label":
40
- if (!customElements.get(transformTag(tagName))) {
41
- customElements.define(transformTag(tagName), UiLabel$1);
42
- }
43
- break;
44
- } });
45
- }
46
- defineCustomElement$1(UiLabel$1);
47
-
48
- const UiLabel = UiLabel$1;
49
- const defineCustomElement = defineCustomElement$1;
50
-
51
- export { UiLabel, defineCustomElement };
1
+ import{t as e,p as l,H as t,h as o,a as i}from"./index.js";const s=l(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="body-medium",this.color="on-surface",this.italic=!1}render(){return o(i,{key:"f27dfd1b6693b5728b941dd191d2314c68b2ac82",class:{["ui-label--"+this.variant]:!0,["ui-label--color-"+this.color]:!0,["ui-label--weight-"+this.weight]:!!this.weight,"ui-label--italic":this.italic}},o("span",{key:"cbf3de59fc8bc1a2c47c5de5570990deb595d06b"},this.label," ",o("slot",{key:"6bf134e3df5360475a1c49891c923556114288d7"})))}static get style(){return':host{display:inline-block;font-family:"Roboto", system-ui, -apple-system, sans-serif;color:#1D1B20;transition:all 0.2s ease-in-out}:host(.ui-label--display-large){font-size:57px;line-height:64px;font-weight:400;letter-spacing:-0.25px}:host(.ui-label--display-medium){font-size:45px;line-height:52px;font-weight:400;letter-spacing:0px}:host(.ui-label--display-small){font-size:36px;line-height:44px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-large){font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-medium){font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}:host(.ui-label--headline-small){font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-large){font-size:22px;line-height:28px;font-weight:400;letter-spacing:0px}:host(.ui-label--title-medium){font-size:16px;line-height:24px;font-weight:500;letter-spacing:0.15px}:host(.ui-label--title-small){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--body-large){font-size:16px;line-height:24px;font-weight:400;letter-spacing:0.5px}:host(.ui-label--body-medium){font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.25px}:host(.ui-label--body-small){font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.4px}:host(.ui-label--label-large){font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.1px}:host(.ui-label--label-medium){font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--label-small){font-size:11px;line-height:16px;font-weight:500;letter-spacing:0.5px}:host(.ui-label--color-primary){color:#6750A4}:host(.ui-label--color-on-primary){color:#FFFFFF}:host(.ui-label--color-primary-container){color:#EADDFF}:host(.ui-label--color-on-primary-container){color:#21005D}:host(.ui-label--color-secondary){color:#625B71}:host(.ui-label--color-on-secondary){color:#FFFFFF}:host(.ui-label--color-secondary-container){color:#E8DEF8}:host(.ui-label--color-on-secondary-container){color:#1D192B}:host(.ui-label--color-tertiary){color:#7D5260}:host(.ui-label--color-on-tertiary){color:#FFFFFF}:host(.ui-label--color-tertiary-container){color:#FFD8E4}:host(.ui-label--color-on-tertiary-container){color:#31111D}:host(.ui-label--color-error){color:#B3261E}:host(.ui-label--color-on-error){color:#FFFFFF}:host(.ui-label--color-surface){color:#FEF7FF}:host(.ui-label--color-on-surface){color:#1D1B20}:host(.ui-label--color-on-surface-variant){color:#49454F}:host(.ui-label--color-outline){color:#79747E}:host(.ui-label--weight-normal){font-weight:400}:host(.ui-label--weight-medium){font-weight:500}:host(.ui-label--weight-bold){font-weight:700}:host(.ui-label--italic){font-style:italic !important}'}},[257,"ui-label",{label:[1],variant:[1],color:[1],weight:[1],italic:[4]}]);function a(){"undefined"!=typeof customElements&&["ui-label"].forEach((l=>{"ui-label"===l&&(customElements.get(e(l))||customElements.define(e(l),s))}))}a();const n=s,r=a;export{n as UiLabel,r as defineCustomElement}