labx-components 0.1.2 → 0.1.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 (25) hide show
  1. package/dist/cjs/{index-Dw9X5FBB.js → index-eATbt1kz.js} +1 -1
  2. package/dist/cjs/labx-button_3.cjs.entry.js +1 -1
  3. package/dist/cjs/labx-components.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/components/index.js +1 -1
  6. package/dist/components/labx-button.js +1 -1
  7. package/dist/components/labx-icon.js +1 -1
  8. package/dist/components/labx-input.js +1 -1
  9. package/dist/components/p-Dv2D1yhm.js +1 -0
  10. package/dist/esm/{index-dLjo-EBs.js → index-ByAEYo1n.js} +1 -1
  11. package/dist/esm/labx-button_3.entry.js +1 -1
  12. package/dist/esm/labx-components.js +2 -2
  13. package/dist/esm/loader.js +2 -2
  14. package/dist/labx-components/labx-components.css +1 -1
  15. package/dist/labx-components/labx-components.esm.js +1 -1
  16. package/dist/labx-components/{p-956be281.entry.js → p-42d69adf.entry.js} +1 -1
  17. package/dist/labx-components/p-ByAEYo1n.js +2 -0
  18. package/package.json +1 -1
  19. package/dist/components/p-DEM5hG4h.js +0 -1
  20. package/dist/labx-components/p-dLjo-EBs.js +0 -2
  21. package/dist-angular/angular-component-lib/utils.ts +0 -65
  22. package/dist-angular/components.ts +0 -94
  23. package/dist-angular/index.ts +0 -8
  24. package/dist-angular/text-value-accessor.ts +0 -24
  25. package/dist-angular/value-accessor.ts +0 -39
package/dist/cjs/{index-Dw9X5FBB.js → index-eATbt1kz.js} RENAMED
@@ -4,7 +4,7 @@ const NAMESPACE = 'labx-components';
4
4
  const BUILD = /* labx-components */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, state: true, updatable: true};
5
5
 
6
6
  const globalScripts = () => {};
7
- const globalStyles = ":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";
7
+ const globalStyles = ":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A;--font-family-base:'Noto Sans', system-ui, sans-serif}body{font-family:var(--font-family-base)}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";
8
8
 
