@stencil-kit/core 0.0.1 → 0.0.2

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 (63) hide show
  1. package/dist/cjs/{index-BrMvRGjk.js → index-q0fPnkdL.js} +116 -4
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/my-alert.cjs.entry.js +35 -0
  4. package/dist/cjs/my-badge.cjs.entry.js +1 -1
  5. package/dist/cjs/my-button.cjs.entry.js +1 -1
  6. package/dist/cjs/my-card.cjs.entry.js +1 -1
  7. package/dist/cjs/my-component.cjs.entry.js +1 -1
  8. package/dist/cjs/my-dropdown.cjs.entry.js +45 -0
  9. package/dist/cjs/my-input.cjs.entry.js +28 -0
  10. package/dist/cjs/my-modal.cjs.entry.js +36 -0
  11. package/dist/cjs/stencil-library.cjs.js +2 -2
  12. package/dist/collection/collection-manifest.json +5 -1
  13. package/dist/collection/components/my-alert/my-alert.css +96 -0
  14. package/dist/collection/components/my-alert/my-alert.js +122 -0
  15. package/dist/collection/components/my-dropdown/my-dropdown.css +111 -0
  16. package/dist/collection/components/my-dropdown/my-dropdown.js +198 -0
  17. package/dist/collection/components/my-input/my-input.css +58 -0
  18. package/dist/collection/components/my-input/my-input.js +204 -0
  19. package/dist/collection/components/my-modal/my-modal.css +88 -0
  20. package/dist/collection/components/my-modal/my-modal.js +119 -0
  21. package/dist/components/index.js +1 -1
  22. package/dist/components/my-alert.d.ts +11 -0
  23. package/dist/components/my-alert.js +1 -0
  24. package/dist/components/my-badge.js +1 -1
  25. package/dist/components/my-button.js +1 -1
  26. package/dist/components/my-card.js +1 -1
  27. package/dist/components/my-component.js +1 -1
  28. package/dist/components/my-dropdown.d.ts +11 -0
  29. package/dist/components/my-dropdown.js +1 -0
  30. package/dist/components/my-input.d.ts +11 -0
  31. package/dist/components/my-input.js +1 -0
  32. package/dist/components/my-modal.d.ts +11 -0
  33. package/dist/components/my-modal.js +1 -0
  34. package/dist/components/p-qbDrUNkY.js +1 -0
  35. package/dist/esm/{index-Bdf40fwG.js → index-Bvqd98ac.js} +116 -5
  36. package/dist/esm/loader.js +3 -3
  37. package/dist/esm/my-alert.entry.js +33 -0
  38. package/dist/esm/my-badge.entry.js +1 -1
  39. package/dist/esm/my-button.entry.js +1 -1
  40. package/dist/esm/my-card.entry.js +1 -1
  41. package/dist/esm/my-component.entry.js +1 -1
  42. package/dist/esm/my-dropdown.entry.js +43 -0
  43. package/dist/esm/my-input.entry.js +26 -0
  44. package/dist/esm/my-modal.entry.js +34 -0
  45. package/dist/esm/stencil-library.js +3 -3
  46. package/dist/stencil-library/p-14e60a62.entry.js +1 -0
  47. package/dist/stencil-library/{p-2b74a573.entry.js → p-54490973.entry.js} +1 -1
  48. package/dist/stencil-library/p-6f9720d5.entry.js +1 -0
  49. package/dist/stencil-library/{p-fd06de5e.entry.js → p-8ece36c8.entry.js} +1 -1
  50. package/dist/stencil-library/p-9a704cf3.entry.js +1 -0
  51. package/dist/stencil-library/{p-ba774cf9.entry.js → p-9cb3a621.entry.js} +1 -1
  52. package/dist/stencil-library/p-Bvqd98ac.js +2 -0
  53. package/dist/stencil-library/p-ddb7d070.entry.js +1 -0
  54. package/dist/stencil-library/{p-b36446f6.entry.js → p-f8560476.entry.js} +1 -1
  55. package/dist/stencil-library/stencil-library.esm.js +1 -1
  56. package/dist/types/components/my-alert/my-alert.d.ts +11 -0
  57. package/dist/types/components/my-dropdown/my-dropdown.d.ts +19 -0
  58. package/dist/types/components/my-input/my-input.d.ts +13 -0
  59. package/dist/types/components/my-modal/my-modal.d.ts +10 -0
  60. package/dist/types/components.d.ts +299 -0
  61. package/package.json +2 -2
  62. package/dist/components/p-BJi3ojZX.js +0 -1
  63. package/dist/stencil-library/p-Bdf40fwG.js +0 -2
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-Bdf40fwG.js';
1
+ import { r as registerInstance, h } from './index-Bvqd98ac.js';
2
2
 
