@stencil-kit/core 0.0.1
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.
- package/LICENSE +21 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/cjs/index-BrMvRGjk.js +1430 -0
- package/dist/cjs/index.cjs.js +7 -0
- package/dist/cjs/loader.cjs.js +13 -0
- package/dist/cjs/my-badge.cjs.entry.js +29 -0
- package/dist/cjs/my-button.cjs.entry.js +29 -0
- package/dist/cjs/my-card.cjs.entry.js +29 -0
- package/dist/cjs/my-component.cjs.entry.js +33 -0
- package/dist/cjs/stencil-library.cjs.js +25 -0
- package/dist/collection/collection-manifest.json +16 -0
- package/dist/collection/components/my-badge/my-badge.css +67 -0
- package/dist/collection/components/my-badge/my-badge.js +94 -0
- package/dist/collection/components/my-button/my-button.css +75 -0
- package/dist/collection/components/my-button/my-button.js +94 -0
- package/dist/collection/components/my-card/my-card.css +76 -0
- package/dist/collection/components/my-card/my-card.js +92 -0
- package/dist/collection/components/my-component/my-component.cmp.test.js +27 -0
- package/dist/collection/components/my-component/my-component.css +3 -0
- package/dist/collection/components/my-component/my-component.js +95 -0
- package/dist/collection/index.js +10 -0
- package/dist/collection/utils/utils.js +3 -0
- package/dist/collection/utils/utils.unit.test.js +16 -0
- package/dist/components/index.d.ts +35 -0
- package/dist/components/index.js +1 -0
- package/dist/components/my-badge.d.ts +11 -0
- package/dist/components/my-badge.js +1 -0
- package/dist/components/my-button.d.ts +11 -0
- package/dist/components/my-button.js +1 -0
- package/dist/components/my-card.d.ts +11 -0
- package/dist/components/my-card.js +1 -0
- package/dist/components/my-component.d.ts +11 -0
- package/dist/components/my-component.js +1 -0
- package/dist/components/p-BJi3ojZX.js +1 -0
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/esm/index-Bdf40fwG.js +1424 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/loader.js +11 -0
- package/dist/esm/my-badge.entry.js +27 -0
- package/dist/esm/my-button.entry.js +27 -0
- package/dist/esm/my-card.entry.js +27 -0
- package/dist/esm/my-component.entry.js +31 -0
- package/dist/esm/stencil-library.js +21 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/stencil-library/index.esm.js +1 -0
- package/dist/stencil-library/p-2b74a573.entry.js +1 -0
- package/dist/stencil-library/p-Bdf40fwG.js +2 -0
- package/dist/stencil-library/p-DQuL1Twl.js +1 -0
- package/dist/stencil-library/p-b36446f6.entry.js +1 -0
- package/dist/stencil-library/p-ba774cf9.entry.js +1 -0
- package/dist/stencil-library/p-fd06de5e.entry.js +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -0
- package/dist/types/components/my-badge/my-badge.d.ts +15 -0
- package/dist/types/components/my-button/my-button.d.ts +15 -0
- package/dist/types/components/my-card/my-card.d.ts +15 -0
- package/dist/types/components/my-component/my-component.cmp.test.d.ts +1 -0
- package/dist/types/components/my-component/my-component.d.ts +16 -0
- package/dist/types/components.d.ts +208 -0
- package/dist/types/index.d.ts +11 -0
- package/dist/types/stencil-public-runtime.d.ts +1861 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/dist/types/utils/utils.unit.test.d.ts +1 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/package.json +69 -0
- package/readme.md +111 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { b as bootstrapLazy } from './index-Bdf40fwG.js';
|
|
2
|
+
export { s as setNonce } from './index-Bdf40fwG.js';
|
|
3
|
+
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
|
+
|
|
5
|
+
const defineCustomElements = async (win, options) => {
|
|
6
|
+
if (typeof window === 'undefined') return undefined;
|
|
7
|
+
await globalScripts();
|
|
8
|
+
return bootstrapLazy([["my-badge",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { defineCustomElements };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-Bdf40fwG.js';
|
|
2
|
+
|
|
3
|
+
const myBadgeCss = () => `:host{display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border-radius:4px;transition:all 0.2s ease}.badge--pill{border-radius:100px}.badge--small{padding:4px 8px;font-size:11px;line-height:1}.badge--medium{padding:6px 12px;font-size:13px;line-height:1}.badge--large{padding:8px 16px;font-size:15px;line-height:1}.badge--success{background-color:#10b981;color:white}.badge--warning{background-color:#f59e0b;color:white}.badge--error{background-color:#ef4444;color:white}.badge--info{background-color:#3b82f6;color:white}.badge--neutral{background-color:#6b7280;color:white}.badge:hover{opacity:0.9;transform:scale(1.05)}`;
|
|
4
|
+
|
|
5
|
+
const MyBadge = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Badge color variant
|
|
11
|
+
*/
|
|
12
|
+
color = 'neutral';
|
|
13
|
+
/**
|
|
14
|
+
* Badge size
|
|
15
|
+
*/
|
|
16
|
+
size = 'medium';
|
|
17
|
+
/**
|
|
18
|
+
* Rounded pill style
|
|
19
|
+
*/
|
|
20
|
+
pill = false;
|
|
21
|
+
render() {
|
|
22
|
+
return (h("span", { key: '33a316730b54199e32c7ecbd1160997411e5ff95', class: `badge badge--${this.color} badge--${this.size} ${this.pill ? 'badge--pill' : ''}` }, h("slot", { key: 'eb7a3e46ea27e7d714dcc60723ca7f5801204674' })));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
MyBadge.style = myBadgeCss();
|
|
26
|
+
|
|
27
|
+
export { MyBadge as my_badge };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-Bdf40fwG.js';
|
|
2
|
+
|
|
3
|
+
const myButtonCss = () => `:host{display:inline-block}.btn{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:14px}.btn--medium{padding:12px 24px;font-size:16px}.btn--large{padding:16px 32px;font-size:18px}.btn--primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.btn--secondary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, #d97ee0 0%, #db4a5d 100%)}.btn--danger{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%);color:#333}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, #e55d87 0%, #e5ca2b 100%)}`;
|
|
4
|
+
|
|
5
|
+
const MyButton = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* The button variant
|
|
11
|
+
*/
|
|
12
|
+
variant = 'primary';
|
|
13
|
+
/**
|
|
14
|
+
* The button size
|
|
15
|
+
*/
|
|
16
|
+
size = 'medium';
|
|
17
|
+
/**
|
|
18
|
+
* Disabled state
|
|
19
|
+
*/
|
|
20
|
+
disabled = false;
|
|
21
|
+
render() {
|
|
22
|
+
return (h("button", { key: '94d04ac3ac7441f76510463322200c2b7a01d569', class: `btn btn--${this.variant} btn--${this.size}`, disabled: this.disabled }, h("slot", { key: '80f6c9a56010f80635288b16804d33c780232da5' })));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
MyButton.style = myButtonCss();
|
|
26
|
+
|
|
27
|
+
export { MyButton as my_button };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-Bdf40fwG.js';
|
|
2
|
+
|
|
3
|
+
const myCardCss = () => `:host{display:block}.card{background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;border:1px solid #e5e7eb}.card:hover{transform:translateY(-4px)}.card--low{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card--low:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high:hover{box-shadow:0 20px 25px rgba(0, 0, 0, 0.2)}.card__header{padding:24px 24px 0}.card__title{margin:0;font-size:24px;font-weight:700;color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__subtitle{margin:8px 0 0;font-size:14px;color:#6b7280;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__content{padding:24px;color:#374151;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6}.card__footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center}.card__footer:empty{display:none}`;
|
|
4
|
+
|
|
5
|
+
const MyCard = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Card title
|
|
11
|
+
*/
|
|
12
|
+
cardTitle;
|
|
13
|
+
/**
|
|
14
|
+
* Card subtitle
|
|
15
|
+
*/
|
|
16
|
+
subtitle;
|
|
17
|
+
/**
|
|
18
|
+
* Card elevation (shadow depth)
|
|
19
|
+
*/
|
|
20
|
+
elevation = 'medium';
|
|
21
|
+
render() {
|
|
22
|
+
return (h("div", { key: '771331816e786b93963b10dcc4577c89da6385c5', class: `card card--${this.elevation}` }, this.cardTitle && (h("div", { key: '525c2dfdda668cb45895f6f1e9b55e6923b9538d', class: "card__header" }, h("h3", { key: 'a3025832b6ce60e73dce68f575bca6fbb1143913', class: "card__title" }, this.cardTitle), this.subtitle && h("p", { key: '3c3f094449a06aa41b63db17b3ab27e7e29be437', class: "card__subtitle" }, this.subtitle))), h("div", { key: '628c69443cf48fb07ee98fde44c0c2f6de148ed5', class: "card__content" }, h("slot", { key: 'f0c2c156603f2179314e7c58aabefbeda3b2e911' })), h("div", { key: '8f5a30d595399c6a606a5cde67c393aca93e3d0d', class: "card__footer" }, h("slot", { key: '1cb72bdc25ce96673d85c9fc86ff5661975cd412', name: "footer" }))));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
MyCard.style = myCardCss();
|
|
26
|
+
|
|
27
|
+
export { MyCard as my_card };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-Bdf40fwG.js';
|
|
2
|
+
import { format } from './index.js';
|
|
3
|
+
|
|
4
|
+
const myComponentCss = () => `:host{display:block}`;
|
|
5
|
+
|
|
6
|
+
const MyComponent = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* The first name
|
|
12
|
+
*/
|
|
13
|
+
first;
|
|
14
|
+
/**
|
|
15
|
+
* The middle name
|
|
16
|
+
*/
|
|
17
|
+
middle;
|
|
18
|
+
/**
|
|
19
|
+
* The last name
|
|
20
|
+
*/
|
|
21
|
+
last;
|
|
22
|
+
getText() {
|
|
23
|
+
return format(this.first, this.middle, this.last);
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return h("div", { key: '543ff9a15c7d307e7e59a1143b033faeee29b1cb' }, "Hello, World! I'm ", this.getText());
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
MyComponent.style = myComponentCss();
|
|
30
|
+
|
|
31
|
+
export { MyComponent as my_component };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-Bdf40fwG.js';
|
|
2
|
+
export { s as setNonce } from './index-Bdf40fwG.js';
|
|
3
|
+
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
var patchBrowser = () => {
|
|
10
|
+
const importMeta = import.meta.url;
|
|
11
|
+
const opts = {};
|
|
12
|
+
if (importMeta !== "") {
|
|
13
|
+
opts.resourcesUrl = new URL(".", importMeta).href;
|
|
14
|
+
}
|
|
15
|
+
return promiseResolve(opts);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
patchBrowser().then(async (options) => {
|
|
19
|
+
await globalScripts();
|
|
20
|
+
return bootstrapLazy([["my-badge",[[769,"my-badge",{"color":[1],"size":[1],"pill":[4]}]]],["my-button",[[769,"my-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["my-card",[[769,"my-card",{"cardTitle":[1,"card-title"],"subtitle":[1],"elevation":[1]}]]],["my-component",[[513,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
|
|
21
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = require('./cjs/index.cjs.js');
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './esm/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function n(n,r,t){return(n||"")+(r?` ${r}`:"")+(t?` ${t}`:"")}export{n as format}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-Bdf40fwG.js";import{format as s}from"./index.esm.js";const r=class{constructor(e){t(this,e)}first;middle;last;getText(){return s(this.first,this.middle,this.last)}render(){return e("div",{key:"543ff9a15c7d307e7e59a1143b033faeee29b1cb"},"Hello, World! I'm ",this.getText())}};r.style=":host{display:block}";export{r as my_component}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],i=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);i&&Object.defineProperty(e,o,{get(){return i.get.call(this)},set(t){i.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.i=t,512&e.o.u&&n(t,e))},i=(t,e)=>(0,console.error)(t,e),s=new Map,r=new Map,c="undefined"!=typeof window?window:{},u={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),a=(()=>{try{return!!c.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),d=!!a&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&u.u?$(b):u.raf(b))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){i(t)}t.length=0},b=()=>{y(p),y(m),(h=p.length>0)&&u.raf(b)},$=t=>f().then(t),w=v(m,!0);function j(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(d?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}function g(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var S,O=new WeakMap,k=t=>"sc-"+t.p,M=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!M(o))&&(o+=""),i&&s?r[r.length-1].m+=o:r.push(i?C(null,o):o),s=i)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=C(t,null);return u.v=e,r.length>0&&(u.$=r),u.j=l,u},C=(t,e)=>({u:0,S:t,m:null!=e?e:null,O:null,$:null,v:null,j:null}),A={},L=(t,e)=>null==t||M(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,x=(t,e,n,l,i,s)=>{if(n===l)return;let r=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"class"===e){const e=t.classList,o=P(n);let i=P(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("key"===e);else{if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let i;{const e=o(t);if(e&&e.o&&e.o.t){const t=e.o.t[n];t&&t[1]&&(i=t[1])}}return i||(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(i)||t.removeAttribute(i):t.setAttribute(i,!0===l?"":l))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=l}catch(t){}return}{const o=M(l);if((r||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}}},D=/\s/,P=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(D):[]),R=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.v||{},i=e.v||{};for(const t of T(Object.keys(l)))t in i||x(o,t,l[t],void 0,n,e.u);for(const t of T(Object.keys(i)))x(o,t,l[t],i[t],n,e.u)};function T(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var H=!1,N=!1,U=(t,e,n)=>{const o=e.$[n];let l,i,s=0;if(null!=o.m)l=o.O=c.document.createTextNode(o.m);else{if(!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=c.document.createElement(o.S),R(null,o,N),o.$){const e="template"===o.S?l.content:l;for(s=0;s<o.$.length;++s)i=U(t,o,s),i&&e.appendChild(i)}}return l["s-hn"]=S,l},W=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===S&&(r=r.shadowRoot),"template"===n.S&&(r=r.content);l<=i;++l)o[l]&&(s=U(null,n,l),s&&(o[l].O=s,F(r,s,e)))},z=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;t&&t.remove()}}},V=(t,e,n=!1)=>t.S===e.S&&(n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),q=(t,e,n=!1)=>{const o=e.O=t.O,l=t.$,i=e.$,s=e.m;null==s?("slot"!==e.S||H||t.k!==e.k&&(e.O["s-sn"]=e.k||"",(t=>{u.u|=1;const e=t.closest(S.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(F(e,t,null!=n?n:null),t["s-sh"]=void 0)}u.u&=-2})(e.O.parentElement)),R(t,e,N),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],v=o[p];const y="template"===n.S?t.content:t;for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(V(d,m,l))q(d,m,l),d=e[++r],m=o[++c];else if(V(h,v,l))q(h,v,l),h=e[--a],v=o[--p];else if(V(d,v,l))q(d,v,l),F(y,d.O,h.O.nextSibling),d=e[++r],v=o[--p];else if(V(h,m,l))q(h,m,l),F(y,h.O,d.O),h=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].j&&e[f].j===m.j){u=f;break}u>=0?(s=e[u],s.S!==m.S?i=U(e&&e[c],n,u):(q(s,m,l),e[u]=void 0,i=s.O),m=o[++c]):(i=U(e&&e[c],n,c),m=o[++c]),i&&F(d.O.parentNode,i,d.O)}r>a?W(t,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&z(e,r,a)})(o,l,e,i,n):null!==i?(null!==t.m&&(o.textContent=""),W(o,null,e,i,0,i.length-1)):!n&&null!==l&&z(l,0,l.length-1)):t.m!==s&&(o.data=s)},F=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),G=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.M=()=>{e["s-p"].splice(n-1,1),o()})))}},Y=(t,e)=>{if(t.u|=16,4&t.u)return void(t.u|=512);G(t,t.C);const n=()=>Z(t,e);if(!e)return w(n);queueMicrotask((()=>{n()}))},Z=(t,e)=>{const n=t.$hostElement$,o=t.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 e?(t.A.length&&t.A.forEach((t=>t(n))),l=X(o,"componentWillLoad",void 0,n)):l=X(o,"componentWillUpdate",void 0,n),l=_(l,(()=>X(o,"componentWillRender",void 0,n))),_(l,(()=>I(t,o,e)))},_=(t,e)=>B(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),B=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,I=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n,o,l;const i=k(e),s=r.get(i);if(!c.document)return i;if(t=11===t.nodeType?t:c.document,s)if("string"==typeof s){let l,r=O.get(t=t.head||t);if(r||O.set(t,r=new Set),!r.has(i)){l=c.document.createElement("style"),l.textContent=s;const f=null!=(n=u.L)?n:g(c.document);if(null!=f&&l.setAttribute("nonce",f),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(a){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(s),d?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=s+e.textContent:t.prepend(l)}else t.append(l);1&e.u&&t.insertBefore(l,null),4&e.u&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),r&&r.add(i)}}else{let e=O.get(t);if(e||O.set(t,e=new Set),!e.has(i)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(s.constructor===n.CSSStyleSheet)o=s;else{o=new n.CSSStyleSheet;for(let t=0;t<s.cssRules.length;t++)o.insertRule(s.cssRules[t].cssText,t)}d?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);J(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>K(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u|=4,e.length=0)}},J=(t,e,n,o)=>{try{e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.o,i=t.D||C(null,null),s=(t=>t&&t.S===A)(e)?e:E(null,null,e);if(S=o.tagName,n&&s.v)for(const t of Object.keys(s.v))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.v[t]=o[t]);s.S=null,s.u|=4,t.D=s,s.O=i.O=o.shadowRoot||o,H=!(!(1&l.u)||128&l.u),q(i,s,n)})(t,e,o)}catch(e){i(e,t.$hostElement$)}return null},K=t=>{const e=t.$hostElement$,n=t.i,o=t.C;X(n,"componentDidRender",void 0,e),64&t.u?X(n,"componentDidUpdate",void 0,e):(t.u|=64,tt(e),X(n,"componentDidLoad",void 0,e),t.P(e),o||Q()),t.M&&(t.M(),t.M=void 0),512&t.u&&$((()=>Y(t,!1))),t.u&=-517},Q=()=>{$((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"stencil-library"}});return t.dispatchEvent(e),e})(c)))},X=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){i(t,o)}},tt=t=>t.classList.add("hydrated"),et=(t,e,n,l)=>{const i=o(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.p}" 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=i.l.get(e),r=i.u,c=i.i;if(n=L(n,l.t[e][0]),(!(8&r)||void 0===s)&&n!==s&&(!Number.isNaN(s)||!Number.isNaN(n))&&(i.l.set(e,n),2&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,e)&&!(16&r))return;16&r||Y(i,!1)}},nt=(e,n,l)=>{var i,s;const r=e.prototype;if(n.t){const c=Object.entries(null!=(i=n.t)?i:{});if(c.map((([e,[i]])=>{if(31&i||2&l&&32&i){const{get:s,set:c}=t(r,e)||{};s&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),(1&l||!s)&&Object.defineProperty(r,e,{get(){{if(!(2048&n.t[e][0]))return((t,e)=>o(this).l.get(e))(0,e);const t=o(this),l=t?t.i:r;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,e,{set(t){const s=o(this);if(s){if(c)return void 0===(32&i?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),c.call(this,L(t,i)),void et(this,e,t=32&i?this[e]:s.$hostElement$[e],n);{if(!(1&l&&4096&n.t[e][0]))return et(this,e,t,n),void(1&l&&!s.i&&s.A.push((()=>{4096&n.t[e][0]&&s.i[e]!==s.l.get(e)&&(s.i[e]=t)})));const o=()=>{const o=s.i[e];!s.l.get(e)&&o&&s.l.set(e,o),s.i[e]=L(t,i),et(this,e,s.i[e],n)};s.i?o():s.A.push((()=>{o()}))}}}})}})),1&l){const t=new Map;r.attributeChangedCallback=function(e,l,i){u.jmp((()=>{var s;const u=t.get(e),f=o(this);if(this.hasOwnProperty(u)&&(i=this[u],delete this[u]),r.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==i)return;if(null==u){const t=null==f?void 0:f.u;if(f&&t&&!(8&t)&&i!==l){const o=f.i,r=null==(s=n.R)?void 0:s[e];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=o[s]&&(128&t||1&r)&&o[s].call(o,i,l,e)}))}return}const a=c.find((([t])=>t===u)),d=a&&4&a[1][0],h=d&&null===i&&void 0===this[u];d&&(i=null!==i&&"false"!==i);const p=Object.getOwnPropertyDescriptor(r,u);h||i==this[u]||p.get&&!p.set||(this[u]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.R)?s:{}),...c.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},ot=(t,e)=>{X(t,"connectedCallback",void 0,e)},lt=(t,e)=>{X(t,"disconnectedCallback",void 0,e||t)},it=(t,e={})=>{var n;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],f=e.exclude||[],d=c.customElements,h=c.document.head,p=h.querySelector("meta[charset]"),m=c.document.createElement("style"),v=[];let y,b=!0;if(Object.assign(u,e),u.h=new URL(e.resourcesUrl||"./",c.document.baseURI).href,t.map((t=>{t[1].map((e=>{const n={u:e[0],p:e[1],t:e[2],T:e[3]};n.t=e[2];const c=n.p,h=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map,H:new Map};n.N=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[],n.A=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,n),1&n.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(t,n)}connectedCallback(){o(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),y&&(clearTimeout(y),y=null),b?v.push(this):u.jmp((()=>(t=>{if(!(1&u.u)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.u)(null==e?void 0:e.i)?ot(e.i,t):(null==e?void 0:e.N)&&e.N.then((()=>ot(e.i,t)));else{e.u|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){G(e,e.C=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;try{if(!(32&e.u)){if(e.u|=32,n.U){const l=((t,e)=>{const n=t.p.replace(/-/g,"_"),o=t.U;if(!o)return;const l=s.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(s.set(o,t),t[n])),(t=>{i(t,e.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.p}#${e.W}" was not found`);o.isProxied||(nt(o,n,2),o.isProxied=!0);const r=()=>{};e.u|=8;try{new o(e)}catch(e){i(e,t)}e.u&=-9,r(),ot(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=k(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.C,c=()=>Y(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()}catch(n){i(n,t),e.M&&(e.M(),e.M=void 0),e.P&&e.P(t)}})(t,e,n)}l()}})(this))))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.u)){const e=o(t);(null==e?void 0:e.i)?lt(e.i,t):(null==e?void 0:e.N)&&e.N.then((()=>lt(e.i,t)))}O.has(t)&&O.delete(t),t.shadowRoot&&O.has(t.shadowRoot)&&O.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const e=o(this);if(!e)return;const n=v.findIndex((t=>t===this));n>-1&&v.splice(n,1),(null==(t=null==e?void 0:e.D)?void 0:t.O)instanceof Node&&!e.D.O.isConnected&&delete e.D.O}))}componentOnReady(){var t;return null==(t=o(this))?void 0:t.N}};n.U=t[0],f.includes(c)||d.get(c)||(l.push(c),d.define(c,nt(h,n,1)))}))})),l.length>0&&(m.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",m.innerHTML.length)){m.setAttribute("data-styles","");const t=null!=(n=u.L)?n:g(c.document);null!=t&&m.setAttribute("nonce",t),h.insertBefore(m,p?p.nextSibling:h.firstChild)}b=!1,v.length?v.map((t=>t.connectedCallback())):u.jmp((()=>y=setTimeout(Q,30)))},st=t=>u.L=t;export{it as b,E as h,f as p,l as r,st as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=()=>{};export{o as g}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as n}from"./p-Bdf40fwG.js";const a=class{constructor(n){e(this,n)}variant="primary";size="medium";disabled=!1;render(){return n("button",{key:"94d04ac3ac7441f76510463322200c2b7a01d569",class:`btn btn--${this.variant} btn--${this.size}`,disabled:this.disabled},n("slot",{key:"80f6c9a56010f80635288b16804d33c780232da5"}))}};a.style=":host{display:inline-block}.btn{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:14px}.btn--medium{padding:12px 24px;font-size:16px}.btn--large{padding:16px 32px;font-size:18px}.btn--primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.btn--secondary{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:white}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, #d97ee0 0%, #db4a5d 100%)}.btn--danger{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%);color:#333}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg, #e55d87 0%, #e5ca2b 100%)}";export{a as my_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a}from"./p-Bdf40fwG.js";const d=class{constructor(a){e(this,a)}cardTitle;subtitle;elevation="medium";render(){return a("div",{key:"771331816e786b93963b10dcc4577c89da6385c5",class:`card card--${this.elevation}`},this.cardTitle&&a("div",{key:"525c2dfdda668cb45895f6f1e9b55e6923b9538d",class:"card__header"},a("h3",{key:"a3025832b6ce60e73dce68f575bca6fbb1143913",class:"card__title"},this.cardTitle),this.subtitle&&a("p",{key:"3c3f094449a06aa41b63db17b3ab27e7e29be437",class:"card__subtitle"},this.subtitle)),a("div",{key:"628c69443cf48fb07ee98fde44c0c2f6de148ed5",class:"card__content"},a("slot",{key:"f0c2c156603f2179314e7c58aabefbeda3b2e911"})),a("div",{key:"8f5a30d595399c6a606a5cde67c393aca93e3d0d",class:"card__footer"},a("slot",{key:"1cb72bdc25ce96673d85c9fc86ff5661975cd412",name:"footer"})))}};d.style=":host{display:block}.card{background:white;border-radius:12px;overflow:hidden;transition:all 0.3s ease;border:1px solid #e5e7eb}.card:hover{transform:translateY(-4px)}.card--low{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card--low:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.card--medium:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high{box-shadow:0 10px 15px rgba(0, 0, 0, 0.15)}.card--high:hover{box-shadow:0 20px 25px rgba(0, 0, 0, 0.2)}.card__header{padding:24px 24px 0}.card__title{margin:0;font-size:24px;font-weight:700;color:#1f2937;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__subtitle{margin:8px 0 0;font-size:14px;color:#6b7280;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}.card__content{padding:24px;color:#374151;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6}.card__footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center}.card__footer:empty{display:none}";export{d as my_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a}from"./p-Bdf40fwG.js";const o=class{constructor(a){e(this,a)}color="neutral";size="medium";pill=!1;render(){return a("span",{key:"33a316730b54199e32c7ecbd1160997411e5ff95",class:`badge badge--${this.color} badge--${this.size} ${this.pill?"badge--pill":""}`},a("slot",{key:"eb7a3e46ea27e7d714dcc60723ca7f5801204674"}))}};o.style=":host{display:inline-block}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;font-weight:600;border-radius:4px;transition:all 0.2s ease}.badge--pill{border-radius:100px}.badge--small{padding:4px 8px;font-size:11px;line-height:1}.badge--medium{padding:6px 12px;font-size:13px;line-height:1}.badge--large{padding:8px 16px;font-size:15px;line-height:1}.badge--success{background-color:#10b981;color:white}.badge--warning{background-color:#f59e0b;color:white}.badge--error{background-color:#ef4444;color:white}.badge--info{background-color:#3b82f6;color:white}.badge--neutral{background-color:#6b7280;color:white}.badge:hover{opacity:0.9;transform:scale(1.05)}";export{o as my_badge}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,b as a}from"./p-Bdf40fwG.js";export{s as setNonce}from"./p-Bdf40fwG.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((async t=>(await e(),a([["p-fd06de5e",[[769,"my-badge",{color:[1],size:[1],pill:[4]}]]],["p-b36446f6",[[769,"my-button",{variant:[1],size:[1],disabled:[4]}]]],["p-ba774cf9",[[769,"my-card",{cardTitle:[1,"card-title"],subtitle:[1],elevation:[1]}]]],["p-2b74a573",[[513,"my-component",{first:[1],middle:[1],last:[1]}]]]],t))));
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare class MyBadge {
|
|
2
|
+
/**
|
|
3
|
+
* Badge color variant
|
|
4
|
+
*/
|
|
5
|
+
color: 'success' | 'warning' | 'error' | 'info' | 'neutral';
|
|
6
|
+
/**
|
|
7
|
+
* Badge size
|
|
8
|
+
*/
|
|
9
|
+
size: 'small' | 'medium' | 'large';
|
|
10
|
+
/**
|
|
11
|
+
* Rounded pill style
|
|
12
|
+
*/
|
|
13
|
+
pill: boolean;
|
|
14
|
+
render(): any;
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare class MyButton {
|
|
2
|
+
/**
|
|
3
|
+
* The button variant
|
|
4
|
+
*/
|
|
5
|
+
variant: 'primary' | 'secondary' | 'danger';
|
|
6
|
+
/**
|
|
7
|
+
* The button size
|
|
8
|
+
*/
|
|
9
|
+
size: 'small' | 'medium' | 'large';
|
|
10
|
+
/**
|
|
11
|
+
* Disabled state
|
|
12
|
+
*/
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
render(): any;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
/* tslint:disable */
|
|
3
|
+
/**
|
|
4
|
+
* This is an autogenerated file created by the Stencil compiler.
|
|
5
|
+
* It contains typing information for all components that exist in this project.
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
|
+
export namespace Components {
|
|
9
|
+
interface MyBadge {
|
|
10
|
+
/**
|
|
11
|
+
* Badge color variant
|
|
12
|
+
* @default 'neutral'
|
|
13
|
+
*/
|
|
14
|
+
"color": 'success' | 'warning' | 'error' | 'info' | 'neutral';
|
|
15
|
+
/**
|
|
16
|
+
* Rounded pill style
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
"pill": boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Badge size
|
|
22
|
+
* @default 'medium'
|
|
23
|
+
*/
|
|
24
|
+
"size": 'small' | 'medium' | 'large';
|
|
25
|
+
}
|
|
26
|
+
interface MyButton {
|
|
27
|
+
/**
|
|
28
|
+
* Disabled state
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
"disabled": boolean;
|
|
32
|
+
/**
|
|
33
|
+
* The button size
|
|
34
|
+
* @default 'medium'
|
|
35
|
+
*/
|
|
36
|
+
"size": 'small' | 'medium' | 'large';
|
|
37
|
+
/**
|
|
38
|
+
* The button variant
|
|
39
|
+
* @default 'primary'
|
|
40
|
+
*/
|
|
41
|
+
"variant": 'primary' | 'secondary' | 'danger';
|
|
42
|
+
}
|
|
43
|
+
interface MyCard {
|
|
44
|
+
/**
|
|
45
|
+
* Card title
|
|
46
|
+
*/
|
|
47
|
+
"cardTitle": string;
|
|
48
|
+
/**
|
|
49
|
+
* Card elevation (shadow depth)
|
|
50
|
+
* @default 'medium'
|
|
51
|
+
*/
|
|
52
|
+
"elevation": 'low' | 'medium' | 'high';
|
|
53
|
+
/**
|
|
54
|
+
* Card subtitle
|
|
55
|
+
*/
|
|
56
|
+
"subtitle": string;
|
|
57
|
+
}
|
|
58
|
+
interface MyComponent {
|
|
59
|
+
/**
|
|
60
|
+
* The first name
|
|
61
|
+
*/
|
|
62
|
+
"first"?: string;
|
|
63
|
+
/**
|
|
64
|
+
* The last name
|
|
65
|
+
*/
|
|
66
|
+
"last"?: string;
|
|
67
|
+
/**
|
|
68
|
+
* The middle name
|
|
69
|
+
*/
|
|
70
|
+
"middle"?: string;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
declare global {
|
|
74
|
+
interface HTMLMyBadgeElement extends Components.MyBadge, HTMLStencilElement {
|
|
75
|
+
}
|
|
76
|
+
var HTMLMyBadgeElement: {
|
|
77
|
+
prototype: HTMLMyBadgeElement;
|
|
78
|
+
new (): HTMLMyBadgeElement;
|
|
79
|
+
};
|
|
80
|
+
interface HTMLMyButtonElement extends Components.MyButton, HTMLStencilElement {
|
|
81
|
+
}
|
|
82
|
+
var HTMLMyButtonElement: {
|
|
83
|
+
prototype: HTMLMyButtonElement;
|
|
84
|
+
new (): HTMLMyButtonElement;
|
|
85
|
+
};
|
|
86
|
+
interface HTMLMyCardElement extends Components.MyCard, HTMLStencilElement {
|
|
87
|
+
}
|
|
88
|
+
var HTMLMyCardElement: {
|
|
89
|
+
prototype: HTMLMyCardElement;
|
|
90
|
+
new (): HTMLMyCardElement;
|
|
91
|
+
};
|
|
92
|
+
interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {
|
|
93
|
+
}
|
|
94
|
+
var HTMLMyComponentElement: {
|
|
95
|
+
prototype: HTMLMyComponentElement;
|
|
96
|
+
new (): HTMLMyComponentElement;
|
|
97
|
+
};
|
|
98
|
+
interface HTMLElementTagNameMap {
|
|
99
|
+
"my-badge": HTMLMyBadgeElement;
|
|
100
|
+
"my-button": HTMLMyButtonElement;
|
|
101
|
+
"my-card": HTMLMyCardElement;
|
|
102
|
+
"my-component": HTMLMyComponentElement;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
declare namespace LocalJSX {
|
|
106
|
+
interface MyBadge {
|
|
107
|
+
/**
|
|
108
|
+
* Badge color variant
|
|
109
|
+
* @default 'neutral'
|
|
110
|
+
*/
|
|
111
|
+
"color"?: 'success' | 'warning' | 'error' | 'info' | 'neutral';
|
|
112
|
+
/**
|
|
113
|
+
* Rounded pill style
|
|
114
|
+
* @default false
|
|
115
|
+
*/
|
|
116
|
+
"pill"?: boolean;
|
|
117
|
+
/**
|
|
118
|
+
* Badge size
|
|
119
|
+
* @default 'medium'
|
|
120
|
+
*/
|
|
121
|
+
"size"?: 'small' | 'medium' | 'large';
|
|
122
|
+
}
|
|
123
|
+
interface MyButton {
|
|
124
|
+
/**
|
|
125
|
+
* Disabled state
|
|
126
|
+
* @default false
|
|
127
|
+
*/
|
|
128
|
+
"disabled"?: boolean;
|
|
129
|
+
/**
|
|
130
|
+
* The button size
|
|
131
|
+
* @default 'medium'
|
|
132
|
+
*/
|
|
133
|
+
"size"?: 'small' | 'medium' | 'large';
|
|
134
|
+
/**
|
|
135
|
+
* The button variant
|
|
136
|
+
* @default 'primary'
|
|
137
|
+
*/
|
|
138
|
+
"variant"?: 'primary' | 'secondary' | 'danger';
|
|
139
|
+
}
|
|
140
|
+
interface MyCard {
|
|
141
|
+
/**
|
|
142
|
+
* Card title
|
|
143
|
+
*/
|
|
144
|
+
"cardTitle"?: string;
|
|
145
|
+
/**
|
|
146
|
+
* Card elevation (shadow depth)
|
|
147
|
+
* @default 'medium'
|
|
148
|
+
*/
|
|
149
|
+
"elevation"?: 'low' | 'medium' | 'high';
|
|
150
|
+
/**
|
|
151
|
+
* Card subtitle
|
|
152
|
+
*/
|
|
153
|
+
"subtitle"?: string;
|
|
154
|
+
}
|
|
155
|
+
interface MyComponent {
|
|
156
|
+
/**
|
|
157
|
+
* The first name
|
|
158
|
+
*/
|
|
159
|
+
"first"?: string;
|
|
160
|
+
/**
|
|
161
|
+
* The last name
|
|
162
|
+
*/
|
|
163
|
+
"last"?: string;
|
|
164
|
+
/**
|
|
165
|
+
* The middle name
|
|
166
|
+
*/
|
|
167
|
+
"middle"?: string;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
interface MyBadgeAttributes {
|
|
171
|
+
"color": 'success' | 'warning' | 'error' | 'info' | 'neutral';
|
|
172
|
+
"size": 'small' | 'medium' | 'large';
|
|
173
|
+
"pill": boolean;
|
|
174
|
+
}
|
|
175
|
+
interface MyButtonAttributes {
|
|
176
|
+
"variant": 'primary' | 'secondary' | 'danger';
|
|
177
|
+
"size": 'small' | 'medium' | 'large';
|
|
178
|
+
"disabled": boolean;
|
|
179
|
+
}
|
|
180
|
+
interface MyCardAttributes {
|
|
181
|
+
"cardTitle": string;
|
|
182
|
+
"subtitle": string;
|
|
183
|
+
"elevation": 'low' | 'medium' | 'high';
|
|
184
|
+
}
|
|
185
|
+
interface MyComponentAttributes {
|
|
186
|
+
"first": string;
|
|
187
|
+
"middle": string;
|
|
188
|
+
"last": string;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
interface IntrinsicElements {
|
|
192
|
+
"my-badge": Omit<MyBadge, keyof MyBadgeAttributes> & { [K in keyof MyBadge & keyof MyBadgeAttributes]?: MyBadge[K] } & { [K in keyof MyBadge & keyof MyBadgeAttributes as `attr:${K}`]?: MyBadgeAttributes[K] } & { [K in keyof MyBadge & keyof MyBadgeAttributes as `prop:${K}`]?: MyBadge[K] };
|
|
193
|
+
"my-button": Omit<MyButton, keyof MyButtonAttributes> & { [K in keyof MyButton & keyof MyButtonAttributes]?: MyButton[K] } & { [K in keyof MyButton & keyof MyButtonAttributes as `attr:${K}`]?: MyButtonAttributes[K] } & { [K in keyof MyButton & keyof MyButtonAttributes as `prop:${K}`]?: MyButton[K] };
|
|
194
|
+
"my-card": Omit<MyCard, keyof MyCardAttributes> & { [K in keyof MyCard & keyof MyCardAttributes]?: MyCard[K] } & { [K in keyof MyCard & keyof MyCardAttributes as `attr:${K}`]?: MyCardAttributes[K] } & { [K in keyof MyCard & keyof MyCardAttributes as `prop:${K}`]?: MyCard[K] };
|
|
195
|
+
"my-component": Omit<MyComponent, keyof MyComponentAttributes> & { [K in keyof MyComponent & keyof MyComponentAttributes]?: MyComponent[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `attr:${K}`]?: MyComponentAttributes[K] } & { [K in keyof MyComponent & keyof MyComponentAttributes as `prop:${K}`]?: MyComponent[K] };
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
export { LocalJSX as JSX };
|
|
199
|
+
declare module "@stencil/core" {
|
|
200
|
+
export namespace JSX {
|
|
201
|
+
interface IntrinsicElements {
|
|
202
|
+
"my-badge": LocalJSX.IntrinsicElements["my-badge"] & JSXBase.HTMLAttributes<HTMLMyBadgeElement>;
|
|
203
|
+
"my-button": LocalJSX.IntrinsicElements["my-button"] & JSXBase.HTMLAttributes<HTMLMyButtonElement>;
|
|
204
|
+
"my-card": LocalJSX.IntrinsicElements["my-card"] & JSXBase.HTMLAttributes<HTMLMyCardElement>;
|
|
205
|
+
"my-component": LocalJSX.IntrinsicElements["my-component"] & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview entry point for your component library
|
|
3
|
+
*
|
|
4
|
+
* This is the entry point for your component library. Use this file to export utilities,
|
|
5
|
+
* constants or data structure that accompany your components.
|
|
6
|
+
*
|
|
7
|
+
* DO NOT use this file to export your components. Instead, use the recommended approaches
|
|
8
|
+
* to consume components of this package as outlined in the `README.md`.
|
|
9
|
+
*/
|
|
10
|
+
export { format } from './utils/utils';
|
|
11
|
+
export type * from './components.d.ts';
|