@kubex/zinc 1.1.41 → 1.1.43

package/dist/custom-elements.json

@@ -3933,8 +3933,9 @@
                 "text": "string"
               },
               "default": "'_blank'",
-              "description": "Where to open the link. Defaults to a new tab.",
-              "attribute": "target"
+              "description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3981,7 +3982,7 @@
                 "text": "string"
               },
               "default": "'_blank'",
-              "description": "Where to open the link. Defaults to a new tab.",
+              "description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
               "fieldName": "target"
             },
             {
@@ -40175,7 +40176,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.41",
+    "version": "1.1.43",
     "author": "",
     "license": "MIT"
   }

package/dist/vscode.html-custom-data.json

@@ -535,7 +535,7 @@
         },
         {
           "name": "target",
-          "description": "Where to open the link. Defaults to a new tab.",
+          "description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
           "values": []
         },
         {

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.41",
+  "version": "1.1.43",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1097,7 +1097,7 @@
             },
             {
               "name": "target",
-              "description": "Where to open the link. Defaults to a new tab.",
+              "description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
               "value": { "type": "string", "default": "'_blank'" }
             },
             {
@@ -1132,7 +1132,7 @@
               },
               {
                 "name": "target",
-                "description": "Where to open the link. Defaults to a new tab.",
+                "description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
                 "type": "string"
               },
               {

package/dist/zn.d.ts

@@ -1627,7 +1627,12 @@ declare module "components/chat-message-attachment/chat-message-attachment.compo
         name: string;
         /** The leading icon name. */
         icon: string;
-        /** Where to open the link. Defaults to a new tab. */
+        /**
+         * Where to open the link. Defaults to a new tab. Reflected so the console's
+         * pagelet link interception (`[href]:not([target])`) skips the host and the
+         * browser handles the click natively (download / new tab) instead of
+         * loading the file URL as a pagelet.
+         */
         target: string;
         /** Prompt a download rather than navigating to the link. */
         download: boolean;

package/dist/zn.min.js

@@ -251,7 +251,7 @@ import{a as _n,b as R1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var Z
           <zn-icon part="icon" class="paperclip@lu" src=${this.icon} size="20"></zn-icon>`:W}
         <span part="label" class="attachment__label"><slot>${this.name}</slot></span>
       </a>
-    `}};Qr.styles=T(hb),Qr.dependencies={"zn-icon":ct},c([p()],Qr.prototype,"href",2),c([p()],Qr.prototype,"name",2),c([p()],Qr.prototype,"icon",2),c([p()],Qr.prototype,"target",2),c([p({type:Boolean})],Qr.prototype,"download",2);var kS=Qr;Qr.define("zn-chat-message-attachment");var ub=A`@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}:host *,:host *::before,:host *::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{display:inline-block;vertical-align:middle}.chip{display:inline-flex;font-size:var(--zn-text-chip-font-size);font-family:var(--zn-font-family-sans);font-weight:var(--zn-text-chip-font-weight);border-radius:var(--zn-border-radius-small);padding-inline:var(--zn-spacing-x-small);padding-block:0;height:var(--zn-spacing-medium);text-align:center;gap:var(--zn-spacing-x-small);width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center;line-height:var(--zn-text-chip-line-height);letter-spacing:var(--zn-letter-spacing-loose);white-space:nowrap}.chip--flush{padding:0;height:auto}.chip--flush-x{padding-inline:0}.chip--flush-y{padding-block:0;height:auto}.chip--primary{color:rgba(var(--zn-primary),0.9);background:rgba(var(--zn-primary),0.1)}.chip--error{color:rgb(var(--zn-color-error));background:rgba(var(--zn-color-error),0.1)}.chip--info{color:rgb(var(--zn-color-info));background:rgba(var(--zn-color-info),0.1)}.chip--warning{color:rgb(var(--zn-color-warning));background:rgba(var(--zn-color-warning),0.1)}.chip--success{color:rgb(var(--zn-color-success));background:rgba(var(--zn-color-success),0.1)}.chip--neutral{color:rgb(var(--zn-text));background:rgba(var(--zn-border-color),0.1)}.chip--transparent{color:rgb(var(--zn-text));background:transparent}.chip--custom{color:rgb(var(--zn-text));background-color:hsl(from var(--chip-color-override,inherit) h s l/0.1)}.chip__value{overflow:hidden;text-overflow:ellipsis;text-transform:var(--zn-text-chip-transform)}.chip__caption{opacity:0.7;font-weight:var(--zn-text-chip-font-weight);text-transform:var(--zn-text-chip-transform)}.chip__caption::after{content:":"}.chip--no-content{padding:var(--zn-spacing-3x-small) var(--zn-spacing-2x-small)}.chip--with-icon{padding-left:var(--zn-spacing-2x-small)}`;var Mr=class extends C{constructor(){super(...arguments);this.icon="";this.caption="";this.iconSize=18;this.type="neutral";this.flush=!1;this.flushX=!1;this.flushY=!1;this.hasSlotController=new J(this,"[default]","action")}render(){let t=this.hasSlotController.test("[default]");return u`
+    `}};Qr.styles=T(hb),Qr.dependencies={"zn-icon":ct},c([p()],Qr.prototype,"href",2),c([p()],Qr.prototype,"name",2),c([p()],Qr.prototype,"icon",2),c([p({reflect:!0})],Qr.prototype,"target",2),c([p({type:Boolean})],Qr.prototype,"download",2);var kS=Qr;Qr.define("zn-chat-message-attachment");var ub=A`@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}:host *,:host *::before,:host *::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{display:inline-block;vertical-align:middle}.chip{display:inline-flex;font-size:var(--zn-text-chip-font-size);font-family:var(--zn-font-family-sans);font-weight:var(--zn-text-chip-font-weight);border-radius:var(--zn-border-radius-small);padding-inline:var(--zn-spacing-x-small);padding-block:0;height:var(--zn-spacing-medium);text-align:center;gap:var(--zn-spacing-x-small);width:-moz-fit-content;width:fit-content;justify-content:center;align-items:center;line-height:var(--zn-text-chip-line-height);letter-spacing:var(--zn-letter-spacing-loose);white-space:nowrap}.chip--flush{padding:0;height:auto}.chip--flush-x{padding-inline:0}.chip--flush-y{padding-block:0;height:auto}.chip--primary{color:rgba(var(--zn-primary),0.9);background:rgba(var(--zn-primary),0.1)}.chip--error{color:rgb(var(--zn-color-error));background:rgba(var(--zn-color-error),0.1)}.chip--info{color:rgb(var(--zn-color-info));background:rgba(var(--zn-color-info),0.1)}.chip--warning{color:rgb(var(--zn-color-warning));background:rgba(var(--zn-color-warning),0.1)}.chip--success{color:rgb(var(--zn-color-success));background:rgba(var(--zn-color-success),0.1)}.chip--neutral{color:rgb(var(--zn-text));background:rgba(var(--zn-border-color),0.1)}.chip--transparent{color:rgb(var(--zn-text));background:transparent}.chip--custom{color:rgb(var(--zn-text));background-color:hsl(from var(--chip-color-override,inherit) h s l/0.1)}.chip__value{overflow:hidden;text-overflow:ellipsis;text-transform:var(--zn-text-chip-transform)}.chip__caption{opacity:0.7;font-weight:var(--zn-text-chip-font-weight);text-transform:var(--zn-text-chip-transform)}.chip__caption::after{content:":"}.chip--no-content{padding:var(--zn-spacing-3x-small) var(--zn-spacing-2x-small)}.chip--with-icon{padding-left:var(--zn-spacing-2x-small)}`;var Mr=class extends C{constructor(){super(...arguments);this.icon="";this.caption="";this.iconSize=18;this.type="neutral";this.flush=!1;this.flushX=!1;this.flushY=!1;this.hasSlotController=new J(this,"[default]","action")}render(){let t=this.hasSlotController.test("[default]");return u`
       <div class="${N({chip:!0,"chip--with-content":t,"chip--no-content":!t,"chip--with-icon":this.icon,"chip--flush":this.flush,"chip--flush-x":this.flushX,"chip--flush-y":this.flushY,"chip--info":this.type==="info","chip--success":this.type==="success","chip--warning":this.type==="warning","chip--error":this.type==="error","chip--primary":this.type==="primary","chip--transparent":this.type==="transparent","chip--custom":this.type==="custom","chip--neutral":this.type==="neutral"})}">
         ${this.icon?u`
           <zn-icon src="${this.icon}" size="${this.iconSize}"></zn-icon>`:""}
@@ -2936,7 +2936,7 @@ ${ua(this.code(r,t))}
 `)!==`
 `&&(this._quill.insertText(o,`
 `,st.sources.USER),o+=1),this._quill.insertEmbed(o,"hr",!0,st.sources.USER),this._quill.insertText(o+1,`
-`,st.sources.USER),this._quill.setSelection(o+1,0,st.sources.USER),this._syncToolbarState()}_openDatePicker(){let t=this._component.shadowRoot;if(!t)return;let o=t.querySelector("zn-button.toolbar__date-dropdown-trigger");if((s=>s?.offsetParent!==null)(o)){o.click();return}let a=t.querySelector("zn-dropdown.toolbar__overflow");if(a){a.show().then();let l=t.querySelector(".toolbar__overflow-menu")?.querySelector('zn-menu-item[data-overflow-source="date"]');l&&(l.dispatchEvent(new MouseEvent("mouseover",{bubbles:!0})),l.focus?.())}}_openDialog(t){let o=this._quill.getModule("dialog")?.component;o&&(o.dialogEl.showModal(),o.setContent(`<app-space id="app-editor-modal" allow-scripts auto-load loading-text="Loading, please wait..." uri="${t}"></app-space>`))}_addImage(){let t=document.createElement("input");t.setAttribute("type","file"),t.setAttribute("accept","image/*"),t.click(),t.onchange=()=>{let o=t.files?.[0];if(!o?.type||!o.type.startsWith("image/"))return;let n=new window.FileReader;n.onload=()=>{let a=n.result,s=this._quill.getSelection(!0),l=s?s.index+s.length:this._quill.getLength();this._quill.insertEmbed(l,"image",a,st.sources.USER);let d=this._quill.root,m=Array.from(d.querySelectorAll("img")).reverse().find(f=>f.getAttribute("src")===a)||null;m&&(m.setAttribute("alt",o.name.replace(/\.[^/.]+$/,"")),m.setAttribute("title",o.name)),this._quill.setSelection(l+1,0,st.sources.USER),this._syncToolbarState();try{this._quill.getModule("attachment")?.addAttachment(o,a)}catch(f){console.warn("[Toolbar] Failed to process image with attachment handler",f)}},n.readAsDataURL(o)}}},Bw=Im;var Vw=A`@charset "UTF-8";/*!
+`,st.sources.USER),this._quill.setSelection(o+1,0,st.sources.USER),this._syncToolbarState()}_openDatePicker(){let t=this._component.shadowRoot;if(!t)return;let o=t.querySelector("zn-button.toolbar__date-dropdown-trigger");if((s=>s?.offsetParent!==null)(o)){o.click();return}let a=t.querySelector("zn-dropdown.toolbar__overflow");if(a){a.show().then();let l=t.querySelector(".toolbar__overflow-menu")?.querySelector('zn-menu-item[data-overflow-source="date"]');l&&(l.dispatchEvent(new MouseEvent("mouseover",{bubbles:!0})),l.focus?.())}}_openDialog(t){let o=this._quill.getModule("dialog")?.component;o&&(o.dialogEl.showModal(),o.setContent(`<app-space id="app-editor-modal" fetch-style="app-space-inline" allow-scripts auto-load loading-text="Loading, please wait..." uri="${t}"></app-space>`))}_addImage(){let t=document.createElement("input");t.setAttribute("type","file"),t.setAttribute("accept","image/*"),t.click(),t.onchange=()=>{let o=t.files?.[0];if(!o?.type||!o.type.startsWith("image/"))return;let n=new window.FileReader;n.onload=()=>{let a=n.result,s=this._quill.getSelection(!0),l=s?s.index+s.length:this._quill.getLength();this._quill.insertEmbed(l,"image",a,st.sources.USER);let d=this._quill.root,m=Array.from(d.querySelectorAll("img")).reverse().find(f=>f.getAttribute("src")===a)||null;m&&(m.setAttribute("alt",o.name.replace(/\.[^/.]+$/,"")),m.setAttribute("title",o.name)),this._quill.setSelection(l+1,0,st.sources.USER),this._syncToolbarState();try{this._quill.getModule("attachment")?.addAttachment(o,a)}catch(f){console.warn("[Toolbar] Failed to process image with attachment handler",f)}},n.readAsDataURL(o)}}},Bw=Im;var Vw=A`@charset "UTF-8";/*!
  * Quill Editor v2.0.3
  * https://quilljs.com
  * Copyright (c) 2017-2024, Slab
@@ -2958,7 +2958,7 @@ ${ua(this.code(r,t))}
       <div id="action-container" class="ql-toolbar ql-snow">
         <slot name="actions"></slot>
       </div>
-    `}};At.styles=T(Vw),c([V("#editor")],At.prototype,"editor",2),c([V("#editorHtml")],At.prototype,"editorHtml",2),c([V("#toolbar")],At.prototype,"toolbar",2),c([p({reflect:!0})],At.prototype,"id",2),c([p()],At.prototype,"name",2),c([p()],At.prototype,"value",2),c([p({attribute:"interaction-type",type:String})],At.prototype,"interactionType",2),c([p({attribute:"attachment-url",type:String})],At.prototype,"uploadAttachmentUrl",2),c([p({attribute:"code-blocks",type:Boolean})],At.prototype,"codeBlocksEnabled",2),c([p({attribute:"dividers",type:Boolean})],At.prototype,"dividersEnabled",2),c([p({attribute:"links",type:Boolean})],At.prototype,"linksEnabled",2),c([p({attribute:"attachments",type:Boolean})],At.prototype,"attachmentsEnabled",2),c([p({attribute:"images",type:Boolean})],At.prototype,"imagesEnabled",2),c([p({attribute:"videos",type:Boolean})],At.prototype,"videosEnabled",2),c([p({attribute:"dates",type:Boolean})],At.prototype,"datesEnabled",2),c([p({attribute:"emojis",type:Boolean})],At.prototype,"emojisEnabled",2),c([p({attribute:"code",type:Boolean})],At.prototype,"codeEnabled",2),c([p({attribute:"ai",type:Boolean})],At.prototype,"aiEnabled",2),c([p({attribute:"ai-path"})],At.prototype,"aiPath",2),c([p({attribute:"store-key",reflect:!0})],At.prototype,"storeKey",2),c([p({attribute:"store-ttl",type:Number,reflect:!0})],At.prototype,"storeTtl",2),c([p({attribute:"local-storage",type:Boolean,reflect:!0})],At.prototype,"localStorage",2);var s6=At;At.define("zn-editor");var Uw=A`@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}:host *,:host *::before,:host *::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 ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:block;position:absolute;overflow:hidden}::backdrop{background-color:var(--zn-backdrop-color,rgba(128,128,128,0.6))}.editor-dialog{background-color:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);width:100%;max-width:975px;max-height:650px;padding:0}.editor-dialog .loading-wrapper{display:flex;flex-direction:column;height:100%;padding:1rem;gap:10px}.editor-dialog__close{position:absolute;top:0;right:0;margin:var(--zn-spacing-small);z-index:10001}.editor-dialog__content{min-height:min(500px,70vh);overflow:auto;box-sizing:border-box}`;var Wo=class extends C{constructor(){super(...arguments);this.hasFocus=!1;this.open=!1;this.uri=""}set editorId(t){this._editorId=t,this.requestUpdate()}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.dialogEl.addEventListener("close",()=>{this.open=!1,this.innerHTML=""})}setContent(t){this.innerHTML=t}handleOpenChange(){this.open?this.addOpenListeners():this.removeOpenListeners()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.dialogEl.close()}_getLoadingState(){return u`
+    `}};At.styles=T(Vw),c([V("#editor")],At.prototype,"editor",2),c([V("#editorHtml")],At.prototype,"editorHtml",2),c([V("#toolbar")],At.prototype,"toolbar",2),c([p({reflect:!0})],At.prototype,"id",2),c([p()],At.prototype,"name",2),c([p()],At.prototype,"value",2),c([p({attribute:"interaction-type",type:String})],At.prototype,"interactionType",2),c([p({attribute:"attachment-url",type:String})],At.prototype,"uploadAttachmentUrl",2),c([p({attribute:"code-blocks",type:Boolean})],At.prototype,"codeBlocksEnabled",2),c([p({attribute:"dividers",type:Boolean})],At.prototype,"dividersEnabled",2),c([p({attribute:"links",type:Boolean})],At.prototype,"linksEnabled",2),c([p({attribute:"attachments",type:Boolean})],At.prototype,"attachmentsEnabled",2),c([p({attribute:"images",type:Boolean})],At.prototype,"imagesEnabled",2),c([p({attribute:"videos",type:Boolean})],At.prototype,"videosEnabled",2),c([p({attribute:"dates",type:Boolean})],At.prototype,"datesEnabled",2),c([p({attribute:"emojis",type:Boolean})],At.prototype,"emojisEnabled",2),c([p({attribute:"code",type:Boolean})],At.prototype,"codeEnabled",2),c([p({attribute:"ai",type:Boolean})],At.prototype,"aiEnabled",2),c([p({attribute:"ai-path"})],At.prototype,"aiPath",2),c([p({attribute:"store-key",reflect:!0})],At.prototype,"storeKey",2),c([p({attribute:"store-ttl",type:Number,reflect:!0})],At.prototype,"storeTtl",2),c([p({attribute:"local-storage",type:Boolean,reflect:!0})],At.prototype,"localStorage",2);var s6=At;At.define("zn-editor");var Uw=A`@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}:host *,:host *::before,:host *::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 ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:block;position:absolute;overflow:hidden}::backdrop{background-color:var(--zn-backdrop-color,rgba(128,128,128,0.6))}.editor-dialog{background-color:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);width:100%;max-width:975px;max-height:650px;padding:0}.editor-dialog .loading-wrapper{display:flex;flex-direction:column;height:100%;padding:1rem;gap:10px}.editor-dialog__close{position:absolute;top:0;right:0;margin:var(--zn-spacing-x-small);z-index:10001}.editor-dialog__content{min-height:min(500px,70vh);overflow:auto;box-sizing:border-box}`;var Wo=class extends C{constructor(){super(...arguments);this.hasFocus=!1;this.open=!1;this.uri=""}set editorId(t){this._editorId=t,this.requestUpdate()}connectedCallback(){super.connectedCallback()}firstUpdated(t){super.firstUpdated(t),this.dialogEl.addEventListener("close",()=>{this.open=!1,this.innerHTML=""})}setContent(t){this.innerHTML=t}handleOpenChange(){this.open?this.addOpenListeners():this.removeOpenListeners()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.dialogEl.close()}_getLoadingState(){return u`
       <div class="loading-wrapper">
         <zn-skeleton height="55px"></zn-skeleton>
         <zn-skeleton height="55px"></zn-skeleton>
@@ -2971,8 +2971,9 @@ ${ua(this.code(r,t))}
               context-data=${JSON.stringify({"editor-id":this._editorId})}>
         <zn-button
           class="editor-dialog__close"
-          icon="close"
-          icon-size="24"
+          icon="x@lu"
+          icon-button="small"
+          icon-size="20"
           type="button"
           color="transparent"
           @click="${()=>this.dialogEl.close()}"

package/package.json

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

package/src/components/chat-message-attachment/chat-message-attachment.component.ts

@@ -37,8 +37,13 @@ export default class ZnChatMessageAttachment extends ZincElement {
   /** The leading icon name. */
   @property() icon: string = 'paperclip@lu';
 
-  /** Where to open the link. Defaults to a new tab. */
-  @property() target: string = '_blank';
+  /**
+   * Where to open the link. Defaults to a new tab. Reflected so the console's
+   * pagelet link interception (`[href]:not([target])`) skips the host and the
+   * browser handles the click natively (download / new tab) instead of
+   * loading the file URL as a pagelet.
+   */
+  @property({reflect: true}) target: string = '_blank';
 
   /** Prompt a download rather than navigating to the link. */
   @property({type: Boolean}) download = false;

package/src/components/chat-message-attachment/chat-message-attachment.test.ts

@@ -28,11 +28,24 @@ describe('<zn-chat-message-attachment>', () => {
         <zn-chat-message-attachment href="#" name="file.pdf"></zn-chat-message-attachment>
       </zn-chat-message>`);
 
-    const row = el.shadowRoot!.querySelector('.message__attachments') as HTMLElement;
+    const row = el.shadowRoot!.querySelector('.message__attachments')!;
     // The row is display:none until something is slotted in; a slotted attachment must reveal it.
     expect(getComputedStyle(row).display).to.not.equal('none');
   });
 
