@kumori/aurora-wui-components 0.0.126 → 0.0.128
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.
- package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts +18 -0
- package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -0
- package/dist/components/axebow-switch/axebow-switch.d.ts +15 -0
- package/dist/components/axebow-switch/axebow-switch.d.ts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +82 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Purely presentational expand/collapse section header: divider, a title
|
|
4
|
+
* row (title + switch + state label + help tooltip), a slotted content
|
|
5
|
+
* area shown only while expanded, and a closing divider. The caller owns
|
|
6
|
+
* the expanded state, the switch's on/off labels and the tooltip copy -
|
|
7
|
+
* this component only toggles visibility and lays things out.
|
|
8
|
+
*/
|
|
9
|
+
export declare class AxebowExpandableHeader extends LitElement {
|
|
10
|
+
static styles: import('lit').CSSResult[];
|
|
11
|
+
title: string;
|
|
12
|
+
expanded: boolean;
|
|
13
|
+
stateLabel: string;
|
|
14
|
+
tooltipContent: string;
|
|
15
|
+
onToggle?: (expanded: boolean) => void;
|
|
16
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=axebow-expandable-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"axebow-expandable-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-expandable-header/axebow-expandable-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C;;;;;;GAMG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAUX;IAE0B,KAAK,SAAM;IACV,QAAQ,UAAS;IAClB,UAAU,SAAM;IAChB,cAAc,SAAM;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvE,MAAM;CAqBP"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Purely presentational on/off switch: a thin, axebow-success-colored
|
|
4
|
+
* wrapper around sl-switch. Owns no state of its own - the caller tracks
|
|
5
|
+
* checked and reacts to onChange.
|
|
6
|
+
*/
|
|
7
|
+
export declare class AxebowSwitch extends LitElement {
|
|
8
|
+
static styles: import('lit').CSSResult[];
|
|
9
|
+
checked: boolean;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
size: 'small' | 'medium' | 'large';
|
|
12
|
+
onChange?: (checked: boolean) => void;
|
|
13
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=axebow-switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"axebow-switch.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-switch/axebow-switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,2DAA2D,CAAC;AAGnE;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BAOX;IAE2B,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtE,MAAM;CAWP"}
|
package/dist/index.d.ts
CHANGED
|
@@ -51,4 +51,6 @@ export * from './components/axebow-resource-card/axebow-resource-card.js';
|
|
|
51
51
|
export * from './components/axebow-quick-tip-section/axebow-quick-tip-section.js';
|
|
52
52
|
export * from './components/axebow-tenant-resource-table/axebow-tenant-resource-table.js';
|
|
53
53
|
export * from './components/axebow-tenant-card/axebow-tenant-card.js';
|
|
54
|
+
export * from './components/axebow-switch/axebow-switch.js';
|
|
55
|
+
export * from './components/axebow-expandable-header/axebow-expandable-header.js';
|
|
54
56
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAC5F,YAAY,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC1H,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mEAAmE,CAAC;AAClF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,yDAAyD,CAAC;AACxE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,uDAAuD,CAAC;AACtE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,yCAAyC,CAAC;AACxD,cAAc,iEAAiE,CAAC;AAChF,cAAc,uEAAuE,CAAC;AACtF,cAAc,yEAAyE,CAAC;AACxF,cAAc,iEAAiE,CAAC;AAChF,cAAc,uDAAuD,CAAC;AACtE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mEAAmE,CAAC;AAClF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uDAAuD,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAC5F,YAAY,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC1H,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mEAAmE,CAAC;AAClF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,yDAAyD,CAAC;AACxE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,uDAAuD,CAAC;AACtE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,yCAAyC,CAAC;AACxD,cAAc,iEAAiE,CAAC;AAChF,cAAc,uEAAuE,CAAC;AACtF,cAAc,yEAAyE,CAAC;AACxF,cAAc,iEAAiE,CAAC;AAChF,cAAc,uDAAuD,CAAC;AACtE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mEAAmE,CAAC;AAClF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uDAAuD,CAAC;AACtE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mEAAmE,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -4894,6 +4894,87 @@ __decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showActio
|
|
|
4894
4894
|
__decorate([property({ type: Boolean })], AxebowTenantCard.prototype, "showMoreActionsColumn", void 0);
|
|
4895
4895
|
AxebowTenantCard = __decorate([customElement("axebow-tenant-card")], AxebowTenantCard);
|
|
4896
4896
|
//#endregion
|
|
4897
|
-
|
|
4897
|
+
//#region src/components/axebow-switch/axebow-switch.ts
|
|
4898
|
+
var AxebowSwitch = class AxebowSwitch extends LitElement {
|
|
4899
|
+
constructor(..._args) {
|
|
4900
|
+
super(..._args);
|
|
4901
|
+
this.checked = false;
|
|
4902
|
+
this.disabled = false;
|
|
4903
|
+
this.size = "medium";
|
|
4904
|
+
}
|
|
4905
|
+
static {
|
|
4906
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
4907
|
+
:host {
|
|
4908
|
+
display: inline-block;
|
|
4909
|
+
}
|
|
4910
|
+
`];
|
|
4911
|
+
}
|
|
4912
|
+
render() {
|
|
4913
|
+
return html`
|
|
4914
|
+
<sl-switch
|
|
4915
|
+
size="${this.size}"
|
|
4916
|
+
?checked=${this.checked}
|
|
4917
|
+
?disabled=${this.disabled}
|
|
4918
|
+
style="--sl-color-primary-600: var(--axebow-success);"
|
|
4919
|
+
@sl-change=${(e) => this.onChange?.(e.target.checked)}
|
|
4920
|
+
></sl-switch>
|
|
4921
|
+
`;
|
|
4922
|
+
}
|
|
4923
|
+
};
|
|
4924
|
+
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "checked", void 0);
|
|
4925
|
+
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "disabled", void 0);
|
|
4926
|
+
__decorate([property({ type: String })], AxebowSwitch.prototype, "size", void 0);
|
|
4927
|
+
__decorate([property({ attribute: false })], AxebowSwitch.prototype, "onChange", void 0);
|
|
4928
|
+
AxebowSwitch = __decorate([customElement("axebow-switch")], AxebowSwitch);
|
|
4929
|
+
//#endregion
|
|
4930
|
+
//#region src/components/axebow-expandable-header/axebow-expandable-header.ts
|
|
4931
|
+
var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
4932
|
+
constructor(..._args) {
|
|
4933
|
+
super(..._args);
|
|
4934
|
+
this.title = "";
|
|
4935
|
+
this.expanded = false;
|
|
4936
|
+
this.stateLabel = "";
|
|
4937
|
+
this.tooltipContent = "";
|
|
4938
|
+
}
|
|
4939
|
+
static {
|
|
4940
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
4941
|
+
:host {
|
|
4942
|
+
display: block;
|
|
4943
|
+
}
|
|
4944
|
+
sl-divider {
|
|
4945
|
+
margin: 0;
|
|
4946
|
+
}
|
|
4947
|
+
`];
|
|
4948
|
+
}
|
|
4949
|
+
render() {
|
|
4950
|
+
return html`
|
|
4951
|
+
<sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
|
|
4952
|
+
<div
|
|
4953
|
+
class="flex items-center gap-2 flex-wrap"
|
|
4954
|
+
style="padding-bottom: ${this.expanded ? "1.09375rem" : "1rem"};"
|
|
4955
|
+
>
|
|
4956
|
+
<h3 class="text-base font-semibold text-(--axebow-tertiary) m-0">${this.title}</h3>
|
|
4957
|
+
<axebow-switch .checked=${this.expanded} .onChange=${(checked) => this.onToggle?.(checked)}>
|
|
4958
|
+
</axebow-switch>
|
|
4959
|
+
<span class="text-sm text-(--axebow-gray) italic">${this.stateLabel}</span>
|
|
4960
|
+
<sl-tooltip content="${this.tooltipContent}">
|
|
4961
|
+
<axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="small" filled></axebow-icon>
|
|
4962
|
+
</sl-tooltip>
|
|
4963
|
+
</div>
|
|
4964
|
+
<div class="${this.expanded ? "block pb-4" : "hidden"}">
|
|
4965
|
+
<slot></slot>
|
|
4966
|
+
</div>
|
|
4967
|
+
<sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
|
|
4968
|
+
`;
|
|
4969
|
+
}
|
|
4970
|
+
};
|
|
4971
|
+
__decorate([property({ type: String })], AxebowExpandableHeader.prototype, "title", void 0);
|
|
4972
|
+
__decorate([property({ type: Boolean })], AxebowExpandableHeader.prototype, "expanded", void 0);
|
|
4973
|
+
__decorate([property({ type: String })], AxebowExpandableHeader.prototype, "stateLabel", void 0);
|
|
4974
|
+
__decorate([property({ type: String })], AxebowExpandableHeader.prototype, "tooltipContent", void 0);
|
|
4975
|
+
__decorate([property({ attribute: false })], AxebowExpandableHeader.prototype, "onToggle", void 0);
|
|
4976
|
+
AxebowExpandableHeader = __decorate([customElement("axebow-expandable-header")], AxebowExpandableHeader);
|
|
4977
|
+
//#endregion
|
|
4978
|
+
export { AxebowAlert, AxebowBaseCard, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCheckboxInput, AxebowDeployCard, AxebowDialog, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowMarketplaceCard, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowPill, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowResourceCard, AxebowRoleTooltip, AxebowSearch, AxebowSelectInput, AxebowSidebar, AxebowSwitch, AxebowTenantCard, AxebowTenantResourceTable, AxebowTextInput, DEFAULT_ADD_DIALOG_LABELS, STATUS_COLORS, axebowTheme };
|
|
4898
4979
|
|
|
4899
4980
|
//# sourceMappingURL=index.js.map
|