@kumori/aurora-wui-components 0.0.211 → 0.0.212

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,21 +1,8 @@
1
1
  import { LitElement } from 'lit';
2
- import { DeployModalStat } from './parts/deploy-modal-header.js';
3
- export type { DeployModalStat };
4
2
  export declare class DeployModalComponent extends LitElement {
5
3
  static styles: import('lit').CSSResult[];
6
4
  width: string;
7
5
  height: string;
8
- showHeader: boolean;
9
- showFooter: boolean;
10
- modalTitle: string;
11
- descriptionPrefix: string;
12
- descriptionHighlight: string;
13
- descriptionSuffix: string;
14
- stats: DeployModalStat[];
15
- messagePrefix: string;
16
- messageHighlight: string;
17
- messageSuffix: string;
18
- cancelLabel: string;
19
6
  render(): import('lit-html').TemplateResult<1>;
20
7
  }
21
8
  //# sourceMappingURL=deploy-modal-component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"deploy-modal-component.d.ts","sourceRoot":"","sources":["../../../src/components/deploy-modal-component/deploy-modal-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,gCAAgC,CAAC;AACxC,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,qBACa,oBAAqB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,4BAOX;IAE0B,KAAK,SAAgB;IACrB,MAAM,SAAgB;IACrB,UAAU,UAAQ;IAClB,UAAU,UAAQ;IAEnB,UAAU,SAAM;IAChB,iBAAiB,SAAM;IACvB,oBAAoB,SAAM;IAC1B,iBAAiB,SAAM;IACxB,KAAK,EAAE,eAAe,EAAE,CAAM;IAE7B,aAAa,SAAM;IACnB,gBAAgB,SAAM;IACtB,aAAa,SAAM;IACnB,WAAW,SAAY;IAEnD,MAAM;CA8BP"}
