@kumori/aurora-wui-components 0.0.276 → 0.0.277
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-header/parts/axebow-header-actions.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +1 -0
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -1
- package/dist/index.js +89 -83
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-header/parts/axebow-header-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"axebow-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-header/parts/axebow-header-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,iEAAiE,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAeX;IAE0B,QAAQ,SAAM;IACf,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC9C,yBAAyB,EAAE,uBAAuB,EAAE,CAAM;IACzD,uBAAuB,SAAM;IAC7B,oBAAoB,SAAM;IAC1B,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAE9D,OAAO,CAAC,cAAc,CAAS;IAExC,OAAO,CAAC,0BAA0B;IAIlC,MAAM;IAsHN,OAAO,CAAC,sBAAsB;CA0C/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-resource-limits-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,GAAG,EAAG,kBAAkB,CAAC;IACzB,MAAM,EAAG,kBAAkB,CAAC;IAC7B,aAAa,EAAE,kBAAkB,EAAE,CAAM;IAEpE,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;
|
|
1
|
+
{"version":3,"file":"axebow-resource-limits-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,iCAAiC,CAAC;AACzC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,GAAG,EAAG,kBAAkB,CAAC;IACzB,MAAM,EAAG,kBAAkB,CAAC;IAC7B,aAAa,EAAE,kBAAkB,EAAE,CAAM;IAEpE,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IA4BpB,MAAM;CAYP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-resource-limits.models.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits.models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
1
|
+
{"version":3,"file":"axebow-resource-limits.models.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits.models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
package/dist/index.js
CHANGED
|
@@ -5,9 +5,9 @@ import "@shoelace-style/shoelace/dist/components/option/option.js";
|
|
|
5
5
|
import { ifDefined } from "lit/directives/if-defined.js";
|
|
6
6
|
import "@shoelace-style/shoelace/dist/components/button/button.js";
|
|
7
7
|
import "@shoelace-style/shoelace/dist/components/input/input.js";
|
|
8
|
+
import "@shoelace-style/shoelace/dist/components/switch/switch.js";
|
|
8
9
|
import "@shoelace-style/shoelace/dist/components/dropdown/dropdown.js";
|
|
9
10
|
import "@shoelace-style/shoelace/dist/components/menu/menu.js";
|
|
10
|
-
import "@shoelace-style/shoelace/dist/components/switch/switch.js";
|
|
11
11
|
import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
|
|
12
12
|
import "@shoelace-style/shoelace/dist/components/tab/tab.js";
|
|
13
13
|
import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
|
|
@@ -1301,6 +1301,70 @@ __decorate([property({ type: Array })], AxebowQuickActions.prototype, "actions",
|
|
|
1301
1301
|
__decorate([state()], AxebowQuickActions.prototype, "open", void 0);
|
|
1302
1302
|
AxebowQuickActions = __decorate([customElement("axebow-quick-actions")], AxebowQuickActions);
|
|
1303
1303
|
//#endregion
|
|
1304
|
+
//#region src/components/axebow-switch/axebow-switch.ts
|
|
1305
|
+
var AxebowSwitch = class AxebowSwitch extends LitElement {
|
|
1306
|
+
constructor(..._args) {
|
|
1307
|
+
super(..._args);
|
|
1308
|
+
this.checked = false;
|
|
1309
|
+
this.disabled = false;
|
|
1310
|
+
this.size = "medium";
|
|
1311
|
+
}
|
|
1312
|
+
static {
|
|
1313
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
1314
|
+
:host {
|
|
1315
|
+
display: inline-block;
|
|
1316
|
+
vertical-align: bottom;
|
|
1317
|
+
}
|
|
1318
|
+
sl-switch {
|
|
1319
|
+
vertical-align: bottom;
|
|
1320
|
+
}
|
|
1321
|
+
sl-switch::part(base) {
|
|
1322
|
+
display: flex !important;
|
|
1323
|
+
}
|
|
1324
|
+
sl-switch::part(control) {
|
|
1325
|
+
box-sizing: border-box !important;
|
|
1326
|
+
background-color: var(--axebow-white, #ffffff) !important;
|
|
1327
|
+
border: 1px solid var(--axebow-table-header-border) !important;
|
|
1328
|
+
border-radius: var(--height) !important;
|
|
1329
|
+
}
|
|
1330
|
+
sl-switch::part(thumb) {
|
|
1331
|
+
background-color: var(--axebow-gray) !important;
|
|
1332
|
+
border-color: var(--axebow-gray) !important;
|
|
1333
|
+
border-radius: 50% !important;
|
|
1334
|
+
}
|
|
1335
|
+
sl-switch[checked]::part(control) {
|
|
1336
|
+
background-color: var(--axebow-success) !important;
|
|
1337
|
+
border-color: var(--axebow-table-header-border) !important;
|
|
1338
|
+
}
|
|
1339
|
+
sl-switch[checked]::part(thumb) {
|
|
1340
|
+
background-color: var(--axebow-white, #ffffff) !important;
|
|
1341
|
+
border-color: var(--axebow-success) !important;
|
|
1342
|
+
}
|
|
1343
|
+
`];
|
|
1344
|
+
}
|
|
1345
|
+
render() {
|
|
1346
|
+
const customSizeStyle = this.width && this.height ? `--width: ${this.width}; --height: ${this.height};` : "";
|
|
1347
|
+
return html`
|
|
1348
|
+
<sl-switch
|
|
1349
|
+
size="${this.size}"
|
|
1350
|
+
?checked=${this.checked}
|
|
1351
|
+
?disabled=${this.disabled}
|
|
1352
|
+
style="--sl-color-primary-600: var(--axebow-success); --thumb-size: 0.875rem; ${customSizeStyle}"
|
|
1353
|
+
@sl-change=${(e) => this.onChange?.(e.target.checked)}
|
|
1354
|
+
>
|
|
1355
|
+
<slot></slot>
|
|
1356
|
+
</sl-switch>
|
|
1357
|
+
`;
|
|
1358
|
+
}
|
|
1359
|
+
};
|
|
1360
|
+
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "checked", void 0);
|
|
1361
|
+
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "disabled", void 0);
|
|
1362
|
+
__decorate([property({ type: String })], AxebowSwitch.prototype, "size", void 0);
|
|
1363
|
+
__decorate([property({ type: String })], AxebowSwitch.prototype, "width", void 0);
|
|
1364
|
+
__decorate([property({ type: String })], AxebowSwitch.prototype, "height", void 0);
|
|
1365
|
+
__decorate([property({ attribute: false })], AxebowSwitch.prototype, "onChange", void 0);
|
|
1366
|
+
AxebowSwitch = __decorate([customElement("axebow-switch")], AxebowSwitch);
|
|
1367
|
+
//#endregion
|
|
1304
1368
|
//#region src/components/axebow-header/parts/axebow-header-actions.ts
|
|
1305
1369
|
var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
1306
1370
|
constructor(..._args) {
|
|
@@ -1339,8 +1403,8 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1339
1403
|
}
|
|
1340
1404
|
`];
|
|
1341
1405
|
}
|
|
1342
|
-
handleShowUnreadOnlyChange(
|
|
1343
|
-
this.showUnreadOnly =
|
|
1406
|
+
handleShowUnreadOnlyChange(checked) {
|
|
1407
|
+
this.showUnreadOnly = checked;
|
|
1344
1408
|
}
|
|
1345
1409
|
render() {
|
|
1346
1410
|
const unreadNotifications = this.notifications.filter((n) => n.status === "unread");
|
|
@@ -1379,7 +1443,10 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
|
|
|
1379
1443
|
<div class="flex justify-between items-center flex-wrap gap-4">
|
|
1380
1444
|
<div class="flex items-center py-1">
|
|
1381
1445
|
<p class="mr-4 text-base">${this.showUnreadOnlyLabel}</p>
|
|
1382
|
-
<
|
|
1446
|
+
<axebow-switch
|
|
1447
|
+
.checked=${this.showUnreadOnly}
|
|
1448
|
+
.onChange=${(checked) => this.handleShowUnreadOnlyChange(checked)}
|
|
1449
|
+
></axebow-switch>
|
|
1383
1450
|
<p class="italic text-gray-400 text-base">
|
|
1384
1451
|
${this.showUnreadOnly ? this.onLabel : this.offLabel}
|
|
1385
1452
|
</p>
|
|
@@ -5192,70 +5259,6 @@ __decorate([property({ type: String })], AxebowBanner.prototype, "textSize", voi
|
|
|
5192
5259
|
__decorate([state()], AxebowBanner.prototype, "visible", void 0);
|
|
5193
5260
|
AxebowBanner = __decorate([customElement("axebow-banner")], AxebowBanner);
|
|
5194
5261
|
//#endregion
|
|
5195
|
-
//#region src/components/axebow-switch/axebow-switch.ts
|
|
5196
|
-
var AxebowSwitch = class AxebowSwitch extends LitElement {
|
|
5197
|
-
constructor(..._args) {
|
|
5198
|
-
super(..._args);
|
|
5199
|
-
this.checked = false;
|
|
5200
|
-
this.disabled = false;
|
|
5201
|
-
this.size = "medium";
|
|
5202
|
-
}
|
|
5203
|
-
static {
|
|
5204
|
-
this.styles = [unsafeCSS(tailwind_default), css`
|
|
5205
|
-
:host {
|
|
5206
|
-
display: inline-block;
|
|
5207
|
-
vertical-align: bottom;
|
|
5208
|
-
}
|
|
5209
|
-
sl-switch {
|
|
5210
|
-
vertical-align: bottom;
|
|
5211
|
-
}
|
|
5212
|
-
sl-switch::part(base) {
|
|
5213
|
-
display: flex !important;
|
|
5214
|
-
}
|
|
5215
|
-
sl-switch::part(control) {
|
|
5216
|
-
box-sizing: border-box !important;
|
|
5217
|
-
background-color: var(--axebow-white, #ffffff) !important;
|
|
5218
|
-
border: 1px solid var(--axebow-table-header-border) !important;
|
|
5219
|
-
border-radius: var(--height) !important;
|
|
5220
|
-
}
|
|
5221
|
-
sl-switch::part(thumb) {
|
|
5222
|
-
background-color: var(--axebow-gray) !important;
|
|
5223
|
-
border-color: var(--axebow-gray) !important;
|
|
5224
|
-
border-radius: 50% !important;
|
|
5225
|
-
}
|
|
5226
|
-
sl-switch[checked]::part(control) {
|
|
5227
|
-
background-color: var(--axebow-success) !important;
|
|
5228
|
-
border-color: var(--axebow-table-header-border) !important;
|
|
5229
|
-
}
|
|
5230
|
-
sl-switch[checked]::part(thumb) {
|
|
5231
|
-
background-color: var(--axebow-white, #ffffff) !important;
|
|
5232
|
-
border-color: var(--axebow-success) !important;
|
|
5233
|
-
}
|
|
5234
|
-
`];
|
|
5235
|
-
}
|
|
5236
|
-
render() {
|
|
5237
|
-
const customSizeStyle = this.width && this.height ? `--width: ${this.width}; --height: ${this.height};` : "";
|
|
5238
|
-
return html`
|
|
5239
|
-
<sl-switch
|
|
5240
|
-
size="${this.size}"
|
|
5241
|
-
?checked=${this.checked}
|
|
5242
|
-
?disabled=${this.disabled}
|
|
5243
|
-
style="--sl-color-primary-600: var(--axebow-success); --thumb-size: 0.875rem; ${customSizeStyle}"
|
|
5244
|
-
@sl-change=${(e) => this.onChange?.(e.target.checked)}
|
|
5245
|
-
>
|
|
5246
|
-
<slot></slot>
|
|
5247
|
-
</sl-switch>
|
|
5248
|
-
`;
|
|
5249
|
-
}
|
|
5250
|
-
};
|
|
5251
|
-
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "checked", void 0);
|
|
5252
|
-
__decorate([property({ type: Boolean })], AxebowSwitch.prototype, "disabled", void 0);
|
|
5253
|
-
__decorate([property({ type: String })], AxebowSwitch.prototype, "size", void 0);
|
|
5254
|
-
__decorate([property({ type: String })], AxebowSwitch.prototype, "width", void 0);
|
|
5255
|
-
__decorate([property({ type: String })], AxebowSwitch.prototype, "height", void 0);
|
|
5256
|
-
__decorate([property({ attribute: false })], AxebowSwitch.prototype, "onChange", void 0);
|
|
5257
|
-
AxebowSwitch = __decorate([customElement("axebow-switch")], AxebowSwitch);
|
|
5258
|
-
//#endregion
|
|
5259
5262
|
//#region src/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.ts
|
|
5260
5263
|
var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
|
|
5261
5264
|
constructor(..._args) {
|
|
@@ -10270,23 +10273,26 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
10270
10273
|
}));
|
|
10271
10274
|
}
|
|
10272
10275
|
_renderField(field) {
|
|
10276
|
+
const input = html`
|
|
10277
|
+
<axebow-input
|
|
10278
|
+
controlType="numeric"
|
|
10279
|
+
.compact=${true}
|
|
10280
|
+
.label=${field.label}
|
|
10281
|
+
.required=${field.required}
|
|
10282
|
+
.value=${field.value?.toString() ?? ""}
|
|
10283
|
+
.max=${field.max}
|
|
10284
|
+
.min=${field.min ?? 0}
|
|
10285
|
+
.disabled=${field.disabled}
|
|
10286
|
+
?hasError=${field.hasError}
|
|
10287
|
+
.errorMessage=${field.errorMessage ?? ""}
|
|
10288
|
+
.callback=${(e) => this._handleChange(field, e)}
|
|
10289
|
+
fixedWidth="6.1875rem"
|
|
10290
|
+
fixedHeight="2.5rem"
|
|
10291
|
+
></axebow-input>
|
|
10292
|
+
`;
|
|
10273
10293
|
return html`
|
|
10274
10294
|
<div class="flex flex-col items-center w-28.25 shrink-0">
|
|
10275
|
-
|
|
10276
|
-
controlType="numeric"
|
|
10277
|
-
.compact=${true}
|
|
10278
|
-
.label=${field.label}
|
|
10279
|
-
.required=${field.required}
|
|
10280
|
-
.value=${field.value?.toString() ?? ""}
|
|
10281
|
-
.max=${field.max}
|
|
10282
|
-
.min=${field.min ?? 0}
|
|
10283
|
-
?disabled=${field.disabled}
|
|
10284
|
-
?hasError=${field.hasError}
|
|
10285
|
-
.errorMessage=${field.errorMessage ?? ""}
|
|
10286
|
-
.callback=${(e) => this._handleChange(field, e)}
|
|
10287
|
-
fixedWidth="6.1875rem"
|
|
10288
|
-
fixedHeight="2.5rem"
|
|
10289
|
-
></axebow-input>
|
|
10295
|
+
${field.disabled && field.disabledTooltip ? html`<axebow-tooltip content=${field.disabledTooltip} placement="top">${input}</axebow-tooltip>` : input}
|
|
10290
10296
|
${field.hasError && field.errorMessage ? html`<span class="text-sm text-(--axebow-error) text-center mt-1 leading-tight">${field.errorMessage}</span>` : html`<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>`}
|
|
10291
10297
|
</div>
|
|
10292
10298
|
`;
|