@kumori/aurora-wui-components 0.0.298-dev4393.18 → 0.0.298-dev4393.20
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-box-form/axebow-box-form.d.ts +2 -0
- package/dist/components/axebow-box-form/axebow-box-form.d.ts.map +1 -1
- package/dist/components/axebow-status/axebow-status.d.ts +3 -0
- package/dist/components/axebow-status/axebow-status.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-role-tooltip.d.ts +1 -0
- package/dist/components/cards/parts/axebow-role-tooltip.d.ts.map +1 -1
- package/dist/index.js +37 -2
- package/dist/index.js.map +1 -1
- package/dist/playground/schemas/axebow-resource-box-form.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-role-tooltip.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-status.schema.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ export declare class AxebowResourceBoxForm extends LitElement {
|
|
|
7
7
|
statusColor: string;
|
|
8
8
|
showTrash: boolean;
|
|
9
9
|
deleting: boolean;
|
|
10
|
+
trashDisabled: boolean;
|
|
11
|
+
trashTooltip: string;
|
|
10
12
|
items: ResourceBoxFormItem[];
|
|
11
13
|
private _openMenuId;
|
|
12
14
|
private _menuOpenUpwards;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-box-form.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-box-form/axebow-box-form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uDAAuD,CAAC;AAC/D,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,6BAA6B,CAAC;AAErC,cAAc,6BAA6B,CAAC;AAE5C,qBACa,qBAAsB,SAAQ,UAAU;IACnD,MAAM,CAAC,MAAM,4BAQX;IAE0B,UAAU,SAAU;IACpB,WAAW,SAA2B;IACrC,SAAS,UAAQ;IACjB,QAAQ,UAAS;IACnB,KAAK,EAAE,mBAAmB,EAAE,CAAM;IAEpD,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAEzC,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,YAAY;IA8NpB,MAAM;
|
|
1
|
+
{"version":3,"file":"axebow-box-form.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-box-form/axebow-box-form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uDAAuD,CAAC;AAC/D,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,6BAA6B,CAAC;AAErC,cAAc,6BAA6B,CAAC;AAE5C,qBACa,qBAAsB,SAAQ,UAAU;IACnD,MAAM,CAAC,MAAM,4BAQX;IAE0B,UAAU,SAAU;IACpB,WAAW,SAA2B;IACrC,SAAS,UAAQ;IACjB,QAAQ,UAAS;IACjB,aAAa,UAAS;IACvB,YAAY,SAAM;IACnB,KAAK,EAAE,mBAAmB,EAAE,CAAM;IAEpD,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAEzC,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,YAAY;IA8NpB,MAAM;CAmDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,qBAAqB,CAAC;KACnD;CACF"}
|
|
@@ -5,10 +5,13 @@ export declare class AxebowStatus extends LitElement {
|
|
|
5
5
|
statusText: string;
|
|
6
6
|
statusColor: string;
|
|
7
7
|
deleting: boolean;
|
|
8
|
+
trashDisabled: boolean;
|
|
9
|
+
trashTooltip: string;
|
|
8
10
|
private _isTrashHovered;
|
|
9
11
|
private _handleDelete;
|
|
10
12
|
private _handleTrashMouseEnter;
|
|
11
13
|
private _handleTrashMouseLeave;
|
|
14
|
+
private _renderDisabledTrash;
|
|
12
15
|
render(): import('lit-html').TemplateResult<1>;
|
|
13
16
|
}
|
|
14
17
|
//# sourceMappingURL=axebow-status.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-status.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-status/axebow-status.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"axebow-status.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-status/axebow-status.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAE7C,qBACa,YAAa,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,4BAOX;IAE2B,SAAS,UAAS;IACnB,UAAU,SAAU;IACpB,WAAW,SAA2B;IACrC,QAAQ,UAAS;IACjB,aAAa,UAAS;IACvB,YAAY,SAAM;IAErC,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,oBAAoB;IAc5B,MAAM;CA0BT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-role-tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-role-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,wCAAwC,CAAC;AAEhD,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAsBX;IAE0B,OAAO,SAAM;IACd,KAAK,EAAE,MAAM,EAAE,CAAM;IACpB,KAAK,SAA2B;
|
|
1
|
+
{"version":3,"file":"axebow-role-tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-role-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,wCAAwC,CAAC;AAEhD,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAsBX;IAE0B,OAAO,SAAM;IACd,KAAK,EAAE,MAAM,EAAE,CAAM;IACpB,KAAK,SAA2B;IAChC,OAAO,SAAM;IAEzC,MAAM;CA2BP"}
|
package/dist/index.js
CHANGED
|
@@ -6097,6 +6097,7 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
|
|
|
6097
6097
|
this.heading = "";
|
|
6098
6098
|
this.items = [];
|
|
6099
6099
|
this.color = "var(--axebow-primary)";
|
|
6100
|
+
this.boxSize = "";
|
|
6100
6101
|
}
|
|
6101
6102
|
static {
|
|
6102
6103
|
this.styles = [unsafeCSS(tailwind_default), css`
|
|
@@ -6130,7 +6131,17 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
|
|
|
6130
6131
|
${this.items.map((item) => html`<li>${item}</li>`)}
|
|
6131
6132
|
</ul>
|
|
6132
6133
|
</div>
|
|
6133
|
-
|
|
6134
|
+
${this.boxSize ? html`<div
|
|
6135
|
+
class="flex items-center justify-center not-italic"
|
|
6136
|
+
style="width: ${this.boxSize}; height: ${this.boxSize};"
|
|
6137
|
+
>
|
|
6138
|
+
<axebow-icon
|
|
6139
|
+
iconName="info"
|
|
6140
|
+
size=${this.boxSize}
|
|
6141
|
+
class="cursor-pointer leading-none"
|
|
6142
|
+
iconColor=${this.color}
|
|
6143
|
+
></axebow-icon>
|
|
6144
|
+
</div>` : html`<axebow-icon iconName="info" class="cursor-pointer" iconColor=${this.color}></axebow-icon>`}
|
|
6134
6145
|
</axebow-tooltip>
|
|
6135
6146
|
`;
|
|
6136
6147
|
}
|
|
@@ -6138,6 +6149,7 @@ var AxebowRoleTooltip = class AxebowRoleTooltip extends LitElement {
|
|
|
6138
6149
|
__decorate([property({ type: String })], AxebowRoleTooltip.prototype, "heading", void 0);
|
|
6139
6150
|
__decorate([property({ type: Array })], AxebowRoleTooltip.prototype, "items", void 0);
|
|
6140
6151
|
__decorate([property({ type: String })], AxebowRoleTooltip.prototype, "color", void 0);
|
|
6152
|
+
__decorate([property({ type: String })], AxebowRoleTooltip.prototype, "boxSize", void 0);
|
|
6141
6153
|
AxebowRoleTooltip = __decorate([customElement("axebow-role-tooltip")], AxebowRoleTooltip);
|
|
6142
6154
|
//#endregion
|
|
6143
6155
|
//#region src/components/cards/parts/axebow-card-header.ts
|
|
@@ -12232,6 +12244,8 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
12232
12244
|
this.statusText = "Free";
|
|
12233
12245
|
this.statusColor = "var(--axebow-success)";
|
|
12234
12246
|
this.deleting = false;
|
|
12247
|
+
this.trashDisabled = false;
|
|
12248
|
+
this.trashTooltip = "";
|
|
12235
12249
|
this._isTrashHovered = false;
|
|
12236
12250
|
}
|
|
12237
12251
|
static {
|
|
@@ -12267,6 +12281,19 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
12267
12281
|
composed: true
|
|
12268
12282
|
}));
|
|
12269
12283
|
}
|
|
12284
|
+
_renderDisabledTrash() {
|
|
12285
|
+
return html`
|
|
12286
|
+
<axebow-tooltip content=${this.trashTooltip} ?disabled=${!this.trashTooltip}>
|
|
12287
|
+
<button
|
|
12288
|
+
type="button"
|
|
12289
|
+
aria-disabled="true"
|
|
12290
|
+
class="p-0 border-0 bg-transparent flex items-center justify-center text-(--axebow-gray) opacity-50 cursor-not-allowed"
|
|
12291
|
+
>
|
|
12292
|
+
<axebow-icon iconName="delete" iconColor="currentColor" size="lg"></axebow-icon>
|
|
12293
|
+
</button>
|
|
12294
|
+
</axebow-tooltip>
|
|
12295
|
+
`;
|
|
12296
|
+
}
|
|
12270
12297
|
render() {
|
|
12271
12298
|
const isDeleting = this.deleting;
|
|
12272
12299
|
const currentText = isDeleting ? "Deleting" : this.statusText;
|
|
@@ -12278,7 +12305,7 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
12278
12305
|
${currentColor ? html`<div class="h-2 w-2 rounded-full shrink-0 transition-colors duration-200" style="background-color: ${currentColor};"></div>` : ""}
|
|
12279
12306
|
<span class="font-medium text-(--axebow-strong-gray)">${currentText}</span>
|
|
12280
12307
|
</div>
|
|
12281
|
-
${showTrashIcon ? html`
|
|
12308
|
+
${showTrashIcon && this.trashDisabled ? this._renderDisabledTrash() : showTrashIcon ? html`
|
|
12282
12309
|
<button
|
|
12283
12310
|
type="button"
|
|
12284
12311
|
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors"
|
|
@@ -12297,6 +12324,8 @@ __decorate([property({ type: Boolean })], AxebowStatus.prototype, "showTrash", v
|
|
|
12297
12324
|
__decorate([property({ type: String })], AxebowStatus.prototype, "statusText", void 0);
|
|
12298
12325
|
__decorate([property({ type: String })], AxebowStatus.prototype, "statusColor", void 0);
|
|
12299
12326
|
__decorate([property({ type: Boolean })], AxebowStatus.prototype, "deleting", void 0);
|
|
12327
|
+
__decorate([property({ type: Boolean })], AxebowStatus.prototype, "trashDisabled", void 0);
|
|
12328
|
+
__decorate([property({ type: String })], AxebowStatus.prototype, "trashTooltip", void 0);
|
|
12300
12329
|
__decorate([state()], AxebowStatus.prototype, "_isTrashHovered", void 0);
|
|
12301
12330
|
AxebowStatus = __decorate([customElement("axebow-status")], AxebowStatus);
|
|
12302
12331
|
//#endregion
|
|
@@ -12605,6 +12634,8 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
12605
12634
|
this.statusColor = "var(--axebow-success)";
|
|
12606
12635
|
this.showTrash = true;
|
|
12607
12636
|
this.deleting = false;
|
|
12637
|
+
this.trashDisabled = false;
|
|
12638
|
+
this.trashTooltip = "";
|
|
12608
12639
|
this.items = [];
|
|
12609
12640
|
this._openMenuId = null;
|
|
12610
12641
|
this._menuOpenUpwards = false;
|
|
@@ -12907,6 +12938,8 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
12907
12938
|
.statusColor=${computedStatusColor}
|
|
12908
12939
|
?showTrash=${this.showTrash && !isDeleting}
|
|
12909
12940
|
?deleting=${this.deleting}
|
|
12941
|
+
?trashDisabled=${this.trashDisabled}
|
|
12942
|
+
.trashTooltip=${this.trashTooltip}
|
|
12910
12943
|
@trash-hover=${this._handleTrashHover}
|
|
12911
12944
|
@delete=${this._handleDelete}
|
|
12912
12945
|
></axebow-status>
|
|
@@ -12932,6 +12965,8 @@ __decorate([property({ type: String })], AxebowResourceBoxForm.prototype, "statu
|
|
|
12932
12965
|
__decorate([property({ type: String })], AxebowResourceBoxForm.prototype, "statusColor", void 0);
|
|
12933
12966
|
__decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "showTrash", void 0);
|
|
12934
12967
|
__decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "deleting", void 0);
|
|
12968
|
+
__decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "trashDisabled", void 0);
|
|
12969
|
+
__decorate([property({ type: String })], AxebowResourceBoxForm.prototype, "trashTooltip", void 0);
|
|
12935
12970
|
__decorate([property({ type: Array })], AxebowResourceBoxForm.prototype, "items", void 0);
|
|
12936
12971
|
__decorate([state()], AxebowResourceBoxForm.prototype, "_openMenuId", void 0);
|
|
12937
12972
|
__decorate([state()], AxebowResourceBoxForm.prototype, "_menuOpenUpwards", void 0);
|