@chiralkit/design-system 0.1.0-alpha.0
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/README.md +11 -0
- package/dist/chiralkit-ds/chiralkit-ds.css +1 -0
- package/dist/chiralkit-ds/chiralkit-ds.esm.js +1 -0
- package/dist/chiralkit-ds/index.esm.js +1 -0
- package/dist/chiralkit-ds/p-038fa008.entry.js +1 -0
- package/dist/chiralkit-ds/p-2fdc1012.entry.js +1 -0
- package/dist/chiralkit-ds/p-306ec33b.entry.js +1 -0
- package/dist/chiralkit-ds/p-3f704698.entry.js +1 -0
- package/dist/chiralkit-ds/p-41081d22.entry.js +1 -0
- package/dist/chiralkit-ds/p-7d7e5aac.entry.js +1 -0
- package/dist/chiralkit-ds/p-84b801f8.entry.js +1 -0
- package/dist/chiralkit-ds/p-a28c71b4.entry.js +1 -0
- package/dist/chiralkit-ds/p-be84312f.entry.js +1 -0
- package/dist/chiralkit-ds/p-c8015fe6.entry.js +1 -0
- package/dist/chiralkit-ds/p-d36a6bea.entry.js +1 -0
- package/dist/chiralkit-ds/p-e-glNjK6.js +2 -0
- package/dist/chiralkit-ds/p-f0f9ff61.entry.js +1 -0
- package/dist/cjs/chiralkit-ds.cjs.js +24 -0
- package/dist/cjs/ds-badge.cjs.entry.js +18 -0
- package/dist/cjs/ds-button.cjs.entry.js +26 -0
- package/dist/cjs/ds-card.cjs.entry.js +17 -0
- package/dist/cjs/ds-checkbox.cjs.entry.js +67 -0
- package/dist/cjs/ds-code-block.cjs.entry.js +39 -0
- package/dist/cjs/ds-dialog.cjs.entry.js +67 -0
- package/dist/cjs/ds-input.cjs.entry.js +50 -0
- package/dist/cjs/ds-loader.cjs.entry.js +26 -0
- package/dist/cjs/ds-select.cjs.entry.js +85 -0
- package/dist/cjs/ds-tabs.cjs.entry.js +138 -0
- package/dist/cjs/ds-textarea.cjs.entry.js +50 -0
- package/dist/cjs/ds-tooltip.cjs.entry.js +233 -0
- package/dist/cjs/index-mMvyq7U_.js +2018 -0
- package/dist/cjs/index.cjs.js +10 -0
- package/dist/cjs/loader.cjs.js +12 -0
- package/dist/collection/collection-manifest.json +24 -0
- package/dist/collection/components/ds-badge/ds-badge.css +36 -0
- package/dist/collection/components/ds-badge/ds-badge.js +93 -0
- package/dist/collection/components/ds-button/ds-button.css +66 -0
- package/dist/collection/components/ds-button/ds-button.js +197 -0
- package/dist/collection/components/ds-card/ds-card.css +12 -0
- package/dist/collection/components/ds-card/ds-card.js +68 -0
- package/dist/collection/components/ds-checkbox/ds-checkbox.css +22 -0
- package/dist/collection/components/ds-checkbox/ds-checkbox.js +339 -0
- package/dist/collection/components/ds-code-block/ds-code-block.css +65 -0
- package/dist/collection/components/ds-code-block/ds-code-block.js +162 -0
- package/dist/collection/components/ds-dialog/ds-dialog.css +30 -0
- package/dist/collection/components/ds-dialog/ds-dialog.js +313 -0
- package/dist/collection/components/ds-input/ds-input.css +38 -0
- package/dist/collection/components/ds-input/ds-input.js +353 -0
- package/dist/collection/components/ds-loader/ds-loader.css +94 -0
- package/dist/collection/components/ds-loader/ds-loader.js +149 -0
- package/dist/collection/components/ds-select/ds-select.css +69 -0
- package/dist/collection/components/ds-select/ds-select.js +235 -0
- package/dist/collection/components/ds-tabs/ds-tabs.css +59 -0
- package/dist/collection/components/ds-tabs/ds-tabs.js +248 -0
- package/dist/collection/components/ds-textarea/ds-textarea.css +41 -0
- package/dist/collection/components/ds-textarea/ds-textarea.js +342 -0
- package/dist/collection/components/ds-tooltip/ds-tooltip.css +31 -0
- package/dist/collection/components/ds-tooltip/ds-tooltip.js +318 -0
- package/dist/collection/components.js +2 -0
- package/dist/collection/index.js +1 -0
- package/dist/components/ds-badge.d.ts +11 -0
- package/dist/components/ds-badge.js +1 -0
- package/dist/components/ds-button.d.ts +11 -0
- package/dist/components/ds-button.js +1 -0
- package/dist/components/ds-card.d.ts +11 -0
- package/dist/components/ds-card.js +1 -0
- package/dist/components/ds-checkbox.d.ts +11 -0
- package/dist/components/ds-checkbox.js +1 -0
- package/dist/components/ds-code-block.d.ts +11 -0
- package/dist/components/ds-code-block.js +1 -0
- package/dist/components/ds-dialog.d.ts +11 -0
- package/dist/components/ds-dialog.js +1 -0
- package/dist/components/ds-input.d.ts +11 -0
- package/dist/components/ds-input.js +1 -0
- package/dist/components/ds-loader.d.ts +11 -0
- package/dist/components/ds-loader.js +1 -0
- package/dist/components/ds-select.d.ts +11 -0
- package/dist/components/ds-select.js +1 -0
- package/dist/components/ds-tabs.d.ts +11 -0
- package/dist/components/ds-tabs.js +1 -0
- package/dist/components/ds-textarea.d.ts +11 -0
- package/dist/components/ds-textarea.js +1 -0
- package/dist/components/ds-tooltip.d.ts +11 -0
- package/dist/components/ds-tooltip.js +1 -0
- package/dist/components/index.d.ts +35 -0
- package/dist/components/index.js +1 -0
- package/dist/components/p-DDUZow8F.js +1 -0
- package/dist/components/p-ZsYP0VBq.js +1 -0
- package/dist/components/p-k0ywxWpC.js +1 -0
- package/dist/esm/chiralkit-ds.js +20 -0
- package/dist/esm/ds-badge.entry.js +16 -0
- package/dist/esm/ds-button.entry.js +24 -0
- package/dist/esm/ds-card.entry.js +15 -0
- package/dist/esm/ds-checkbox.entry.js +65 -0
- package/dist/esm/ds-code-block.entry.js +37 -0
- package/dist/esm/ds-dialog.entry.js +65 -0
- package/dist/esm/ds-input.entry.js +48 -0
- package/dist/esm/ds-loader.entry.js +24 -0
- package/dist/esm/ds-select.entry.js +83 -0
- package/dist/esm/ds-tabs.entry.js +136 -0
- package/dist/esm/ds-textarea.entry.js +48 -0
- package/dist/esm/ds-tooltip.entry.js +231 -0
- package/dist/esm/index-e-glNjK6.js +2008 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/loader.js +10 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/layouts/app-shell.css +84 -0
- package/dist/tests/a11y.js +55 -0
- package/dist/types/Users/alex/projects/MyGitHub/chiralkit/packages/design-system/.stencil/tests/a11y.d.ts +17 -0
- package/dist/types/components/ds-badge/ds-badge.d.ts +54 -0
- package/dist/types/components/ds-button/ds-button.d.ts +75 -0
- package/dist/types/components/ds-card/ds-card.d.ts +53 -0
- package/dist/types/components/ds-checkbox/ds-checkbox.d.ts +94 -0
- package/dist/types/components/ds-code-block/ds-code-block.d.ts +83 -0
- package/dist/types/components/ds-dialog/ds-dialog.d.ts +148 -0
- package/dist/types/components/ds-input/ds-input.d.ts +104 -0
- package/dist/types/components/ds-loader/ds-loader.d.ts +64 -0
- package/dist/types/components/ds-select/ds-select.d.ts +123 -0
- package/dist/types/components/ds-tabs/ds-tabs.d.ts +155 -0
- package/dist/types/components/ds-textarea/ds-textarea.d.ts +93 -0
- package/dist/types/components/ds-tooltip/ds-tooltip.d.ts +26 -0
- package/dist/types/components.d.ts +3068 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +1861 -0
- package/docs.json +2112 -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 +78 -0
- package/react/components/ds-badge.tsx +25 -0
- package/react/components/ds-button.tsx +25 -0
- package/react/components/ds-card.tsx +25 -0
- package/react/components/ds-checkbox.tsx +25 -0
- package/react/components/ds-code-block.tsx +25 -0
- package/react/components/ds-dialog.tsx +31 -0
- package/react/components/ds-input.tsx +25 -0
- package/react/components/ds-loader.tsx +25 -0
- package/react/components/ds-select.tsx +25 -0
- package/react/components/ds-tabs.tsx +25 -0
- package/react/components/ds-textarea.tsx +25 -0
- package/react/components/ds-tooltip.tsx +25 -0
- package/react/components.ts +162 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 xHadal
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# @chiralkit/design-system
|
|
2
|
+
|
|
3
|
+
Stencil-based Web Components for Chiralkit, distributed to both React (via generated wrappers) and server-rendered templates (via plain custom elements).
|
|
4
|
+
|
|
5
|
+
## Local testing
|
|
6
|
+
|
|
7
|
+
Running `pnpm --filter @chiralkit/design-system test` executes Stencil's spec and e2e suites, and the e2e suites launch a real Chromium via Puppeteer. On some macOS setups the sandbox SIGKILLs the `chrome-headless-shell` binary that Puppeteer downloads, so the tests need to be pointed at a working Chrome install instead:
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
PUPPETEER_EXECUTABLE_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" pnpm --filter @chiralkit/design-system test
|
|
11
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ds-color-primary:oklch(0.58 0.178 307);--ds-color-primary-hover:oklch(0.521 0.176 307);--ds-color-secondary:#edf2f7;--ds-color-secondary-hover:#e2e8f0;--ds-color-text-on-primary:#ffffff;--ds-color-text-on-secondary:#1a202c;--ds-color-focus:oklch(0.72 0.18 307);--ds-spacing-xs:4px;--ds-spacing-sm:8px;--ds-spacing-md:12px;--ds-spacing-lg:16px;--ds-spacing-xl:24px;--ds-radius-sm:4px;--ds-radius-md:10px;--ds-font-family:system-ui, -apple-system, "Segoe UI", sans-serif;--ds-font-size-md:14px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,g as a,b as l}from"./p-e-glNjK6.js";export{s as setNonce}from"./p-e-glNjK6.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l([["p-a28c71b4",[[769,"ds-badge",{variant:[1]}]]],["p-306ec33b",[[769,"ds-button",{variant:[1],size:[1],disabled:[4],type:[1],href:[1]}]]],["p-2fdc1012",[[257,"ds-card"]]],["p-84b801f8",[[513,"ds-checkbox",{checked:[4],indeterminate:[4],name:[1],value:[1],disabled:[4],required:[4],invalid:[4],describedBy:[1,"described-by"],label:[1]},null,{checked:[{watchChecked:0}],indeterminate:[{watchIndeterminate:0}]}]]],["p-7d7e5aac",[[513,"ds-code-block",{code:[1],language:[1],copied:[32]}]]],["p-f0f9ff61",[[769,"ds-dialog",{open:[4],label:[1],labelledBy:[1,"labelled-by"],describedBy:[1,"described-by"]},null,{open:[{watchOpen:0}]}]]],["p-d36a6bea",[[513,"ds-input",{value:[1],name:[1],type:[1],placeholder:[1],disabled:[4],required:[4],invalid:[4],describedBy:[1,"described-by"],label:[1],size:[1]},null,{value:[{watchValue:0}]}]]],["p-41081d22",[[513,"ds-loader",{size:[1],label:[1],speed:[1]}]]],["p-038fa008",[[513,"ds-select",{value:[1],name:[1],disabled:[4],size:[1],label:[1],options:[1]},null,{value:[{watchValue:0}],options:[{watchOptions:0}]}]]],["p-be84312f",[[512,"ds-tabs",{items:[1],active:[1025],orientation:[1],label:[1]},null,{items:[{watchItems:0}]}]]],["p-c8015fe6",[[513,"ds-textarea",{value:[1],name:[1],placeholder:[1],disabled:[4],required:[4],invalid:[4],describedBy:[1,"described-by"],label:[1],rows:[2],size:[1]},null,{value:[{watchValue:0}]}]]],["p-3f704698",[[772,"ds-tooltip",{label:[1],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],placement:[1]},null,{label:[{watchLabel:0}]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{ds_button as DsButton}from"./ds-button.entry.esm.js";export{ds_select as DsSelect}from"./ds-select.entry.esm.js";import"./p-e-glNjK6.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,H as a}from"./p-e-glNjK6.js";const i=class{constructor(e){s(this,e),this.dsChange=t(this,"dsChange")}selectEl;value;name;disabled=!1;size="md";label;options="[]";dsChange;watchValue(s){this.selectEl&&this.selectEl.value!==s&&(this.selectEl.value=s??"")}watchOptions(){}componentDidLoad(){this.syncValue()}componentDidUpdate(){this.syncValue()}syncValue(){this.selectEl&&void 0!==this.value&&(this.selectEl.value=this.value)}parseOptions(){if("string"==typeof this.options)try{return JSON.parse(this.options)}catch{return console.warn("[ds-select] failed to parse options prop:",this.options),[]}return this.options}onChange=s=>{this.dsChange.emit(s.target.value)};render(){return e(a,{key:"9c5755ca98a3a3a1340414de0109133ffb6617c4"},e("select",{key:"7ac471b32e083e754c398ed22baf8ba993997ee5",class:`ds-select ds-select--${this.size}`,name:this.name,disabled:this.disabled,"aria-label":this.label,ref:s=>this.selectEl=s,onChange:this.onChange},this.parseOptions().map((s=>e("option",{value:s.value},s.label)))))}static get watchers(){return{value:[{watchValue:0}],options:[{watchOptions:0}]}}};i.style=":host{display:inline-block;position:relative}.ds-select{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);background-color:transparent;color:inherit;border:1px solid color-mix(in oklch, currentColor 22%, transparent);cursor:pointer;-webkit-appearance:none;appearance:none}:host::after{content:\"\";position:absolute;top:50%;right:var(--ds-spacing-sm);width:12px;height:12px;transform:translateY(-50%);background-color:currentColor;-webkit-mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M2.5 4.5L6 8L9.5 4.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>\");mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M2.5 4.5L6 8L9.5 4.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.ds-select:disabled{opacity:0.5;cursor:not-allowed}:host(:has(.ds-select:disabled))::after{opacity:0.5}.ds-select--md{border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-sm) var(--ds-spacing-lg);padding-right:calc(var(--ds-spacing-lg) + var(--ds-spacing-lg))}.ds-select--lg{border-radius:var(--ds-radius-md);padding:var(--ds-spacing-md) var(--ds-spacing-xl);padding-right:calc(var(--ds-spacing-xl) + var(--ds-spacing-lg))}";export{i as ds_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as c}from"./p-e-glNjK6.js";const a=class{constructor(o){r(this,o)}render(){return o(c,{key:"288726502b909d34c3498bbac671ae892b0f6e17"},o("div",{key:"2d9efecfdc78292d47d1c322e7d5f30820467ac4",class:"ds-card"},o("slot",{key:"76ee24c626aaef9528200fc4665a50c491f9f7a0"})))}};a.style=":host{display:block}.ds-card{color:inherit;background-color:color-mix(in oklch, currentColor 4%, transparent);border:1px solid color-mix(in oklch, currentColor 15%, transparent);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);box-sizing:border-box}";export{a as ds_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as r,H as s}from"./p-e-glNjK6.js";const t=class{constructor(r){o(this,r)}variant="primary";size="md";disabled=!1;type="button";href;render(){const o=`ds-button ds-button--${this.variant} ds-button--${this.size}`;return r(s,null,void 0!==this.href?r("a",{class:o,href:this.href},r("slot",null)):r("button",{class:o,type:this.type,disabled:this.disabled},r("slot",null)))}};t.style=":host{display:inline-block}.ds-button{font-family:var(--ds-font-family);font-weight:500;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--ds-spacing-sm);transition:background-color 0.15s ease-in-out}.ds-button:disabled{opacity:0.5;cursor:not-allowed}.ds-button:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:2px}.ds-button--md{font-size:var(--ds-font-size-md);padding:var(--ds-spacing-sm) var(--ds-spacing-lg);border-radius:var(--ds-radius-sm)}.ds-button--lg{font-size:var(--ds-font-size-md);padding:var(--ds-spacing-md) var(--ds-spacing-xl);border-radius:var(--ds-radius-md)}.ds-button--primary{background-color:var(--ds-color-primary);color:var(--ds-color-text-on-primary)}.ds-button--primary:hover:not(:disabled){background-color:var(--ds-color-primary-hover)}.ds-button--secondary{background-color:var(--ds-color-secondary);color:var(--ds-color-text-on-secondary)}.ds-button--secondary:hover:not(:disabled){background-color:var(--ds-color-secondary-hover)}.ds-button--ghost{background-color:transparent;color:inherit;border:1px solid currentColor;opacity:0.85}.ds-button--ghost:hover:not(:disabled){opacity:1}";export{t as ds_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,a as i,h as s,H as o}from"./p-e-glNjK6.js";let e=0;const h=class{constructor(i){t(this,i)}get hostEl(){return i(this)}label;openDelay=250;closeDelay=100;placement="bottom";tooltipId="ds-tooltip-"+ ++e;tooltipEl;openTimer;closeTimer;isOpen=!1;watchLabel(){this.tooltipEl&&(this.tooltipEl.textContent=this.label)}componentDidLoad(){this.wireTrigger(),this.hostEl.addEventListener("mouseenter",this.onMouseEnter),this.hostEl.addEventListener("mouseleave",this.onMouseLeave),this.hostEl.addEventListener("focusin",this.onFocusIn),this.hostEl.addEventListener("focusout",this.onFocusOut),this.hostEl.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){this.clearTimers(),this.hostEl.removeEventListener("mouseenter",this.onMouseEnter),this.hostEl.removeEventListener("mouseleave",this.onMouseLeave),this.hostEl.removeEventListener("focusin",this.onFocusIn),this.hostEl.removeEventListener("focusout",this.onFocusOut),this.hostEl.removeEventListener("keydown",this.onKeyDown)}wireTrigger(){const t=Array.from(this.hostEl.children).filter((t=>t!==this.tooltipEl))[0];t&&t.setAttribute("aria-describedby",this.tooltipId)}clearTimers(){void 0!==this.openTimer&&(window.clearTimeout(this.openTimer),this.openTimer=void 0),void 0!==this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0)}show(t=0){void 0!==this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0),this.isOpen||(0!==t?void 0===this.openTimer&&(this.openTimer=window.setTimeout((()=>{this.openTimer=void 0,this.applyOpen(!0)}),t)):this.applyOpen(!0))}hide(t=0){void 0!==this.openTimer&&(window.clearTimeout(this.openTimer),this.openTimer=void 0),this.isOpen&&(0!==t?void 0===this.closeTimer&&(this.closeTimer=window.setTimeout((()=>{this.closeTimer=void 0,this.applyOpen(!1)}),t)):this.applyOpen(!1))}applyOpen(t){this.isOpen=t,this.tooltipEl&&(t?(this.tooltipEl.removeAttribute("hidden"),this.tooltipEl.dataset.open="true"):(this.tooltipEl.setAttribute("hidden",""),this.tooltipEl.dataset.open="false"))}onMouseEnter=()=>this.show(this.openDelay);onMouseLeave=()=>this.hide(this.closeDelay);onFocusIn=()=>this.show(0);onFocusOut=()=>this.hide(0);onKeyDown=t=>{"Escape"===t.key&&this.isOpen&&this.hide(0)};render(){return s(o,{key:"e3822251c9edab36fdffa9178473823f3e9ae525"},s("slot",{key:"f7c490f42ae09a739d8d91d32c2394dbdef03aa5"}),s("span",{key:"8bda1876026129859665f82b1983065df602d092",class:`ds-tooltip ds-tooltip--${this.placement}`,role:"tooltip",id:this.tooltipId,hidden:!0,"data-open":"false",ref:t=>this.tooltipEl=t},this.label))}static get watchers(){return{label:[{watchLabel:0}]}}};h.style="ds-tooltip{display:inline-block;position:relative;color:inherit}.ds-tooltip{position:absolute;left:50%;transform:translateX(-50%);z-index:1;max-width:240px;padding:var(--ds-spacing-xs) var(--ds-spacing-sm);font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);line-height:1.3;color:inherit;background-color:Canvas;border:1px solid color-mix(in oklch, currentColor 25%, transparent);border-radius:var(--ds-radius-sm);pointer-events:none;white-space:normal}.ds-tooltip--bottom{top:calc(100% + var(--ds-spacing-xs))}.ds-tooltip--top{bottom:calc(100% + var(--ds-spacing-xs))}";export{h as ds_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-e-glNjK6.js";const o=class{constructor(r){e(this,r)}size="md";label="Loading";speed="normal";render(){const e=["ds-loader",`ds-loader--${this.size}`,`ds-loader--speed-${this.speed}`].join(" ");return r(a,{key:"d7017e7e3c970e27bffa30c193abd937c5ec13cd",role:"status","aria-label":this.label},r("svg",{key:"9eb10695249bc4c833b6347d38226fdc37d4be7d",class:e,viewBox:"-48 -48 96 96","aria-hidden":"true",focusable:"false"},r("g",{key:"711ee60648593d216687087c5b2145ec25120bc5",class:"ds-loader__half ds-loader__half--a"},r("path",{key:"9efdc31104b6037a57d7bdc802303938f7285666",d,fill:"none",stroke:"currentColor","stroke-width":"14","stroke-linecap":"round","stroke-linejoin":"round"})),r("g",{key:"fcbeefc154e0e9db5b0378f77dafa3f9c0162e92",class:"ds-loader__half ds-loader__half--b"},r("g",{key:"790b3ec1c4b262352cc383ab6b9f7d5cbb77474b",class:"ds-loader__mirror"},r("path",{key:"694713be37532568852b2de2530cc50c1ff3b8de",d,fill:"none",stroke:"currentColor","stroke-width":"14","stroke-linecap":"round","stroke-linejoin":"round"})))))}},d="M14.09 -27.22 L13.04 -28.53 L11.94 -29.76 L10.78 -30.92 L9.57 -32.01 L8.30 -33.02 L7.00 -33.95 L5.65 -34.80 L4.27 -35.57 L2.85 -36.25 L1.40 -36.84 L-0.07 -37.35 L-1.56 -37.76 L-3.07 -38.08 L-4.59 -38.31 L-6.13 -38.45 L-7.66 -38.50 L-9.20 -38.45 L-10.73 -38.31 L-12.25 -38.08 L-13.76 -37.76 L-15.25 -37.35 L-16.73 -36.84 L-18.17 -36.25 L-19.59 -35.57 L-20.97 -34.80 L-22.32 -33.95 L-23.63 -33.02 L-24.89 -32.01 L-26.10 -30.92 L-27.26 -29.76 L-28.37 -28.53 L-29.41 -27.22 L-30.40 -25.86 L-31.32 -24.42 L-32.17 -22.93 L-32.95 -21.39 L-33.66 -19.79 L-34.30 -18.15 L-34.86 -16.46 L-35.34 -14.73 L-35.74 -12.97 L-36.06 -11.18 L-36.29 -9.35 L-36.44 -7.51 L-36.50 -5.65 L-36.48 -3.77 L-36.37 -1.89 L-36.18 0 L-35.90 1.89 L-35.53 3.77 L-35.07 5.65 L-34.53 7.51 L-33.90 9.35 L-33.18 11.18 L-32.39 12.97 L-31.51 14.73 L-30.55 16.46 L-29.51 18.15 L-28.40 19.79 L-27.21 21.39 L-25.95 22.93 L-24.61 24.42 L-23.22 25.86 L-21.75 27.22 L-20.23 28.53 L-18.64 29.76 L-17.00 30.92 L-15.31 32.01 L-13.57 33.02 L-11.79 33.95 L-9.96 34.80 L-8.10 35.57 L-6.20 36.25 L-4.28 36.84 L-2.33 37.35 L-0.35 37.76 L1.63 38.08 L3.64 38.31 L5.65 38.45 L7.66 38.50 L9.68 38.45 L11.69 38.31 L13.69 38.08 L15.68 37.76 L17.65 37.35 L19.60 36.84 L21.53 36.25 L23.42 35.57 L25.28 34.80 L27.11 33.95 L28.89 33.02 L30.63 32.01 L32.32 30.92 L33.96 29.76 L35.55 28.53 L37.07 27.22";o.style=":host{display:inline-flex;color:currentColor;line-height:0}.ds-loader{display:block;width:40px;height:40px;color:inherit}.ds-loader--sm{width:16px;height:16px}.ds-loader--md{width:40px;height:40px}.ds-loader--lg{width:120px;height:120px}.ds-loader__half{transform-box:view-box;transform-origin:50% 50%;animation:ds-loader-swing 1.4s cubic-bezier(0.6, 0, 0.4, 1) infinite}.ds-loader__half--b{animation-name:ds-loader-swing-mirror}.ds-loader__mirror{transform-box:view-box;transform-origin:50% 50%;transform:scaleX(-1)}.ds-loader--speed-slow .ds-loader__half{animation-duration:2.2s}.ds-loader--speed-fast .ds-loader__half{animation-duration:0.9s}@keyframes ds-loader-swing{0%{transform:rotate(180deg)}50%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@keyframes ds-loader-swing-mirror{0%{transform:rotate(-180deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-180deg)}}@media (prefers-reduced-motion: reduce){.ds-loader__half,.ds-loader__half--b{animation:ds-loader-pulse 2s ease-in-out infinite}@keyframes ds-loader-pulse{0%,100%{opacity:0.4;transform:rotate(0deg)}50%{opacity:1;transform:rotate(0deg)}}}";export{o as ds_loader}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as e,H as r}from"./p-e-glNjK6.js";const c=class{constructor(e){o(this,e)}code;language="bash";copied=!1;timer;disconnectedCallback(){void 0!==this.timer&&window.clearTimeout(this.timer)}async onCopy(){try{await navigator.clipboard.writeText(this.code),this.copied=!0,void 0!==this.timer&&window.clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.copied=!1}),1400)}catch{}}render(){return e(r,{key:"27b2c85bb8cf97c4b176c175f818bd077cfaa3f3"},e("div",{key:"0f08c5d94ce947207d02692bfd733e9d90ca8b59",class:"ds-code-block"},e("div",{key:"66dcbf8c59d1ecb4c373b5c1daad583f7e7a05ad",class:"ds-code-block__header"},e("span",{key:"fddc6fc3943ffcfafc68bf56d84859cfd016dea9",class:"ds-code-block__lang"},this.language),e("button",{key:"277ef9eee0a8d9aa3ac54a75b11074315f26fa5e",type:"button",class:"ds-code-block__copy",onClick:()=>this.onCopy(),"aria-label":this.copied?"Copied":"Copy code"},this.copied?e("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round"},e("polyline",{points:"20 6 9 17 4 12"})):e("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round"},e("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})),e("span",{key:"81e87579225b696300fd2f2b8035553a55d3c7f0"},this.copied?"Copied":"Copy"))),e("pre",{key:"06dc49a58e9fd80b0d334a349ef1ad9f540d37d7"},e("code",{key:"ba689fa980819ee4c12e9d5382d80d21919c8100"},this.code))))}};c.style=":host{display:block}.ds-code-block{border:1px solid var(--ds-code-block-border, currentColor);border-color:color-mix(in oklch, currentColor 15%, transparent);background:var(--ds-code-block-bg, color-mix(in oklch, currentColor 4%, transparent));border-radius:10px;overflow:hidden;font-family:var(--ds-font-family);font-size:13px}.ds-code-block__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid color-mix(in oklch, currentColor 12%, transparent);color:color-mix(in oklch, currentColor 55%, transparent)}.ds-code-block__lang{font-size:11px;text-transform:uppercase;letter-spacing:0.06em}.ds-code-block__copy{background:transparent;border:1px solid color-mix(in oklch, currentColor 15%, transparent);color:color-mix(in oklch, currentColor 70%, transparent);padding:4px 8px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color 120ms ease, border-color 120ms ease}.ds-code-block__copy:hover{color:currentColor;border-color:color-mix(in oklch, currentColor 30%, transparent)}.ds-code-block__copy:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:2px}pre{margin:0;padding:16px;overflow-x:auto}code{font-family:inherit;color:currentColor;white-space:pre}";export{c as ds_code_block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as t,H as s}from"./p-e-glNjK6.js";const a=class{constructor(t){e(this,t),this.dsChange=i(this,"dsChange")}inputEl;checked=!1;indeterminate=!1;name;value;disabled=!1;required=!1;invalid=!1;describedBy;label;dsChange;watchChecked(e){this.inputEl&&this.inputEl.checked!==e&&(this.inputEl.checked=e)}watchIndeterminate(e){this.inputEl&&this.inputEl.indeterminate!==e&&(this.inputEl.indeterminate=e)}componentDidLoad(){this.syncNativeState()}componentDidUpdate(){this.syncNativeState()}syncNativeState(){this.inputEl&&(this.inputEl.checked!==this.checked&&(this.inputEl.checked=this.checked),this.inputEl.indeterminate!==this.indeterminate&&(this.inputEl.indeterminate=this.indeterminate))}onChange=e=>{this.dsChange.emit(e.target.checked)};render(){return t(s,{key:"a935a67c0f4fa5d6cb36c2338d761318344573ef"},t("input",{key:"4664d7a5a2fbce7987bbaf25b50355ddfc1be97f",class:"ds-checkbox",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,"aria-label":this.label,"aria-required":this.required?"true":void 0,"aria-invalid":this.invalid?"true":void 0,"aria-describedby":this.describedBy,ref:e=>this.inputEl=e,onChange:this.onChange}))}static get watchers(){return{checked:[{watchChecked:0}],indeterminate:[{watchIndeterminate:0}]}}};a.style=":host{display:inline-flex;vertical-align:middle}.ds-checkbox{cursor:pointer;margin:0}.ds-checkbox:disabled{cursor:not-allowed;opacity:0.5}";export{a as ds_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as o}from"./p-e-glNjK6.js";const d=class{constructor(a){e(this,a)}variant="neutral";render(){return a(o,{key:"45ef132e5fd2c8a1623768ea58431b0cd4f581b4"},a("span",{key:"a406af30e18ffee0751ad5f10499f9ff394ae086",class:`ds-badge ds-badge--${this.variant}`},a("slot",{key:"59bf92a176deeddf23a2f96f194ae4ed02ea0506"})))}};d.style=":host{display:inline-block}.ds-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-family:var(--ds-font-family);font-size:11px;font-weight:500;letter-spacing:0.02em;line-height:1.4;white-space:nowrap;color:currentColor}.ds-badge--neutral{background-color:oklch(0.65 0.03 260 / 0.15)}.ds-badge--ui-component{background-color:oklch(0.733 0.178 307 / 0.15)}.ds-badge--recipe{background-color:oklch(0.75 0.13 190 / 0.15)}.ds-badge--agent{background-color:oklch(0.82 0.15 80 / 0.15)}.ds-badge--config{background-color:oklch(0.65 0.03 260 / 0.15)}";export{d as ds_badge}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as r,H as o}from"./p-e-glNjK6.js";const i=class{constructor(r){t(this,r),this.dsChange=s(this,"dsChange")}tabRefs=new Map;pendingFocusId;items="[]";active;orientation="horizontal";label;dsChange;watchItems(){const t=this.parseItems();if(0!==t.length&&!t.some((t=>t.id===this.active&&!t.disabled))){const s=t.find((t=>!t.disabled));s&&(this.active=s.id,this.dsChange.emit(s.id))}}componentWillLoad(){const t=this.parseItems();if(!(0===t.length||this.active&&t.some((t=>t.id===this.active&&!t.disabled)))){const s=t.find((t=>!t.disabled));s&&(this.active=s.id,this.dsChange.emit(s.id))}}componentDidRender(){if(this.pendingFocusId){const t=this.tabRefs.get(this.pendingFocusId);t?.focus(),this.pendingFocusId=void 0}}parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return console.warn("[ds-tabs] failed to parse items prop:",this.items),[]}return this.items}enabledItems(){return this.parseItems().filter((t=>!t.disabled))}selectAndFocus(t){t!==this.active&&(this.active=t,this.pendingFocusId=t,this.dsChange.emit(t))}onClick=t=>{t!==this.active&&(this.active=t,this.dsChange.emit(t))};onKeyDown=(t,s)=>{const r=this.enabledItems();if(0===r.length)return;const o="horizontal"===this.orientation,i=o?"ArrowRight":"ArrowDown",e=o?"ArrowLeft":"ArrowUp",a=r.findIndex((t=>t.id===s));t.key===i?(t.preventDefault(),this.selectAndFocus(r[(a+1)%r.length].id)):t.key===e?(t.preventDefault(),this.selectAndFocus(r[(a-1+r.length)%r.length].id)):"Home"===t.key?(t.preventDefault(),this.selectAndFocus(r[0].id)):"End"===t.key&&(t.preventDefault(),this.selectAndFocus(r[r.length-1].id))};render(){const t=this.parseItems();return r(o,{key:"efc6a329ddbc14550f7e186480e41218f52b4865"},r("div",{key:"4d475ddcb89198d97440e1e807acbef5984f658e",class:`ds-tabs ds-tabs--${this.orientation}`,role:"tablist","aria-label":this.label,"aria-orientation":"vertical"===this.orientation?"vertical":void 0},t.map((t=>{const s=t.id===this.active;return r("button",{key:t.id,type:"button",role:"tab",id:t.id,class:"ds-tab"+(s?" ds-tab--active":""),"aria-selected":s?"true":"false","aria-controls":t.controls??t.id,tabindex:s?0:-1,disabled:t.disabled,ref:s=>{s?this.tabRefs.set(t.id,s):this.tabRefs.delete(t.id)},onClick:()=>this.onClick(t.id),onKeyDown:s=>this.onKeyDown(s,t.id)},t.label)}))))}static get watchers(){return{items:[{watchItems:0}]}}};i.style="ds-tabs{display:block;color:inherit;font-family:var(--ds-font-family);font-size:var(--ds-font-size-md)}.ds-tabs{display:flex;gap:var(--ds-spacing-sm);border-bottom:1px solid color-mix(in oklch, currentColor 15%, transparent)}.ds-tabs--vertical{flex-direction:column;align-items:stretch;border-bottom:none;border-right:1px solid color-mix(in oklch, currentColor 15%, transparent)}.ds-tab{font:inherit;color:inherit;background-color:transparent;border:none;padding:var(--ds-spacing-sm) var(--ds-spacing-lg);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.ds-tabs--vertical .ds-tab{text-align:left;border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-1px}.ds-tab--active{border-bottom-color:currentColor}.ds-tabs--vertical .ds-tab--active{border-bottom-color:transparent;border-right-color:currentColor}.ds-tab:disabled{opacity:0.5;cursor:not-allowed}";export{i as ds_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,h as r,H as t}from"./p-e-glNjK6.js";const s=class{constructor(r){a(this,r),this.dsInput=e(this,"dsInput")}textareaEl;value;name;placeholder;disabled=!1;required=!1;invalid=!1;describedBy;label;rows=3;size="md";dsInput;watchValue(a){this.textareaEl&&this.textareaEl.value!==(a??"")&&(this.textareaEl.value=a??"")}componentDidLoad(){this.textareaEl&&void 0!==this.value&&(this.textareaEl.value=this.value)}onInput=a=>{this.dsInput.emit(a.target.value)};render(){return r(t,{key:"89e63314bca9f6f1b70f36c540a3ac48eed7311c"},r("textarea",{key:"59f9b8ee9a48a4e495da7fb56745102a1f0ee7c2",class:`ds-textarea ds-textarea--${this.size}`,name:this.name,placeholder:this.placeholder,disabled:this.disabled,rows:this.rows,"aria-label":this.label,"aria-required":this.required?"true":void 0,"aria-invalid":this.invalid?"true":void 0,"aria-describedby":this.describedBy,ref:a=>this.textareaEl=a,onInput:this.onInput}))}static get watchers(){return{value:[{watchValue:0}]}}};s.style=':host{display:inline-block;width:100%}.ds-textarea{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);background-color:transparent;color:inherit;border:1px solid color-mix(in oklch, currentColor 22%, transparent);-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;resize:vertical}.ds-textarea::placeholder{color:color-mix(in oklch, currentColor 45%, transparent)}.ds-textarea:disabled{opacity:0.5;cursor:not-allowed;resize:none}.ds-textarea[aria-invalid="true"]{border-color:color-mix(in oklch, currentColor 55%, transparent)}.ds-textarea--md{border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-sm) var(--ds-spacing-lg)}.ds-textarea--lg{border-radius:var(--ds-radius-md);padding:var(--ds-spacing-md) var(--ds-spacing-xl)}';export{s as ds_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as r,h as a,H as s}from"./p-e-glNjK6.js";const t=class{constructor(a){i(this,a),this.dsInput=r(this,"dsInput")}inputEl;value;name;type="text";placeholder;disabled=!1;required=!1;invalid=!1;describedBy;label;size="md";dsInput;watchValue(i){this.inputEl&&this.inputEl.value!==(i??"")&&(this.inputEl.value=i??"")}componentDidLoad(){this.inputEl&&void 0!==this.value&&(this.inputEl.value=this.value)}onInput=i=>{this.dsInput.emit(i.target.value)};render(){return a(s,{key:"efce39c6ecfb8dda71577e7fb7b285ddc16287f5"},a("input",{key:"5f6ad573f20e6eca20f42aa96c8acdf386508d1c",class:`ds-input ds-input--${this.size}`,type:this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label,"aria-required":this.required?"true":void 0,"aria-invalid":this.invalid?"true":void 0,"aria-describedby":this.describedBy,ref:i=>this.inputEl=i,onInput:this.onInput}))}static get watchers(){return{value:[{watchValue:0}]}}};t.style=':host{display:inline-block}.ds-input{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);background-color:transparent;color:inherit;border:1px solid color-mix(in oklch, currentColor 22%, transparent);-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%}.ds-input::placeholder{color:color-mix(in oklch, currentColor 45%, transparent)}.ds-input:disabled{opacity:0.5;cursor:not-allowed}.ds-input[aria-invalid="true"]{border-color:color-mix(in oklch, currentColor 55%, transparent)}.ds-input--md{border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-sm) var(--ds-spacing-lg)}.ds-input--lg{border-radius:var(--ds-radius-md);padding:var(--ds-spacing-md) var(--ds-spacing-xl)}';export{t as ds_input}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const t=()=>{},n=':root{--ds-color-primary:oklch(0.58 0.178 307);--ds-color-primary-hover:oklch(0.521 0.176 307);--ds-color-secondary:#edf2f7;--ds-color-secondary-hover:#e2e8f0;--ds-color-text-on-primary:#ffffff;--ds-color-text-on-secondary:#1a202c;--ds-color-focus:oklch(0.72 0.18 307);--ds-spacing-xs:4px;--ds-spacing-sm:8px;--ds-spacing-md:12px;--ds-spacing-lg:16px;--ds-spacing-xl:24px;--ds-radius-sm:4px;--ds-radius-md:10px;--ds-font-family:system-ui, -apple-system, "Segoe UI", sans-serif;--ds-font-size-md:14px}';function e(t,n,e){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,n);if(o&&(!e||o.get))return o;t=Object.getPrototypeOf(t)}}var o,l=(t,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=t[o],s=e(Object.getPrototypeOf(t),o,!0)||Object.getOwnPropertyDescriptor(t,o);s&&Object.defineProperty(t,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?t[o]=n.l.get(o):void 0!==l&&(t[o]=l)}}))},s=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},i=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.i=t,512&n.o.u&&l(t,n))},r=(t,n)=>n in t,c=(t,n)=>(0,console.error)(t,n),f=new Map,u=new Map,a="slot-fb{display:contents}slot-fb[hidden]{display:none}",d="undefined"!=typeof window?window:{},p={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},h=t=>Promise.resolve(t),m=(()=>{try{return!!d.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),v=!!m&&(()=>!!d.document&&Object.getOwnPropertyDescriptor(d.document.adoptedStyleSheets,"length").writable)(),y=!1,b=[],$=[],g=(t,n)=>e=>{t.push(e),y||(y=!0,n&&4&p.u?j(S):p.raf(S))},w=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){c(t)}t.length=0},S=()=>{w(b),w($),(y=b.length>0)&&p.raf(S)},j=t=>h().then(t),O=g($,!0);function k(){var t;const e=this.attachShadow({mode:"open"});if(void 0===o&&(o=null!=(t=function(t){if(!m)return;const n=new CSSStyleSheet;return n.replaceSync(t),n}(n))?t:null),o)v?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o];else if(!m){const t=document.createElement("style");t.innerHTML=n,e.prepend(t)}}var x=t=>{const n=T(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&N(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!C(t,M(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&T(t,"childNodes").length&&x(t)}};function N(t,n,e){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||M(o)===e)&&(s.push(o),void 0!==e))return s;s=[...s,...N(o.childNodes,n,e)]}return s}var C=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)M(l)!==n||!e&&l["s-sr"]||o.push(l);return o},E=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,M=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function T(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}function L(t){var n,e,o;return null!=(o=null==(e=null==(n=t.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?o:void 0}var R,A,F=new WeakMap,D=t=>"sc-"+t.h,H=t=>"object"==(t=typeof t)||"function"===t,P=(t,n,...e)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],f=n=>{for(let e=0;e<n.length;e++)o=n[e],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!H(o))&&(o+=""),i&&r?c[c.length-1].m+=o:c.push(i?U(null,o):o),r=i)};if(f(e),n){n.key&&(l=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}const u=U(t,null);return u.v=n,c.length>0&&(u.$=c),u.S=l,u.j=s,u},U=(t,n)=>({u:0,O:t,m:null!=n?n:null,k:null,$:null,v:null,S:null,j:null}),_={},z=t=>{if(!t)return;const n=Object.keys(t);if(0===n.length)return;let e=!1;for(const o of n){if(e)break;for(const n of t[o])if("string"==typeof n){e=!0;break}}if(!e)return t;const o={};for(const e of n)o[e]=t[e].map((t=>"string"==typeof t?{[t]:0}:t));return o},W=(t,n)=>null==t||H(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?t+"":t,B=t=>{var n;return null==(n=s(t))?void 0:n.$hostElement$},V=(t,n)=>{const e=B(t);return{emit:t=>q(e,n,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},q=(t,n,e)=>{const o=p.ce(n,e);return t.dispatchEvent(o),o},I=(t,n,e,o,l,i)=>{if(e===o)return;let c=r(t,n),f=n.toLowerCase();if("class"===n){const n=t.classList,l=G(e);let s=G(o);n.remove(...l.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===n);else if("ref"===n)o&&vt(o,t);else if(c||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let l;{const n=s(t);if(n&&n.o&&n.o.t){const t=n.o.t[e];t&&t[1]&&(l=t[1])}}return l||(l=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==t.getAttribute(l)||t.removeAttribute(l):t.setAttribute(l,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=o}catch(t){}return}{const s=H(o);if((c||s&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[n]!==o&&(t[n]=o);else{const l=null==o?"":o;"list"===n?c=!1:null!=e&&t[n]===l||("function"==typeof t.__lookupSetter__(n)?t[n]=l:t.setAttribute(n,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(n)||t.removeAttribute(n):(!c||4&i||l)&&!s&&1===t.nodeType&&t.setAttribute(n,o=!0===o?"":o)}}else if(n="-"===n[2]?n.slice(3):r(d,f)?f.slice(2):f[2]+n.slice(3),e||o){const l=n.endsWith(Z);n=n.replace(J,""),e&&p.rel(t,n,e,l),o&&p.ael(t,n,o,l)}},Y=/\s/,G=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(Y):[]),Z="Capture",J=RegExp(Z+"$"),K=(t,n,e)=>{const o=11===n.k.nodeType&&n.k.host?n.k.host:n.k,l=t&&t.v||{},s=n.v||{};for(const t of Q(Object.keys(l)))t in s||I(o,t,l[t],void 0,e,n.u);for(const t of Q(Object.keys(s)))I(o,t,l[t],s[t],e,n.u)};function Q(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var X=!1,tt=!1,nt=!1,et=!1,ot=[],lt=[],st=(t,n,e)=>{var o;const l=n.$[e];let s,i,r,c=0;if(X||(nt=!0,"slot"===l.O&&(l.u|=l.$?2:1)),null!=l.m)s=l.k=d.document.createTextNode(l.m);else if(1&l.u)s=l.k=d.document.createTextNode(""),K(null,l,et);else{if(et||(et="svg"===l.O),!d.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.k=d.document.createElementNS(et?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!X&&2&l.u?"slot-fb":l.O),et&&"foreignObject"===l.O&&(et=!1),K(null,l,et),l.$){const n="template"===l.O?s.content:s;for(c=0;c<l.$.length;++c)i=st(t,l,c),i&&n.appendChild(i)}"svg"===l.O?et=!1:"foreignObject"===s.tagName&&(et=!0)}return s["s-hn"]=A,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=R,s["s-sn"]=l.j||"",s["s-rf"]=null==(o=l.v)?void 0:o.ref,function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(l.childNodes)).forEach((t=>{o===M(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}(s),r=t&&t.$&&t.$[e],r&&r.O===l.O&&t.k&&it(t.k)),s},it=t=>{p.u|=1;const n=t.closest(A.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(yt(n,t,null!=e?e:null),t["s-sh"]=void 0,nt=!0)}p.u&=-2},rt=(t,n)=>{p.u|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===A&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==A&&o["s-ol"]&&(yt(at(o).parentNode,o,at(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,nt=!0),n&&rt(o,n)}p.u&=-2},ct=(t,n,e,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===A&&(r=r.shadowRoot),"template"===e.O&&(r=r.content);l<=s;++l)o[l]&&(i=st(null,e,l),i&&(o[l].k=i,yt(r,i,at(n))))},ft=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;mt(n),t&&(tt=!0,t["s-ol"]?t["s-ol"].remove():rt(t,!0),t.remove())}}},ut=(t,n,e=!1)=>t.O===n.O&&("slot"===t.O?t.j===n.j:e?(e&&!t.S&&n.S&&(t.S=n.S),!0):t.S===n.S),at=t=>t&&t["s-ol"]||t,dt=(t,n,e=!1)=>{const o=n.k=t.k,l=t.$,s=n.$,i=n.O,r=n.m;let c;null==r?(et="svg"===i||"foreignObject"!==i&&et,"slot"!==i||X||t.j!==n.j&&(n.k["s-sn"]=n.j||"",it(n.k.parentElement)),K(t,n,et),null!==l&&null!==s?((t,n,e,o,l=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=n.length-1,d=n[0],p=n[a],h=o.length-1,m=o[0],v=o[h];const y="template"===e.O?t.content:t;for(;r<=a&&c<=h;)if(null==d)d=n[++r];else if(null==p)p=n[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--h];else if(ut(d,m,l))dt(d,m,l),d=n[++r],m=o[++c];else if(ut(p,v,l))dt(p,v,l),p=n[--a],v=o[--h];else if(ut(d,v,l))"slot"!==d.O&&"slot"!==v.O||rt(d.k.parentNode,!1),dt(d,v,l),yt(y,d.k,p.k.nextSibling),d=n[++r],v=o[--h];else if(ut(p,m,l))"slot"!==d.O&&"slot"!==v.O||rt(p.k.parentNode,!1),dt(p,m,l),yt(y,p.k,d.k),p=n[--a],m=o[++c];else{for(f=-1,u=r;u<=a;++u)if(n[u]&&null!==n[u].S&&n[u].S===m.S){f=u;break}f>=0?(i=n[f],i.O!==m.O?s=st(n&&n[c],e,f):(dt(i,m,l),n[f]=void 0,s=i.k),m=o[++c]):(s=st(n&&n[c],e,c),m=o[++c]),s&&yt(at(d.k).parentNode,s,at(d.k))}r>a?ct(t,null==o[h+1]?null:o[h+1].k,e,o,c,h):c>h&&ft(n,r,a)})(o,l,n,s,e):null!==s?(null!==t.m&&(o.textContent=""),ct(o,null,n,s,0,s.length-1)):!e&&null!==l&&ft(l,0,l.length-1),et&&"svg"===i&&(et=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:t.m!==r&&(o.data=r)},pt=[],ht=t=>{let n,e,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const l=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(E(n,l)){let e=pt.find((t=>t.N===n));tt=!0,n["s-sn"]=n["s-sn"]||l,e?(e.N["s-sh"]=t["s-hn"],e.C=t):(n["s-sh"]=t["s-hn"],pt.push({C:t,N:n})),n["s-sr"]&&pt.map((t=>{E(t.N,n["s-sn"])&&(e=pt.find((t=>t.N===n)),e&&!t.C&&(t.C=e.C))}))}else pt.some((t=>t.N===n))||pt.push({N:n})}1===t.nodeType&&ht(t)}},mt=t=>{t.v&&t.v.ref&&ot.push((()=>t.v.ref(null))),t.$&&t.$.map(mt)},vt=(t,n)=>{lt.push((()=>t(n)))},yt=(t,n,e,o)=>{if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:l}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=M(t)||"";return{slotNode:N(T(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return l&&!o&&function(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(l),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)},bt=(t,n)=>{if(n&&!t.M&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.M=()=>{n["s-p"].splice(e-1,1),o()})))}},$t=(t,n)=>{if(t.u|=16,4&t.u)return void(t.u|=512);bt(t,t.T);const e=()=>gt(t,n);if(!n)return O(e);queueMicrotask((()=>{e()}))},gt=(t,n)=>{const e=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${e.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 n?(t.L&&(t.L=!1,Nt(o,"connectedCallback",void 0,e)),t.R.length&&t.R.forEach((t=>t(e))),l=Nt(o,"componentWillLoad",void 0,e)):l=Nt(o,"componentWillUpdate",void 0,e),l=wt(l,(()=>Nt(o,"componentWillRender",void 0,e))),wt(l,(()=>jt(t,o,n)))},wt=(t,n)=>St(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),St=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,jt=async(t,n,e)=>{var o;const l=t.$hostElement$,s=l["s-rc"];e&&(t=>{const n=t.o,e=t.$hostElement$,o=n.u,l=((t,n)=>{var e,o,l;const s=D(n),i=u.get(s);if(!d.document)return s;if(t=11===t.nodeType?t:d.document,i)if("string"==typeof i){let l,r=F.get(t=t.head||t);if(r||F.set(t,r=new Set),!r.has(s)){l=d.document.createElement("style"),l.textContent=i;const c=null!=(e=p.A)?e:L(d.document);if(null!=c&&l.setAttribute("nonce",c),!(1&n.u))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(m){const n=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(i),v?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=i+n.textContent:t.prepend(l)}else t.append(l);1&n.u&&t.insertBefore(l,null),4&n.u&&(l.textContent+=a),r&&r.add(s)}}else{let n=F.get(t);if(n||F.set(t,n=new Set),!n.has(s)){const e=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(i.constructor===e.CSSStyleSheet)o=i;else{o=new e.CSSStyleSheet;for(let t=0;t<i.cssRules.length;t++)o.insertRule(i.cssRules[t].cssText,t)}v?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],n.add(s)}}return s})(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&o&&(e["s-sc"]=l,e.classList.add(l+"-h"))})(t);Ot(t,n,l,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const n=null!=(o=l["s-p"])?o:[],e=()=>kt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.u|=4,n.length=0)}},Ot=(t,n,e,o)=>{try{n=n.render(),t.u&=-17,t.u|=2,((t,n,e=!1)=>{var o,l,s,i,r;const c=t.$hostElement$,f=t.o,u=t.F||U(null,null),a=(t=>t&&t.O===_)(n)?n:P(null,null,n);if(A=c.tagName,e&&a.v)for(const t of Object.keys(a.v))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.v[t]=c[t]);if(a.O=null,a.u|=4,t.F=a,a.k=u.k=c.shadowRoot||c,X=!(!(1&f.u)||128&f.u),R=c["s-cr"],tt=!1,dt(u,a,e),p.u|=1,nt){ht(a.k);for(const t of pt){const n=t.N;if(!n["s-ol"]&&d.document){const t=d.document.createTextNode("");t["s-nr"]=n,yt(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of pt){const n=t.N,r=t.C;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),r){const t=r.parentNode;let o=r.nextSibling;if(o&&1===o.nodeType){let e=null==(l=n["s-ol"])?void 0:l.previousSibling;for(;e;){let l=null!=(s=e["s-nr"])?s:null;if(l&&l["s-sn"]===n["s-sn"]&&t===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===n||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){o=l;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(yt(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=d.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,yt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(i=n["s-ih"])&&i)}n&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===n.nodeType&&(n.hidden=!0)}}if(tt&&x(a.k),p.u&=-2,pt.length=0,!X&&!(1&f.u)&&c["s-cr"]){const t=a.k.__childNodes||a.k.childNodes;for(const n of t)if(n["s-hn"]!==A&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(r=n.hidden)&&r),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=d.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],yt(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}R=void 0,ot.forEach((t=>t())),ot.length=0,lt.forEach((t=>t())),lt.length=0})(t,n,o)}catch(n){c(n,t.$hostElement$)}return null},kt=t=>{const n=t.$hostElement$,e=t.i,o=t.T;Nt(e,"componentDidRender",void 0,n),64&t.u?Nt(e,"componentDidUpdate",void 0,n):(t.u|=64,Ct(n),Nt(e,"componentDidLoad",void 0,n),t.D(n),o||xt()),t.M&&(t.M(),t.M=void 0),512&t.u&&j((()=>$t(t,!1))),t.u&=-517},xt=()=>{j((()=>q(d,"appload",{detail:{namespace:"chiralkit-ds"}})))},Nt=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){c(t,o)}},Ct=t=>t.classList.add("hydrated"),Et=(t,n,e,o)=>{const l=s(t);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const i=l.$hostElement$,r=l.l.get(n),f=l.u,u=l.i;if(e=W(e,o.t[n][0]),!(8&f&&void 0!==r||e===r||Number.isNaN(r)&&Number.isNaN(e))){if(l.l.set(n,e),o.H){const t=o.H[n];t&&t.map((t=>{try{const[[o,s]]=Object.entries(t);(128&f||1&s)&&(u?u[o](e,r,n):l.R.push((()=>{l.i[o](e,r,n)})))}catch(t){c(t,i)}}))}if(2&f){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(e,r,n)&&!(16&f))return;16&f||$t(l,!1)}}},Mt=(t,n,o)=>{var l,i;const r=t.prototype;{t.watchers&&!n.H&&(n.H=z(t.watchers)),t.deserializers&&!n.P&&(n.P=t.deserializers),t.serializers&&!n.U&&(n.U=t.serializers);const c=Object.entries(null!=(l=n.t)?l:{});if(c.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:c}=e(r,t)||{};i&&(n.t[t][0]|=2048),c&&(n.t[t][0]|=4096),(1&o||!i)&&Object.defineProperty(r,t,{get(){{if(!(2048&n.t[t][0]))return((t,n)=>s(this).l.get(n))(0,t);const e=s(this),o=e?e.i:r;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,t,{set(e){const i=s(this);if(i){if(c)return void 0===(32&l?this[t]:i.$hostElement$[t])&&i.l.get(t)&&(e=i.l.get(t)),c.call(this,W(e,l)),void Et(this,t,e=32&l?this[t]:i.$hostElement$[t],n);{if(!(1&o&&4096&n.t[t][0]))return Et(this,t,e,n),void(1&o&&!i.i&&i.R.push((()=>{4096&n.t[t][0]&&i.i[t]!==i.l.get(t)&&(i.i[t]=e)})));const s=()=>{const o=i.i[t];!i.l.get(t)&&o&&i.l.set(t,o),i.i[t]=W(e,l),Et(this,t,i.i[t],n)};i.i?s():i.R.push((()=>{s()}))}}}})}})),1&o){const e=new Map;r.attributeChangedCallback=function(t,o,l){p.jmp((()=>{var i;const f=e.get(t),u=s(this);if(this.hasOwnProperty(f)&&(l=this[f],delete this[f]),r.hasOwnProperty(f)&&"number"==typeof this[f]&&this[f]==l)return;if(null==f){const e=null==u?void 0:u.u;if(u&&e&&!(8&e)&&l!==o){const s=u.i,r=null==(i=n.H)?void 0:i[t];null==r||r.forEach((n=>{const[[i,r]]=Object.entries(n);null!=s[i]&&(128&e||1&r)&&s[i].call(s,l,o,t)}))}return}const a=c.find((([t])=>t===f)),d=a&&4&a[1][0],p=d&&null===l&&void 0===this[f];d&&(l=null!==l&&"false"!==l);const h=Object.getOwnPropertyDescriptor(r,f);p||l==this[f]||h.get&&!h.set||(this[f]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.H)?i:{}),...c.filter((([t,n])=>31&n[0])).map((([t,n])=>{const o=n[1]||t;return e.set(o,t),o}))]))}}return t},Tt=(t,n)=>{Nt(t,"connectedCallback",void 0,n)},Lt=(t,n)=>{Nt(t,"disconnectedCallback",void 0,n||t)},Rt=(t,n={})=>{var e;if(!d.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=n.exclude||[],i=d.customElements,r=d.document.head,h=r.querySelector("meta[charset]"),v=d.document.createElement("style"),y=[];let b,$=!0;Object.assign(p,n),p.p=new URL(n.resourcesUrl||"./",d.document.baseURI).href;let g=!1;if(t.map((t=>{t[1].map((n=>{var e,r;const a={u:n[0],h:n[1],t:n[2],_:n[3]};4&a.u&&(g=!0),a.t=n[2],a.H=z(n[4]),a.U=null!=(e=n[5])?e:{},a.P=null!=(r=n[6])?r:{};const h=a.h,v=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),((t,n)=>{const e={u:0,$hostElement$:t,o:n,l:new Map,W:new Map};e.B=new Promise((t=>e.D=t)),t["s-p"]=[],t["s-rc"]=[],e.R=[];const o=e;t.__stencil__getHostRef=()=>o})(t=this,a),1&a.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${a.h}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else k.call(t,a)}connectedCallback(){s(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),$?y.push(this):p.jmp((()=>(t=>{if(!(1&p.u)){const n=s(t);if(!n)return;const e=n.o,o=()=>{};if(1&n.u)(null==n?void 0:n.i)?Tt(n.i,t):(null==n?void 0:n.B)&&n.B.then((()=>Tt(n.i,t)));else{n.u|=1,12&e.u&&(t=>{if(!d.document)return;const n=t["s-cr"]=d.document.createComment("");n["s-cn"]=!0,yt(t,n,t.firstChild)})(t);{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){bt(n,n.T=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let o;try{if(!(32&n.u)){if(n.u|=32,e.V){const l=((t,n)=>{const e=t.h.replace(/-/g,"_"),o=t.V;if(!o)return;const l=f.get(o);return l?l[e]:import(`./${o}.entry.js`).then((t=>(f.set(o,t),t[e])),(t=>{c(t,n.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,n);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${e.h}#${n.q}" was not found`);o.isProxied||(e.H=z(o.watchers),e.U=o.serializers,e.P=o.deserializers,Mt(o,e,2),o.isProxied=!0);const s=()=>{};n.u|=8;try{new o(n)}catch(n){c(n,t)}n.u&=-9,n.u|=128,s(),4&e.u?n.L=!0:Tt(n.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const n=D(e);if(!u.has(n)){const o=()=>{};((t,n,e)=>{let o=u.get(t);m&&e?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,u.set(t,o)})(n,t,!!(1&e.u)),o()}}}const l=n.T,s=()=>$t(n,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()}catch(e){c(e,t),n.M&&(n.M(),n.M=void 0),n.D&&n.D(t)}})(t,n,e)}o()}})(this))))}disconnectedCallback(){p.jmp((()=>(async t=>{if(!(1&p.u)){const n=s(t);(null==n?void 0:n.i)?Lt(n.i,t):(null==n?void 0:n.B)&&n.B.then((()=>Lt(n.i,t)))}F.has(t)&&F.delete(t),t.shadowRoot&&F.has(t.shadowRoot)&&F.delete(t.shadowRoot)})(this))),p.raf((()=>{var t;const n=s(this);if(!n)return;const e=y.findIndex((t=>t===this));e>-1&&y.splice(e,1),(null==(t=null==n?void 0:n.F)?void 0:t.k)instanceof Node&&!n.F.k.isConnected&&delete n.F.k}))}componentOnReady(){var t;return null==(t=s(this))?void 0:t.B}};a.V=t[0],l.includes(h)||i.get(h)||(o.push(h),i.define(h,Mt(v,a,1)))}))})),o.length>0&&(g&&(v.textContent+=a),v.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(e=p.A)?e:L(d.document);null!=t&&v.setAttribute("nonce",t),r.insertBefore(v,h?h.nextSibling:r.firstChild)}$=!1,y.length?y.map((t=>t.connectedCallback())):p.jmp((()=>b=setTimeout(xt,30)))},At=t=>p.A=t;export{_ as H,B as a,Rt as b,V as c,t as g,P as h,h as p,i as r,At as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as e,h as a,H as i}from"./p-e-glNjK6.js";const o=class{constructor(a){s(this,a),this.dsOpen=e(this,"dsOpen"),this.dsClose=e(this,"dsClose")}dialogEl;open=!1;label;labelledBy;describedBy;dsOpen;dsClose;watchOpen(s){this.syncOpen(s)}componentDidLoad(){this.dialogEl?.addEventListener("close",this.onNativeClose),this.open&&this.syncOpen(!0)}disconnectedCallback(){this.dialogEl?.removeEventListener("close",this.onNativeClose)}syncOpen(s){if(!this.dialogEl)return;const e=this.dialogEl.open;s&&!e?(this.dialogEl.showModal(),this.dsOpen.emit()):!s&&e&&this.dialogEl.close()}onNativeClose=()=>{this.dsClose.emit()};render(){return a(i,{key:"8b25b70865ea028c81405f77a4d016348507aae6"},a("dialog",{key:"0c82754fe4e4ecf68232a93616bbff3621866375",class:"ds-dialog","aria-label":this.label,"aria-labelledby":this.labelledBy,"aria-describedby":this.describedBy,ref:s=>this.dialogEl=s},a("slot",{key:"30131eed9eec7db67a407770b5caefe42c78b68a"})))}static get watchers(){return{open:[{watchOpen:0}]}}};o.style=":host{display:contents}.ds-dialog{color:inherit;background-color:color-mix(in oklch, currentColor 4%, Canvas);border:1px solid color-mix(in oklch, currentColor 15%, transparent);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-xl);box-sizing:border-box;max-width:min(90vw, 32rem);max-height:90vh;overflow:auto}.ds-dialog::backdrop{background-color:rgba(0, 0, 0, 0.5)}";export{o as ds_dialog}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
6
|
+
/*
|
|
7
|
+
Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
var patchBrowser = () => {
|
|
11
|
+
const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chiralkit-ds.cjs.js', document.baseURI).href));
|
|
12
|
+
const opts = {};
|
|
13
|
+
if (importMeta !== "") {
|
|
14
|
+
opts.resourcesUrl = new URL(".", importMeta).href;
|
|
15
|
+
}
|
|
16
|
+
return index.promiseResolve(opts);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
patchBrowser().then(async (options) => {
|
|
20
|
+
await index.globalScripts();
|
|
21
|
+
return index.bootstrapLazy([["ds-badge.cjs",[[769,"ds-badge",{"variant":[1]}]]],["ds-button.cjs",[[769,"ds-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"href":[1]}]]],["ds-card.cjs",[[257,"ds-card"]]],["ds-checkbox.cjs",[[513,"ds-checkbox",{"checked":[4],"indeterminate":[4],"name":[1],"value":[1],"disabled":[4],"required":[4],"invalid":[4],"describedBy":[1,"described-by"],"label":[1]},null,{"checked":[{"watchChecked":0}],"indeterminate":[{"watchIndeterminate":0}]}]]],["ds-code-block.cjs",[[513,"ds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["ds-dialog.cjs",[[769,"ds-dialog",{"open":[4],"label":[1],"labelledBy":[1,"labelled-by"],"describedBy":[1,"described-by"]},null,{"open":[{"watchOpen":0}]}]]],["ds-input.cjs",[[513,"ds-input",{"value":[1],"name":[1],"type":[1],"placeholder":[1],"disabled":[4],"required":[4],"invalid":[4],"describedBy":[1,"described-by"],"label":[1],"size":[1]},null,{"value":[{"watchValue":0}]}]]],["ds-loader.cjs",[[513,"ds-loader",{"size":[1],"label":[1],"speed":[1]}]]],["ds-select.cjs",[[513,"ds-select",{"value":[1],"name":[1],"disabled":[4],"size":[1],"label":[1],"options":[1]},null,{"value":[{"watchValue":0}],"options":[{"watchOptions":0}]}]]],["ds-tabs.cjs",[[512,"ds-tabs",{"items":[1],"active":[1025],"orientation":[1],"label":[1]},null,{"items":[{"watchItems":0}]}]]],["ds-textarea.cjs",[[513,"ds-textarea",{"value":[1],"name":[1],"placeholder":[1],"disabled":[4],"required":[4],"invalid":[4],"describedBy":[1,"described-by"],"label":[1],"rows":[2],"size":[1]},null,{"value":[{"watchValue":0}]}]]],["ds-tooltip.cjs",[[772,"ds-tooltip",{"label":[1],"openDelay":[2,"open-delay"],"closeDelay":[2,"close-delay"],"placement":[1]},null,{"label":[{"watchLabel":0}]}]]]], options);
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
exports.setNonce = index.setNonce;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsBadgeCss = () => `:host{display:inline-block}.ds-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-family:var(--ds-font-family);font-size:11px;font-weight:500;letter-spacing:0.02em;line-height:1.4;white-space:nowrap;color:currentColor}.ds-badge--neutral{background-color:oklch(0.65 0.03 260 / 0.15)}.ds-badge--ui-component{background-color:oklch(0.733 0.178 307 / 0.15)}.ds-badge--recipe{background-color:oklch(0.75 0.13 190 / 0.15)}.ds-badge--agent{background-color:oklch(0.82 0.15 80 / 0.15)}.ds-badge--config{background-color:oklch(0.65 0.03 260 / 0.15)}`;
|
|
6
|
+
|
|
7
|
+
const DsBadge = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
variant = "neutral";
|
|
12
|
+
render() {
|
|
13
|
+
return (index.h(index.Host, { key: '45ef132e5fd2c8a1623768ea58431b0cd4f581b4' }, index.h("span", { key: 'a406af30e18ffee0751ad5f10499f9ff394ae086', class: `ds-badge ds-badge--${this.variant}` }, index.h("slot", { key: '59bf92a176deeddf23a2f96f194ae4ed02ea0506' }))));
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
DsBadge.style = dsBadgeCss();
|
|
17
|
+
|
|
18
|
+
exports.ds_badge = DsBadge;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsButtonCss = () => `:host{display:inline-block}.ds-button{font-family:var(--ds-font-family);font-weight:500;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--ds-spacing-sm);transition:background-color 0.15s ease-in-out}.ds-button:disabled{opacity:0.5;cursor:not-allowed}.ds-button:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:2px}.ds-button--md{font-size:var(--ds-font-size-md);padding:var(--ds-spacing-sm) var(--ds-spacing-lg);border-radius:var(--ds-radius-sm)}.ds-button--lg{font-size:var(--ds-font-size-md);padding:var(--ds-spacing-md) var(--ds-spacing-xl);border-radius:var(--ds-radius-md)}.ds-button--primary{background-color:var(--ds-color-primary);color:var(--ds-color-text-on-primary)}.ds-button--primary:hover:not(:disabled){background-color:var(--ds-color-primary-hover)}.ds-button--secondary{background-color:var(--ds-color-secondary);color:var(--ds-color-text-on-secondary)}.ds-button--secondary:hover:not(:disabled){background-color:var(--ds-color-secondary-hover)}.ds-button--ghost{background-color:transparent;color:inherit;border:1px solid currentColor;opacity:0.85}.ds-button--ghost:hover:not(:disabled){opacity:1}`;
|
|
6
|
+
|
|
7
|
+
const DsButton = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
variant = "primary";
|
|
12
|
+
size = "md";
|
|
13
|
+
disabled = false;
|
|
14
|
+
type = "button";
|
|
15
|
+
href;
|
|
16
|
+
render() {
|
|
17
|
+
const cls = `ds-button ds-button--${this.variant} ds-button--${this.size}`;
|
|
18
|
+
if (this.href !== undefined) {
|
|
19
|
+
return (index.h(index.Host, null, index.h("a", { class: cls, href: this.href }, index.h("slot", null))));
|
|
20
|
+
}
|
|
21
|
+
return (index.h(index.Host, null, index.h("button", { class: cls, type: this.type, disabled: this.disabled }, index.h("slot", null))));
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
DsButton.style = dsButtonCss();
|
|
25
|
+
|
|
26
|
+
exports.ds_button = DsButton;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsCardCss = () => `:host{display:block}.ds-card{color:inherit;background-color:color-mix(in oklch, currentColor 4%, transparent);border:1px solid color-mix(in oklch, currentColor 15%, transparent);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);box-sizing:border-box}`;
|
|
6
|
+
|
|
7
|
+
const DsCard = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
render() {
|
|
12
|
+
return (index.h(index.Host, { key: '288726502b909d34c3498bbac671ae892b0f6e17' }, index.h("div", { key: '2d9efecfdc78292d47d1c322e7d5f30820467ac4', class: "ds-card" }, index.h("slot", { key: '76ee24c626aaef9528200fc4665a50c491f9f7a0' }))));
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
DsCard.style = dsCardCss();
|
|
16
|
+
|
|
17
|
+
exports.ds_card = DsCard;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsCheckboxCss = () => `:host{display:inline-flex;vertical-align:middle}.ds-checkbox{cursor:pointer;margin:0}.ds-checkbox:disabled{cursor:not-allowed;opacity:0.5}`;
|
|
6
|
+
|
|
7
|
+
const DsCheckbox = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.dsChange = index.createEvent(this, "dsChange");
|
|
11
|
+
}
|
|
12
|
+
inputEl;
|
|
13
|
+
checked = false;
|
|
14
|
+
indeterminate = false;
|
|
15
|
+
name;
|
|
16
|
+
value;
|
|
17
|
+
disabled = false;
|
|
18
|
+
required = false;
|
|
19
|
+
invalid = false;
|
|
20
|
+
describedBy;
|
|
21
|
+
label;
|
|
22
|
+
dsChange;
|
|
23
|
+
watchChecked(newValue) {
|
|
24
|
+
if (this.inputEl && this.inputEl.checked !== newValue) {
|
|
25
|
+
this.inputEl.checked = newValue;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
watchIndeterminate(newValue) {
|
|
29
|
+
if (this.inputEl && this.inputEl.indeterminate !== newValue) {
|
|
30
|
+
this.inputEl.indeterminate = newValue;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
componentDidLoad() {
|
|
34
|
+
this.syncNativeState();
|
|
35
|
+
}
|
|
36
|
+
componentDidUpdate() {
|
|
37
|
+
this.syncNativeState();
|
|
38
|
+
}
|
|
39
|
+
syncNativeState() {
|
|
40
|
+
if (!this.inputEl)
|
|
41
|
+
return;
|
|
42
|
+
if (this.inputEl.checked !== this.checked) {
|
|
43
|
+
this.inputEl.checked = this.checked;
|
|
44
|
+
}
|
|
45
|
+
if (this.inputEl.indeterminate !== this.indeterminate) {
|
|
46
|
+
this.inputEl.indeterminate = this.indeterminate;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
onChange = (event) => {
|
|
50
|
+
const target = event.target;
|
|
51
|
+
this.dsChange.emit(target.checked);
|
|
52
|
+
};
|
|
53
|
+
render() {
|
|
54
|
+
return (index.h(index.Host, { key: 'a935a67c0f4fa5d6cb36c2338d761318344573ef' }, index.h("input", { key: '4664d7a5a2fbce7987bbaf25b50355ddfc1be97f', class: "ds-checkbox", type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.label, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.invalid ? "true" : undefined, "aria-describedby": this.describedBy, ref: (el) => (this.inputEl = el), onChange: this.onChange })));
|
|
55
|
+
}
|
|
56
|
+
static get watchers() { return {
|
|
57
|
+
"checked": [{
|
|
58
|
+
"watchChecked": 0
|
|
59
|
+
}],
|
|
60
|
+
"indeterminate": [{
|
|
61
|
+
"watchIndeterminate": 0
|
|
62
|
+
}]
|
|
63
|
+
}; }
|
|
64
|
+
};
|
|
65
|
+
DsCheckbox.style = dsCheckboxCss();
|
|
66
|
+
|
|
67
|
+
exports.ds_checkbox = DsCheckbox;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsCodeBlockCss = () => `:host{display:block}.ds-code-block{border:1px solid var(--ds-code-block-border, currentColor);border-color:color-mix(in oklch, currentColor 15%, transparent);background:var(--ds-code-block-bg, color-mix(in oklch, currentColor 4%, transparent));border-radius:10px;overflow:hidden;font-family:var(--ds-font-family);font-size:13px}.ds-code-block__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid color-mix(in oklch, currentColor 12%, transparent);color:color-mix(in oklch, currentColor 55%, transparent)}.ds-code-block__lang{font-size:11px;text-transform:uppercase;letter-spacing:0.06em}.ds-code-block__copy{background:transparent;border:1px solid color-mix(in oklch, currentColor 15%, transparent);color:color-mix(in oklch, currentColor 70%, transparent);padding:4px 8px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color 120ms ease, border-color 120ms ease}.ds-code-block__copy:hover{color:currentColor;border-color:color-mix(in oklch, currentColor 30%, transparent)}.ds-code-block__copy:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:2px}pre{margin:0;padding:16px;overflow-x:auto}code{font-family:inherit;color:currentColor;white-space:pre}`;
|
|
6
|
+
|
|
7
|
+
const DsCodeBlock = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
code;
|
|
12
|
+
language = "bash";
|
|
13
|
+
copied = false;
|
|
14
|
+
timer;
|
|
15
|
+
disconnectedCallback() {
|
|
16
|
+
if (this.timer !== undefined)
|
|
17
|
+
window.clearTimeout(this.timer);
|
|
18
|
+
}
|
|
19
|
+
async onCopy() {
|
|
20
|
+
try {
|
|
21
|
+
await navigator.clipboard.writeText(this.code);
|
|
22
|
+
this.copied = true;
|
|
23
|
+
if (this.timer !== undefined)
|
|
24
|
+
window.clearTimeout(this.timer);
|
|
25
|
+
this.timer = window.setTimeout(() => {
|
|
26
|
+
this.copied = false;
|
|
27
|
+
}, 1400);
|
|
28
|
+
}
|
|
29
|
+
catch {
|
|
30
|
+
// Clipboard permissions may be denied; leave state unchanged.
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
render() {
|
|
34
|
+
return (index.h(index.Host, { key: '27b2c85bb8cf97c4b176c175f818bd077cfaa3f3' }, index.h("div", { key: '0f08c5d94ce947207d02692bfd733e9d90ca8b59', class: "ds-code-block" }, index.h("div", { key: '66dcbf8c59d1ecb4c373b5c1daad583f7e7a05ad', class: "ds-code-block__header" }, index.h("span", { key: 'fddc6fc3943ffcfafc68bf56d84859cfd016dea9', class: "ds-code-block__lang" }, this.language), index.h("button", { key: '277ef9eee0a8d9aa3ac54a75b11074315f26fa5e', type: "button", class: "ds-code-block__copy", onClick: () => this.onCopy(), "aria-label": this.copied ? "Copied" : "Copy code" }, this.copied ? (index.h("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "20 6 9 17 4 12" }))) : (index.h("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), index.h("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))), index.h("span", { key: '81e87579225b696300fd2f2b8035553a55d3c7f0' }, this.copied ? "Copied" : "Copy"))), index.h("pre", { key: '06dc49a58e9fd80b0d334a349ef1ad9f540d37d7' }, index.h("code", { key: 'ba689fa980819ee4c12e9d5382d80d21919c8100' }, this.code)))));
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
DsCodeBlock.style = dsCodeBlockCss();
|
|
38
|
+
|
|
39
|
+
exports.ds_code_block = DsCodeBlock;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsDialogCss = () => `:host{display:contents}.ds-dialog{color:inherit;background-color:color-mix(in oklch, currentColor 4%, Canvas);border:1px solid color-mix(in oklch, currentColor 15%, transparent);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-xl);box-sizing:border-box;max-width:min(90vw, 32rem);max-height:90vh;overflow:auto}.ds-dialog::backdrop{background-color:rgba(0, 0, 0, 0.5)}`;
|
|
6
|
+
|
|
7
|
+
const DsDialog = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.dsOpen = index.createEvent(this, "dsOpen");
|
|
11
|
+
this.dsClose = index.createEvent(this, "dsClose");
|
|
12
|
+
}
|
|
13
|
+
dialogEl;
|
|
14
|
+
open = false;
|
|
15
|
+
label;
|
|
16
|
+
labelledBy;
|
|
17
|
+
describedBy;
|
|
18
|
+
dsOpen;
|
|
19
|
+
dsClose;
|
|
20
|
+
watchOpen(newValue) {
|
|
21
|
+
this.syncOpen(newValue);
|
|
22
|
+
}
|
|
23
|
+
componentDidLoad() {
|
|
24
|
+
// The `close` event on the native <dialog> is not composed by
|
|
25
|
+
// default, so it does not bubble out of the shadow root. Wire it
|
|
26
|
+
// here rather than in the JSX so we can re-emit as a Stencil
|
|
27
|
+
// Event that composed-crosses the boundary.
|
|
28
|
+
this.dialogEl?.addEventListener("close", this.onNativeClose);
|
|
29
|
+
if (this.open) {
|
|
30
|
+
this.syncOpen(true);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
disconnectedCallback() {
|
|
34
|
+
this.dialogEl?.removeEventListener("close", this.onNativeClose);
|
|
35
|
+
}
|
|
36
|
+
syncOpen(shouldOpen) {
|
|
37
|
+
if (!this.dialogEl)
|
|
38
|
+
return;
|
|
39
|
+
const isOpen = this.dialogEl.open;
|
|
40
|
+
if (shouldOpen && !isOpen) {
|
|
41
|
+
// showModal() is the modal form — traps focus, adds the ::backdrop,
|
|
42
|
+
// makes background inert. show() (non-modal) is intentionally not
|
|
43
|
+
// exposed in v1.
|
|
44
|
+
this.dialogEl.showModal();
|
|
45
|
+
this.dsOpen.emit();
|
|
46
|
+
}
|
|
47
|
+
else if (!shouldOpen && isOpen) {
|
|
48
|
+
this.dialogEl.close();
|
|
49
|
+
// dsClose is emitted by onNativeClose to also cover Escape /
|
|
50
|
+
// form-submit paths — no need to emit here.
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
onNativeClose = () => {
|
|
54
|
+
this.dsClose.emit();
|
|
55
|
+
};
|
|
56
|
+
render() {
|
|
57
|
+
return (index.h(index.Host, { key: '8b25b70865ea028c81405f77a4d016348507aae6' }, index.h("dialog", { key: '0c82754fe4e4ecf68232a93616bbff3621866375', class: "ds-dialog", "aria-label": this.label, "aria-labelledby": this.labelledBy, "aria-describedby": this.describedBy, ref: (el) => (this.dialogEl = el) }, index.h("slot", { key: '30131eed9eec7db67a407770b5caefe42c78b68a' }))));
|
|
58
|
+
}
|
|
59
|
+
static get watchers() { return {
|
|
60
|
+
"open": [{
|
|
61
|
+
"watchOpen": 0
|
|
62
|
+
}]
|
|
63
|
+
}; }
|
|
64
|
+
};
|
|
65
|
+
DsDialog.style = dsDialogCss();
|
|
66
|
+
|
|
67
|
+
exports.ds_dialog = DsDialog;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsInputCss = () => `:host{display:inline-block}.ds-input{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);background-color:transparent;color:inherit;border:1px solid color-mix(in oklch, currentColor 22%, transparent);-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%}.ds-input::placeholder{color:color-mix(in oklch, currentColor 45%, transparent)}.ds-input:disabled{opacity:0.5;cursor:not-allowed}.ds-input[aria-invalid="true"]{border-color:color-mix(in oklch, currentColor 55%, transparent)}.ds-input--md{border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-sm) var(--ds-spacing-lg)}.ds-input--lg{border-radius:var(--ds-radius-md);padding:var(--ds-spacing-md) var(--ds-spacing-xl)}`;
|
|
6
|
+
|
|
7
|
+
const DsInput = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.dsInput = index.createEvent(this, "dsInput");
|
|
11
|
+
}
|
|
12
|
+
inputEl;
|
|
13
|
+
value;
|
|
14
|
+
name;
|
|
15
|
+
type = "text";
|
|
16
|
+
placeholder;
|
|
17
|
+
disabled = false;
|
|
18
|
+
required = false;
|
|
19
|
+
invalid = false;
|
|
20
|
+
describedBy;
|
|
21
|
+
label;
|
|
22
|
+
size = "md";
|
|
23
|
+
dsInput;
|
|
24
|
+
watchValue(newValue) {
|
|
25
|
+
if (this.inputEl && this.inputEl.value !== (newValue ?? "")) {
|
|
26
|
+
this.inputEl.value = newValue ?? "";
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
componentDidLoad() {
|
|
30
|
+
if (this.inputEl && this.value !== undefined) {
|
|
31
|
+
this.inputEl.value = this.value;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
onInput = (event) => {
|
|
35
|
+
const value = event.target.value;
|
|
36
|
+
this.dsInput.emit(value);
|
|
37
|
+
};
|
|
38
|
+
render() {
|
|
39
|
+
const cls = `ds-input ds-input--${this.size}`;
|
|
40
|
+
return (index.h(index.Host, { key: 'efce39c6ecfb8dda71577e7fb7b285ddc16287f5' }, index.h("input", { key: '5f6ad573f20e6eca20f42aa96c8acdf386508d1c', class: cls, type: this.type, name: this.name, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.label, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.invalid ? "true" : undefined, "aria-describedby": this.describedBy, ref: (el) => (this.inputEl = el), onInput: this.onInput })));
|
|
41
|
+
}
|
|
42
|
+
static get watchers() { return {
|
|
43
|
+
"value": [{
|
|
44
|
+
"watchValue": 0
|
|
45
|
+
}]
|
|
46
|
+
}; }
|
|
47
|
+
};
|
|
48
|
+
DsInput.style = dsInputCss();
|
|
49
|
+
|
|
50
|
+
exports.ds_input = DsInput;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-mMvyq7U_.js');
|
|
4
|
+
|
|
5
|
+
const dsLoaderCss = () => `:host{display:inline-flex;color:currentColor;line-height:0}.ds-loader{display:block;width:40px;height:40px;color:inherit}.ds-loader--sm{width:16px;height:16px}.ds-loader--md{width:40px;height:40px}.ds-loader--lg{width:120px;height:120px}.ds-loader__half{transform-box:view-box;transform-origin:50% 50%;animation:ds-loader-swing 1.4s cubic-bezier(0.6, 0, 0.4, 1) infinite}.ds-loader__half--b{animation-name:ds-loader-swing-mirror}.ds-loader__mirror{transform-box:view-box;transform-origin:50% 50%;transform:scaleX(-1)}.ds-loader--speed-slow .ds-loader__half{animation-duration:2.2s}.ds-loader--speed-fast .ds-loader__half{animation-duration:0.9s}@keyframes ds-loader-swing{0%{transform:rotate(180deg)}50%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@keyframes ds-loader-swing-mirror{0%{transform:rotate(-180deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-180deg)}}@media (prefers-reduced-motion: reduce){.ds-loader__half,.ds-loader__half--b{animation:ds-loader-pulse 2s ease-in-out infinite}@keyframes ds-loader-pulse{0%,100%{opacity:0.4;transform:rotate(0deg)}50%{opacity:1;transform:rotate(0deg)}}}`;
|
|
6
|
+
|
|
7
|
+
const DsLoader = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
size = "md";
|
|
12
|
+
label = "Loading";
|
|
13
|
+
speed = "normal";
|
|
14
|
+
render() {
|
|
15
|
+
const cls = [
|
|
16
|
+
"ds-loader",
|
|
17
|
+
`ds-loader--${this.size}`,
|
|
18
|
+
`ds-loader--speed-${this.speed}`,
|
|
19
|
+
].join(" ");
|
|
20
|
+
return (index.h(index.Host, { key: 'd7017e7e3c970e27bffa30c193abd937c5ec13cd', role: "status", "aria-label": this.label }, index.h("svg", { key: '9eb10695249bc4c833b6347d38226fdc37d4be7d', class: cls, viewBox: "-48 -48 96 96", "aria-hidden": "true", focusable: "false" }, index.h("g", { key: '711ee60648593d216687087c5b2145ec25120bc5', class: "ds-loader__half ds-loader__half--a" }, index.h("path", { key: '9efdc31104b6037a57d7bdc802303938f7285666', d: LOGO_PATH_D, fill: "none", stroke: "currentColor", "stroke-width": "14", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("g", { key: 'fcbeefc154e0e9db5b0378f77dafa3f9c0162e92', class: "ds-loader__half ds-loader__half--b" }, index.h("g", { key: '790b3ec1c4b262352cc383ab6b9f7d5cbb77474b', class: "ds-loader__mirror" }, index.h("path", { key: '694713be37532568852b2de2530cc50c1ff3b8de', d: LOGO_PATH_D, fill: "none", stroke: "currentColor", "stroke-width": "14", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
const LOGO_PATH_D = "M14.09 -27.22 L13.04 -28.53 L11.94 -29.76 L10.78 -30.92 L9.57 -32.01 L8.30 -33.02 L7.00 -33.95 L5.65 -34.80 L4.27 -35.57 L2.85 -36.25 L1.40 -36.84 L-0.07 -37.35 L-1.56 -37.76 L-3.07 -38.08 L-4.59 -38.31 L-6.13 -38.45 L-7.66 -38.50 L-9.20 -38.45 L-10.73 -38.31 L-12.25 -38.08 L-13.76 -37.76 L-15.25 -37.35 L-16.73 -36.84 L-18.17 -36.25 L-19.59 -35.57 L-20.97 -34.80 L-22.32 -33.95 L-23.63 -33.02 L-24.89 -32.01 L-26.10 -30.92 L-27.26 -29.76 L-28.37 -28.53 L-29.41 -27.22 L-30.40 -25.86 L-31.32 -24.42 L-32.17 -22.93 L-32.95 -21.39 L-33.66 -19.79 L-34.30 -18.15 L-34.86 -16.46 L-35.34 -14.73 L-35.74 -12.97 L-36.06 -11.18 L-36.29 -9.35 L-36.44 -7.51 L-36.50 -5.65 L-36.48 -3.77 L-36.37 -1.89 L-36.18 0 L-35.90 1.89 L-35.53 3.77 L-35.07 5.65 L-34.53 7.51 L-33.90 9.35 L-33.18 11.18 L-32.39 12.97 L-31.51 14.73 L-30.55 16.46 L-29.51 18.15 L-28.40 19.79 L-27.21 21.39 L-25.95 22.93 L-24.61 24.42 L-23.22 25.86 L-21.75 27.22 L-20.23 28.53 L-18.64 29.76 L-17.00 30.92 L-15.31 32.01 L-13.57 33.02 L-11.79 33.95 L-9.96 34.80 L-8.10 35.57 L-6.20 36.25 L-4.28 36.84 L-2.33 37.35 L-0.35 37.76 L1.63 38.08 L3.64 38.31 L5.65 38.45 L7.66 38.50 L9.68 38.45 L11.69 38.31 L13.69 38.08 L15.68 37.76 L17.65 37.35 L19.60 36.84 L21.53 36.25 L23.42 35.57 L25.28 34.80 L27.11 33.95 L28.89 33.02 L30.63 32.01 L32.32 30.92 L33.96 29.76 L35.55 28.53 L37.07 27.22";
|
|
24
|
+
DsLoader.style = dsLoaderCss();
|
|
25
|
+
|
|
26
|
+
exports.ds_loader = DsLoader;
|