@kumori/aurora-wui-components 0.0.314-dev4590 → 0.0.314-dev4590.2

package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts

@@ -38,6 +38,10 @@ export declare class AxebowModalsConfirmation extends LitElement {
     canClose: boolean;
     entityName: string;
     headerGap: string;
+    footerGap: string;
+    footerIndent: string;
+    headerHeight?: string;
+    panelHeight?: string;
     private _providerUsername;
     private _providerPassword;
     private _domain;

package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-modals-confirmation.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-modals-confirmation/axebow-modals-confirmation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,2DAA2D,CAAC;AACnE,OAAO,yDAAyD,CAAC;AACjE,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AAEjE,OAAO,KAAK,EACV,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EAErB,MAAM,wCAAwC,CAAC;AAEhD;;;;;;;GAOG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BA+IX;IAG0C,IAAI,UAAQ;IAC3B,MAAM,UAAS;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,oBAAoB,CAAa;IAC3C,MAAM,EAAE,kBAAkB,CAAgB;IAE1C,WAAW,SAAmB;IAC1D,4BAA4B;IAC5B,IACI,UAAU,IAAI,MAAM,CAEvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAE2B,QAAQ,SAAM;IAEb,eAAe,UAAQ;IACvB,QAAQ,UAAQ;IAChB,aAAa,UAAS;IACvB,aAAa,SAAgB;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,UAAQ;IAClB,gBAAgB,UAAQ;IACxB,cAAc,UAAQ;IACvB,mBAAmB,SAAsB;IACzC,iBAAiB,SAAoB;IACrC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,UAAS;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,UAAS;IAE9B,QAAQ,UAAQ;IACjB,UAAU,SAAiB;IAC3B,SAAS,SAAU;IAGtC,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,aAAa,CAAS;IAGX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C;;;;;;OAMG;IACH,OAAO,KAAK,eAAe,GAoB1B;IAED;;OAEG;IACI,WAAW,IAAI,oBAAoB;IAS1C;;OAEG;IACI,SAAS,IAAI,IAAI;IAQxB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAY7B;;OAEG;IACH,OAAO,CAAC,aAAa;IAyCrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAsFnB;;OAEG;IACH,OAAO,CAAC,aAAa;IA2ErB;;OAEG;IACH,OAAO,CAAC,cAAc;IAYtB,MAAM;CA4BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,wBAAwB,CAAC;KACxD;CACF"}
+{"version":3,"file":"axebow-modals-confirmation.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-modals-confirmation/axebow-modals-confirmation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAsB,MAAM,KAAK,CAAC;AAEhE,OAAO,2DAA2D,CAAC;AACnE,OAAO,yDAAyD,CAAC;AACjE,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AAEjE,OAAO,KAAK,EACV,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EAErB,MAAM,wCAAwC,CAAC;AAEhD;;;;;;;GAOG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BAiJX;IAG0C,IAAI,UAAQ;IAC3B,MAAM,UAAS;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,oBAAoB,CAAa;IAC3C,MAAM,EAAE,kBAAkB,CAAgB;IAE1C,WAAW,SAAmB;IAC1D,4BAA4B;IAC5B,IACI,UAAU,IAAI,MAAM,CAEvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAE2B,QAAQ,SAAM;IAEb,eAAe,UAAQ;IACvB,QAAQ,UAAQ;IAChB,aAAa,UAAS;IACvB,aAAa,SAAgB;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,UAAQ;IAClB,gBAAgB,UAAQ;IACxB,cAAc,UAAQ;IACvB,mBAAmB,SAAsB;IACzC,iBAAiB,SAAoB;IACrC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,UAAS;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,UAAS;IAE9B,QAAQ,UAAQ;IACjB,UAAU,SAAiB;IAC3B,SAAS,SAAU;IACnB,SAAS,SAAU;IACnB,YAAY,SAAe;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGxC,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,iBAAiB,CAAM;IAC/B,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,aAAa,CAAS;IAGX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C;;;;;;OAMG;IACH,OAAO,KAAK,eAAe,GAoB1B;IAED;;OAEG;IACI,WAAW,IAAI,oBAAoB;IAS1C;;OAEG;IACI,SAAS,IAAI,IAAI;IAQxB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAY7B;;OAEG;IACH,OAAO,CAAC,aAAa;IA8CrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAsFnB;;OAEG;IACH,OAAO,CAAC,aAAa;IA2ErB;;OAEG;IACH,OAAO,CAAC,cAAc;IAatB,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,wBAAwB,CAAC;KACxD;CACF"}

package/dist/index.js

@@ -2465,7 +2465,7 @@ var AxebowInputBase = class extends LitElement {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        margin-bottom: 0.25rem;
+        margin-bottom: var(--axebow-input-fixed-label-gap, 0.25rem);
       }
       .fixed-field .field-description {
         width: 100%;
@@ -4780,6 +4780,8 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
 		this.canClose = true;
 		this.entityName = "entity-name";
 		this.headerGap = "2rem";
+		this.footerGap = "2rem";
+		this.footerIndent = "2.9375rem";
 		this._providerUsername = "";
 		this._providerPassword = "";
 		this._domain = "";
@@ -4801,6 +4803,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
         padding: 0;
         width: 100%;
         max-width: var(--axebow-confirmation-modal-max-width, 579px);
+        height: var(--axebow-confirmation-modal-height, auto);
         overflow: hidden;
       }
 
@@ -4825,6 +4828,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
         padding: 24px;
         width: 100%;
         max-width: var(--axebow-confirmation-modal-max-width, 579px);
+        height: var(--axebow-confirmation-modal-height, auto);
         box-sizing: border-box;
       }
 