1
+ {"version":3,"file":"deploy-modal-component.d.ts","sourceRoot":"","sources":["../../../src/components/deploy-modal-component/deploy-modal-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,gCAAgC,CAAC;AACxC,OAAO,gCAAgC,CAAC;AAExC,qBACa,oBAAqB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,4BAOX;IAE0B,KAAK,SAAgB;IACrB,MAAM,SAAgB;IAElD,MAAM;CAWP"}
@@ -1,11 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
2
  export declare class DeployModalFooter extends LitElement {
3
3
  static styles: import('lit').CSSResult[];
4
- messagePrefix: string;
5
- messageHighlight: string;
6
- messageSuffix: string;
7
- cancelLabel: string;
8
- private _onCancel;
9
4
  render(): import('lit-html').TemplateResult<1>;
10
5
  }
11
6
  //# sourceMappingURL=deploy-modal-footer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"deploy-modal-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/deploy-modal-component/parts/deploy-modal-footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,sCAAsC,CAAC;AAE9C,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAOX;IAE0B,aAAa,SAAM;IACnB,gBAAgB,SAAM;IACtB,aAAa,SAAM;IACnB,WAAW,SAAY;IAEnD,OAAO,CAAC,SAAS;IAIjB,MAAM;CAcP"}
1
+ {"version":3,"file":"deploy-modal-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/deploy-modal-component/parts/deploy-modal-footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAOX;IAEF,MAAM;CASP"}
@@ -1,15 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
- export interface DeployModalStat {
3
- label: string;
4
- value: string;
5
- }
6
2
  export declare class DeployModalHeader extends LitElement {
7
3
  static styles: import('lit').CSSResult[];
8
- modalTitle: string;
9
- descriptionPrefix: string;
10
- descriptionHighlight: string;
11
- descriptionSuffix: string;
12
- stats: DeployModalStat[];
13
4
  render(): import('lit-html').TemplateResult<1>;
14
5
  }
15
6
  //# sourceMappingURL=deploy-modal-header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"deploy-modal-header.d.ts","sourceRoot":"","sources":["../../../../src/components/deploy-modal-component/parts/deploy-modal-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAOX;IAE0B,UAAU,SAAM;IAChB,iBAAiB,SAAM;IACvB,oBAAoB,SAAM;IAC1B,iBAAiB,SAAM;IACxB,KAAK,EAAE,eAAe,EAAE,CAAM;IAEzD,MAAM;CA8BP"}
1
+ {"version":3,"file":"deploy-modal-header.d.ts","sourceRoot":"","sources":["../../../../src/components/deploy-modal-component/parts/deploy-modal-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAOX;IAEF,MAAM;CASP"}
package/dist/index.js CHANGED
@@ -7097,14 +7097,6 @@ AxebowSummaryCard = __decorate([customElement("axebow-summary-card")], AxebowSum
7097
7097
  //#endregion
7098
7098
  //#region src/components/deploy-modal-component/parts/deploy-modal-header.ts
7099
7099
  var DeployModalHeader = class DeployModalHeader extends LitElement {
7100
- constructor(..._args) {
7101
- super(..._args);
7102
- this.modalTitle = "";
7103
- this.descriptionPrefix = "";
7104
- this.descriptionHighlight = "";
7105
- this.descriptionSuffix = "";
7106
- this.stats = [];
7107
- }
7108
7100
  static {
7109
7101
  this.styles = [unsafeCSS(tailwind_default), css`
7110
7102
  :host {
@@ -7115,46 +7107,17 @@ var DeployModalHeader = class DeployModalHeader extends LitElement {
7115
7107
  render() {
7116
7108
  return html`
7117
7109
  <div
7118
- class="w-full h-30.75 box-border px-6 py-4 border-b border-solid border-(--axebow-light-gray) flex flex-col justify-center gap-1"
7110
+ class="w-full h-30.75 box-border px-6 py-4 border-b border-solid border-(--axebow-light-gray) flex flex-col justify-center gap-1 overflow-hidden"
7119
7111
  >
7120
- <h2 class="m-0 text-lg font-bold text-(--axebow-primary) truncate">${this.modalTitle}</h2>
7121
- <div class="flex flex-wrap items-center gap-2 text-(--axebow-gray)">
7122
- <span>
7123
- ${this.descriptionPrefix}
7124
- <strong class="text-(--axebow-primary)">${this.descriptionHighlight}</strong>
7125
- ${this.descriptionSuffix}
7126
- </span>
7127
- ${this.stats.length > 0 ? html`
7128
- <div
7129
- class="bg-white border border-gray-200 rounded-md px-3 py-1 flex items-center gap-3 text-(--axebow-primary)"
7130
- >
7131
- ${this.stats.map((stat, index) => html`
7132
- ${index > 0 ? html`<span class="text-gray-300">|</span>` : ""}
7133
- <span>${stat.label}: <strong>${stat.value}</strong></span>
7134
- `)}
7135
- </div>
7136
- ` : ""}
7137
- </div>
7112
+ <slot></slot>
7138
7113
  </div>
7139
7114
  `;
7140
7115
  }
7141
7116
  };
7142
- __decorate([property({ type: String })], DeployModalHeader.prototype, "modalTitle", void 0);
7143
- __decorate([property({ type: String })], DeployModalHeader.prototype, "descriptionPrefix", void 0);
7144
- __decorate([property({ type: String })], DeployModalHeader.prototype, "descriptionHighlight", void 0);
7145
- __decorate([property({ type: String })], DeployModalHeader.prototype, "descriptionSuffix", void 0);
7146
- __decorate([property({ type: Array })], DeployModalHeader.prototype, "stats", void 0);
7147
7117
  DeployModalHeader = __decorate([customElement("deploy-modal-header")], DeployModalHeader);
7148
7118
  //#endregion
7149
7119
  //#region src/components/deploy-modal-component/parts/deploy-modal-footer.ts
7150
7120
  var DeployModalFooter = class DeployModalFooter extends LitElement {
7151
- constructor(..._args) {
7152
- super(..._args);
7153
- this.messagePrefix = "";
7154
- this.messageHighlight = "";
7155
- this.messageSuffix = "";
7156
- this.cancelLabel = "Cancel";
7157
- }
7158
7121
  static {
7159
7122
  this.styles = [unsafeCSS(tailwind_default), css`
7160
7123
  :host {
@@ -7162,31 +7125,16 @@ var DeployModalFooter = class DeployModalFooter extends LitElement {
7162
7125
  }
7163
7126
  `];
7164
7127
  }
7165
- _onCancel() {
7166
- this.dispatchEvent(new CustomEvent("cancel", {
7167
- bubbles: true,
7168
- composed: true
7169
- }));
7170
- }
7171
7128
  render() {
7172
7129
  return html`
7173
7130
  <div
7174
7131
  class="w-full h-18 box-border px-6 border-t border-solid border-(--axebow-light-gray) flex items-center justify-between gap-4"
7175
7132
  >
7176
- <p class="m-0 text-(--axebow-gray)">
7177
- ${this.messagePrefix}
7178
- <span class="text-(--axebow-primary) font-semibold">${this.messageHighlight}</span>
7179
- ${this.messageSuffix}
7180
- </p>
7181
- <axebow-button variant="danger" outline @click=${this._onCancel}>${this.cancelLabel}</axebow-button>
7133
+ <slot></slot>
7182
7134
  </div>
7183
7135
  `;
7184
7136
  }
7185
7137
  };
7186
- __decorate([property({ type: String })], DeployModalFooter.prototype, "messagePrefix", void 0);
7187
- __decorate([property({ type: String })], DeployModalFooter.prototype, "messageHighlight", void 0);
7188
- __decorate([property({ type: String })], DeployModalFooter.prototype, "messageSuffix", void 0);
7189
- __decorate([property({ type: String })], DeployModalFooter.prototype, "cancelLabel", void 0);
7190
7138
  DeployModalFooter = __decorate([customElement("deploy-modal-footer")], DeployModalFooter);
7191
7139
  //#endregion
7192
7140
  //#region src/components/deploy-modal-component/deploy-modal-component.ts
@@ -7195,17 +7143,6 @@ var DeployModalComponent = class DeployModalComponent extends LitElement {
7195
7143
  super(..._args);
7196
7144
  this.width = "76.1875rem";
7197
7145
  this.height = "44.8125rem";
7198
- this.showHeader = true;
7199
- this.showFooter = true;
7200
- this.modalTitle = "";
7201
- this.descriptionPrefix = "";
7202
- this.descriptionHighlight = "";
7203
- this.descriptionSuffix = "";
7204
- this.stats = [];
7205
- this.messagePrefix = "";
7206
- this.messageHighlight = "";
7207
- this.messageSuffix = "";
7208
- this.cancelLabel = "Cancel";
7209
7146
  }
7210
7147
  static {
7211
7148
  this.styles = [unsafeCSS(tailwind_default), css`
@@ -7217,43 +7154,17 @@ var DeployModalComponent = class DeployModalComponent extends LitElement {
7217
7154
  render() {
7218
7155
  return html`
7219
7156
  <div class="flex flex-col box-border" style="width:${this.width};height:${this.height};">
7220
- ${this.showHeader ? html`
7221
- <deploy-modal-header
7222
- .modalTitle=${this.modalTitle}
7223
- .descriptionPrefix=${this.descriptionPrefix}
7224
- .descriptionHighlight=${this.descriptionHighlight}
7225
- .descriptionSuffix=${this.descriptionSuffix}
7226
- .stats=${this.stats}
7227
- ></deploy-modal-header>
7228
- ` : ""}
7157
+ <slot name="header"></slot>
7229
7158
  <div class="flex-1 min-h-0 overflow-y-auto">
7230
7159
  <slot></slot>
7231
7160
  </div>
7232
- ${this.showFooter ? html`
7233
- <deploy-modal-footer
7234
- .messagePrefix=${this.messagePrefix}
7235
- .messageHighlight=${this.messageHighlight}
7236
- .messageSuffix=${this.messageSuffix}
7237
- .cancelLabel=${this.cancelLabel}
7238
- ></deploy-modal-footer>
7239
- ` : ""}
7161
+ <slot name="footer"></slot>
7240
7162
  </div>
7241
7163
  `;
7242
7164
  }
7243
7165
  };
7244
7166
  __decorate([property({ type: String })], DeployModalComponent.prototype, "width", void 0);
7245
7167
  __decorate([property({ type: String })], DeployModalComponent.prototype, "height", void 0);
7246
- __decorate([property({ type: Boolean })], DeployModalComponent.prototype, "showHeader", void 0);
7247
- __decorate([property({ type: Boolean })], DeployModalComponent.prototype, "showFooter", void 0);
7248
- __decorate([property({ type: String })], DeployModalComponent.prototype, "modalTitle", void 0);
7249
- __decorate([property({ type: String })], DeployModalComponent.prototype, "descriptionPrefix", void 0);
7250
- __decorate([property({ type: String })], DeployModalComponent.prototype, "descriptionHighlight", void 0);
7251
- __decorate([property({ type: String })], DeployModalComponent.prototype, "descriptionSuffix", void 0);
7252
- __decorate([property({ type: Array })], DeployModalComponent.prototype, "stats", void 0);
7253
- __decorate([property({ type: String })], DeployModalComponent.prototype, "messagePrefix", void 0);
7254
- __decorate([property({ type: String })], DeployModalComponent.prototype, "messageHighlight", void 0);
7255
- __decorate([property({ type: String })], DeployModalComponent.prototype, "messageSuffix", void 0);
7256
- __decorate([property({ type: String })], DeployModalComponent.prototype, "cancelLabel", void 0);
7257
7168
  DeployModalComponent = __decorate([customElement("deploy-modal-component")], DeployModalComponent);
7258
7169
  //#endregion
7259
7170
  //#region src/components/deploy-page-body/deploy-page-body.ts
@@ -7288,7 +7199,7 @@ var DeployPageBody = class DeployPageBody extends LitElement {
7288
7199
  }
7289
7200
  render() {
7290
7201
  return html`
7291
- <deploy-modal-component .width=${this.width} .height=${this.height} ?showHeader=${false} ?showFooter=${false}>
7202
+ <deploy-modal-component .width=${this.width} .height=${this.height}>
7292
7203
  <div>
7293
7204
  <h2 class="text-lg text-(--axebow-primary) font-bold mb-4">${this.ownArtifactLabel}</h2>
7294
7205
  <div class="flex flex-row flex-wrap gap-4 mb-4 items-center justify-between">
@@ -7347,7 +7258,7 @@ var CustomHomePageBody = class CustomHomePageBody extends LitElement {
7347
7258
  }
7348
7259
  render() {
7349
7260
  return html`
7350
- <deploy-modal-component .width=${this.width} .height=${this.height} ?showHeader=${false} ?showFooter=${false}>
7261
+ <deploy-modal-component .width=${this.width} .height=${this.height}>
7351
7262
  <div class="flex flex-col gap-6">
7352
7263
  ${this.mobileWarningLabel ? html`
7353
7264
  <div class="sm:hidden block text-center p-4">