@kumori/aurora-wui-components 0.0.264-dev4114.25 → 0.0.264-dev4114.26

package/dist/components/axebow-channel-config-panel/axebow-channel-config-panel.d.ts

@@ -4,7 +4,10 @@ export declare class AxebowChannelConfigPanel extends LitElement {
     empty: boolean;
     channelTypeLabel: string;
     canEditAll: boolean;
+    disabled: boolean;
+    height: string;
     render(): import('lit-html').TemplateResult<1>;
     private _handleDelete;
+    private _handleClose;
 }
 //# sourceMappingURL=axebow-channel-config-panel.d.ts.map

package/dist/components/axebow-channel-config-panel/axebow-channel-config-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-channel-config-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-channel-config-panel/axebow-channel-config-panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAGvC,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BASX;IAC2B,KAAK,UAAQ;IACd,gBAAgB,SAAM;IACrB,UAAU,UAAQ;IAE/C,MAAM;IA2CN,OAAO,CAAC,aAAa;CAGtB"}
+{"version":3,"file":"axebow-channel-config-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-channel-config-panel/axebow-channel-config-panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAGvC,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BASX;IAC2B,KAAK,UAAQ;IACd,gBAAgB,SAAM;IACrB,UAAU,UAAQ;IAClB,QAAQ,UAAS;IAClB,MAAM,SAAU;IAE5C,MAAM;IAqDN,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;CAGrB"}

package/dist/index.js

@@ -6018,6 +6018,8 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
 		this.empty = true;
 		this.channelTypeLabel = "";
 		this.canEditAll = true;
+		this.disabled = false;
+		this.height = "80vh";
 	}
 	static {
 		this.styles = [
@@ -6036,7 +6038,7 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
       <div
         class="bg-white rounded-md axebow-shadow p-2 w-62.5 flex-col gap-3 transition-all duration-300 ease-in-out overflow-hidden
                hidden lg:flex ${this.empty ? "justify-center items-center text-(--axebow-gray)" : ""}"
-        style="height: 80vh;"
+        style="height: ${this.height};"
       >
         ${this.empty ? "" : html`
               <div
@@ -6049,7 +6051,7 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
                   >
                     ${this.channelTypeLabel}
                   </h1>
-                  ${this.canEditAll ? html`
+                  ${this.canEditAll && !this.disabled ? html`
                         <div
                           class="w-4.5 h-4.5 shrink-0 flex items-center justify-center cursor-pointer"
                           @click=${this._handleDelete}
@@ -6057,8 +6059,16 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
                           <axebow-icon iconName="delete" iconColor="var(--axebow-error)" size="base"></axebow-icon>
                         </div>
                       ` : ""}
+                  ${this.disabled ? html`
+                        <div
+                          class="w-4.5 h-4.5 shrink-0 flex items-center justify-center cursor-pointer"
+                          @click=${this._handleClose}
+                        >
+                          <axebow-icon iconName="close" iconColor="var(--axebow-gray)" size="base"></axebow-icon>
+                        </div>
+                      ` : ""}
                 </div>
-                <div class="flex flex-col gap-2 w-full">
+                <div class="flex flex-col gap-2 w-full ${this.disabled ? "pointer-events-none" : ""}">
                   <slot name="name-input"></slot>
                   <slot name="port-input"></slot>
                   <slot name="gateway-toggle"></slot>
@@ -6075,10 +6085,18 @@ var AxebowChannelConfigPanel = class AxebowChannelConfigPanel extends LitElement
 			composed: true
 		}));
 	}
+	_handleClose() {
+		this.dispatchEvent(new CustomEvent("close", {
+			bubbles: true,
+			composed: true
+		}));
+	}
 };
 __decorate([property({ type: Boolean })], AxebowChannelConfigPanel.prototype, "empty", void 0);
 __decorate([property({ type: String })], AxebowChannelConfigPanel.prototype, "channelTypeLabel", void 0);
 __decorate([property({ type: Boolean })], AxebowChannelConfigPanel.prototype, "canEditAll", void 0);
+__decorate([property({ type: Boolean })], AxebowChannelConfigPanel.prototype, "disabled", void 0);
+__decorate([property({ type: String })], AxebowChannelConfigPanel.prototype, "height", void 0);
 AxebowChannelConfigPanel = __decorate([customElement("axebow-channel-config-panel")], AxebowChannelConfigPanel);
 //#endregion
 //#region src/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.ts