@kumori/aurora-wui-components 0.0.275-dev4177.2 → 0.0.276-dev4175.1
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 +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"}
|
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) {
|
|
@@ -10280,7 +10283,7 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
10280
10283
|
.value=${field.value?.toString() ?? ""}
|
|
10281
10284
|
.max=${field.max}
|
|
10282
10285
|
.min=${field.min ?? 0}
|
|
10283
|
-
|
|
10286
|
+
.disabled=${field.disabled}
|
|
10284
10287
|
?hasError=${field.hasError}
|
|
10285
10288
|
.errorMessage=${field.errorMessage ?? ""}
|
|
10286
10289
|
.callback=${(e) => this._handleChange(field, e)}
|