+  it('should reflect target onto the host so pagelet link interception skips it', async () => {
+    const el = await fixture<HTMLElement>(html`
+      <zn-chat-message>
+        <zn-chat-message-attachment href="https://example.com/file.pdf" name="file.pdf"></zn-chat-message-attachment>
+      </zn-chat-message>`);
+
+    const attachment = el.querySelector('zn-chat-message-attachment')!;
+    // The console intercepts clicks on `[href]:not([target])` — without a reflected
+    // target attribute the click is hijacked and the attachment never downloads.
+    expect(attachment.getAttribute('target')).to.equal('_blank');
+    expect(attachment.matches('[href]:not([href^="#"]):not([href=""]):not([target])')).to.be.false;
+  });
+
   it('should render the name in the link', async () => {
     const el = await fixture<HTMLElement>(html`
       <zn-chat-message>

package/src/components/editor/modules/dialog/dialog.component.ts

@@ -96,8 +96,9 @@ export default class DialogComponent extends ZincElement {
               context-data=${JSON.stringify({'editor-id': this._editorId})}>
         <zn-button
           class="editor-dialog__close"
-          icon="close"
-          icon-size="24"
+          icon="x@lu"
+          icon-button="small"
+          icon-size="20"
           type="button"
           color="transparent"
           @click="${() => this.dialogEl.close()}"

package/src/components/editor/modules/dialog/dialog.scss

@@ -32,7 +32,7 @@
     position: absolute;
     top: 0;
     right: 0;
-    margin: var(--zn-spacing-small);
+    margin: var(--zn-spacing-x-small);
     z-index: 10001;
   }
 

package/src/components/editor/modules/toolbar/toolbar.ts

@@ -331,7 +331,7 @@ class Toolbar extends QuillToolbar {
     if (!dialog) return;
 
     dialog.dialogEl.showModal();
-    dialog.setContent(`<app-space id="app-editor-modal" allow-scripts auto-load loading-text="Loading, please wait..." uri="${uri}"></app-space>`);
+    dialog.setContent(`<app-space id="app-editor-modal" fetch-style="app-space-inline" allow-scripts auto-load loading-text="Loading, please wait..." uri="${uri}"></app-space>`);
   }
 
   private _handleOverflowUpdate = () => {