@@ -5044,8 +5048,9 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
 	*/
 	_renderHeader() {
 		const { icon, iconColor } = this._severityConfig;
+		const rowHeight = this.headerHeight;
 		return html`
-      <div class="flex items-start justify-between w-full">
+      <div class="flex items-start justify-between w-full" style=${rowHeight ? `height: ${rowHeight};` : nothing}>
         <div class="flex items-start gap-4 min-w-0 flex-1">
           ${this.showIconOnTitle ? html`
                 <div class="shrink-0 flex items-center justify-center w-8 h-8">
@@ -5053,7 +5058,10 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
                 </div>
               ` : html`<div class="shrink-0 w-8 h-8" aria-hidden="true"></div>`}
           <div class="flex flex-col gap-6 flex-1 min-w-0">
-            <h3 class="m-0 text-xl font-semibold text-black leading-tight truncate">
+            <h3
+              class="m-0 text-xl font-semibold text-black leading-tight truncate"
+              style=${rowHeight ? `line-height: ${rowHeight};` : nothing}
+            >
               ${this.popUpTittle}
             </h3>
             ${this.textBody ? html`<p class="m-0 text-sm text-black font-normal leading-relaxed">${this.textBody}</p>` : ""}
@@ -5067,6 +5075,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
                 type="button"
                 class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-(--axebow-gray) hover:text-(--axebow-error) transition-colors ml-4"
                 aria-label="Close dialog"
+                style=${rowHeight ? `height: ${rowHeight};` : nothing}
                 @click=${this._handleClose}
               >
                 <axebow-icon iconName="cancel" iconColor="currentColor" size="2xl"></axebow-icon>
@@ -5170,7 +5179,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
 		const primaryVariant = isDestructive ? "danger" : "primary";
 		const secondaryVariant = isDestructive ? "danger" : "primary";
 		return html`
-      <div class="pl-11.75 w-full flex items-center justify-between gap-4 box-border">
+      <div class="w-full flex items-center justify-between gap-4 box-border" style="padding-left: ${this.footerIndent};">
         <slot name="footer">
           <!-- Optional Hyperlink -->
           <div>
@@ -5230,8 +5239,9 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
 	* Renders the complete modal content layout (flex column, gap 32px)
 	*/
 	_renderContent() {
+		const fill = this.panelHeight ? "min-height: 100%; justify-content: space-between;" : "";
 		return html`
-      <div class="flex flex-col gap-8 w-full">
+      <div class="flex flex-col w-full" style="gap: ${this.footerGap}; ${fill}">
         <div class="flex flex-col w-full" style="gap: ${this.headerGap};">
           ${this._renderHeader()}
           ${this._renderForm()}
@@ -5241,7 +5251,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
     `;
 	}
 	render() {
-		const hostStyle = `${this.backgroundColor ? `--axebow-confirmation-modal-bg: ${this.backgroundColor}; background-color: ${this.backgroundColor};` : ""}${this.maxWidth ? `--axebow-confirmation-modal-max-width: ${this.maxWidth};` : ""}`;
+		const hostStyle = `${this.backgroundColor ? `--axebow-confirmation-modal-bg: ${this.backgroundColor}; background-color: ${this.backgroundColor};` : ""}${this.maxWidth ? `--axebow-confirmation-modal-max-width: ${this.maxWidth};` : ""}${this.panelHeight ? `--axebow-confirmation-modal-height: ${this.panelHeight};` : ""}`;
 		if (this.inline) return html`
         <div class="modal-card" style=${hostStyle}>
           ${this._renderContent()}
@@ -5292,6 +5302,10 @@ __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "p
 __decorate([property({ type: Boolean })], AxebowModalsConfirmation.prototype, "canClose", void 0);
 __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "entityName", void 0);
 __decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "headerGap", void 0);
+__decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "footerGap", void 0);
+__decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "footerIndent", void 0);
+__decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "headerHeight", void 0);
+__decorate([property({ type: String })], AxebowModalsConfirmation.prototype, "panelHeight", void 0);
 __decorate([state()], AxebowModalsConfirmation.prototype, "_providerUsername", void 0);
 __decorate([state()], AxebowModalsConfirmation.prototype, "_providerPassword", void 0);
 __decorate([state()], AxebowModalsConfirmation.prototype, "_domain", void 0);