@diwacopilot/components 1.1.1 → 1.2.1

package/dist/diwa-components/p-3646d89c.entry.js

@@ -0,0 +1 @@
+import{r as s,c as t,h as i,H as e,a}from"./p-rIMpxxZG.js";import{g as h}from"./p-BwlWwC6a.js";import"./p-C8h0Vfqp.js";const d=class{constructor(i){s(this,i),this.change=t(this,"change",7),this.input=t(this,"input",7),this.blur=t(this,"blur",3),this.focus=t(this,"focus",3),this._hasStart=!1,this._hasEnd=!1,this.label="",this.description="",this.message="",this.state="none",this.name="",this.value="",this.placeholder="",this.disabled=!1,this.required=!1,this.readonly=!1,this.hideLabel=!1,this.compact=!1,this.theme="dark",this.handleInput=s=>{this.value=s.target.value,this.input.emit(this.value)},this.handleChange=s=>{this.value=s.target.value,this.change.emit(this.value)},this.handleBlur=s=>{this.blur.emit(s)},this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]'),this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input",t="desc";return i(e,{key:"b4f8682b78caaac783e5ad162de7b478b7d4fc23","data-theme":this.theme},i("style",{key:"f9923a8baab1f25596ecae28d5ab0baeef994a68",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,!1)}),i("div",{key:"c046d583174983807353668a326ce4523add50b0",class:"root"},!this.hideLabel&&this.label&&i("div",{key:"801af990d4911d2a18a75f9b9928370104d57045",class:"label-row"},i("label",{key:"aa4517f5547742454601b0294e43e44cddfd6c49",class:"label",htmlFor:s},this.label,this.required&&i("span",{key:"4e2cbbbd13de2c0ca16c07c367793dc9c02f79e4",class:"required","aria-hidden":"true"}," *")),i("slot",{key:"5dea4480281cbcba2ffc13ab76dd5976f4f25a58",name:"label-after"})),i("div",{key:"adcc078f982ce097689f7d0a0625536f4ec3168c",class:"input-wrapper"},this._hasStart&&i("div",{key:"6b9c6841af7da338cf3fa0eb4ee5393e276ec79b",class:"slot-start"},i("slot",{key:"6b270d34c9d90240c7c1d31343ca63e3f40b3388",name:"start"})),i("input",{key:"1d57c501e13aedc773338ad3b33634120db4f0e6",id:s,class:"input",type:"number",name:this.name||void 0,value:this.value,placeholder:this.placeholder||void 0,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:void 0!==this.min?String(this.min):void 0,max:void 0!==this.max?String(this.max):void 0,step:void 0!==this.step?String(this.step):void 0,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:void 0,"aria-invalid":"error"===this.state?"true":void 0,"aria-required":this.required?"true":void 0,"aria-describedby":this.message?"msg":this.description?t:void 0,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&i("div",{key:"9400a3f7dd14cd75b4429137da53949ac1d113eb",class:"slot-end"},i("slot",{key:"2c44c8873d404c5693d38e4beb2878ebe4a90be9",name:"end"}))),!this.message&&this.description&&i("p",{key:"59028396a49bf08492497f792af3a74f45360366",id:t,class:"description"},this.description),this.message&&i("p",{key:"3117e747339600533d27520fd7062dec5d116d14",id:"msg",class:"message"},this.message)))}static get delegatesFocus(){return!0}get el(){return a(this)}};export{d as diwa_input_number}

package/dist/diwa-components/p-381a9636.entry.js

@@ -0,0 +1 @@
+import{r as n,c as a,h as e,H as i}from"./p-rIMpxxZG.js";import{a as t}from"./p-C8h0Vfqp.js";const d=class{constructor(e){n(this,e),this.dismiss=a(this,"dismiss",1),this.savedFocusEl=null,this.theme="dark",this.open=!1,this.position="end",this.backdrop="blur",this.heading="",this.handleDismiss=()=>{this.dismiss.emit()}}onOpenChange(n){var a;n?(document.body.style.overflow="hidden",this.savedFocusEl=document.activeElement,requestAnimationFrame((()=>{var n;null===(n=this.panelEl)||void 0===n||n.focus()}))):(document.body.style.overflow="",null===(a=this.savedFocusEl)||void 0===a||a.focus(),this.savedFocusEl=null)}disconnectedCallback(){document.body.style.overflow=""}onKeyDown(n){this.open&&"Escape"===n.key&&(n.preventDefault(),this.dismiss.emit())}render(){return e(i,{key:"067e67fe0994d726754e6553d92a03b71981b218","data-theme":this.theme},e("style",{key:"2697a0d6d7f205b12cf0e16df31a5302cc7792a9"},`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    position: fixed;\n    inset: 0;\n    z-index: var(--diwa-z-overlay);\n    pointer-events: ${(n=this.open)?"auto":"none"};\n    visibility: ${n?"visible":"hidden"};\n    transition: visibility 0s linear ${n?"0s":"var(--diwa-motion-duration-moderate)"};\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Backdrop ──────────────────────────────────────────────────────── */\n\n  .backdrop {\n    position: absolute;\n    inset: 0;\n    ${"blur"===this.backdrop?"\n    background: var(--diwa-bg-frosted);\n    backdrop-filter: blur(var(--diwa-blur-lg));\n    -webkit-backdrop-filter: blur(var(--diwa-blur-lg));":"\n    background: var(--diwa-bg-shading);"}\n    opacity: ${n?"1":"0"};\n    transition: opacity var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out);\n    cursor: pointer;\n  }\n\n  /* ── Panel ─────────────────────────────────────────────────────────── */\n\n  .panel {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    ${"start"===(a=this.position)?"left: 0;":"right: 0;"}\n    width: var(--diwa-flyout-width, 480px);\n    min-width: var(--diwa-flyout-min-width);\n    max-width: 100vw;\n    display: flex;\n    flex-direction: column;\n    background: var(--diwa-bg-surface);\n    border-${"start"===a?"right":"left"}: var(--diwa-border-width-thin) solid var(--diwa-border);\n    transform: translateX(${n?"0":"start"===a?"-100%":"100%"});\n    transition: transform var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-base);\n    overflow: hidden;\n    outline: none;\n  }\n\n  /* ── Header ────────────────────────────────────────────────────────── */\n\n  .header {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-5) var(--diwa-space-6);\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n  }\n\n  .heading-text {\n    flex: 1;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n    font-size: var(--diwa-font-size-xl);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* ── Scrollable content ────────────────────────────────────────────── */\n\n  .content {\n    flex: 1;\n    overflow-y: auto;\n    padding: var(--diwa-space-6);\n    overscroll-behavior: contain;\n  }\n\n  /* ── Sticky footer ─────────────────────────────────────────────────── */\n\n  .footer {\n    flex-shrink: 0;\n    padding: var(--diwa-space-4) var(--diwa-space-6);\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border); {\n    display: none;\n  }\n\n  ${t(".panel",".backdrop")}\n`),e("div",{key:"fbd2f50b7ffcf9329d59cdf0097ab620d689d42b",class:"backdrop","aria-hidden":"true",onClick:this.handleDismiss}),e("div",{key:"efc5f3d46f43b92ea438ceb8f290650851373060",class:"panel",role:"dialog","aria-modal":"true","aria-label":this.heading||"Flyout",tabIndex:-1,ref:n=>{this.panelEl=n}},e("div",{key:"2870307396623b837ba1a3dbac79c0fa6dfc60ea",class:"header"},e("span",{key:"7b331d1bbe9852cfab2f432f5549cb9b683e63b4",class:"heading-text"},this.heading),e("slot",{key:"5f4893f77513909bfecf12efe55d9ccfe9777a68",name:"header"}),e("diwa-button-pure",{key:"603aedc73fe95dd50e331f1e85cc005c143a2362",icon:"x",label:"Close flyout",size:"sm",hideLabel:!0,onClick:this.handleDismiss})),e("div",{key:"01ece4db2102e3b76287194021b7da059ed4cb7f",class:"content"},e("slot",{key:"43f4639680b69de1285beab4584caa21ef71cfb7"})),e("div",{key:"22c72dbb2f0c2f71d699e6ef027c6b13cf3ce6dc",class:"footer"},e("slot",{key:"6ee08ebb96caa923054e6b4298f419e44e4b003f",name:"footer"}))));var n,a}static get watchers(){return{open:[{onOpenChange:0}]}}};export{d as diwa_flyout}

package/dist/diwa-components/p-42c2e78f.entry.js

@@ -0,0 +1 @@
+import{r as n,h as a,H as e,a as t}from"./p-rIMpxxZG.js";import{b as i,a as r}from"./p-C8h0Vfqp.js";const o=class{constructor(a){n(this,a),this.theme="dark",this.variant="primary",this.size="md",this.type="button",this.disabled=!1,this.loading=!1,this.hideLabel=!1,this.icon="none",this.handleClick=n=>{this.isInteractive||(n.preventDefault(),n.stopPropagation())}}get isInteractive(){return!this.disabled&&!this.loading}get iconSize(){return"sm"===this.size?16:"lg"===this.size?24:20}render(){const n=!!this.href,t=n?"a":"button",o=((n,a,e,t)=>{const i={};return e&&(i["aria-label"]=e),a&&(i["aria-busy"]="true"),t&&(n||a)&&(i["aria-disabled"]="true"),i})(this.disabled,this.loading,this.label,n),d=Object.assign({class:"inner",onClick:this.handleClick},o),s=n?{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,tabIndex:this.disabled||this.loading?-1:void 0}:{type:this.type,name:this.name,value:this.value,disabled:this.disabled||this.loading};return a(e,{key:"40eee896f96707aa7e552ecb4a1dd9329dae5ec4","data-theme":this.theme,role:n?void 0:"button","aria-disabled":(this.disabled||this.loading)&&n?"true":void 0},a("style",{key:"d41a20f5d58d5408efeec81ea452d1bf4c160cbe",innerHTML:`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Inner element (the real <button> or <a> in Shadow DOM) ─────────── */\n\n  .inner {\n    /* Layout */\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--diwa-space-2);\n\n    /* Sizing defaults (md) */\n    height: var(--diwa-button-height, 40px);\n    padding: 0 var(--diwa-button-padding-x, 16px);\n    box-sizing: border-box;\n    width: 100%;\n\n    /* Shape */\n    border-radius: var(--diwa-button-radius, var(--diwa-radius-md));\n    border: var(--diwa-border-width-thin) solid transparent;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-button-font-weight, var(--diwa-font-weight-medium));\n    font-family: inherit;\n    line-height: 1;\n    white-space: nowrap;\n    text-decoration: none;\n\n    /* Interaction */\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    position: relative;\n\n    /* Motion */\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n\n    /* Reset native button styles */\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${i(".inner")}\n\n  /* ── Variant: primary ───────────────────────────────────────────────── */\n\n  :host([variant="primary"]) .inner {\n    background-color: var(--diwa-button-bg, var(--diwa-accent));\n    color: var(--diwa-button-color, var(--diwa-text-inverse));\n    border-color: transparent;\n  }\n\n  :host([variant="primary"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-button-bg-hover, var(--diwa-accent-hover));\n  }\n\n  :host([variant="primary"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-accent-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: secondary ─────────────────────────────────────────────── */\n\n  :host([variant="secondary"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n  }\n\n  :host([variant="secondary"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-accent-bg);\n    border-color: var(--diwa-accent-hover);\n  }\n\n  :host([variant="secondary"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-accent-muted);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: ghost ─────────────────────────────────────────────────── */\n\n  :host([variant="ghost"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-text-secondary);\n    border-color: transparent;\n  }\n\n  :host([variant="ghost"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-bg-hover);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([variant="ghost"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-bg-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: danger ────────────────────────────────────────────────── */\n\n  :host([variant="danger"]) .inner {\n    background-color: var(--diwa-danger);\n    color: var(--diwa-text-inverse);\n    border-color: transparent;\n  }\n\n  :host([variant="danger"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-danger-hover);\n  }\n\n  :host([variant="danger"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-danger-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Size: sm ───────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .inner {\n    height: var(--diwa-button-height-sm, 32px);\n    padding: 0 var(--diwa-button-padding-x-sm, 10px);\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── Size: lg ───────────────────────────────────────────────────────── */\n\n  :host([size="lg"]) .inner {\n    height: var(--diwa-button-height-lg, 44px);\n    padding: 0 var(--diwa-space-10);\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .inner,\n  .inner:disabled {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── State: loading ─────────────────────────────────────────────────── */\n\n  :host([loading]) .inner {\n    cursor: wait;\n    pointer-events: none;\n  }\n\n  /* ── Spinner ────────────────────────────────────────────────────────── */\n\n  .spinner {\n    width: var(--diwa-spinner-size-sm);\n    height: var(--diwa-spinner-size-sm);\n    flex-shrink: 0;\n    border: var(--diwa-border-width-base) solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: diwa-spin var(--diwa-spinner-duration, 0.7s) linear infinite;\n  }\n\n  @keyframes diwa-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  /* ── Icon slots ─────────────────────────────────────────────────────── */\n\n  .icon-start,\n  .icon-end {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* ── Icon-only mode ─────────────────────────────────────────────────── */\n\n  :host([hide-label]) .inner {\n    width: var(--diwa-button-height, 40px);\n    padding: 0;\n  }\n\n  :host([hide-label][size="sm"]) .inner {\n    width: var(--diwa-button-height-sm, 32px);\n  }\n\n  :host([hide-label][size="lg"]) .inner {\n    width: var(--diwa-button-height-lg, 44px);\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".inner",".label",".spinner")}\n`}),a(t,Object.assign({key:"e4cb9b0f3b1d581803cee8a82ca9d838c48dd5f2"},d,s,{part:"base"}),this.loading&&a("span",{key:"d57fe6c27bd115e73f136003e9cb3c3de494020e",class:"spinner","aria-hidden":"true",part:"spinner"}),a("span",{key:"bfdcd738e1b4541bae233a7be5804d1ba4fc02df",class:"icon-start",part:"icon-start","aria-hidden":"true"},"none"!==this.icon&&!this.loading&&a("diwa-icon",{key:"674cf3892909a537d376dfb17bc4e14e6e5343ff",name:this.icon,size:this.iconSize}),a("slot",{key:"8bf7e06b4eab2814dccec4996a38f7fce76dedf9",name:"icon-start"})),a("span",{key:"efa94bbd8858dba301646d8f072dac475cf16fc5",class:"label"+(this.hideLabel?" label--hidden":""),part:"label"},a("slot",{key:"c296751f944fae738500ada889f0e057f6919e1f"})),a("span",{key:"d057b75d8cf65aafc87d0b3996e0a024fff3e4f0",class:"icon-end",part:"icon-end","aria-hidden":"true"},a("slot",{key:"b329bec720506f3b322c244cbf31139a57514a03",name:"icon-end"}))))}static get delegatesFocus(){return!0}get host(){return t(this)}};export{o as diwa_button}