@kubex/zinc 1.1.41 → 1.1.42

package/dist/custom-elements.json

@@ -40175,7 +40175,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.42",
     "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.41",
+  "version": "1.1.42",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/zn.min.js

@@ -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.42",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

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;
   }