9
9
  /*
10
10
  Stencil Client Platform v4.43.3 | MIT Licensed | https://stenciljs.com
package/dist/cjs/labx-button_3.cjs.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Dw9X5FBB.js');
3
+ var index = require('./index-eATbt1kz.js');
4
4
 
5
5
  const labxButtonCss = () => `:host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg-surface)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-disabled);cursor:not-allowed}`;
6
6
 
package/dist/cjs/labx-components.cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Dw9X5FBB.js');
3
+ var index = require('./index-eATbt1kz.js');
4
4
 
5
5
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
6
6
  /*
package/dist/cjs/loader.cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Dw9X5FBB.js');
3
+ var index = require('./index-eATbt1kz.js');
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
package/dist/components/index.js CHANGED
@@ -1 +1 @@
1
- export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DEM5hG4h.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}
1
+ export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-Dv2D1yhm.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}
package/dist/components/labx-button.js CHANGED
@@ -1 +1 @@
1
- import{t as r,p as o,H as e,c as a,h as t,d as l}from"./p-DEM5hG4h.js";const n=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.labxClick=a(this,"labxClick")}label="Button";variant="primary";disabled=!1;type="button";labxClick;handleClick(){this.disabled||this.labxClick.emit()}render(){return t(l,{key:"76d607e0f7612ef141b30d884166181402e4e6a0"},t("button",{key:"cd3204b93d8791529784d04ccf80a566221aab74",type:this.type,disabled:this.disabled,class:"btn btn--"+this.variant,onClick:()=>this.handleClick()},this.label))}static get style(){return":host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg-surface)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-disabled);cursor:not-allowed}"}},[513,"labx-button",{label:[1],variant:[1],disabled:[4],type:[1]}]);function c(){"undefined"!=typeof customElements&&["labx-button"].forEach((o=>{"labx-button"===o&&(customElements.get(r(o))||customElements.define(r(o),n))}))}c();const i=n,s=c;export{i as LabxButton,s as defineCustomElement}
1
+ import{t as r,p as o,H as e,c as a,h as t,d as l}from"./p-Dv2D1yhm.js";const n=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.labxClick=a(this,"labxClick")}label="Button";variant="primary";disabled=!1;type="button";labxClick;handleClick(){this.disabled||this.labxClick.emit()}render(){return t(l,{key:"76d607e0f7612ef141b30d884166181402e4e6a0"},t("button",{key:"cd3204b93d8791529784d04ccf80a566221aab74",type:this.type,disabled:this.disabled,class:"btn btn--"+this.variant,onClick:()=>this.handleClick()},this.label))}static get style(){return":host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg-surface)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-disabled);cursor:not-allowed}"}},[513,"labx-button",{label:[1],variant:[1],disabled:[4],type:[1]}]);function c(){"undefined"!=typeof customElements&&["labx-button"].forEach((o=>{"labx-button"===o&&(customElements.get(r(o))||customElements.define(r(o),n))}))}c();const i=n,s=c;export{i as LabxButton,s as defineCustomElement}
package/dist/components/labx-icon.js CHANGED
@@ -1 +1 @@
1
- import{t,p as e,H as n,h as i,d as s}from"./p-DEM5hG4h.js";const o=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}name;size=20;filled=!1;render(){return i(s,{key:"30e38c191019432490921f13c23fc91f96952e90",style:{fontSize:this.size+"px"}},i("span",{key:"9ff64363cdb1fcb0f0eec24e13a2fc623506972f",class:{icon:!0,"icon--filled":this.filled}},this.name))}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;color:inherit}.icon{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20}"}},[513,"labx-icon",{name:[1],size:[2],filled:[4]}]);function l(){"undefined"!=typeof customElements&&["labx-icon"].forEach((e=>{"labx-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}l();const c=o,r=l;export{c as LabxIcon,r as defineCustomElement}
1
+ import{t,p as e,H as n,h as i,d as s}from"./p-Dv2D1yhm.js";const o=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}name;size=20;filled=!1;render(){return i(s,{key:"30e38c191019432490921f13c23fc91f96952e90",style:{fontSize:this.size+"px"}},i("span",{key:"9ff64363cdb1fcb0f0eec24e13a2fc623506972f",class:{icon:!0,"icon--filled":this.filled}},this.name))}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;color:inherit}.icon{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20}"}},[513,"labx-icon",{name:[1],size:[2],filled:[4]}]);function l(){"undefined"!=typeof customElements&&["labx-icon"].forEach((e=>{"labx-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}l();const c=o,r=l;export{c as LabxIcon,r as defineCustomElement}
package/dist/components/labx-input.js CHANGED
@@ -1 +1 @@
1
- import{t as e,p as t,H as o,c as r,h as i,d as n}from"./p-DEM5hG4h.js";const a=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.labxChange=r(this,"labxChange")}label;value="";type="text";disabled=!1;error;focused=!1;hasIconLeft=!1;hasIconRight=!1;labxChange;handleInput(e){this.value=e.target.value,this.labxChange.emit(this.value)}onSlotChange(e,t){const o=t.target.assignedNodes().length>0;"left"===e?this.hasIconLeft=o:this.hasIconRight=o}render(){const e=this.focused||this.value?.length>0;return i(n,{key:"357eb1c2b3c395801c8d7249c3e649f5ddd33bda"},i("div",{key:"1bc8515582f79c560196c7631cef3de31344234e",class:{"input-wrapper":!0,"input-wrapper--focused":this.focused,"input-wrapper--error":!!this.error,"input-wrapper--disabled":this.disabled,"input-wrapper--icon-left":this.hasIconLeft,"input-wrapper--icon-right":this.hasIconRight}},i("span",{key:"d3da76f5d96c55179870583faf5931c6008188ec",class:"input-icon input-icon--left"},i("slot",{key:"eeea94735ef34585bd88eef2e6d753f58733aeb7",name:"icon-left",onSlotchange:e=>this.onSlotChange("left",e)})),i("input",{key:"2792b2634677fe2ebe272248bd75fbd0e993080a",class:"input",type:this.type,value:this.value,disabled:this.disabled,onInput:e=>this.handleInput(e),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1}),this.label&&i("label",{key:"0d1ae4db30645f2a4a1927f0495b053620d5a3d5",class:{"input-label":!0,"input-label--floating":e}},this.label),i("span",{key:"4e25bc9f95998d3d94f36306a353859fa67fc5f3",class:"input-icon input-icon--right"},i("slot",{key:"2492d04ec309a636128fd7da1729875e2c0c93d5",name:"icon-right",onSlotchange:e=>this.onSlotChange("right",e)}))),this.error&&i("span",{key:"bfde298513f8d55f4b36b51afee6565d312f52d3",class:"input-error"},this.error))}static get style(){return":host{display:block}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:8px;transition:border-color 0.2s ease}.input-wrapper--focused{border-color:var(--color-primary)}.input-wrapper--error{border-color:var(--color-danger)}.input-wrapper--disabled{background-color:var(--color-bg-subtle);cursor:not-allowed}.input{width:100%;padding:20px 14px 6px 14px;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--color-text-default);cursor:inherit}.input:disabled{color:var(--color-disabled);cursor:not-allowed}.input-wrapper--icon-left .input{padding-left:40px}.input-wrapper--icon-right .input{padding-right:40px}.input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-muted);pointer-events:none;transition:top 0.2s ease, font-size 0.2s ease, color 0.2s ease}.input-label--floating{top:7px;transform:none;font-size:11px;color:var(--color-primary)}.input-wrapper--error .input-label--floating{color:var(--color-danger)}.input-wrapper--icon-left .input-label{left:40px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.input-icon--left{left:12px}.input-icon--right{right:12px}.input-error{display:block;margin-top:4px;padding-left:4px;font-size:12px;color:var(--color-danger)}"}},[769,"labx-input",{label:[1],value:[1537],type:[1],disabled:[4],error:[1],focused:[32],hasIconLeft:[32],hasIconRight:[32]}]);function s(){"undefined"!=typeof customElements&&["labx-input"].forEach((t=>{"labx-input"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}s();const p=a,l=s;export{p as LabxInput,l as defineCustomElement}
1
+ import{t as e,p as t,H as o,c as r,h as i,d as n}from"./p-Dv2D1yhm.js";const a=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.labxChange=r(this,"labxChange")}label;value="";type="text";disabled=!1;error;focused=!1;hasIconLeft=!1;hasIconRight=!1;labxChange;handleInput(e){this.value=e.target.value,this.labxChange.emit(this.value)}onSlotChange(e,t){const o=t.target.assignedNodes().length>0;"left"===e?this.hasIconLeft=o:this.hasIconRight=o}render(){const e=this.focused||this.value?.length>0;return i(n,{key:"357eb1c2b3c395801c8d7249c3e649f5ddd33bda"},i("div",{key:"1bc8515582f79c560196c7631cef3de31344234e",class:{"input-wrapper":!0,"input-wrapper--focused":this.focused,"input-wrapper--error":!!this.error,"input-wrapper--disabled":this.disabled,"input-wrapper--icon-left":this.hasIconLeft,"input-wrapper--icon-right":this.hasIconRight}},i("span",{key:"d3da76f5d96c55179870583faf5931c6008188ec",class:"input-icon input-icon--left"},i("slot",{key:"eeea94735ef34585bd88eef2e6d753f58733aeb7",name:"icon-left",onSlotchange:e=>this.onSlotChange("left",e)})),i("input",{key:"2792b2634677fe2ebe272248bd75fbd0e993080a",class:"input",type:this.type,value:this.value,disabled:this.disabled,onInput:e=>this.handleInput(e),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1}),this.label&&i("label",{key:"0d1ae4db30645f2a4a1927f0495b053620d5a3d5",class:{"input-label":!0,"input-label--floating":e}},this.label),i("span",{key:"4e25bc9f95998d3d94f36306a353859fa67fc5f3",class:"input-icon input-icon--right"},i("slot",{key:"2492d04ec309a636128fd7da1729875e2c0c93d5",name:"icon-right",onSlotchange:e=>this.onSlotChange("right",e)}))),this.error&&i("span",{key:"bfde298513f8d55f4b36b51afee6565d312f52d3",class:"input-error"},this.error))}static get style(){return":host{display:block}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:8px;transition:border-color 0.2s ease}.input-wrapper--focused{border-color:var(--color-primary)}.input-wrapper--error{border-color:var(--color-danger)}.input-wrapper--disabled{background-color:var(--color-bg-subtle);cursor:not-allowed}.input{width:100%;padding:20px 14px 6px 14px;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--color-text-default);cursor:inherit}.input:disabled{color:var(--color-disabled);cursor:not-allowed}.input-wrapper--icon-left .input{padding-left:40px}.input-wrapper--icon-right .input{padding-right:40px}.input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-muted);pointer-events:none;transition:top 0.2s ease, font-size 0.2s ease, color 0.2s ease}.input-label--floating{top:7px;transform:none;font-size:11px;color:var(--color-primary)}.input-wrapper--error .input-label--floating{color:var(--color-danger)}.input-wrapper--icon-left .input-label{left:40px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.input-icon--left{left:12px}.input-icon--right{right:12px}.input-error{display:block;margin-top:4px;padding-left:4px;font-size:12px;color:var(--color-danger)}"}},[769,"labx-input",{label:[1],value:[1537],type:[1],disabled:[4],error:[1],focused:[32],hasIconLeft:[32],hasIconRight:[32]}]);function s(){"undefined"!=typeof customElements&&["labx-input"].forEach((t=>{"labx-input"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}s();const p=a,l=s;export{p as LabxInput,l as defineCustomElement}
package/dist/components/p-Dv2D1yhm.js ADDED
@@ -0,0 +1 @@
1
+ const e=":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A;--font-family-base:'Noto Sans', system-ui, sans-serif}body{font-family:var(--font-family-base)}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";function t(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var n,o=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],r=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);r&&Object.defineProperty(e,o,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},l=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},r=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),c=new Map,i="undefined"!=typeof window?window:{},a=i.HTMLElement||class{},u={i:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},f=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),d=!!f&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),b=!1,p=[],h=[],m=(e,t)=>n=>{e.push(n),b||(b=!0,t&&4&u.i?v(g):u.raf(g))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},g=()=>{y(p),y(h),(b=p.length>0)&&u.raf(g)},v=e=>Promise.resolve(undefined).then(e),$=m(h,!0),x=e=>{const t=new URL(e,u.u);return t.origin!==i.location.origin?t.href:t.pathname},w=e=>u.u=e;function j(){var t;const o=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(t=function(e){if(!f)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),n)d?o.adoptedStyleSheets.push(n):o.adoptedStyleSheets=[...o.adoptedStyleSheets,n];else if(!f){const t=document.createElement("style");t.innerHTML=e,o.prepend(t)}}var S,O=new WeakMap,k=e=>"sc-"+e.p,E=e=>"object"==(e=typeof e)||"function"===e,A=(e,t,...n)=>{let o=null,l=null,r=!1,s=!1;const c=[],i=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?i(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof e&&!E(o))&&(o=String(o)),r&&s?c[c.length-1].h+=o:c.push(r?C(null,o):o),s=r)};if(i(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=C(e,null);return a.m=t,c.length>0&&(a.v=c),a.$=l,a},C=(e,t)=>({i:0,j:e,h:null!=t?t:null,S:null,v:null,m:null,$:null}),D={},F=(e,t)=>null==e||E(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?String(e):e,M=(e,t)=>{const n=e;return{emit:e=>N(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},N=(e,t,n)=>{const o=u.ce(t,n);return e.dispatchEvent(o),o},L=(e,t,n,o,s,c)=>{if(n===o)return;let a=r(e,t),f=t.toLowerCase();if("class"===t){const t=e.classList,l=B(n);let r=B(o);t.remove(...l.filter((e=>e&&!r.includes(e)))),t.add(...r.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(e.__lookupSetter__(t)||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let r;{const t=l(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(r=e[1])}}return r||(r=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const l=E(o);if((a||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?a=!1:null!=n&&e[t]===l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!a||4&c||s)&&!l&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):r(i,f)?f.slice(2):f[2]+t.slice(3),n||o){const l=t.endsWith(H);t=t.replace(P,""),n&&u.rel(e,t,n,l),o&&u.ael(e,t,o,l)}},_=/\s/,B=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(_):[]),H="Capture",P=new RegExp(H+"$"),R=(e,t,n)=>{const o=11===t.S.nodeType&&t.S.host?t.S.host:t.S,l=e&&e.m||{},r=t.m||{};for(const e of U(Object.keys(l)))e in r||L(o,e,l[e],void 0,n,t.i);for(const e of U(Object.keys(r)))L(o,e,l[e],r[e],n,t.i)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var W=!1,V=!1,q=(e,t,n)=>{const o=t.v[n];let l,r,s=0;if(null!=o.h)l=o.S=i.document.createTextNode(o.h);else{if(!i.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.S=i.document.createElement(o.j),R(null,o,V),o.v){const t="template"===o.j?l.content:l;for(s=0;s<o.v.length;++s)r=q(e,o,s),r&&t.appendChild(r)}}return l["s-hn"]=S,l},z=(e,t,n,o,l,r)=>{let s,c=e;for(c.shadowRoot&&c.tagName===S&&(c=c.shadowRoot),"template"===n.j&&(c=c.content);l<=r;++l)o[l]&&(s=q(null,n,l),s&&(o[l].S=s,G(c,s,t)))},T=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.S;e&&e.remove()}}},Y=(e,t,n=!1)=>e.j===t.j&&(n?(n&&!e.$&&t.$&&(e.$=t.$),!0):e.$===t.$),Z=(e,t,n=!1)=>{const o=t.S=e.S,l=e.v,r=t.v,s=t.h;null==s?("slot"!==t.j||W||e.O!==t.O&&(t.S["s-sn"]=t.O||"",(e=>{u.i|=1;const t=e.closest(S.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(G(t,e,null!=n?n:null),e["s-sh"]=void 0)}u.i&=-2})(t.S.parentElement)),R(e,t,V),null!==l&&null!==r?((e,t,n,o,l=!1)=>{let r,s,c=0,i=0,a=0,u=0,f=t.length-1,d=t[0],b=t[f],p=o.length-1,h=o[0],m=o[p];const y="template"===n.j?e.content:e;for(;c<=f&&i<=p;)if(null==d)d=t[++c];else if(null==b)b=t[--f];else if(null==h)h=o[++i];else if(null==m)m=o[--p];else if(Y(d,h,l))Z(d,h,l),d=t[++c],h=o[++i];else if(Y(b,m,l))Z(b,m,l),b=t[--f],m=o[--p];else if(Y(d,m,l))Z(d,m,l),G(y,d.S,b.S.nextSibling),d=t[++c],m=o[--p];else if(Y(b,h,l))Z(b,h,l),G(y,b.S,d.S),b=t[--f],h=o[++i];else{for(a=-1,u=c;u<=f;++u)if(t[u]&&null!==t[u].$&&t[u].$===h.$){a=u;break}a>=0?(s=t[a],s.j!==h.j?r=q(t&&t[i],n,a):(Z(s,h,l),t[a]=void 0,r=s.S),h=o[++i]):(r=q(t&&t[i],n,i),h=o[++i]),r&&G(d.S.parentNode,r,d.S)}c>f?z(e,null==o[p+1]?null:o[p+1].S,n,o,i,p):i>p&&T(t,c,f)})(o,l,t,r,n):null!==r?(null!==e.h&&(o.textContent=""),z(o,null,t,r,0,r.length-1)):!n&&null!==l&&T(l,0,l.length-1)):e.h!==s&&(o.data=s)},G=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),I=(e,t,n=!1)=>{const o=e.$hostElement$,l=e.o,r=e.k||C(null,null);var s;const c=(s=t)&&s.j===D?t:A(null,null,t);if(S=o.tagName,l.A&&(c.m=c.m||{},l.A.forEach((([e,t])=>{c.m[t]=o[e]}))),n&&c.m)for(const e of Object.keys(c.m))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(c.m[e]=o[e]);c.j=null,c.i|=4,e.k=c,c.S=r.S=o.shadowRoot||o,W=!(!(1&l.i)||128&l.i),Z(r,c,n)},J=(e,t)=>{if(t&&!e.C&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.C=()=>{t["s-p"].splice(n-1,1),o()})))}},K=(e,t)=>{if(e.i|=16,4&e.i)return void(e.i|=512);J(e,e.D);const n=()=>Q(e,t);if(!t)return $(n);queueMicrotask((()=>{n()}))},Q=(e,t)=>{const n=e.$hostElement$,o=n;if(!o)throw new 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=re(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=X(l,(()=>re(o,"componentWillRender",void 0,n))),X(l,(()=>te(e,o,t)))},X=(e,t)=>ee(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ee=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,te=async(e,t,n)=>{var o;const l=e.$hostElement$,r=l["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.i,l=((e,t)=>{var n,o,l;const r=k(t),s=c.get(r);if(!i.document)return r;if(e=11===e.nodeType?e:i.document,s)if("string"==typeof s){let l,c=O.get(e=e.head||e);if(c||O.set(e,c=new Set),!c.has(r)){l=i.document.createElement("style"),l.textContent=s;const a=null!=(n=u.F)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=i.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=a&&l.setAttribute("nonce",a),!(1&t.i))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(f){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(s),d?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=s+t.textContent:e.prepend(l)}else e.append(l);1&t.i&&e.insertBefore(l,null),4&t.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),c&&c.add(r)}}else{let t=O.get(e);if(t||O.set(e,t=new Set),!t.has(r)){const n=null!=(l=e.defaultView)?l:e.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let e=0;e<s.cssRules.length;e++)o.insertRule(s.cssRules[e].cssText,e)}d?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ne(e,t,l,n),r&&(r.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>oe(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.i|=4,t.length=0)}},ne=(e,t,n,o)=>{try{t=t.render(),e.i&=-17,e.i|=2,I(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},oe=e=>{const t=e.$hostElement$,n=t,o=e.D;re(n,"componentDidRender",void 0,t),64&e.i?re(n,"componentDidUpdate",void 0,t):(e.i|=64,se(t),re(n,"componentDidLoad",void 0,t),e.M(t),o||le()),e.C&&(e.C(),e.C=void 0),512&e.i&&v((()=>K(e,!1))),e.i&=-517},le=()=>{v((()=>N(i,"appload",{detail:{namespace:"labx-components"}})))},re=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e,o)}},se=e=>e.classList.add("hydrated"),ce=(e,t,n,o)=>{const r=l(e);if(!r)return;const s=e,c=r.l.get(t),i=r.i,a=s;n=F(n,o.t[t][0]);const u=Number.isNaN(c)&&Number.isNaN(n);if(n!==c&&!u&&(r.l.set(t,n),2&i)){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(n,c,t)&&!(16&i))return;16&i||K(r,!1)}},ie=(e,n)=>{var o,r;const s=e.prototype;if(n.t){const c=Object.entries(null!=(o=n.t)?o:{});c.map((([e,[o]])=>{if(31&o||32&o){const{get:r,set:c}=t(s,e)||{};r&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),Object.defineProperty(s,e,{get(){return r?r.apply(this):(t=e,l(this).l.get(t));var t},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(t){const r=l(this);if(r){if(c)return void 0===(32&o?this[e]:r.$hostElement$[e])&&r.l.get(e)&&(t=r.l.get(e)),c.apply(this,[F(t,o)]),void ce(this,e,t=32&o?this[e]:r.$hostElement$[e],n);ce(this,e,t,n)}}})}}));{const t=new Map;s.attributeChangedCallback=function(e,o,r){u.jmp((()=>{var i;const a=t.get(e),u=l(this);if(this.hasOwnProperty(a),s.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==r)return;if(null==a){const t=null==u?void 0:u.i;if(u&&t&&!(8&t)&&r!==o){const l=this,s=null==(i=n.N)?void 0:i[e];null==s||s.forEach((n=>{const[[s,c]]=Object.entries(n);null!=l[s]&&(128&t||1&c)&&l[s].call(l,r,o,e)}))}return}const f=c.find((([e])=>e===a));f&&4&f[1][0]&&(r=null!==r&&"false"!==r);const d=Object.getOwnPropertyDescriptor(s,a);r==this[a]||d.get&&!d.set||(this[a]=r)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n.N)?r:{}),...c.filter((([e,t])=>31&t[0])).map((([e,o])=>{var l;const r=o[1]||e;return t.set(r,e),512&o[0]&&(null==(l=n.A)||l.push([e,r])),r}))]))}}return e},ae=(e,t)=>{const n={i:t[0],p:t[1]};try{n.t=t[2],n.A=[];const r=e.prototype.connectedCallback,i=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={i:0,$hostElement$:e,o:t,l:new Map,L:new Map};n._=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const l=n;e.__stencil__getHostRef=()=>l,512&t.i&&o(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!l(this))return;this.__hasHostListenerAttached=!0}(e=>{if(!(1&u.i)){const t=l(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.i)(null==t?void 0:t.B)||(null==t?void 0:t._)&&t._.then((()=>{}));else{t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(t,t.D=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.i)&&(t.i|=32,o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.i|=128)),o&&o.style)){let e;"string"==typeof o.style&&(e=o.style);const t=k(n);if(!c.has(t)){const o=()=>{};((e,t,n)=>{let o=c.get(e);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,c.set(e,o)})(t,e,!!(1&n.i)),o()}}const l=t.D,r=()=>K(t,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()}catch(n){s(n,e),t.C&&(t.C(),t.C=void 0),t.M&&t.M(e)}})(e,t,n)}o()}})(this),r&&r.call(this)},disconnectedCallback(){(async e=>{1&u.i||l(e),O.has(e)&&O.delete(e),e.shadowRoot&&O.has(e.shadowRoot)&&O.delete(e.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,n)}}),Object.defineProperty(e,"is",{value:n.p,configurable:!0}),ie(e,n)}catch(t){return s(t),e}},ue=e=>u.F=e,fe=e=>Object.assign(u,e);function de(e,t){I({o:{i:0,p:t.tagName},$hostElement$:t},e)}function be(e){return e}export{a as H,ue as a,fe as b,M as c,D as d,x as g,A as h,ae as p,de as r,w as s,be as t}
package/dist/esm/{index-dLjo-EBs.js → index-ByAEYo1n.js} RENAMED
@@ -2,7 +2,7 @@ const NAMESPACE = 'labx-components';
2
2
  const BUILD = /* labx-components */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, state: true, updatable: true};
