@kumori/aurora-wui-components 0.0.264-dev4114.29 → 0.0.264-dev4114.30

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.
@@ -23,6 +23,8 @@ export declare class AxebowObservabilityContainer extends LitElement {
23
23
  cleanHistoryLabel: string;
24
24
  followLogs: boolean;
25
25
  autoScrollLabel: string;
26
+ autoScrollOnLabel: string;
27
+ autoScrollOffLabel: string;
26
28
  logsTitle: string;
27
29
  terminalTitle: string;
28
30
  logsUrl: string;
@@ -35,6 +37,7 @@ export declare class AxebowObservabilityContainer extends LitElement {
35
37
  private _renderLogFilters;
36
38
  private _renderLogFilterDropdown;
37
39
  private _renderLogsIframe;
40
+ private _copyLogs;
38
41
  private _renderTerminalIframe;
39
42
  private _handleFilterInputChange;
40
43
  private _handleFilterInputKeydown;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-observability-container.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-observability-container/axebow-observability-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AACvE,OAAO,yDAAyD,CAAC;AACjE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AAIzE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,qBACa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,4BAyCX;IAE0B,aAAa,SAAM;IAClB,QAAQ,UAAQ;IAChB,YAAY,UAAS;IACtB,SAAS,SAAM;IACf,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,aAAa,SAAM;IACnB,eAAe,SAAM;IACrB,gBAAgB,SAAM;IAElB,UAAU,EAAE,sBAAsB,EAAE,CAAM;IAC9C,cAAc,SAAM;IACpB,gBAAgB,SAAM;IACtB,cAAc,SAAM;IACpB,iBAAiB,SAAM;IACvB,iBAAiB,SAAM;IACvB,iBAAiB,SAAM;IAEtB,UAAU,UAAS;IACpB,eAAe,SAAM;IAErB,SAAS,SAAM;IACf,aAAa,SAAM;IACnB,OAAO,SAAM;IACb,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,gBAAgB,SAAM;IAElD,MAAM;IAWN,OAAO,CAAC,aAAa;IA0CrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,wBAAwB;IAgDhC,OAAO,CAAC,iBAAiB;IAiCzB,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,yBAAyB;IAajC,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,SAAS;CAGlB"}
1
+ {"version":3,"file":"axebow-observability-container.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-observability-container/axebow-observability-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,yDAAyD,CAAC;AACjE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AAIzE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,qBACa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,4BAyBX;IAE0B,aAAa,SAAM;IAClB,QAAQ,UAAQ;IAChB,YAAY,UAAS;IACtB,SAAS,SAAM;IACf,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,aAAa,SAAM;IACnB,eAAe,SAAM;IACrB,gBAAgB,SAAM;IAElB,UAAU,EAAE,sBAAsB,EAAE,CAAM;IAC9C,cAAc,SAAM;IACpB,gBAAgB,SAAM;IACtB,cAAc,SAAM;IACpB,iBAAiB,SAAM;IACvB,iBAAiB,SAAM;IACvB,iBAAiB,SAAM;IAEtB,UAAU,UAAS;IACpB,eAAe,SAAM;IACrB,iBAAiB,SAAM;IACvB,kBAAkB,SAAM;IAExB,SAAS,SAAM;IACf,aAAa,SAAM;IACnB,OAAO,SAAM;IACb,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,gBAAgB,SAAM;IAElD,MAAM;IAWN,OAAO,CAAC,aAAa;IA0CrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,wBAAwB;IAgDhC,OAAO,CAAC,iBAAiB;YA8CX,SAAS;IAevB,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,yBAAyB;IAajC,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,SAAS;CAGlB"}
package/dist/index.js CHANGED
@@ -11691,6 +11691,8 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
11691
11691
  this.cleanHistoryLabel = "";
11692
11692
  this.followLogs = false;
11693
11693
  this.autoScrollLabel = "";
11694
+ this.autoScrollOnLabel = "";
11695
+ this.autoScrollOffLabel = "";
11694
11696
  this.logsTitle = "";
11695
11697
  this.terminalTitle = "";
11696
11698
  this.logsUrl = "";
@@ -11703,22 +11705,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
11703
11705
  unsafeCSS(tailwind_default),
11704
11706
  axebowTheme,
11705
11707
  css`
11706
- .auto-scroll::part(base) {
11707
- color: var(--axebow-tertiary);
11708
- font-style: italic;
11709
- }
11710
- sl-checkbox::part(base) {
11711
- display: flex;
11712
- align-items: center;
11713
- }
11714
- sl-checkbox::part(control) {
11715
- margin-top: 0 !important;
11716
- margin-bottom: 0 !important;
11717
- }
11718
- sl-checkbox::part(label) {
11719
- display: flex;
11720
- align-items: center;
11721
- }
11722
11708
  sl-input::part(input) {
11723
11709
  font-size: 0.95rem;
11724
11710
  color: var(--axebow-strong-gray);
@@ -11854,21 +11840,28 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
11854
11840
  <div class="flex-2 h-full px-4 py-8 rounded-lg flex flex-col gap-4 bg-white">
11855
11841
  <div class="flex justify-between items-center">
11856
11842
  <h1 class="font-bold">${this.logsTitle}</h1>
11857
- <div class="flex gap-3 items-center">
11858
- <sl-checkbox
11859
- class="mb-1 auto-scroll"
11860
- .checked=${this.followLogs}
11861
- @sl-change=${(e) => this._dispatch("follow-logs-change", { checked: e.target.checked })}
11862
- >
11863
- ${this.autoScrollLabel}
11864
- </sl-checkbox>
11865
- <axebow-icon
11866
- iconName="download_for_offline"
11867
- iconSize="x-small"
11868
- iconColor="var(--axebow-tertiary)"
11869
- class="cursor-pointer"
11870
- @click=${() => this._dispatch("download-logs")}
11871
- ></axebow-icon>
11843
+ <div class="flex items-center gap-4">
11844
+ ${this._renderToggle(this.autoScrollLabel, this.followLogs, this.autoScrollOnLabel, this.autoScrollOffLabel, (checked) => this._dispatch("follow-logs-change", { checked }))}
11845
+ <div class="h-full w-0.25 bg-(--axebow-gray)"></div>
11846
+ <div class="w-6 h-6 flex items-center justify-center">
11847
+ <axebow-icon
11848
+ class="cursor-pointer"
11849
+ iconName="download_for_offline"
11850
+ size="2xl"
11851
+ iconColor="var(--axebow-tertiary)"
11852
+ @click=${() => this._dispatch("download-logs")}
11853
+ ></axebow-icon>
11854
+ </div>
11855
+ <div class="h-full w-0.25 bg-(--axebow-gray)"></div>
11856
+ <div class="w-6 h-6 flex items-center justify-center">
11857
+ <axebow-icon
11858
+ class="cursor-pointer"
11859
+ iconName="content_copy"
11860
+ size="2xl"
11861
+ iconColor="var(--axebow-tertiary)"
11862
+ @click=${() => this._copyLogs()}
11863
+ ></axebow-icon>
11864
+ </div>
11872
11865
  </div>
11873
11866
  </div>
11874
11867
  <iframe
@@ -11881,6 +11874,19 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
11881
11874
  </div>
11882
11875
  `;
11883
11876
  }
11877
+ async _copyLogs() {
11878
+ try {
11879
+ const text = (this.renderRoot?.querySelector(`#${this.logsIframeId}`))?.contentDocument?.body?.innerText ?? "";
11880
+ if (!text) {
11881
+ this._dispatch("logs-copy-failed");
11882
+ return;
11883
+ }
11884
+ await navigator.clipboard.writeText(text);
11885
+ this._dispatch("logs-copied");
11886
+ } catch (_) {
11887
+ this._dispatch("logs-copy-failed");
11888
+ }
11889
+ }
11884
11890
  _renderTerminalIframe() {
11885
11891
  return html`
11886
11892
  <div class="flex-2 h-full px-4 py-8 rounded-lg flex flex-col gap-4 bg-white">
@@ -11960,6 +11966,8 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
11960
11966
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "cleanHistoryLabel", void 0);
11961
11967
  __decorate([property({ type: Boolean })], AxebowObservabilityContainer.prototype, "followLogs", void 0);
11962
11968
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "autoScrollLabel", void 0);
11969
+ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "autoScrollOnLabel", void 0);
11970
+ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "autoScrollOffLabel", void 0);
11963
11971
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "logsTitle", void 0);
11964
11972
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalTitle", void 0);
11965
11973
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "logsUrl", void 0);