3
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
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-Bdf40fwG.js';
1
+ import { r as registerInstance, h } from './index-Bvqd98ac.js';
2
2
 
3
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
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-Bdf40fwG.js';
1
+ import { r as registerInstance, h } from './index-Bvqd98ac.js';
2
2
 
3
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
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-Bdf40fwG.js';
1
+ import { r as registerInstance, h } from './index-Bvqd98ac.js';
2
2
  import { format } from './index.js';
3
3
 
4
4
  const myComponentCss = () => `:host{display:block}`;
@@ -0,0 +1,43 @@
1
+ import { r as registerInstance, c as createEvent, h } from './index-Bvqd98ac.js';
2
+
3
+ const myDropdownCss = () => `:host{display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.dropdown-label{font-size:14px;font-weight:600;color:#374151}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s, box-shadow 0.2s;text-align:left;box-sizing:border-box}.dropdown-trigger:hover:not(:disabled){border-color:#667eea}.dropdown--open .dropdown-trigger{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.dropdown--disabled .dropdown-trigger{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{font-size:11px;color:#6b7280;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);list-style:none;margin:0;padding:4px;z-index:100;max-height:240px;overflow-y:auto}.dropdown-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:#111827;transition:background 0.15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--selected{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.dropdown-item--selected:hover{background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.dropdown-wrapper--error .dropdown-trigger{border-color:#ef4444}.dropdown-error{font-size:13px;color:#ef4444}`;
4
+
5
+ const MyDropdown = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.myChange = createEvent(this, "myChange");
9
+ }
10
+ options = [];
11
+ value = '';
12
+ placeholder = 'Select an option';
13
+ label = '';
14
+ disabled = false;
15
+ error = '';
16
+ isOpen = false;
17
+ myChange;
18
+ get parsedOptions() {
19
+ if (typeof this.options === 'string') {
20
+ try {
21
+ return JSON.parse(this.options);
22
+ }
23
+ catch {
24
+ return [];
25
+ }
26
+ }
27
+ return this.options;
28
+ }
29
+ get selectedLabel() {
30
+ const found = this.parsedOptions.find(o => o.value === this.value);
31
+ return found ? found.label : this.placeholder;
32
+ }
33
+ select(value) {
34
+ this.myChange.emit(value);
35
+ this.isOpen = false;
36
+ }
37
+ render() {
38
+ return (h("div", { key: '2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36', class: `dropdown-wrapper ${this.error ? 'dropdown-wrapper--error' : ''}` }, this.label && h("label", { key: 'c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda', class: "dropdown-label" }, this.label), h("div", { key: '2f9e442f6a92be57ffe694dd9ec53586fbf548e0', class: `dropdown ${this.isOpen ? 'dropdown--open' : ''} ${this.disabled ? 'dropdown--disabled' : ''}` }, h("button", { key: '46d0696358cac16b51127cabb408a7290a54ea1a', class: "dropdown-trigger", disabled: this.disabled, onClick: () => !this.disabled && (this.isOpen = !this.isOpen) }, h("span", { key: '16acade80b5ff899084acbfb753ca869f9f5f237', class: !this.value ? 'dropdown-placeholder' : '' }, this.selectedLabel), h("span", { key: '426582643773176b7dbaeacc22b46b27ececa60b', class: "dropdown-arrow" }, this.isOpen ? '▲' : '▼')), this.isOpen && (h("ul", { key: 'f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318', class: "dropdown-menu" }, this.parsedOptions.map(option => (h("li", { class: `dropdown-item ${option.value === this.value ? 'dropdown-item--selected' : ''}`, onClick: () => this.select(option.value) }, option.label)))))), this.error && h("span", { key: 'd14cac844bb832778afa7592869eb96dcfeb10a2', class: "dropdown-error" }, this.error)));
39
+ }
40
+ };
41
+ MyDropdown.style = myDropdownCss();
42
+
43
+ export { MyDropdown as my_dropdown };
@@ -0,0 +1,26 @@
1
+ import { r as registerInstance, c as createEvent, h } from './index-Bvqd98ac.js';
2
+
3
+ const myInputCss = () => `:host{display:block}.input-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.input-label{font-size:14px;font-weight:600;color:#374151}.input-required{color:#ef4444;margin-left:2px}.input-field{padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;outline:none;transition:border-color 0.2s ease, box-shadow 0.2s ease;background:#fff;color:#111827;width:100%;box-sizing:border-box}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.input-field:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.input-wrapper--error .input-field{border-color:#ef4444}.input-wrapper--error .input-field:focus{box-shadow:0 0 0 3px rgba(239, 68, 68, 0.15)}.input-error{font-size:13px;color:#ef4444}`;
4
+
5
+ const MyInput = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.myChange = createEvent(this, "myChange");
9
+ this.myBlur = createEvent(this, "myBlur");
10
+ }
11
+ label = '';
12
+ placeholder = '';
13
+ value = '';
14
+ type = 'text';
15
+ error = '';
16
+ disabled = false;
17
+ required = false;
18
+ myChange;
19
+ myBlur;
20
+ render() {
21
+ return (h("div", { key: '9ee947b792e9829d2aa329b5314ea61515e460b1', class: `input-wrapper ${this.error ? 'input-wrapper--error' : ''}` }, this.label && (h("label", { key: 'f0e912275821438feb4518ed2618a49971625470', class: "input-label" }, this.label, this.required && h("span", { key: 'c7033d3974315c8fd4a25b7f408f263852b47920', class: "input-required" }, "*"))), h("input", { key: 'e5858925769f01801051fe54da86bd805b3594e2', class: "input-field", type: this.type, placeholder: this.placeholder, value: this.value, disabled: this.disabled, onInput: (e) => this.myChange.emit(e.target.value), onBlur: () => this.myBlur.emit() }), this.error && h("span", { key: 'f07db0cbdc2d9d91a48ea3cb67e74cc56f039ee6', class: "input-error" }, this.error)));
22
+ }
23
+ };
24
+ MyInput.style = myInputCss();
25
+
26
+ export { MyInput as my_input };
@@ -0,0 +1,34 @@
1
+ import { r as registerInstance, c as createEvent, h } from './index-Bvqd98ac.js';
2
+
3
+ const myModalCss = () => `:host{display:contents}.modal-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;max-height:90vh;width:100%;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;animation:modal-in 0.2s ease}@keyframes modal-in{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--small{max-width:400px}.modal--medium{max-width:560px}.modal--large{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-title{font-size:18px;font-weight:700;color:#111827}.modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:background 0.15s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px;overflow-y:auto;flex:1;color:#374151;font-size:15px;line-height:1.6}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.modal-footer:empty{display:none}`;
4
+
5
+ const MyModal = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.myClose = createEvent(this, "myClose");
9
+ }
10
+ open = false;
11
+ modalTitle = '';
12
+ size = 'medium';
13
+ myClose;
14
+ handleOpenChange(open) {
15
+ document.body.style.overflow = open ? 'hidden' : '';
16
+ }
17
+ close() {
18
+ this.open = false;
19
+ this.myClose.emit();
20
+ }
21
+ render() {
22
+ if (!this.open)
23
+ return null;
24
+ return (h("div", { class: "modal-overlay", onClick: () => this.close() }, h("div", { class: `modal modal--${this.size}`, onClick: (e) => e.stopPropagation() }, h("div", { class: "modal-header" }, h("span", { class: "modal-title" }, this.modalTitle), h("button", { class: "modal-close", onClick: () => this.close() }, "\u2715")), h("div", { class: "modal-body" }, h("slot", null)), h("div", { class: "modal-footer" }, h("slot", { name: "footer" })))));
25
+ }
26
+ static get watchers() { return {
27
+ "open": [{
28
+ "handleOpenChange": 0
29
+ }]
30
+ }; }
31
+ };
32
+ MyModal.style = myModalCss();
33
+
34
+ export { MyModal as my_modal };
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-Bdf40fwG.js';
2
- export { s as setNonce } from './index-Bdf40fwG.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-Bvqd98ac.js';
2
+ export { s as setNonce } from './index-Bvqd98ac.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
17
17
 
