@kubex/zinc 1.1.148 → 1.1.149

package/dist/custom-elements.json

@@ -53493,7 +53493,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.148",
+    "version": "1.1.149",
     "author": "",
     "license": "MIT"
   }

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.148",
+  "version": "1.1.149",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/zn.min.js

@@ -293,7 +293,7 @@ import{a as Hn,b as z3,c as _r,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var e
           </slot>
         </button>
       </zn-tooltip>
-    `}showStatus(t){let r=t==="success"?this.successIcon:this.errorIcon;this.tooltip.content=t==="success"?"Copied!":"Error!",this.copyIcon.hidden=!0,this.status=t,r.hidden=!1,setTimeout(()=>{this.status="rest",this.copyIcon.hidden=!1,r.hidden=!0,this.tooltip.content=this.copyLabel||"Copy",this.isCopying=!1},1500)}async handleCopy(){if(this.isCopying)return;this.isCopying=!0;let t=this.value||this.textContent;if(this.from){let r=this.getRootNode(),n=this.from.includes("."),a=this.from.includes("[")&&this.from.includes("]"),s=this.from,l="";n?[s,l]=this.from.trim().split("."):a&&([s,l]=this.from.trim().replace(/]$/,"").split("["));let p="getElementById"in r?r.getElementById(s):null;p?a?t=p.getAttribute(l)||"":n?t=p[l]||"":t=p.textContent||"":(console.error("No target element found with id:",s),this.showStatus("error"),this.emit("zn-error"))}if(!t){console.error('No value to copy. Please provide a value or a valid "from" attribute.'),this.showStatus("error"),this.emit("zn-error");return}try{await navigator.clipboard.writeText(t),this.showStatus("success"),this.emit("zn-copy",{detail:{value:t}})}catch(r){console.error("Failed to copy text: ",r),this.showStatus("error"),this.emit("zn-error")}}};or.styles=z(Xv),c([F('slot[name="copy-icon"')],or.prototype,"copyIcon",2),c([F('slot[name="success-icon"')],or.prototype,"successIcon",2),c([F('slot[name="error-icon"')],or.prototype,"errorIcon",2),c([F("zn-tooltip")],or.prototype,"tooltip",2),c([I()],or.prototype,"isCopying",2),c([I()],or.prototype,"status",2),c([d()],or.prototype,"value",2),c([d({attribute:"copy-label"})],or.prototype,"copyLabel",2),c([d()],or.prototype,"src",2),c([d({type:Number,reflect:!0})],or.prototype,"size",2),c([d()],or.prototype,"from",2);var Ou=or;or.define("zn-copy-button");var Jv=()=>new Pu,Pu=class{},Nu=new WeakMap,Vl=yt(class extends yo{render(o){return B}update(o,[i]){let t=i!==this.G;return t&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=i,this.ht=o.options?.host,this.rt(this.ct=o.element)),B}rt(o){if(this.G!==void 0)if(this.isConnected||(o=void 0),typeof this.G=="function"){let i=this.ht??globalThis,t=Nu.get(i);t===void 0&&(t=new WeakMap,Nu.set(i,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,o),o!==void 0&&this.G.call(this.ht,o)}else this.G.value=o}get lt(){return typeof this.G=="function"?Nu.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var ut=class{constructor(i,{target:t,config:r,callback:n,skipInitial:a}){this.t=new Set,this.o=!1,this.i=!1,this.h=i,t!==null&&this.t.add(t??i),this.l=r,this.o=a??this.o,this.callback=n,window.ResizeObserver?(this.u=new ResizeObserver(s=>{this.handleChanges(s),this.h.requestUpdate()}),i.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(i){this.value=this.callback?.(i,this.u)}hostConnected(){for(let i of this.t)this.observe(i)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(i){this.t.add(i),this.u.observe(i,this.l),this.i=!0,this.h.requestUpdate()}unobserve(i){this.t.delete(i),this.u.unobserve(i)}disconnect(){this.u.disconnect()}target(i){return u4(this,i)}},u4=yt(class extends yo{constructor(){super(...arguments),this.observing=!1}render(o,i){}update(o,[i,t]){this.controller=i,this.part=o,this.observe=t,t===!1?(i.unobserve(o.element),this.observing=!1):this.observing===!1&&(i.observe(o.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){this.observe!==!1&&this.observing===!1&&(this.controller?.observe(this.part.element),this.observing=!0)}});var Zv=Symbol(),Ul=class{get taskComplete(){return this.t||(this.i===1?this.t=new Promise(((i,t)=>{this.o=i,this.h=t})):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(i,t,r){this.p=0,this.i=0,(this._=i).addController(this);let n=typeof t=="object"?t:{task:t,args:r};this.v=n.task,this.j=n.args,this.m=n.argsEqual??e0,this.k=n.onComplete,this.A=n.onError,this.autoRun=n.autoRun??!0,"initialValue"in n&&(this.u=n.initialValue,this.i=2,this.O=this.T?.())}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;let i=this.j();if(!Array.isArray(i))throw Error("The args function must return an array");return i}async S(){let i=this.T(),t=this.O;this.O=i,i===t||i===void 0||t!==void 0&&this.m(t,i)||await this.run(i)}async run(i){let t,r;i??(i=this.T()),this.O=i,this.i===1?this.q?.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask((()=>this._.requestUpdate())):this._.requestUpdate();let n=++this.p;this.q=new AbortController;let a=!1;try{t=await this.v(i,{signal:this.q.signal})}catch(s){a=!0,r=s}if(this.p===n){if(t===Zv)this.i=0;else{if(a===!1){try{this.k?.(t)}catch{}this.i=2,this.o?.(t)}else{try{this.A?.(r)}catch{}this.i=3,this.h?.(r)}this.u=t,this.l=r}this._.requestUpdate()}}abort(i){this.i===1&&this.q?.abort(i)}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(i){switch(this.i){case 0:return i.initial?.();case 1:return i.pending?.();case 2:return i.complete?.(this.value);case 3:return i.error?.(this.error);default:throw Error("Unexpected status: "+this.i)}}},e0=(o,i)=>o===i||o.length===i.length&&o.every(((t,r)=>!es(t,i[r])));function t0(o,i){return{top:Math.round(o.getBoundingClientRect().top-i.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-i.getBoundingClientRect().left)}}var Hu=new Set;function m4(){let o=document.documentElement.clientWidth;return Math.abs(window.innerWidth-o)}function r0(o){if(Hu.add(o),!document.body.classList.contains("zn-scroll-lock")){let i=m4();document.body.classList.add("zn-scroll-lock"),document.body.style.setProperty("--zn-scroll-lock-size",`${i}px`)}}function ka(o){Hu.delete(o),Hu.size===0&&(document.body.classList.remove("zn-scroll-lock"),document.body.style.removeProperty("--zn-scroll-lock-size"))}function i0(o,i,t="vertical",r="smooth"){let n=t0(o,i),a=n.top+i.scrollTop,s=n.left+i.scrollLeft,l=i.scrollLeft,p=i.scrollLeft+i.offsetWidth,h=i.scrollTop,m=i.scrollTop+i.offsetHeight;(t==="horizontal"||t==="both")&&(s<l?i.scrollTo({left:s,behavior:r}):s+o.clientWidth>p&&i.scrollTo({left:s-i.offsetWidth+o.clientWidth,behavior:r})),(t==="vertical"||t==="both")&&(a<h?i.scrollTo({top:a,behavior:r}):a+o.clientHeight>m&&i.scrollTo({top:a-i.offsetHeight+o.clientHeight,behavior:r}))}function n0(o){let i=[],t=o;for(;t;)t instanceof Element&&t.scrollTop>0&&i.push(t),t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode;return i}function o0(o,i="auto"){for(let t of o)t.scrollTo({top:0,behavior:i})}var a0=_`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--width:30rem;--header-spacing:var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-medium);--body-spacing:var(--zn-spacing-x-small) var(--zn-spacing-large);--footer-spacing:var(--zn-spacing-large);--icon-background-color:var(--zn-color-primary-200);--icon-color:var(--zn-color-primary-600);--caption-color:var(--zn-color-primary-600);display:contents}.dialog-container{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;border-radius:var(--zn-border-radius);background-color:var(--zn-panel-background-color);margin:2px;overflow:hidden}.dialog__header+.dialog__body{padding-top:0}.dialog{flex-direction:column;z-index:2;width:calc(var(--width) + 1px);overflow:hidden;max-width:calc(100% - var(--zn-spacing-2x-large));max-height:calc(100% - 20vh);background-color:var(--zn-panel-background-color);border-radius:var(--zn-border-radius);box-shadow:var(--zn-shadow-x-large);padding:0;margin:10vh auto}.dialog[open]{display:flex}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{display:flex;flex:1 1 auto;align-items:center;font:inherit;margin:0;width:100%;overflow:hidden}.dialog__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:var(--zn-spacing-x-small);padding:var(--header-spacing)}.dialog__header-actions zn-button,.dialog__header-actions::slotted(zn-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--zn-font-size-medium)}.dialog__label{overflow:hidden;word-break:break-word;display:inline-block}.dialog__body{flex:1 1 auto;min-height:0;display:block;padding:var(--body-spacing);overflow:auto;-webkit-overflow-scrolling:touch;color:var(--zn-color-text-default);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);letter-spacing:var(--zn-tracking-normal);line-height:var(--zn-line-height-dense)}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--footer-spacing)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog{}.dialog--default .dialog__title,.dialog--warning .dialog__title{color:rgb(var(--zn-text-panel-title));font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-font-size-x-large);padding:var(--header-spacing)}.dialog--announcement .dialog__title{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-content:center;color:var(--caption-color);font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-line-height-dense);padding:var(--header-spacing);margin:0}.dialog--default .dialog__title ::slotted(zn-icon),.dialog--warning .dialog__title ::slotted(zn-icon){border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-2x-small);margin-right:var(--zn-spacing-small)}.dialog--announcement .dialog__title ::slotted(zn-icon){--icon-size:var(--zn-font-size-3x-large);border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-medium);margin-bottom:var(--zn-spacing-medium)}.dialog__title ::slotted(zn-icon){background-color:var(--icon-background-color);color:var(--icon-color)}.dialog--warning .dialog__title{--icon-background-color:rgba(var(--zn-color-warning),.3);--icon-color:rgb(var(--zn-color-warning))}.dialog--announcement .dialog__title ::slotted([slot=announcement-intro]){color:var(--zn-color-neutral-800);font-size:var(--zn-font-size-large);font-weight:var(--zn-font-weight-semibold);padding:var(--zn-spacing-medium) 0}.dialog--announcement .dialog__header-actions{display:none}.dialog--announcement .dialog__body{padding:var(--zn-spacing-x-small) var(--zn-spacing-2x-large)}.dialog--announcement .dialog__title,.dialog--announcement .dialog__body,.dialog--announcement .dialog__footer{text-align:center}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small);font-weight:var(--zn-font-weight-normal)}.dialog{}.dialog--small{--width:25rem}.dialog--small .dialog__body{color:rgb(var(--zn-text));padding:var(--body-spacing)}.dialog--medium{--width:30rem}.dialog--large{--width:37.5rem}.dialog{}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){padding:var(--zn-spacing-large)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__body{padding-bottom:var(--zn-spacing-3x-large)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog--cosmic{border:1px solid transparent}.dialog--cosmic:before{content:"";z-index:-1;position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);filter:blur(var(--zn-blur,1px));opacity:0.9;border-radius:var(--zn-border-radius);background-image:conic-gradient(from var(--rotate) at 50% 50%,#71d9ff 0%,#a100ff 22%,#71d9ff 44%,#ff00ce 74%,#71d9ff 94%);animation:rotate-gradient 6s linear infinite}.dialog--cosmic{position:relative;border:none !important}`;var fr=class extends S{constructor(){super(...arguments);this.hasSlotController=new Y(this,"[default]","footer");this.variant="default";this.size="medium";this.open=!1;this.cosmic=!1;this.noHeader=!1;this.closeClickHandler=t=>{if(t.target instanceof HTMLElement&&t.target.hasAttribute("dialog-closer")){this.hide();return}for(let r of t.composedPath()){if(r===this)return;if(r instanceof HTMLElement){if(r.hasAttribute("modal-closer")){this.hide();return}if(r.localName==="zn-dialog"||r.localName==="zn-slideout")return}}}}firstUpdated(t){super.firstUpdated(t),this.open&&this.show()}connectedCallback(){if(super.connectedCallback(),this.addEventListener("click",this.closeClickHandler),this.shadowRoot?.addEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentNode?.querySelector(pr(this.trigger));t&&t.addEventListener("click",()=>this.show())}if(window.CSS.registerProperty)try{window.CSS.registerProperty({inherits:!1,initialValue:"0deg",name:"--rotate",syntax:"<angle>"})}catch{}}disconnectedCallback(){if(super.disconnectedCallback(),this.dialog.close(),ka(this),this.closeWatcher?.destroy(),this.removeEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentElement?.querySelector(pr(this.trigger));t&&t.removeEventListener("click",()=>this.show())}}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.hide()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}show(){this.emit("zn-show"),this.addOpenListeners(),this.open=!0,this.dialog.showModal()}hide(){this.emit("zn-close"),this.removeOpenListeners(),this.open=!1,this.dialog.close()}render(){let t=this.hasSlotController.test("footer");return u`
+    `}showStatus(t){let r=t==="success"?this.successIcon:this.errorIcon;this.tooltip.content=t==="success"?"Copied!":"Error!",this.copyIcon.hidden=!0,this.status=t,r.hidden=!1,setTimeout(()=>{this.status="rest",this.copyIcon.hidden=!1,r.hidden=!0,this.tooltip.content=this.copyLabel||"Copy",this.isCopying=!1},1500)}async handleCopy(){if(this.isCopying)return;this.isCopying=!0;let t=this.value||this.textContent;if(this.from){let r=this.getRootNode(),n=this.from.includes("."),a=this.from.includes("[")&&this.from.includes("]"),s=this.from,l="";n?[s,l]=this.from.trim().split("."):a&&([s,l]=this.from.trim().replace(/]$/,"").split("["));let p="getElementById"in r?r.getElementById(s):null;p?a?t=p.getAttribute(l)||"":n?t=p[l]||"":t=p.textContent||"":(console.error("No target element found with id:",s),this.showStatus("error"),this.emit("zn-error"))}if(!t){console.error('No value to copy. Please provide a value or a valid "from" attribute.'),this.showStatus("error"),this.emit("zn-error");return}try{await navigator.clipboard.writeText(t),this.showStatus("success"),this.emit("zn-copy",{detail:{value:t}})}catch(r){console.error("Failed to copy text: ",r),this.showStatus("error"),this.emit("zn-error")}}};or.styles=z(Xv),c([F('slot[name="copy-icon"')],or.prototype,"copyIcon",2),c([F('slot[name="success-icon"')],or.prototype,"successIcon",2),c([F('slot[name="error-icon"')],or.prototype,"errorIcon",2),c([F("zn-tooltip")],or.prototype,"tooltip",2),c([I()],or.prototype,"isCopying",2),c([I()],or.prototype,"status",2),c([d()],or.prototype,"value",2),c([d({attribute:"copy-label"})],or.prototype,"copyLabel",2),c([d()],or.prototype,"src",2),c([d({type:Number,reflect:!0})],or.prototype,"size",2),c([d()],or.prototype,"from",2);var Ou=or;or.define("zn-copy-button");var Jv=()=>new Pu,Pu=class{},Nu=new WeakMap,Vl=yt(class extends yo{render(o){return B}update(o,[i]){let t=i!==this.G;return t&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=i,this.ht=o.options?.host,this.rt(this.ct=o.element)),B}rt(o){if(this.G!==void 0)if(this.isConnected||(o=void 0),typeof this.G=="function"){let i=this.ht??globalThis,t=Nu.get(i);t===void 0&&(t=new WeakMap,Nu.set(i,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,o),o!==void 0&&this.G.call(this.ht,o)}else this.G.value=o}get lt(){return typeof this.G=="function"?Nu.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var ut=class{constructor(i,{target:t,config:r,callback:n,skipInitial:a}){this.t=new Set,this.o=!1,this.i=!1,this.h=i,t!==null&&this.t.add(t??i),this.l=r,this.o=a??this.o,this.callback=n,window.ResizeObserver?(this.u=new ResizeObserver(s=>{this.handleChanges(s),this.h.requestUpdate()}),i.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(i){this.value=this.callback?.(i,this.u)}hostConnected(){for(let i of this.t)this.observe(i)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(i){this.t.add(i),this.u.observe(i,this.l),this.i=!0,this.h.requestUpdate()}unobserve(i){this.t.delete(i),this.u.unobserve(i)}disconnect(){this.u.disconnect()}target(i){return u4(this,i)}},u4=yt(class extends yo{constructor(){super(...arguments),this.observing=!1}render(o,i){}update(o,[i,t]){this.controller=i,this.part=o,this.observe=t,t===!1?(i.unobserve(o.element),this.observing=!1):this.observing===!1&&(i.observe(o.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){this.observe!==!1&&this.observing===!1&&(this.controller?.observe(this.part.element),this.observing=!0)}});var Zv=Symbol(),Ul=class{get taskComplete(){return this.t||(this.i===1?this.t=new Promise(((i,t)=>{this.o=i,this.h=t})):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(i,t,r){this.p=0,this.i=0,(this._=i).addController(this);let n=typeof t=="object"?t:{task:t,args:r};this.v=n.task,this.j=n.args,this.m=n.argsEqual??e0,this.k=n.onComplete,this.A=n.onError,this.autoRun=n.autoRun??!0,"initialValue"in n&&(this.u=n.initialValue,this.i=2,this.O=this.T?.())}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;let i=this.j();if(!Array.isArray(i))throw Error("The args function must return an array");return i}async S(){let i=this.T(),t=this.O;this.O=i,i===t||i===void 0||t!==void 0&&this.m(t,i)||await this.run(i)}async run(i){let t,r;i??(i=this.T()),this.O=i,this.i===1?this.q?.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask((()=>this._.requestUpdate())):this._.requestUpdate();let n=++this.p;this.q=new AbortController;let a=!1;try{t=await this.v(i,{signal:this.q.signal})}catch(s){a=!0,r=s}if(this.p===n){if(t===Zv)this.i=0;else{if(a===!1){try{this.k?.(t)}catch{}this.i=2,this.o?.(t)}else{try{this.A?.(r)}catch{}this.i=3,this.h?.(r)}this.u=t,this.l=r}this._.requestUpdate()}}abort(i){this.i===1&&this.q?.abort(i)}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(i){switch(this.i){case 0:return i.initial?.();case 1:return i.pending?.();case 2:return i.complete?.(this.value);case 3:return i.error?.(this.error);default:throw Error("Unexpected status: "+this.i)}}},e0=(o,i)=>o===i||o.length===i.length&&o.every(((t,r)=>!es(t,i[r])));function t0(o,i){return{top:Math.round(o.getBoundingClientRect().top-i.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-i.getBoundingClientRect().left)}}var Hu=new Set;function m4(){let o=document.documentElement.clientWidth;return Math.abs(window.innerWidth-o)}function r0(o){if(Hu.add(o),!document.body.classList.contains("zn-scroll-lock")){let i=m4();document.body.classList.add("zn-scroll-lock"),document.body.style.setProperty("--zn-scroll-lock-size",`${i}px`)}}function ka(o){Hu.delete(o),Hu.size===0&&(document.body.classList.remove("zn-scroll-lock"),document.body.style.removeProperty("--zn-scroll-lock-size"))}function i0(o,i,t="vertical",r="smooth"){let n=t0(o,i),a=n.top+i.scrollTop,s=n.left+i.scrollLeft,l=i.scrollLeft,p=i.scrollLeft+i.offsetWidth,h=i.scrollTop,m=i.scrollTop+i.offsetHeight;(t==="horizontal"||t==="both")&&(s<l?i.scrollTo({left:s,behavior:r}):s+o.clientWidth>p&&i.scrollTo({left:s-i.offsetWidth+o.clientWidth,behavior:r})),(t==="vertical"||t==="both")&&(a<h?i.scrollTo({top:a,behavior:r}):a+o.clientHeight>m&&i.scrollTo({top:a-i.offsetHeight+o.clientHeight,behavior:r}))}function n0(o){let i=[],t=o;for(;t;)t instanceof Element&&t.scrollTop>0&&i.push(t),t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode;return i}function o0(o,i="auto"){for(let t of o)t.scrollTo({top:0,behavior:i})}var a0=_`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--width:30rem;--header-spacing:var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-medium);--body-spacing:var(--zn-spacing-x-small) var(--zn-spacing-large);--footer-spacing:var(--zn-spacing-large);--icon-background-color:var(--zn-color-primary-200);--icon-color:var(--zn-color-primary-600);--caption-color:var(--zn-color-primary-600);display:contents}.dialog-container{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;border-radius:var(--zn-border-radius);background-color:var(--zn-panel-background-color);margin:2px;overflow:hidden}.dialog__header+.dialog__body{padding-top:0}.dialog{flex-direction:column;z-index:2;width:calc(var(--width) + 1px);overflow:hidden;max-width:calc(100% - var(--zn-spacing-2x-large));max-height:calc(100% - 20vh);background-color:var(--zn-panel-background-color);border-radius:var(--zn-border-radius);box-shadow:var(--zn-shadow-x-large);padding:0;margin:10vh auto}.dialog[open]{display:flex}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{display:flex;flex:1 1 auto;align-items:center;font:inherit;margin:0;width:100%;overflow:hidden}.dialog__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:var(--zn-spacing-x-small);padding:var(--header-spacing)}.dialog__header-actions zn-button,.dialog__header-actions::slotted(zn-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--zn-font-size-medium)}.dialog__label{overflow:hidden;word-break:break-word;display:inline-block}.dialog__body{flex:1 1 auto;min-height:0;display:block;padding:var(--body-spacing);overflow:auto;-webkit-overflow-scrolling:touch;color:var(--zn-color-text-default);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);letter-spacing:var(--zn-tracking-normal);line-height:var(--zn-line-height-dense)}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--footer-spacing)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog{}.dialog--default .dialog__title,.dialog--warning .dialog__title{color:rgb(var(--zn-text-panel-title));font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-line-height-dense);padding:var(--header-spacing)}.dialog--announcement .dialog__title{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-content:center;color:var(--caption-color);font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-line-height-dense);padding:var(--header-spacing);margin:0}.dialog--default .dialog__title ::slotted(zn-icon),.dialog--warning .dialog__title ::slotted(zn-icon){border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-2x-small);margin-right:var(--zn-spacing-small)}.dialog--announcement .dialog__title ::slotted(zn-icon){--icon-size:var(--zn-font-size-3x-large);border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-medium);margin-bottom:var(--zn-spacing-medium)}.dialog__title ::slotted(zn-icon){background-color:var(--icon-background-color);color:var(--icon-color)}.dialog--warning .dialog__title{--icon-background-color:rgba(var(--zn-color-warning),.3);--icon-color:rgb(var(--zn-color-warning))}.dialog--announcement .dialog__title ::slotted([slot=announcement-intro]){color:var(--zn-color-neutral-800);font-size:var(--zn-font-size-large);font-weight:var(--zn-font-weight-semibold);padding:var(--zn-spacing-medium) 0}.dialog--announcement .dialog__header-actions{display:none}.dialog--announcement .dialog__body{padding:var(--zn-spacing-x-small) var(--zn-spacing-2x-large)}.dialog--announcement .dialog__title,.dialog--announcement .dialog__body,.dialog--announcement .dialog__footer{text-align:center}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small);font-weight:var(--zn-font-weight-normal)}.dialog{}.dialog--small{--width:25rem}.dialog--small .dialog__body{color:rgb(var(--zn-text));padding:var(--body-spacing)}.dialog--medium{--width:30rem}.dialog--large{--width:37.5rem}.dialog{}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){padding:var(--zn-spacing-large)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__body{padding-bottom:var(--zn-spacing-3x-large)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog--cosmic{border:1px solid transparent}.dialog--cosmic:before{content:"";z-index:-1;position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);filter:blur(var(--zn-blur,1px));opacity:0.9;border-radius:var(--zn-border-radius);background-image:conic-gradient(from var(--rotate) at 50% 50%,#71d9ff 0%,#a100ff 22%,#71d9ff 44%,#ff00ce 74%,#71d9ff 94%);animation:rotate-gradient 6s linear infinite}.dialog--cosmic{position:relative;border:none !important}`;var fr=class extends S{constructor(){super(...arguments);this.hasSlotController=new Y(this,"[default]","footer");this.variant="default";this.size="medium";this.open=!1;this.cosmic=!1;this.noHeader=!1;this.closeClickHandler=t=>{if(t.target instanceof HTMLElement&&t.target.hasAttribute("dialog-closer")){this.hide();return}for(let r of t.composedPath()){if(r===this)return;if(r instanceof HTMLElement){if(r.hasAttribute("modal-closer")){this.hide();return}if(r.localName==="zn-dialog"||r.localName==="zn-slideout")return}}}}firstUpdated(t){super.firstUpdated(t),this.open&&this.show()}connectedCallback(){if(super.connectedCallback(),this.addEventListener("click",this.closeClickHandler),this.shadowRoot?.addEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentNode?.querySelector(pr(this.trigger));t&&t.addEventListener("click",()=>this.show())}if(window.CSS.registerProperty)try{window.CSS.registerProperty({inherits:!1,initialValue:"0deg",name:"--rotate",syntax:"<angle>"})}catch{}}disconnectedCallback(){if(super.disconnectedCallback(),this.dialog.close(),ka(this),this.closeWatcher?.destroy(),this.removeEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentElement?.querySelector(pr(this.trigger));t&&t.removeEventListener("click",()=>this.show())}}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.hide()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}show(){this.emit("zn-show"),this.addOpenListeners(),this.open=!0,this.dialog.showModal()}hide(){this.emit("zn-close"),this.removeOpenListeners(),this.open=!1,this.dialog.close()}render(){let t=this.hasSlotController.test("footer");return u`
       <dialog
         part="base"
         role="alertdialog"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.148",
+  "version": "1.1.149",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/dialog/dialog.scss

@@ -114,7 +114,7 @@
     font-size: var(--zn-font-size-x-large);
     font-weight: var(--zn-font-weight-semibold);
     letter-spacing: var(--zn-letter-spacing-normal);
-    line-height: var(--zn-font-size-x-large);
+    line-height: var(--zn-line-height-dense);
     padding: var(--header-spacing);
   }