3
3
 
4
4
  const globalScripts = () => {};
5
- const globalStyles = ":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";
5
+ const globalStyles = ":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A;--font-family-base:'Noto Sans', system-ui, sans-serif}body{font-family:var(--font-family-base)}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";
6
6
 
7
7
  /*
8
8
  Stencil Client Platform v4.43.3 | MIT Licensed | https://stenciljs.com
package/dist/esm/labx-button_3.entry.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-dLjo-EBs.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host } from './index-ByAEYo1n.js';
2
2
 
3
3
  const labxButtonCss = () => `:host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg-surface)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-disabled);cursor:not-allowed}`;
4
4
 
package/dist/esm/labx-components.js CHANGED
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-dLjo-EBs.js';
2
- export { s as setNonce } from './index-dLjo-EBs.js';
1
+ import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-ByAEYo1n.js';
2
+ export { s as setNonce } from './index-ByAEYo1n.js';
3
3
 
4
4
  /*
5
5
  Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
package/dist/esm/loader.js CHANGED
@@ -1,5 +1,5 @@
1
- import { g as globalScripts, b as bootstrapLazy } from './index-dLjo-EBs.js';
2
- export { s as setNonce } from './index-dLjo-EBs.js';
1
+ import { g as globalScripts, b as bootstrapLazy } from './index-ByAEYo1n.js';
2
+ export { s as setNonce } from './index-ByAEYo1n.js';
3
3
 
4
4
  const defineCustomElements = async (win, options) => {
5
5
  if (typeof window === 'undefined') return undefined;
package/dist/labx-components/labx-components.css CHANGED
@@ -1 +1 @@
1
- :root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}
1
+ :root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A;--font-family-base:'Noto Sans', system-ui, sans-serif}body{font-family:var(--font-family-base)}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}
package/dist/labx-components/labx-components.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as a,g as e,b as t}from"./p-dLjo-EBs.js";export{s as setNonce}from"./p-dLjo-EBs.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await e(),t([["p-956be281",[[513,"labx-button",{label:[1],variant:[1],disabled:[4],type:[1]}],[513,"labx-icon",{name:[1],size:[2],filled:[4]}],[769,"labx-input",{label:[1],value:[1537],type:[1],disabled:[4],error:[1],focused:[32],hasIconLeft:[32],hasIconRight:[32]}]]]],a))));
1
+ import{p as a,g as e,b as t}from"./p-ByAEYo1n.js";export{s as setNonce}from"./p-ByAEYo1n.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await e(),t([["p-42d69adf",[[513,"labx-button",{label:[1],variant:[1],disabled:[4],type:[1]}],[513,"labx-icon",{name:[1],size:[2],filled:[4]}],[769,"labx-input",{label:[1],value:[1537],type:[1],disabled:[4],error:[1],focused:[32],hasIconLeft:[32],hasIconRight:[32]}]]]],a))));
package/dist/labx-components/{p-956be281.entry.js → p-42d69adf.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r,c as o,h as e,H as t}from"./p-dLjo-EBs.js";const n=class{constructor(e){r(this,e),this.labxClick=o(this,"labxClick")}label="Button";variant="primary";disabled=!1;type="button";labxClick;handleClick(){this.disabled||this.labxClick.emit()}render(){return e(t,{key:"76d607e0f7612ef141b30d884166181402e4e6a0"},e("button",{key:"cd3204b93d8791529784d04ccf80a566221aab74",type:this.type,disabled:this.disabled,class:`btn btn--${this.variant}`,onClick:()=>this.handleClick()},this.label))}};n.style=":host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg-surface)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-disabled);cursor:not-allowed}";const i=class{constructor(o){r(this,o)}name;size=20;filled=!1;render(){return e(t,{key:"30e38c191019432490921f13c23fc91f96952e90",style:{fontSize:`${this.size}px`}},e("span",{key:"9ff64363cdb1fcb0f0eec24e13a2fc623506972f",class:{icon:!0,"icon--filled":this.filled}},this.name))}};i.style=":host{display:inline-flex;align-items:center;justify-content:center;color:inherit}.icon{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20}";const a=class{constructor(e){r(this,e),this.labxChange=o(this,"labxChange")}label;value="";type="text";disabled=!1;error;focused=!1;hasIconLeft=!1;hasIconRight=!1;labxChange;handleInput(r){this.value=r.target.value,this.labxChange.emit(this.value)}onSlotChange(r,o){const e=o.target.assignedNodes().length>0;"left"===r?this.hasIconLeft=e:this.hasIconRight=e}render(){const r=this.focused||this.value?.length>0;return e(t,{key:"357eb1c2b3c395801c8d7249c3e649f5ddd33bda"},e("div",{key:"1bc8515582f79c560196c7631cef3de31344234e",class:{"input-wrapper":!0,"input-wrapper--focused":this.focused,"input-wrapper--error":!!this.error,"input-wrapper--disabled":this.disabled,"input-wrapper--icon-left":this.hasIconLeft,"input-wrapper--icon-right":this.hasIconRight}},e("span",{key:"d3da76f5d96c55179870583faf5931c6008188ec",class:"input-icon input-icon--left"},e("slot",{key:"eeea94735ef34585bd88eef2e6d753f58733aeb7",name:"icon-left",onSlotchange:r=>this.onSlotChange("left",r)})),e("input",{key:"2792b2634677fe2ebe272248bd75fbd0e993080a",class:"input",type:this.type,value:this.value,disabled:this.disabled,onInput:r=>this.handleInput(r),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1}),this.label&&e("label",{key:"0d1ae4db30645f2a4a1927f0495b053620d5a3d5",class:{"input-label":!0,"input-label--floating":r}},this.label),e("span",{key:"4e25bc9f95998d3d94f36306a353859fa67fc5f3",class:"input-icon input-icon--right"},e("slot",{key:"2492d04ec309a636128fd7da1729875e2c0c93d5",name:"icon-right",onSlotchange:r=>this.onSlotChange("right",r)}))),this.error&&e("span",{key:"bfde298513f8d55f4b36b51afee6565d312f52d3",class:"input-error"},this.error))}};a.style=":host{display:block}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:8px;transition:border-color 0.2s ease}.input-wrapper--focused{border-color:var(--color-primary)}.input-wrapper--error{border-color:var(--color-danger)}.input-wrapper--disabled{background-color:var(--color-bg-subtle);cursor:not-allowed}.input{width:100%;padding:20px 14px 6px 14px;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--color-text-default);cursor:inherit}.input:disabled{color:var(--color-disabled);cursor:not-allowed}.input-wrapper--icon-left .input{padding-left:40px}.input-wrapper--icon-right .input{padding-right:40px}.input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-muted);pointer-events:none;transition:top 0.2s ease, font-size 0.2s ease, color 0.2s ease}.input-label--floating{top:7px;transform:none;font-size:11px;color:var(--color-primary)}.input-wrapper--error .input-label--floating{color:var(--color-danger)}.input-wrapper--icon-left .input-label{left:40px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.input-icon--left{left:12px}.input-icon--right{right:12px}.input-error{display:block;margin-top:4px;padding-left:4px;font-size:12px;color:var(--color-danger)}";export{n as labx_button,i as labx_icon,a as labx_input}
1
+ import{r,c as o,h as e,H as t}from"./p-ByAEYo1n.js";const n=class{constructor(e){r(this,e),this.labxClick=o(this,"labxClick")}label="Button";variant="primary";disabled=!1;type="button";labxClick;handleClick(){this.disabled||this.labxClick.emit()}render(){return e(t,{key:"76d607e0f7612ef141b30d884166181402e4e6a0"},e("button",{key:"cd3204b93d8791529784d04ccf80a566221aab74",type:this.type,disabled:this.disabled,class:`btn btn--${this.variant}`,onClick:()=>this.handleClick()},this.label))}};n.style=":host{display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg-surface)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn:disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-disabled);cursor:not-allowed}";const i=class{constructor(o){r(this,o)}name;size=20;filled=!1;render(){return e(t,{key:"30e38c191019432490921f13c23fc91f96952e90",style:{fontSize:`${this.size}px`}},e("span",{key:"9ff64363cdb1fcb0f0eec24e13a2fc623506972f",class:{icon:!0,"icon--filled":this.filled}},this.name))}};i.style=":host{display:inline-flex;align-items:center;justify-content:center;color:inherit}.icon{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20}";const a=class{constructor(e){r(this,e),this.labxChange=o(this,"labxChange")}label;value="";type="text";disabled=!1;error;focused=!1;hasIconLeft=!1;hasIconRight=!1;labxChange;handleInput(r){this.value=r.target.value,this.labxChange.emit(this.value)}onSlotChange(r,o){const e=o.target.assignedNodes().length>0;"left"===r?this.hasIconLeft=e:this.hasIconRight=e}render(){const r=this.focused||this.value?.length>0;return e(t,{key:"357eb1c2b3c395801c8d7249c3e649f5ddd33bda"},e("div",{key:"1bc8515582f79c560196c7631cef3de31344234e",class:{"input-wrapper":!0,"input-wrapper--focused":this.focused,"input-wrapper--error":!!this.error,"input-wrapper--disabled":this.disabled,"input-wrapper--icon-left":this.hasIconLeft,"input-wrapper--icon-right":this.hasIconRight}},e("span",{key:"d3da76f5d96c55179870583faf5931c6008188ec",class:"input-icon input-icon--left"},e("slot",{key:"eeea94735ef34585bd88eef2e6d753f58733aeb7",name:"icon-left",onSlotchange:r=>this.onSlotChange("left",r)})),e("input",{key:"2792b2634677fe2ebe272248bd75fbd0e993080a",class:"input",type:this.type,value:this.value,disabled:this.disabled,onInput:r=>this.handleInput(r),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1}),this.label&&e("label",{key:"0d1ae4db30645f2a4a1927f0495b053620d5a3d5",class:{"input-label":!0,"input-label--floating":r}},this.label),e("span",{key:"4e25bc9f95998d3d94f36306a353859fa67fc5f3",class:"input-icon input-icon--right"},e("slot",{key:"2492d04ec309a636128fd7da1729875e2c0c93d5",name:"icon-right",onSlotchange:r=>this.onSlotChange("right",r)}))),this.error&&e("span",{key:"bfde298513f8d55f4b36b51afee6565d312f52d3",class:"input-error"},this.error))}};a.style=":host{display:block}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:8px;transition:border-color 0.2s ease}.input-wrapper--focused{border-color:var(--color-primary)}.input-wrapper--error{border-color:var(--color-danger)}.input-wrapper--disabled{background-color:var(--color-bg-subtle);cursor:not-allowed}.input{width:100%;padding:20px 14px 6px 14px;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--color-text-default);cursor:inherit}.input:disabled{color:var(--color-disabled);cursor:not-allowed}.input-wrapper--icon-left .input{padding-left:40px}.input-wrapper--icon-right .input{padding-right:40px}.input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-muted);pointer-events:none;transition:top 0.2s ease, font-size 0.2s ease, color 0.2s ease}.input-label--floating{top:7px;transform:none;font-size:11px;color:var(--color-primary)}.input-wrapper--error .input-label--floating{color:var(--color-danger)}.input-wrapper--icon-left .input-label{left:40px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.input-icon--left{left:12px}.input-icon--right{right:12px}.input-error{display:block;margin-top:4px;padding-left:4px;font-size:12px;color:var(--color-danger)}";export{n as labx_button,i as labx_icon,a as labx_input}
package/dist/labx-components/p-ByAEYo1n.js ADDED
@@ -0,0 +1,2 @@
1
+ const e=()=>{},t=":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A;--font-family-base:'Noto Sans', system-ui, sans-serif}body{font-family:var(--font-family-base)}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";function n(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var o,l=(e,t)=>{var o;Object.entries(null!=(o=t.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],r=n(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);r&&Object.defineProperty(e,o,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),t.l.has(o)?e[o]=t.l.get(o):void 0!==l&&(e[o]=l)}}))},r=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},s=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.i=e,512&t.o.u&&l(e,t))},i=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),a=new Map,u=new Map,f="undefined"!=typeof window?window:{},d={u:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},b=e=>Promise.resolve(e),p=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),h=!!p&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),m=!1,v=[],y=[],g=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&d.u?x(w):d.raf(w))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){c(e)}e.length=0},w=()=>{$(v),$(y),(m=v.length>0)&&d.raf(w)},x=e=>b().then(e),S=g(y,!0);function j(){var e;const n=this.attachShadow({mode:"open"});if(void 0===o&&(o=null!=(e=function(e){if(!p)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(t))?e:null),o)h?n.adoptedStyleSheets.push(o):n.adoptedStyleSheets=[...n.adoptedStyleSheets,o];else if(!p){const e=document.createElement("style");e.innerHTML=t,n.prepend(e)}}function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var k,E=new WeakMap,C=e=>"sc-"+e.h,D=e=>"object"==(e=typeof e)||"function"===e,A=(e,t,...n)=>{let o=null,l=null,r=!1,s=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof e&&!D(o))&&(o+=""),r&&s?i[i.length-1].m+=o:i.push(r?F(null,o):o),s=r)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=F(e,null);return a.v=t,i.length>0&&(a.$=i),a.S=l,a},F=(e,t)=>({u:0,j:e,m:null!=t?t:null,O:null,$:null,v:null,S:null}),M={},N=(e,t)=>null==e||D(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,L=(e,t)=>{const n=(e=>{var t;return null==(t=r(e))?void 0:t.$hostElement$})(e);return{emit:e=>R(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},R=(e,t,n)=>{const o=d.ce(t,n);return e.dispatchEvent(o),o},H=(e,t,n,o,l,s)=>{if(n===o)return;let c=i(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,l=T(n);let r=T(o);t.remove(...l.filter((e=>e&&!r.includes(e)))),t.add(...r.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(c||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let l;{const t=r(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(l=e[1])}}return l||(l=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(l)||e.removeAttribute(l):e.setAttribute(l,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const r=D(o);if((c||r&&null!==o)&&!l)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?c=!1:null!=n&&e[t]===l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!c||4&s||l)&&!r&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):i(f,a)?a.slice(2):a[2]+t.slice(3),n||o){const l=t.endsWith(B);t=t.replace(U,""),n&&d.rel(e,t,n,l),o&&d.ael(e,t,o,l)}},P=/\s/,T=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(P):[]),B="Capture",U=RegExp(B+"$"),W=(e,t,n)=>{const o=11===t.O.nodeType&&t.O.host?t.O.host:t.O,l=e&&e.v||{},r=t.v||{};for(const e of z(Object.keys(l)))e in r||H(o,e,l[e],void 0,n,t.u);for(const e of z(Object.keys(r)))H(o,e,l[e],r[e],n,t.u)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var V=!1,q=!1,G=(e,t,n)=>{const o=t.$[n];let l,r,s=0;if(null!=o.m)l=o.O=f.document.createTextNode(o.m);else{if(!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=f.document.createElement(o.j),W(null,o,q),o.$){const t="template"===o.j?l.content:l;for(s=0;s<o.$.length;++s)r=G(e,o,s),r&&t.appendChild(r)}}return l["s-hn"]=k,l},Y=(e,t,n,o,l,r)=>{let s,i=e;for(i.shadowRoot&&i.tagName===k&&(i=i.shadowRoot),"template"===n.j&&(i=i.content);l<=r;++l)o[l]&&(s=G(null,n,l),s&&(o[l].O=s,J(i,s,t)))},Z=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.O;e&&e.remove()}}},_=(e,t,n=!1)=>e.j===t.j&&(n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),I=(e,t,n=!1)=>{const o=t.O=e.O,l=e.$,r=t.$,s=t.m;null==s?("slot"!==t.j||V||e.k!==t.k&&(t.O["s-sn"]=t.k||"",(e=>{d.u|=1;const t=e.closest(k.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(J(t,e,null!=n?n:null),e["s-sh"]=void 0)}d.u&=-2})(t.O.parentElement)),W(e,t,q),null!==l&&null!==r?((e,t,n,o,l=!1)=>{let r,s,i=0,c=0,a=0,u=0,f=t.length-1,d=t[0],b=t[f],p=o.length-1,h=o[0],m=o[p];const v="template"===n.j?e.content:e;for(;i<=f&&c<=p;)if(null==d)d=t[++i];else if(null==b)b=t[--f];else if(null==h)h=o[++c];else if(null==m)m=o[--p];else if(_(d,h,l))I(d,h,l),d=t[++i],h=o[++c];else if(_(b,m,l))I(b,m,l),b=t[--f],m=o[--p];else if(_(d,m,l))I(d,m,l),J(v,d.O,b.O.nextSibling),d=t[++i],m=o[--p];else if(_(b,h,l))I(b,h,l),J(v,b.O,d.O),b=t[--f],h=o[++c];else{for(a=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].S&&t[u].S===h.S){a=u;break}a>=0?(s=t[a],s.j!==h.j?r=G(t&&t[c],n,a):(I(s,h,l),t[a]=void 0,r=s.O),h=o[++c]):(r=G(t&&t[c],n,c),h=o[++c]),r&&J(d.O.parentNode,r,d.O)}i>f?Y(e,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&Z(t,i,f)})(o,l,t,r,n):null!==r?(null!==e.m&&(o.textContent=""),Y(o,null,t,r,0,r.length-1)):!n&&null!==l&&Z(l,0,l.length-1)):e.m!==s&&(o.data=s)},J=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),K=(e,t)=>{if(t&&!e.C&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.C=()=>{t["s-p"].splice(n-1,1),o()})))}},Q=(e,t)=>{if(e.u|=16,4&e.u)return void(e.u|=512);K(e,e.D);const n=()=>X(e,t);if(!t)return S(n);queueMicrotask((()=>{n()}))},X=(e,t)=>{const n=e.$hostElement$,o=e.i;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 t?(e.A.length&&e.A.forEach((e=>e(n))),l=se(o,"componentWillLoad",void 0,n)):l=se(o,"componentWillUpdate",void 0,n),l=ee(l,(()=>se(o,"componentWillRender",void 0,n))),ee(l,(()=>ne(e,o,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,r=l["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.u,l=((e,t)=>{var n,o,l;const r=C(t),s=u.get(r);if(!f.document)return r;if(e=11===e.nodeType?e:f.document,s)if("string"==typeof s){let l,i=E.get(e=e.head||e);if(i||E.set(e,i=new Set),!i.has(r)){l=f.document.createElement("style"),l.textContent=s;const c=null!=(n=d.F)?n:O(f.document);if(null!=c&&l.setAttribute("nonce",c),!(1&t.u))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(p){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(s),h?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=s+t.textContent:e.prepend(l)}else e.append(l);1&t.u&&e.insertBefore(l,null),4&t.u&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(r)}}else{let t=E.get(e);if(t||E.set(e,t=new Set),!t.has(r)){const n=null!=(l=e.defaultView)?l:e.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let e=0;e<s.cssRules.length;e++)o.insertRule(s.cssRules[e].cssText,e)}h?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);oe(e,t,l,n),r&&(r.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.u|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.u&=-17,e.u|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.o,r=e.M||F(null,null),s=(e=>e&&e.j===M)(t)?t:A(null,null,t);if(k=o.tagName,l.N&&(s.v=s.v||{},l.N.forEach((([e,t])=>{s.v[t]=o[e]}))),n&&s.v)for(const e of Object.keys(s.v))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.v[e]=o[e]);s.j=null,s.u|=4,e.M=s,s.O=r.O=o.shadowRoot||o,V=!(!(1&l.u)||128&l.u),I(r,s,n)})(e,t,o)}catch(t){c(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.i,o=e.D;se(n,"componentDidRender",void 0,t),64&e.u?se(n,"componentDidUpdate",void 0,t):(e.u|=64,ie(t),se(n,"componentDidLoad",void 0,t),e.L(t),o||re()),e.C&&(e.C(),e.C=void 0),512&e.u&&x((()=>Q(e,!1))),e.u&=-517},re=()=>{x((()=>R(f,"appload",{detail:{namespace:"labx-components"}})))},se=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){c(e,o)}},ie=e=>e.classList.add("hydrated"),ce=(e,t,n,o)=>{const l=r(e);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.l.get(t),i=l.u,c=l.i;if(n=N(n,o.t[t][0]),(!(8&i)||void 0===s)&&n!==s&&(!Number.isNaN(s)||!Number.isNaN(n))&&(l.l.set(t,n),2&i)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,t)&&!(16&i))return;16&i||Q(l,!1)}},ae=(e,t,o)=>{var l,s;const i=e.prototype;if(t.t){const c=Object.entries(null!=(l=t.t)?l:{});if(c.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:c}=n(i,e)||{};s&&(t.t[e][0]|=2048),c&&(t.t[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>r(this).l.get(t))(0,e);const n=r(this),o=n?n.i:i;if(!o)return;return o[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(n){const s=r(this);if(s){if(c)return void 0===(32&l?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(n=s.l.get(e)),c.call(this,N(n,l)),void ce(this,e,n=32&l?this[e]:s.$hostElement$[e],t);{if(!(1&o&&4096&t.t[e][0]))return ce(this,e,n,t),void(1&o&&!s.i&&s.A.push((()=>{4096&t.t[e][0]&&s.i[e]!==s.l.get(e)&&(s.i[e]=n)})));const r=()=>{const o=s.i[e];!s.l.get(e)&&o&&s.l.set(e,o),s.i[e]=N(n,l),ce(this,e,s.i[e],t)};s.i?r():s.A.push((()=>{r()}))}}}})}})),1&o){const n=new Map;i.attributeChangedCallback=function(e,o,l){d.jmp((()=>{var s;const a=n.get(e),u=r(this);if(this.hasOwnProperty(a)&&(l=this[a],delete this[a]),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==l)return;if(null==a){const n=null==u?void 0:u.u;if(u&&n&&!(8&n)&&l!==o){const r=u.i,i=null==(s=t.R)?void 0:s[e];null==i||i.forEach((t=>{const[[s,i]]=Object.entries(t);null!=r[s]&&(128&n||1&i)&&r[s].call(r,l,o,e)}))}return}const f=c.find((([e])=>e===a));f&&4&f[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,a);l==this[a]||d.get&&!d.set||(this[a]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.R)?s:{}),...c.filter((([e,t])=>31&t[0])).map((([e,o])=>{var l;const r=o[1]||e;return n.set(r,e),512&o[0]&&(null==(l=t.N)||l.push([e,r])),r}))]))}}return e},ue=(e,t)=>{se(e,"connectedCallback",void 0,t)},fe=(e,t)=>{se(e,"disconnectedCallback",void 0,t||e)},de=(e,t={})=>{var n;if(!f.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=t.exclude||[],s=f.customElements,i=f.document.head,b=i.querySelector("meta[charset]"),h=f.document.createElement("style"),m=[];let v,y=!0;if(Object.assign(d,t),d.p=new URL(t.resourcesUrl||"./",f.document.baseURI).href,e.map((e=>{e[1].map((t=>{const n={u:t[0],h:t[1],t:t[2],H:t[3]};n.t=t[2],n.N=[];const i=n.h,f=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,t)=>{const n={u:0,$hostElement$:e,o:t,l:new Map,P:new Map};n.T=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],n.A=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,n),1&n.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(e,n)}connectedCallback(){r(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),y?m.push(this):d.jmp((()=>(e=>{if(!(1&d.u)){const t=r(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.u)(null==t?void 0:t.i)?ue(t.i,e):(null==t?void 0:t.T)&&t.T.then((()=>ue(t.i,e)));else{t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.D=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.u)){if(t.u|=32,n.B){const l=((e,t)=>{const n=e.h.replace(/-/g,"_"),o=e.B;if(!o)return;const l=a.get(o);return l?l[n]:import(`./${o}.entry.js`).then((e=>(a.set(o,e),e[n])),(e=>{c(e,t.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(l&&"then"in l){const e=()=>{};o=await l,e()}else o=l;if(!o)throw Error(`Constructor for "${n.h}#${t.U}" was not found`);o.isProxied||(ae(o,n,2),o.isProxied=!0);const r=()=>{};t.u|=8;try{new o(t)}catch(t){c(t,e)}t.u&=-9,r(),ue(t.i,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.u|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=C(n);if(!u.has(t)){const o=()=>{};((e,t,n)=>{let o=u.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,u.set(e,o)})(t,e,!!(1&n.u)),o()}}}const l=t.D,r=()=>Q(t,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()}catch(n){c(n,e),t.C&&(t.C(),t.C=void 0),t.L&&t.L(e)}})(e,t,n)}o()}})(this))))}disconnectedCallback(){d.jmp((()=>(async e=>{if(!(1&d.u)){const t=r(e);(null==t?void 0:t.i)?fe(t.i,e):(null==t?void 0:t.T)&&t.T.then((()=>fe(t.i,e)))}E.has(e)&&E.delete(e),e.shadowRoot&&E.has(e.shadowRoot)&&E.delete(e.shadowRoot)})(this))),d.raf((()=>{var e;const t=r(this);if(!t)return;const n=m.findIndex((e=>e===this));n>-1&&m.splice(n,1),(null==(e=null==t?void 0:t.M)?void 0:e.O)instanceof Node&&!t.M.O.isConnected&&delete t.M.O}))}componentOnReady(){var e;return null==(e=r(this))?void 0:e.T}};n.B=e[0],l.includes(i)||s.get(i)||(o.push(i),s.define(i,ae(f,n,1)))}))})),o.length>0&&(h.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",h.innerHTML.length)){h.setAttribute("data-styles","");const e=null!=(n=d.F)?n:O(f.document);null!=e&&h.setAttribute("nonce",e),i.insertBefore(h,b?b.nextSibling:i.firstChild)}y=!1,m.length?m.map((e=>e.connectedCallback())):d.jmp((()=>v=setTimeout(re,30)))},be=e=>d.F=e;export{M as H,de as b,L as c,e as g,A as h,b as p,s as r,be as s}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "labx-components",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "description": "Web Components library built with Stencil. Includes Angular wrappers and design tokens.",
5
5
  "author": "egarcia9543",
6
6
  "license": "MIT",
package/dist/components/p-DEM5hG4h.js DELETED
@@ -1 +0,0 @@
1
- const e=":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";function t(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var n,o=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],r=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);r&&Object.defineProperty(e,o,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},l=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},r=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),c=new Map,i="undefined"!=typeof window?window:{},a=i.HTMLElement||class{},u={i:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},f=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),d=!!f&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),b=!1,p=[],h=[],m=(e,t)=>n=>{e.push(n),b||(b=!0,t&&4&u.i?y(v):u.raf(v))},g=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},v=()=>{g(p),g(h),(b=p.length>0)&&u.raf(v)},y=e=>Promise.resolve(undefined).then(e),$=m(h,!0),x=e=>{const t=new URL(e,u.u);return t.origin!==i.location.origin?t.href:t.pathname},w=e=>u.u=e;function j(){var t;const o=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(t=function(e){if(!f)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),n)d?o.adoptedStyleSheets.push(n):o.adoptedStyleSheets=[...o.adoptedStyleSheets,n];else if(!f){const t=document.createElement("style");t.innerHTML=e,o.prepend(t)}}var S,O=new WeakMap,k=e=>"sc-"+e.p,E=e=>"object"==(e=typeof e)||"function"===e,A=(e,t,...n)=>{let o=null,l=null,r=!1,s=!1;const c=[],i=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?i(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof e&&!E(o))&&(o=String(o)),r&&s?c[c.length-1].h+=o:c.push(r?C(null,o):o),s=r)};if(i(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=C(e,null);return a.m=t,c.length>0&&(a.v=c),a.$=l,a},C=(e,t)=>({i:0,j:e,h:null!=t?t:null,S:null,v:null,m:null,$:null}),D={},F=(e,t)=>null==e||E(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?String(e):e,M=(e,t)=>{const n=e;return{emit:e=>L(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},L=(e,t,n)=>{const o=u.ce(t,n);return e.dispatchEvent(o),o},N=(e,t,n,o,s,c)=>{if(n===o)return;let a=r(e,t),f=t.toLowerCase();if("class"===t){const t=e.classList,l=B(n);let r=B(o);t.remove(...l.filter((e=>e&&!r.includes(e)))),t.add(...r.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(e.__lookupSetter__(t)||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let r;{const t=l(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(r=e[1])}}return r||(r=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const l=E(o);if((a||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?a=!1:null!=n&&e[t]===l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!a||4&c||s)&&!l&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):r(i,f)?f.slice(2):f[2]+t.slice(3),n||o){const l=t.endsWith(H);t=t.replace(P,""),n&&u.rel(e,t,n,l),o&&u.ael(e,t,o,l)}},_=/\s/,B=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(_):[]),H="Capture",P=new RegExp(H+"$"),R=(e,t,n)=>{const o=11===t.S.nodeType&&t.S.host?t.S.host:t.S,l=e&&e.m||{},r=t.m||{};for(const e of U(Object.keys(l)))e in r||N(o,e,l[e],void 0,n,t.i);for(const e of U(Object.keys(r)))N(o,e,l[e],r[e],n,t.i)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var W=!1,V=!1,q=(e,t,n)=>{const o=t.v[n];let l,r,s=0;if(null!=o.h)l=o.S=i.document.createTextNode(o.h);else{if(!i.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.S=i.document.createElement(o.j),R(null,o,V),o.v){const t="template"===o.j?l.content:l;for(s=0;s<o.v.length;++s)r=q(e,o,s),r&&t.appendChild(r)}}return l["s-hn"]=S,l},z=(e,t,n,o,l,r)=>{let s,c=e;for(c.shadowRoot&&c.tagName===S&&(c=c.shadowRoot),"template"===n.j&&(c=c.content);l<=r;++l)o[l]&&(s=q(null,n,l),s&&(o[l].S=s,G(c,s,t)))},T=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.S;e&&e.remove()}}},Y=(e,t,n=!1)=>e.j===t.j&&(n?(n&&!e.$&&t.$&&(e.$=t.$),!0):e.$===t.$),Z=(e,t,n=!1)=>{const o=t.S=e.S,l=e.v,r=t.v,s=t.h;null==s?("slot"!==t.j||W||e.O!==t.O&&(t.S["s-sn"]=t.O||"",(e=>{u.i|=1;const t=e.closest(S.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(G(t,e,null!=n?n:null),e["s-sh"]=void 0)}u.i&=-2})(t.S.parentElement)),R(e,t,V),null!==l&&null!==r?((e,t,n,o,l=!1)=>{let r,s,c=0,i=0,a=0,u=0,f=t.length-1,d=t[0],b=t[f],p=o.length-1,h=o[0],m=o[p];const g="template"===n.j?e.content:e;for(;c<=f&&i<=p;)if(null==d)d=t[++c];else if(null==b)b=t[--f];else if(null==h)h=o[++i];else if(null==m)m=o[--p];else if(Y(d,h,l))Z(d,h,l),d=t[++c],h=o[++i];else if(Y(b,m,l))Z(b,m,l),b=t[--f],m=o[--p];else if(Y(d,m,l))Z(d,m,l),G(g,d.S,b.S.nextSibling),d=t[++c],m=o[--p];else if(Y(b,h,l))Z(b,h,l),G(g,b.S,d.S),b=t[--f],h=o[++i];else{for(a=-1,u=c;u<=f;++u)if(t[u]&&null!==t[u].$&&t[u].$===h.$){a=u;break}a>=0?(s=t[a],s.j!==h.j?r=q(t&&t[i],n,a):(Z(s,h,l),t[a]=void 0,r=s.S),h=o[++i]):(r=q(t&&t[i],n,i),h=o[++i]),r&&G(d.S.parentNode,r,d.S)}c>f?z(e,null==o[p+1]?null:o[p+1].S,n,o,i,p):i>p&&T(t,c,f)})(o,l,t,r,n):null!==r?(null!==e.h&&(o.textContent=""),z(o,null,t,r,0,r.length-1)):!n&&null!==l&&T(l,0,l.length-1)):e.h!==s&&(o.data=s)},G=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),I=(e,t,n=!1)=>{const o=e.$hostElement$,l=e.o,r=e.k||C(null,null);var s;const c=(s=t)&&s.j===D?t:A(null,null,t);if(S=o.tagName,l.A&&(c.m=c.m||{},l.A.forEach((([e,t])=>{c.m[t]=o[e]}))),n&&c.m)for(const e of Object.keys(c.m))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(c.m[e]=o[e]);c.j=null,c.i|=4,e.k=c,c.S=r.S=o.shadowRoot||o,W=!(!(1&l.i)||128&l.i),Z(r,c,n)},J=(e,t)=>{if(t&&!e.C&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.C=()=>{t["s-p"].splice(n-1,1),o()})))}},K=(e,t)=>{if(e.i|=16,4&e.i)return void(e.i|=512);J(e,e.D);const n=()=>Q(e,t);if(!t)return $(n);queueMicrotask((()=>{n()}))},Q=(e,t)=>{const n=e.$hostElement$,o=n;if(!o)throw new 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=re(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=X(l,(()=>re(o,"componentWillRender",void 0,n))),X(l,(()=>te(e,o,t)))},X=(e,t)=>ee(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ee=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,te=async(e,t,n)=>{var o;const l=e.$hostElement$,r=l["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.i,l=((e,t)=>{var n,o,l;const r=k(t),s=c.get(r);if(!i.document)return r;if(e=11===e.nodeType?e:i.document,s)if("string"==typeof s){let l,c=O.get(e=e.head||e);if(c||O.set(e,c=new Set),!c.has(r)){l=i.document.createElement("style"),l.textContent=s;const a=null!=(n=u.F)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=i.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=a&&l.setAttribute("nonce",a),!(1&t.i))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(f){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(s),d?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=s+t.textContent:e.prepend(l)}else e.append(l);1&t.i&&e.insertBefore(l,null),4&t.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),c&&c.add(r)}}else{let t=O.get(e);if(t||O.set(e,t=new Set),!t.has(r)){const n=null!=(l=e.defaultView)?l:e.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let e=0;e<s.cssRules.length;e++)o.insertRule(s.cssRules[e].cssText,e)}d?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ne(e,t,l,n),r&&(r.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>oe(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.i|=4,t.length=0)}},ne=(e,t,n,o)=>{try{t=t.render(),e.i&=-17,e.i|=2,I(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},oe=e=>{const t=e.$hostElement$,n=t,o=e.D;re(n,"componentDidRender",void 0,t),64&e.i?re(n,"componentDidUpdate",void 0,t):(e.i|=64,se(t),re(n,"componentDidLoad",void 0,t),e.M(t),o||le()),e.C&&(e.C(),e.C=void 0),512&e.i&&y((()=>K(e,!1))),e.i&=-517},le=()=>{y((()=>L(i,"appload",{detail:{namespace:"labx-components"}})))},re=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e,o)}},se=e=>e.classList.add("hydrated"),ce=(e,t,n,o)=>{const r=l(e);if(!r)return;const s=e,c=r.l.get(t),i=r.i,a=s;n=F(n,o.t[t][0]);const u=Number.isNaN(c)&&Number.isNaN(n);if(n!==c&&!u&&(r.l.set(t,n),2&i)){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(n,c,t)&&!(16&i))return;16&i||K(r,!1)}},ie=(e,n)=>{var o,r;const s=e.prototype;if(n.t){const c=Object.entries(null!=(o=n.t)?o:{});c.map((([e,[o]])=>{if(31&o||32&o){const{get:r,set:c}=t(s,e)||{};r&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),Object.defineProperty(s,e,{get(){return r?r.apply(this):(t=e,l(this).l.get(t));var t},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(t){const r=l(this);if(r){if(c)return void 0===(32&o?this[e]:r.$hostElement$[e])&&r.l.get(e)&&(t=r.l.get(e)),c.apply(this,[F(t,o)]),void ce(this,e,t=32&o?this[e]:r.$hostElement$[e],n);ce(this,e,t,n)}}})}}));{const t=new Map;s.attributeChangedCallback=function(e,o,r){u.jmp((()=>{var i;const a=t.get(e),u=l(this);if(this.hasOwnProperty(a),s.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==r)return;if(null==a){const t=null==u?void 0:u.i;if(u&&t&&!(8&t)&&r!==o){const l=this,s=null==(i=n.L)?void 0:i[e];null==s||s.forEach((n=>{const[[s,c]]=Object.entries(n);null!=l[s]&&(128&t||1&c)&&l[s].call(l,r,o,e)}))}return}const f=c.find((([e])=>e===a));f&&4&f[1][0]&&(r=null!==r&&"false"!==r);const d=Object.getOwnPropertyDescriptor(s,a);r==this[a]||d.get&&!d.set||(this[a]=r)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n.L)?r:{}),...c.filter((([e,t])=>31&t[0])).map((([e,o])=>{var l;const r=o[1]||e;return t.set(r,e),512&o[0]&&(null==(l=n.A)||l.push([e,r])),r}))]))}}return e},ae=(e,t)=>{const n={i:t[0],p:t[1]};try{n.t=t[2],n.A=[];const r=e.prototype.connectedCallback,i=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={i:0,$hostElement$:e,o:t,l:new Map,N:new Map};n._=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const l=n;e.__stencil__getHostRef=()=>l,512&t.i&&o(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!l(this))return;this.__hasHostListenerAttached=!0}(e=>{if(!(1&u.i)){const t=l(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.i)(null==t?void 0:t.B)||(null==t?void 0:t._)&&t._.then((()=>{}));else{t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(t,t.D=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.i)&&(t.i|=32,o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.i|=128)),o&&o.style)){let e;"string"==typeof o.style&&(e=o.style);const t=k(n);if(!c.has(t)){const o=()=>{};((e,t,n)=>{let o=c.get(e);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,c.set(e,o)})(t,e,!!(1&n.i)),o()}}const l=t.D,r=()=>K(t,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()}catch(n){s(n,e),t.C&&(t.C(),t.C=void 0),t.M&&t.M(e)}})(e,t,n)}o()}})(this),r&&r.call(this)},disconnectedCallback(){(async e=>{1&u.i||l(e),O.has(e)&&O.delete(e),e.shadowRoot&&O.has(e.shadowRoot)&&O.delete(e.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,n)}}),Object.defineProperty(e,"is",{value:n.p,configurable:!0}),ie(e,n)}catch(t){return s(t),e}},ue=e=>u.F=e,fe=e=>Object.assign(u,e);function de(e,t){I({o:{i:0,p:t.tagName},$hostElement$:t},e)}function be(e){return e}export{a as H,ue as a,fe as b,M as c,D as d,x as g,A as h,ae as p,de as r,w as s,be as t}
package/dist/labx-components/p-dLjo-EBs.js DELETED
@@ -1,2 +0,0 @@
1
- const e=()=>{},t=":root{--color-bg-surface:#FFFDF8;--color-bg-light:#FAF3E1;--color-bg-subtle:#F5E7C6;--color-primary:#FA8112;--color-primary-hover:#D96A0A;--color-primary-light:#FEE8CE;--color-text-default:#222222;--color-text-muted:#8C7B6B;--color-border:#DDD0B3;--color-success:#3A8C5C;--color-success-light:#D4EDDF;--color-danger:#C0392B;--color-danger-light:#FAD7D4;--color-disabled:#B0A89A}.labx-bg-surface{background-color:var(--color-bg-surface)}.labx-bg-light{background-color:var(--color-bg-light)}.labx-bg-subtle{background-color:var(--color-bg-subtle)}.labx-bg-primary{background-color:var(--color-primary)}.labx-bg-success{background-color:var(--color-success-light)}.labx-bg-danger{background-color:var(--color-danger-light)}.labx-text-default{color:var(--color-text-default)}.labx-text-muted{color:var(--color-text-muted)}.labx-text-primary{color:var(--color-primary)}.labx-text-success{color:var(--color-success)}.labx-text-danger{color:var(--color-danger)}.labx-text-disabled{color:var(--color-disabled)}.labx-border{border:1px solid var(--color-border)}.labx-border-primary{border:1px solid var(--color-primary)}.labx-border-success{border:1px solid var(--color-success)}.labx-border-danger{border:1px solid var(--color-danger)}";function n(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var o,l=(e,t)=>{var o;Object.entries(null!=(o=t.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],r=n(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);r&&Object.defineProperty(e,o,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),t.l.has(o)?e[o]=t.l.get(o):void 0!==l&&(e[o]=l)}}))},r=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},s=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.i=e,512&t.o.u&&l(e,t))},i=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),a=new Map,u=new Map,f="undefined"!=typeof window?window:{},d={u:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},b=e=>Promise.resolve(e),p=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),h=!!p&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),m=!1,v=[],y=[],g=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&d.u?x(w):d.raf(w))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){c(e)}e.length=0},w=()=>{$(v),$(y),(m=v.length>0)&&d.raf(w)},x=e=>b().then(e),S=g(y,!0);function j(){var e;const n=this.attachShadow({mode:"open"});if(void 0===o&&(o=null!=(e=function(e){if(!p)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(t))?e:null),o)h?n.adoptedStyleSheets.push(o):n.adoptedStyleSheets=[...n.adoptedStyleSheets,o];else if(!p){const e=document.createElement("style");e.innerHTML=t,n.prepend(e)}}function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var k,E=new WeakMap,C=e=>"sc-"+e.h,D=e=>"object"==(e=typeof e)||"function"===e,A=(e,t,...n)=>{let o=null,l=null,r=!1,s=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof e&&!D(o))&&(o+=""),r&&s?i[i.length-1].m+=o:i.push(r?F(null,o):o),s=r)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=F(e,null);return a.v=t,i.length>0&&(a.$=i),a.S=l,a},F=(e,t)=>({u:0,j:e,m:null!=t?t:null,O:null,$:null,v:null,S:null}),M={},L=(e,t)=>null==e||D(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,N=(e,t)=>{const n=(e=>{var t;return null==(t=r(e))?void 0:t.$hostElement$})(e);return{emit:e=>R(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},R=(e,t,n)=>{const o=d.ce(t,n);return e.dispatchEvent(o),o},H=(e,t,n,o,l,s)=>{if(n===o)return;let c=i(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,l=T(n);let r=T(o);t.remove(...l.filter((e=>e&&!r.includes(e)))),t.add(...r.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(c||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let l;{const t=r(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(l=e[1])}}return l||(l=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(l)||e.removeAttribute(l):e.setAttribute(l,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const r=D(o);if((c||r&&null!==o)&&!l)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?c=!1:null!=n&&e[t]===l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!c||4&s||l)&&!r&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):i(f,a)?a.slice(2):a[2]+t.slice(3),n||o){const l=t.endsWith(B);t=t.replace(U,""),n&&d.rel(e,t,n,l),o&&d.ael(e,t,o,l)}},P=/\s/,T=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(P):[]),B="Capture",U=RegExp(B+"$"),W=(e,t,n)=>{const o=11===t.O.nodeType&&t.O.host?t.O.host:t.O,l=e&&e.v||{},r=t.v||{};for(const e of z(Object.keys(l)))e in r||H(o,e,l[e],void 0,n,t.u);for(const e of z(Object.keys(r)))H(o,e,l[e],r[e],n,t.u)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var V=!1,q=!1,G=(e,t,n)=>{const o=t.$[n];let l,r,s=0;if(null!=o.m)l=o.O=f.document.createTextNode(o.m);else{if(!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=f.document.createElement(o.j),W(null,o,q),o.$){const t="template"===o.j?l.content:l;for(s=0;s<o.$.length;++s)r=G(e,o,s),r&&t.appendChild(r)}}return l["s-hn"]=k,l},Y=(e,t,n,o,l,r)=>{let s,i=e;for(i.shadowRoot&&i.tagName===k&&(i=i.shadowRoot),"template"===n.j&&(i=i.content);l<=r;++l)o[l]&&(s=G(null,n,l),s&&(o[l].O=s,J(i,s,t)))},Z=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.O;e&&e.remove()}}},_=(e,t,n=!1)=>e.j===t.j&&(n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),I=(e,t,n=!1)=>{const o=t.O=e.O,l=e.$,r=t.$,s=t.m;null==s?("slot"!==t.j||V||e.k!==t.k&&(t.O["s-sn"]=t.k||"",(e=>{d.u|=1;const t=e.closest(k.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(J(t,e,null!=n?n:null),e["s-sh"]=void 0)}d.u&=-2})(t.O.parentElement)),W(e,t,q),null!==l&&null!==r?((e,t,n,o,l=!1)=>{let r,s,i=0,c=0,a=0,u=0,f=t.length-1,d=t[0],b=t[f],p=o.length-1,h=o[0],m=o[p];const v="template"===n.j?e.content:e;for(;i<=f&&c<=p;)if(null==d)d=t[++i];else if(null==b)b=t[--f];else if(null==h)h=o[++c];else if(null==m)m=o[--p];else if(_(d,h,l))I(d,h,l),d=t[++i],h=o[++c];else if(_(b,m,l))I(b,m,l),b=t[--f],m=o[--p];else if(_(d,m,l))I(d,m,l),J(v,d.O,b.O.nextSibling),d=t[++i],m=o[--p];else if(_(b,h,l))I(b,h,l),J(v,b.O,d.O),b=t[--f],h=o[++c];else{for(a=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].S&&t[u].S===h.S){a=u;break}a>=0?(s=t[a],s.j!==h.j?r=G(t&&t[c],n,a):(I(s,h,l),t[a]=void 0,r=s.O),h=o[++c]):(r=G(t&&t[c],n,c),h=o[++c]),r&&J(d.O.parentNode,r,d.O)}i>f?Y(e,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&Z(t,i,f)})(o,l,t,r,n):null!==r?(null!==e.m&&(o.textContent=""),Y(o,null,t,r,0,r.length-1)):!n&&null!==l&&Z(l,0,l.length-1)):e.m!==s&&(o.data=s)},J=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),K=(e,t)=>{if(t&&!e.C&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.C=()=>{t["s-p"].splice(n-1,1),o()})))}},Q=(e,t)=>{if(e.u|=16,4&e.u)return void(e.u|=512);K(e,e.D);const n=()=>X(e,t);if(!t)return S(n);queueMicrotask((()=>{n()}))},X=(e,t)=>{const n=e.$hostElement$,o=e.i;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 t?(e.A.length&&e.A.forEach((e=>e(n))),l=se(o,"componentWillLoad",void 0,n)):l=se(o,"componentWillUpdate",void 0,n),l=ee(l,(()=>se(o,"componentWillRender",void 0,n))),ee(l,(()=>ne(e,o,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,r=l["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.u,l=((e,t)=>{var n,o,l;const r=C(t),s=u.get(r);if(!f.document)return r;if(e=11===e.nodeType?e:f.document,s)if("string"==typeof s){let l,i=E.get(e=e.head||e);if(i||E.set(e,i=new Set),!i.has(r)){l=f.document.createElement("style"),l.textContent=s;const c=null!=(n=d.F)?n:O(f.document);if(null!=c&&l.setAttribute("nonce",c),!(1&t.u))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(p){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(s),h?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=s+t.textContent:e.prepend(l)}else e.append(l);1&t.u&&e.insertBefore(l,null),4&t.u&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(r)}}else{let t=E.get(e);if(t||E.set(e,t=new Set),!t.has(r)){const n=null!=(l=e.defaultView)?l:e.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let e=0;e<s.cssRules.length;e++)o.insertRule(s.cssRules[e].cssText,e)}h?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);oe(e,t,l,n),r&&(r.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.u|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.u&=-17,e.u|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.o,r=e.M||F(null,null),s=(e=>e&&e.j===M)(t)?t:A(null,null,t);if(k=o.tagName,l.L&&(s.v=s.v||{},l.L.forEach((([e,t])=>{s.v[t]=o[e]}))),n&&s.v)for(const e of Object.keys(s.v))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.v[e]=o[e]);s.j=null,s.u|=4,e.M=s,s.O=r.O=o.shadowRoot||o,V=!(!(1&l.u)||128&l.u),I(r,s,n)})(e,t,o)}catch(t){c(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.i,o=e.D;se(n,"componentDidRender",void 0,t),64&e.u?se(n,"componentDidUpdate",void 0,t):(e.u|=64,ie(t),se(n,"componentDidLoad",void 0,t),e.N(t),o||re()),e.C&&(e.C(),e.C=void 0),512&e.u&&x((()=>Q(e,!1))),e.u&=-517},re=()=>{x((()=>R(f,"appload",{detail:{namespace:"labx-components"}})))},se=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){c(e,o)}},ie=e=>e.classList.add("hydrated"),ce=(e,t,n,o)=>{const l=r(e);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.l.get(t),i=l.u,c=l.i;if(n=L(n,o.t[t][0]),(!(8&i)||void 0===s)&&n!==s&&(!Number.isNaN(s)||!Number.isNaN(n))&&(l.l.set(t,n),2&i)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,t)&&!(16&i))return;16&i||Q(l,!1)}},ae=(e,t,o)=>{var l,s;const i=e.prototype;if(t.t){const c=Object.entries(null!=(l=t.t)?l:{});if(c.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:c}=n(i,e)||{};s&&(t.t[e][0]|=2048),c&&(t.t[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>r(this).l.get(t))(0,e);const n=r(this),o=n?n.i:i;if(!o)return;return o[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(n){const s=r(this);if(s){if(c)return void 0===(32&l?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(n=s.l.get(e)),c.call(this,L(n,l)),void ce(this,e,n=32&l?this[e]:s.$hostElement$[e],t);{if(!(1&o&&4096&t.t[e][0]))return ce(this,e,n,t),void(1&o&&!s.i&&s.A.push((()=>{4096&t.t[e][0]&&s.i[e]!==s.l.get(e)&&(s.i[e]=n)})));const r=()=>{const o=s.i[e];!s.l.get(e)&&o&&s.l.set(e,o),s.i[e]=L(n,l),ce(this,e,s.i[e],t)};s.i?r():s.A.push((()=>{r()}))}}}})}})),1&o){const n=new Map;i.attributeChangedCallback=function(e,o,l){d.jmp((()=>{var s;const a=n.get(e),u=r(this);if(this.hasOwnProperty(a)&&(l=this[a],delete this[a]),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==l)return;if(null==a){const n=null==u?void 0:u.u;if(u&&n&&!(8&n)&&l!==o){const r=u.i,i=null==(s=t.R)?void 0:s[e];null==i||i.forEach((t=>{const[[s,i]]=Object.entries(t);null!=r[s]&&(128&n||1&i)&&r[s].call(r,l,o,e)}))}return}const f=c.find((([e])=>e===a));f&&4&f[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,a);l==this[a]||d.get&&!d.set||(this[a]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.R)?s:{}),...c.filter((([e,t])=>31&t[0])).map((([e,o])=>{var l;const r=o[1]||e;return n.set(r,e),512&o[0]&&(null==(l=t.L)||l.push([e,r])),r}))]))}}return e},ue=(e,t)=>{se(e,"connectedCallback",void 0,t)},fe=(e,t)=>{se(e,"disconnectedCallback",void 0,t||e)},de=(e,t={})=>{var n;if(!f.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=t.exclude||[],s=f.customElements,i=f.document.head,b=i.querySelector("meta[charset]"),h=f.document.createElement("style"),m=[];let v,y=!0;if(Object.assign(d,t),d.p=new URL(t.resourcesUrl||"./",f.document.baseURI).href,e.map((e=>{e[1].map((t=>{const n={u:t[0],h:t[1],t:t[2],H:t[3]};n.t=t[2],n.L=[];const i=n.h,f=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,t)=>{const n={u:0,$hostElement$:e,o:t,l:new Map,P:new Map};n.T=new Promise((e=>n.N=e)),e["s-p"]=[],e["s-rc"]=[],n.A=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,n),1&n.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(e,n)}connectedCallback(){r(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),y?m.push(this):d.jmp((()=>(e=>{if(!(1&d.u)){const t=r(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.u)(null==t?void 0:t.i)?ue(t.i,e):(null==t?void 0:t.T)&&t.T.then((()=>ue(t.i,e)));else{t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.D=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.u)){if(t.u|=32,n.B){const l=((e,t)=>{const n=e.h.replace(/-/g,"_"),o=e.B;if(!o)return;const l=a.get(o);return l?l[n]:import(`./${o}.entry.js`).then((e=>(a.set(o,e),e[n])),(e=>{c(e,t.$hostElement$)}))
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(l&&"then"in l){const e=()=>{};o=await l,e()}else o=l;if(!o)throw Error(`Constructor for "${n.h}#${t.U}" was not found`);o.isProxied||(ae(o,n,2),o.isProxied=!0);const r=()=>{};t.u|=8;try{new o(t)}catch(t){c(t,e)}t.u&=-9,r(),ue(t.i,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.u|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=C(n);if(!u.has(t)){const o=()=>{};((e,t,n)=>{let o=u.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,u.set(e,o)})(t,e,!!(1&n.u)),o()}}}const l=t.D,r=()=>Q(t,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()}catch(n){c(n,e),t.C&&(t.C(),t.C=void 0),t.N&&t.N(e)}})(e,t,n)}o()}})(this))))}disconnectedCallback(){d.jmp((()=>(async e=>{if(!(1&d.u)){const t=r(e);(null==t?void 0:t.i)?fe(t.i,e):(null==t?void 0:t.T)&&t.T.then((()=>fe(t.i,e)))}E.has(e)&&E.delete(e),e.shadowRoot&&E.has(e.shadowRoot)&&E.delete(e.shadowRoot)})(this))),d.raf((()=>{var e;const t=r(this);if(!t)return;const n=m.findIndex((e=>e===this));n>-1&&m.splice(n,1),(null==(e=null==t?void 0:t.M)?void 0:e.O)instanceof Node&&!t.M.O.isConnected&&delete t.M.O}))}componentOnReady(){var e;return null==(e=r(this))?void 0:e.T}};n.B=e[0],l.includes(i)||s.get(i)||(o.push(i),s.define(i,ae(f,n,1)))}))})),o.length>0&&(h.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",h.innerHTML.length)){h.setAttribute("data-styles","");const e=null!=(n=d.F)?n:O(f.document);null!=e&&h.setAttribute("nonce",e),i.insertBefore(h,b?b.nextSibling:i.firstChild)}y=!1,m.length?m.map((e=>e.connectedCallback())):d.jmp((()=>v=setTimeout(re,30)))},be=e=>d.F=e;export{M as H,de as b,N as c,e as g,A as h,b as p,s as r,be as s}
package/dist-angular/angular-component-lib/utils.ts DELETED
@@ -1,65 +0,0 @@
1
- /* eslint-disable */
2
- /* tslint:disable */
3
- import { fromEvent } from 'rxjs';
4
-
5
- export const proxyInputs = (Cmp: any, inputs: string[]) => {
6
- const Prototype = Cmp.prototype;
7
- inputs.forEach((item) => {
8
- Object.defineProperty(Prototype, item, {
9
- get() {
10
- return this.el[item];
11
- },
12
- set(val: any) {
13
- this.z.runOutsideAngular(() => (this.el[item] = val));
14
- },
15
- /**
16
- * In the event that proxyInputs is called
17
- * multiple times re-defining these inputs
18
- * will cause an error to be thrown. As a result
19
- * we set configurable: true to indicate these
20
- * properties can be changed.
21
- */
22
- configurable: true,
23
- });
24
- });
25
- };
26
-
27
- export const proxyMethods = (Cmp: any, methods: string[]) => {
28
- const Prototype = Cmp.prototype;
29
- methods.forEach((methodName) => {
30
- Prototype[methodName] = function () {
31
- const args = arguments;
32
- return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
33
- };
34
- });
35
- };
36
-
37
- export const proxyOutputs = (instance: any, el: any, events: string[]) => {
38
- events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
39
- };
40
-
41
- export const defineCustomElement = (tagName: string, customElement: any) => {
42
- if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
43
- customElements.define(tagName, customElement);
44
- }
45
- };
46
-
47
- // tslint:disable-next-line: only-arrow-functions
48
- export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
49
- const decorator = function (cls: any) {
50
- const { defineCustomElementFn, inputs, methods } = opts;
51
-
52
- if (defineCustomElementFn !== undefined) {
53
- defineCustomElementFn();
54
- }
55
-
56
- if (inputs) {
57
- proxyInputs(cls, inputs);
58
- }
59
- if (methods) {
60
- proxyMethods(cls, methods);
61
- }
62
- return cls;
63
- };
64
- return decorator;
65
- }
package/dist-angular/components.ts DELETED
@@ -1,94 +0,0 @@
1
- /* tslint:disable */
2
- /* auto-generated angular directive proxies */
3
- import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, NgZone } from '@angular/core';
4
-
5
- import { ProxyCmp } from './angular-component-lib/utils';
6
-
7
- import type { Components } from 'labx-components/components';
8
-
9
- import { defineCustomElement as defineLabxButton } from 'labx-components/components/labx-button.js';
10
- import { defineCustomElement as defineLabxIcon } from 'labx-components/components/labx-icon.js';
11
- import { defineCustomElement as defineLabxInput } from 'labx-components/components/labx-input.js';
12
- @ProxyCmp({
13
- defineCustomElementFn: defineLabxButton,
14
- inputs: ['disabled', 'label', 'type', 'variant']
15
- })
16
- @Component({
17
- selector: 'labx-button',
18
- changeDetection: ChangeDetectionStrategy.OnPush,
19
- template: '<ng-content></ng-content>',
20
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
21
- inputs: ['disabled', 'label', 'type', 'variant'],
22
- outputs: ['labxClick'],
23
- })
24
- export class LabxButton {
25
- protected el: HTMLLabxButtonElement;
26
- @Output() labxClick = new EventEmitter<CustomEvent<void>>();
27
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
28
- c.detach();
29
- this.el = r.nativeElement;
30
- }
31
- }
32
-
33
-
34
- export declare interface LabxButton extends Components.LabxButton {
35
- /**
36
- * Se emite cuando el botón es clickeado
37
- */
38
- labxClick: EventEmitter<CustomEvent<void>>;
39
- }
40
-
41
-
42
- @ProxyCmp({
43
- defineCustomElementFn: defineLabxIcon,
44
- inputs: ['filled', 'name', 'size']
45
- })
46
- @Component({
47
- selector: 'labx-icon',
48
- changeDetection: ChangeDetectionStrategy.OnPush,
49
- template: '<ng-content></ng-content>',
50
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
51
- inputs: ['filled', { name: 'name', required: true }, 'size'],
52
- })
53
- export class LabxIcon {
54
- protected el: HTMLLabxIconElement;
55
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
56
- c.detach();
57
- this.el = r.nativeElement;
58
- }
59
- }
60
-
61
-
62
- export declare interface LabxIcon extends Components.LabxIcon {}
63
-
64
-
65
- @ProxyCmp({
66
- defineCustomElementFn: defineLabxInput,
67
- inputs: ['disabled', 'error', 'label', 'type', 'value']
68
- })
69
- @Component({
70
- selector: 'labx-input',
71
- changeDetection: ChangeDetectionStrategy.OnPush,
72
- template: '<ng-content></ng-content>',
73
- // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
74
- inputs: ['disabled', 'error', 'label', 'type', 'value'],
75
- outputs: ['labxChange'],
76
- })
77
- export class LabxInput {
78
- protected el: HTMLLabxInputElement;
79
- @Output() labxChange = new EventEmitter<CustomEvent<string>>();
80
- constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
81
- c.detach();
82
- this.el = r.nativeElement;
83
- }
84
- }
85
-
86
-
87
- export declare interface LabxInput extends Components.LabxInput {
88
- /**
89
- * Se emite cuando el valor cambia
90
- */
91
- labxChange: EventEmitter<CustomEvent<string>>;
92
- }
93
-
94
-
package/dist-angular/index.ts DELETED
@@ -1,8 +0,0 @@
1
-
2
- import * as d from './components';
3
-
4
- export const DIRECTIVES = [
5
- d.LabxButton,
6
- d.LabxIcon,
7
- d.LabxInput
8
- ];
package/dist-angular/text-value-accessor.ts DELETED
@@ -1,24 +0,0 @@
1
- import { Directive, ElementRef, forwardRef } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
-
4
- import { ValueAccessor } from './value-accessor';
5
-
6
- @Directive({
7
- /* tslint:disable-next-line:directive-selector */
8
- selector: 'labx-input',
9
- host: {
10
- '(labxChange)': 'handleChangeEvent($event.target?.["value"])'
11
- },
12
- providers: [
13
- {
14
- provide: NG_VALUE_ACCESSOR,
15
- useExisting: forwardRef(() => TextValueAccessor),
16
- multi: true
17
- }
18
- ]
19
- })
20
- export class TextValueAccessor extends ValueAccessor {
21
- constructor(el: ElementRef) {
22
- super(el);
23
- }
24
- }
package/dist-angular/value-accessor.ts DELETED
@@ -1,39 +0,0 @@
1
- import { Directive, ElementRef, HostListener } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
-
4
- @Directive({})
5
- export class ValueAccessor implements ControlValueAccessor {
6
-
7
- private onChange: (value: any) => void = () => {/**/};
8
- private onTouched: () => void = () => {/**/};
9
- protected lastValue: any;
10
-
11
- constructor(protected el: ElementRef) {}
12
-
13
- writeValue(value: any) {
14
- this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
15
- }
16
-
17
- handleChangeEvent(value: any) {
18
- if (value !== this.lastValue) {
19
- this.lastValue = value;
20
- this.onChange(value);
21
- }
22
- }
23
-
24
- @HostListener('focusout')
25
- _handleBlurEvent() {
26
- this.onTouched();
27
- }
28
-
29
- registerOnChange(fn: (value: any) => void) {
30
- this.onChange = fn;
31
- }
32
- registerOnTouched(fn: () => void) {
33
- this.onTouched = fn;
34
- }
35
-
36
- setDisabledState(isDisabled: boolean) {
37
- this.el.nativeElement.disabled = isDisabled;
38
- }
39
- }