18
18
  patchBrowser().then(async (options) => {
19
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);
20
+ return bootstrapLazy([["my-alert",[[769,"my-alert",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4],"dismissed":[32]}]]],["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]}]]],["my-dropdown",[[513,"my-dropdown",{"options":[1],"value":[1],"placeholder":[1],"label":[1],"disabled":[4],"error":[1],"isOpen":[32]}]]],["my-input",[[513,"my-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"error":[1],"disabled":[4],"required":[4]}]]],["my-modal",[[769,"my-modal",{"open":[1028],"modalTitle":[1,"modal-title"],"size":[1]},null,{"open":[{"handleOpenChange":0}]}]]]], options);
21
21
  });
@@ -0,0 +1 @@
1
+ import{r,c as s,h as e}from"./p-Bvqd98ac.js";const o=class{constructor(e){r(this,e),this.myDismiss=s(this,"myDismiss")}type="info";alertTitle="";dismissible=!1;dismissed=!1;myDismiss;icons={success:"✓",warning:"⚠",error:"✕",info:"ℹ"};dismiss(){this.dismissed=!0,this.myDismiss.emit()}render(){return this.dismissed?null:e("div",{class:`alert alert--${this.type}`,role:"alert"},e("span",{class:"alert-icon"},this.icons[this.type]),e("div",{class:"alert-content"},this.alertTitle&&e("strong",{class:"alert-title"},this.alertTitle),e("span",{class:"alert-message"},e("slot",null))),this.dismissible&&e("button",{class:"alert-dismiss",onClick:()=>this.dismiss()},"✕"))}};o.style=":host{display:block}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px;border-left:4px solid;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:14px;line-height:1.5}.alert-icon{font-size:16px;font-weight:700;flex-shrink:0;margin-top:1px}.alert-content{flex:1;display:flex;flex-direction:column;gap:2px}.alert-title{font-size:14px;font-weight:700}.alert-message{opacity:0.9}.alert-dismiss{background:none;border:none;font-size:14px;cursor:pointer;padding:0 4px;border-radius:4px;opacity:0.6;transition:opacity 0.15s;flex-shrink:0;line-height:1}.alert-dismiss:hover{opacity:1}.alert--success{background:#f0fdf4;border-color:#10b981;color:#065f46}.alert--success .alert-icon{color:#10b981}.alert--warning{background:#fffbeb;border-color:#f59e0b;color:#78350f}.alert--warning .alert-icon{color:#f59e0b}.alert--error{background:#fef2f2;border-color:#ef4444;color:#7f1d1d}.alert--error .alert-icon{color:#ef4444}.alert--info{background:#eff6ff;border-color:#3b82f6;color:#1e3a8a}.alert--info .alert-icon{color:#3b82f6}";export{o as my_alert}
@@ -1 +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}
1
+ import{r as t,h as e}from"./p-Bvqd98ac.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 @@
1
+ import{r as o,c as e,h as r}from"./p-Bvqd98ac.js";const d=class{constructor(r){o(this,r),this.myChange=e(this,"myChange")}options=[];value="";placeholder="Select an option";label="";disabled=!1;error="";isOpen=!1;myChange;get parsedOptions(){if("string"==typeof this.options)try{return JSON.parse(this.options)}catch{return[]}return this.options}get selectedLabel(){const o=this.parsedOptions.find((o=>o.value===this.value));return o?o.label:this.placeholder}select(o){this.myChange.emit(o),this.isOpen=!1}render(){return r("div",{key:"2e99fe0d9bd2ee48e0827ddcb4feec85ad102b36",class:"dropdown-wrapper "+(this.error?"dropdown-wrapper--error":"")},this.label&&r("label",{key:"c69f0dcc8c6f0cadd7e3896ebacd43a5dfdfccda",class:"dropdown-label"},this.label),r("div",{key:"2f9e442f6a92be57ffe694dd9ec53586fbf548e0",class:`dropdown ${this.isOpen?"dropdown--open":""} ${this.disabled?"dropdown--disabled":""}`},r("button",{key:"46d0696358cac16b51127cabb408a7290a54ea1a",class:"dropdown-trigger",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen)},r("span",{key:"16acade80b5ff899084acbfb753ca869f9f5f237",class:this.value?"":"dropdown-placeholder"},this.selectedLabel),r("span",{key:"426582643773176b7dbaeacc22b46b27ececa60b",class:"dropdown-arrow"},this.isOpen?"▲":"▼")),this.isOpen&&r("ul",{key:"f1cbe6f1af273ed5b3437985ecb5bd1ec73ca318",class:"dropdown-menu"},this.parsedOptions.map((o=>r("li",{class:"dropdown-item "+(o.value===this.value?"dropdown-item--selected":""),onClick:()=>this.select(o.value)},o.label))))),this.error&&r("span",{key:"d14cac844bb832778afa7592869eb96dcfeb10a2",class:"dropdown-error"},this.error))}};d.style=":host{display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.dropdown-label{font-size:14px;font-weight:600;color:#374151}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color 0.2s, box-shadow 0.2s;text-align:left;box-sizing:border-box}.dropdown-trigger:hover:not(:disabled){border-color:#667eea}.dropdown--open .dropdown-trigger{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.dropdown--disabled .dropdown-trigger{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{font-size:11px;color:#6b7280;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);list-style:none;margin:0;padding:4px;z-index:100;max-height:240px;overflow-y:auto}.dropdown-item{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:#111827;transition:background 0.15s}.dropdown-item:hover{background:#f3f4f6}.dropdown-item--selected{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.dropdown-item--selected:hover{background:linear-gradient(135deg, #5568d3 0%, #63408a 100%)}.dropdown-wrapper--error .dropdown-trigger{border-color:#ef4444}.dropdown-error{font-size:13px;color:#ef4444}";export{d as my_dropdown}
@@ -1 +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}
1
+ import{r as e,h as a}from"./p-Bvqd98ac.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{r as e,c as r,h as i}from"./p-Bvqd98ac.js";const o=class{constructor(i){e(this,i),this.myChange=r(this,"myChange"),this.myBlur=r(this,"myBlur")}label="";placeholder="";value="";type="text";error="";disabled=!1;required=!1;myChange;myBlur;render(){return i("div",{key:"9ee947b792e9829d2aa329b5314ea61515e460b1",class:"input-wrapper "+(this.error?"input-wrapper--error":"")},this.label&&i("label",{key:"f0e912275821438feb4518ed2618a49971625470",class:"input-label"},this.label,this.required&&i("span",{key:"c7033d3974315c8fd4a25b7f408f263852b47920",class:"input-required"},"*")),i("input",{key:"e5858925769f01801051fe54da86bd805b3594e2",class:"input-field",type:this.type,placeholder:this.placeholder,value:this.value,disabled:this.disabled,onInput:e=>this.myChange.emit(e.target.value),onBlur:()=>this.myBlur.emit()}),this.error&&i("span",{key:"f07db0cbdc2d9d91a48ea3cb67e74cc56f039ee6",class:"input-error"},this.error))}};o.style=":host{display:block}.input-wrapper{display:flex;flex-direction:column;gap:6px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.input-label{font-size:14px;font-weight:600;color:#374151}.input-required{color:#ef4444;margin-left:2px}.input-field{padding:10px 14px;font-size:15px;border:2px solid #d1d5db;border-radius:8px;outline:none;transition:border-color 0.2s ease, box-shadow 0.2s ease;background:#fff;color:#111827;width:100%;box-sizing:border-box}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15)}.input-field:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.input-wrapper--error .input-field{border-color:#ef4444}.input-wrapper--error .input-field:focus{box-shadow:0 0 0 3px rgba(239, 68, 68, 0.15)}.input-error{font-size:13px;color:#ef4444}";export{o as my_input}
@@ -1 +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}
1
+ import{r as e,h as a}from"./p-Bvqd98ac.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,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)=>e in t,s=(t,e)=>(0,console.error)(t,e),r=new Map,c=new Map,u="undefined"!=typeof window?window:{},f={u:0,p:"",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)},a=t=>Promise.resolve(t),d=(()=>{try{return!!u.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),p=!!d&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),h=!1,m=[],v=[],y=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&f.u?w($):f.raf($))},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},$=()=>{b(m),b(v),(h=m.length>0)&&f.raf($)},w=t=>a().then(t),g=y(v,!0);function j(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(p?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}function S(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 O,k=new WeakMap,E=t=>"sc-"+t.h,M=t=>"object"==(t=typeof t)||"function"===t,C=(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?x(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=x(t,null);return u.v=e,r.length>0&&(u.$=r),u.j=l,u},x=(t,e)=>({u:0,S:t,m:null!=e?e:null,O:null,$:null,v:null,j:null}),A={},L=t=>{if(!t)return;const e=Object.keys(t);if(0===e.length)return;let n=!1;for(const o of e){if(n)break;for(const e of t[o])if("string"==typeof e){n=!0;break}}if(!n)return t;const o={};for(const n of e)o[n]=t[n].map((t=>"string"==typeof t?{[t]:0}:t));return o},R=(t,e)=>null==t||M(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,D=(t,e)=>{const n=(t=>{var e;return null==(e=o(t))?void 0:e.$hostElement$})(t);return{emit:t=>P(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},P=(t,e,n)=>{const o=f.ce(e,n);return t.dispatchEvent(o),o},T=(t,e,n,l,s,r)=>{if(n===l)return;let c=i(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,o=N(n);let i=N(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(c||"o"!==e[0]||"n"!==e[1]){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((c||o&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?c=!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):(!c||4&r||s)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}}else if(e="-"===e[2]?e.slice(3):i(u,a)?a.slice(2):a[2]+e.slice(3),n||l){const o=e.endsWith(U);e=e.replace(W,""),n&&f.rel(t,e,n,o),l&&f.ael(t,e,l,o)}},H=/\s/,N=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(H):[]),U="Capture",W=RegExp(U+"$"),z=(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 V(Object.keys(l)))t in i||T(o,t,l[t],void 0,n,e.u);for(const t of V(Object.keys(i)))T(o,t,l[t],i[t],n,e.u)};function V(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var q=!1,F=!1,G=(t,e,n)=>{const o=e.$[n];let l,i,s=0;if(null!=o.m)l=o.O=u.document.createTextNode(o.m);else{if(!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=u.document.createElement(o.S),z(null,o,F),o.$){const e="template"===o.S?l.content:l;for(s=0;s<o.$.length;++s)i=G(t,o,s),i&&e.appendChild(i)}}return l["s-hn"]=O,l},Y=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===O&&(r=r.shadowRoot),"template"===n.S&&(r=r.content);l<=i;++l)o[l]&&(s=G(null,n,l),s&&(o[l].O=s,I(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()}}},_=(t,e,n=!1)=>t.S===e.S&&(n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),B=(t,e,n=!1)=>{const o=e.O=t.O,l=t.$,i=e.$,s=e.m;null==s?("slot"!==e.S||q||t.k!==e.k&&(e.O["s-sn"]=e.k||"",(t=>{f.u|=1;const e=t.closest(O.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"]&&(I(e,t,null!=n?n:null),t["s-sh"]=void 0)}f.u&=-2})(e.O.parentElement)),z(t,e,F),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],p=e[a],h=o.length-1,m=o[0],v=o[h];const y="template"===n.S?t.content:t;for(;r<=a&&c<=h;)if(null==d)d=e[++r];else if(null==p)p=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--h];else if(_(d,m,l))B(d,m,l),d=e[++r],m=o[++c];else if(_(p,v,l))B(p,v,l),p=e[--a],v=o[--h];else if(_(d,v,l))B(d,v,l),I(y,d.O,p.O.nextSibling),d=e[++r],v=o[--h];else if(_(p,m,l))B(p,m,l),I(y,p.O,d.O),p=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=G(e&&e[c],n,u):(B(s,m,l),e[u]=void 0,i=s.O),m=o[++c]):(i=G(e&&e[c],n,c),m=o[++c]),i&&I(d.O.parentNode,i,d.O)}r>a?Y(t,null==o[h+1]?null:o[h+1].O,n,o,c,h):c>h&&Z(e,r,a)})(o,l,e,i,n):null!==i?(null!==t.m&&(o.textContent=""),Y(o,null,e,i,0,i.length-1)):!n&&null!==l&&Z(l,0,l.length-1)):t.m!==s&&(o.data=s)},I=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),J=(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()})))}},K=(t,e)=>{if(t.u|=16,4&t.u)return void(t.u|=512);J(t,t.C);const n=()=>Q(t,e);if(!e)return g(n);queueMicrotask((()=>{n()}))},Q=(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=it(o,"componentWillLoad",void 0,n)):l=it(o,"componentWillUpdate",void 0,n),l=X(l,(()=>it(o,"componentWillRender",void 0,n))),X(l,(()=>et(t,o,e)))},X=(t,e)=>tt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),tt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,et=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=E(e),s=c.get(i);if(!u.document)return i;if(t=11===t.nodeType?t:u.document,s)if("string"==typeof s){let l,r=k.get(t=t.head||t);if(r||k.set(t,r=new Set),!r.has(i)){l=u.document.createElement("style"),l.textContent=s;const c=null!=(n=f.L)?n:S(u.document);if(null!=c&&l.setAttribute("nonce",c),!(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(d){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(s),p?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=k.get(t);if(e||k.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)}p?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);nt(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ot(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u|=4,e.length=0)}},nt=(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.R||x(null,null),s=(t=>t&&t.S===A)(e)?e:C(null,null,e);if(O=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.R=s,s.O=i.O=o.shadowRoot||o,q=!(!(1&l.u)||128&l.u),B(i,s,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return null},ot=t=>{const e=t.$hostElement$,n=t.i,o=t.C;it(n,"componentDidRender",void 0,e),64&t.u?it(n,"componentDidUpdate",void 0,e):(t.u|=64,st(e),it(n,"componentDidLoad",void 0,e),t.D(e),o||lt()),t.M&&(t.M(),t.M=void 0),512&t.u&&w((()=>K(t,!1))),t.u&=-517},lt=()=>{w((()=>P(u,"appload",{detail:{namespace:"stencil-library"}})))},it=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},st=t=>t.classList.add("hydrated"),rt=(t,e,n,l)=>{const i=o(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.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 r=i.$hostElement$,c=i.l.get(e),u=i.u,f=i.i;if(n=R(n,l.t[e][0]),!(8&u&&void 0!==c||n===c||Number.isNaN(c)&&Number.isNaN(n))){if(i.l.set(e,n),l.P){const t=l.P[e];t&&t.map((t=>{try{const[[o,l]]=Object.entries(t);(128&u||1&l)&&(f?f[o](n,c,e):i.A.push((()=>{i.i[o](n,c,e)})))}catch(t){s(t,r)}}))}if(2&u){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(n,c,e)&&!(16&u))return;16&u||K(i,!1)}}},ct=(e,n,l)=>{var i,s;const r=e.prototype;{e.watchers&&!n.P&&(n.P=L(e.watchers)),e.deserializers&&!n.T&&(n.T=e.deserializers),e.serializers&&!n.H&&(n.H=e.serializers);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,R(t,i)),void rt(this,e,t=32&i?this[e]:s.$hostElement$[e],n);{if(!(1&l&&4096&n.t[e][0]))return rt(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]=R(t,i),rt(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){f.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.P)?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],p=d&&null===i&&void 0===this[u];d&&(i=null!==i&&"false"!==i);const h=Object.getOwnPropertyDescriptor(r,u);p||i==this[u]||h.get&&!h.set||(this[u]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.P)?s:{}),...c.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},ut=(t,e)=>{it(t,"connectedCallback",void 0,e)},ft=(t,e)=>{it(t,"disconnectedCallback",void 0,e||t)},at=(t,e={})=>{var n;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],i=e.exclude||[],a=u.customElements,p=u.document.head,h=p.querySelector("meta[charset]"),m=u.document.createElement("style"),v=[];let y,b=!0;if(Object.assign(f,e),f.p=new URL(e.resourcesUrl||"./",u.document.baseURI).href,t.map((t=>{t[1].map((e=>{var n,u;const p={u:e[0],h:e[1],t:e[2],N:e[3]};p.t=e[2],p.P=L(e[4]),p.H=null!=(n=e[5])?n:{},p.T=null!=(u=e[6])?u:{};const h=p.h,m=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,U:new Map};n.W=new Promise((t=>n.D=t)),t["s-p"]=[],t["s-rc"]=[],n.A=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,p),1&p.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${p.h}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(t,p)}connectedCallback(){o(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),y&&(clearTimeout(y),y=null),b?v.push(this):f.jmp((()=>(t=>{if(!(1&f.u)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.u)(null==e?void 0:e.i)?ut(e.i,t):(null==e?void 0:e.W)&&e.W.then((()=>ut(e.i,t)));else{e.u|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(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.V){const l=((t,e)=>{const n=t.h.replace(/-/g,"_"),o=t.V;if(!o)return;const l=r.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(r.set(o,t),t[n])),(t=>{s(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.h}#${e.q}" was not found`);o.isProxied||(n.P=L(o.watchers),n.H=o.serializers,n.T=o.deserializers,ct(o,n,2),o.isProxied=!0);const i=()=>{};e.u|=8;try{new o(e)}catch(e){s(e,t)}e.u&=-9,e.u|=128,i(),ut(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=E(n);if(!c.has(e)){const o=()=>{};((t,e,n)=>{let o=c.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,c.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.C,i=()=>K(e,!0);l&&l["s-rc"]?l["s-rc"].push(i):i()}catch(n){s(n,t),e.M&&(e.M(),e.M=void 0),e.D&&e.D(t)}})(t,e,n)}l()}})(this))))}disconnectedCallback(){f.jmp((()=>(async t=>{if(!(1&f.u)){const e=o(t);(null==e?void 0:e.i)?ft(e.i,t):(null==e?void 0:e.W)&&e.W.then((()=>ft(e.i,t)))}k.has(t)&&k.delete(t),t.shadowRoot&&k.has(t.shadowRoot)&&k.delete(t.shadowRoot)})(this))),f.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.R)?void 0:t.O)instanceof Node&&!e.R.O.isConnected&&delete e.R.O}))}componentOnReady(){var t;return null==(t=o(this))?void 0:t.W}};p.V=t[0],i.includes(h)||a.get(h)||(l.push(h),a.define(h,ct(m,p,1)))}))})),l.length>0&&(m.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",m.innerHTML.length)){m.setAttribute("data-styles","");const t=null!=(n=f.L)?n:S(u.document);null!=t&&m.setAttribute("nonce",t),p.insertBefore(m,h?h.nextSibling:p.firstChild)}b=!1,v.length?v.map((t=>t.connectedCallback())):f.jmp((()=>y=setTimeout(lt,30)))},dt=t=>f.L=t;export{at as b,D as c,C as h,a as p,l as r,dt as s}
@@ -0,0 +1 @@
1
+ import{r as o,c as e,h as a}from"./p-Bvqd98ac.js";const t=class{constructor(a){o(this,a),this.myClose=e(this,"myClose")}open=!1;modalTitle="";size="medium";myClose;handleOpenChange(o){document.body.style.overflow=o?"hidden":""}close(){this.open=!1,this.myClose.emit()}render(){return this.open?a("div",{class:"modal-overlay",onClick:()=>this.close()},a("div",{class:`modal modal--${this.size}`,onClick:o=>o.stopPropagation()},a("div",{class:"modal-header"},a("span",{class:"modal-title"},this.modalTitle),a("button",{class:"modal-close",onClick:()=>this.close()},"✕")),a("div",{class:"modal-body"},a("slot",null)),a("div",{class:"modal-footer"},a("slot",{name:"footer"})))):null}static get watchers(){return{open:[{handleOpenChange:0}]}}};t.style=":host{display:contents}.modal-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;max-height:90vh;width:100%;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;animation:modal-in 0.2s ease}@keyframes modal-in{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--small{max-width:400px}.modal--medium{max-width:560px}.modal--large{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-title{font-size:18px;font-weight:700;color:#111827}.modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:background 0.15s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px;overflow-y:auto;flex:1;color:#374151;font-size:15px;line-height:1.6}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.modal-footer:empty{display:none}";export{t as my_modal}
@@ -1 +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}
1
+ import{r as e,h as n}from"./p-Bvqd98ac.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}
@@ -1 +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))));
1
+ import{p as e,b as a}from"./p-Bvqd98ac.js";export{s as setNonce}from"./p-Bvqd98ac.js";import{g as l}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-14e60a62",[[769,"my-alert",{type:[1],alertTitle:[1,"alert-title"],dismissible:[4],dismissed:[32]}]]],["p-8ece36c8",[[769,"my-badge",{color:[1],size:[1],pill:[4]}]]],["p-f8560476",[[769,"my-button",{variant:[1],size:[1],disabled:[4]}]]],["p-9cb3a621",[[769,"my-card",{cardTitle:[1,"card-title"],subtitle:[1],elevation:[1]}]]],["p-54490973",[[513,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-6f9720d5",[[513,"my-dropdown",{options:[1],value:[1],placeholder:[1],label:[1],disabled:[4],error:[1],isOpen:[32]}]]],["p-9a704cf3",[[513,"my-input",{label:[1],placeholder:[1],value:[1],type:[1],error:[1],disabled:[4],required:[4]}]]],["p-ddb7d070",[[769,"my-modal",{open:[1028],modalTitle:[1,"modal-title"],size:[1]},null,{open:[{handleOpenChange:0}]}]]]],e))));
@@ -0,0 +1,11 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class MyAlert {
3
+ type: 'success' | 'warning' | 'error' | 'info';
4
+ alertTitle: string;
5
+ dismissible: boolean;
6
+ dismissed: boolean;
7
+ myDismiss: EventEmitter<void>;
8
+ private icons;
9
+ private dismiss;
10
+ render(): any;
11
+ }
@@ -0,0 +1,19 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export interface DropdownOption {
3
+ label: string;
4
+ value: string;
5
+ }
6
+ export declare class MyDropdown {
7
+ options: DropdownOption[] | string;
8
+ value: string;
9
+ placeholder: string;
10
+ label: string;
11
+ disabled: boolean;
12
+ error: string;
13
+ isOpen: boolean;
14
+ myChange: EventEmitter<string>;
15
+ private get parsedOptions();
16
+ private get selectedLabel();
17
+ private select;
18
+ render(): any;
19
+ }
@@ -0,0 +1,13 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class MyInput {
3
+ label: string;
4
+ placeholder: string;
5
+ value: string;
6
+ type: 'text' | 'email' | 'password' | 'number' | 'tel';
7
+ error: string;
8
+ disabled: boolean;
9
+ required: boolean;
10
+ myChange: EventEmitter<string>;
11
+ myBlur: EventEmitter<void>;
12
+ render(): any;
13
+ }
@@ -0,0 +1,10 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class MyModal {
3
+ open: boolean;
4
+ modalTitle: string;
5
+ size: 'small' | 'medium' | 'large';
6
+ myClose: EventEmitter<void>;
7
+ handleOpenChange(open: boolean): void;
8
+ private close;
9
+ render(): any;
10
+ }