@logosphere-ui/core 0.0.0-alpha.35 → 0.0.0-alpha.38
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/AGENTS.md +7 -2
- package/dist/AGENTS.md +7 -2
- package/dist/atoms/Checkbox/checkbox.d.ts +2 -1
- package/dist/{chatbot-p4CmxSdZ.js → chatbot-Cr6iOO7s.js} +1 -1
- package/dist/{chatbot-8etAVHNx.cjs → chatbot-Dl6P98Jq.cjs} +1 -1
- package/dist/chatbot.cjs +1 -1
- package/dist/chatbot.js +1 -1
- package/dist/checkbox-CX0LgsWP.js +148 -0
- package/dist/checkbox-DpbKHANK.cjs +53 -0
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{combobox-CTqEZUg6.js → combobox-CFF30L-n.js} +67 -61
- package/dist/{combobox-BV4AKTqp.cjs → combobox-s7NFPAd3.cjs} +3 -2
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.js +1 -1
- package/dist/index.cjs +11 -7
- package/dist/index.d.ts +1 -0
- package/dist/index.js +179 -117
- package/dist/index.umd.js +80 -58
- package/dist/molecules/InputGroup/index.d.ts +1 -0
- package/dist/molecules/InputGroup/input-group.d.ts +40 -0
- package/dist/organisms/Tab/tab.d.ts +13 -1
- package/dist/{pagination-BLNrwUSO.js → pagination-DG56TV5n.js} +1 -1
- package/dist/{pagination-AclB9qi1.cjs → pagination-HyX0EAZr.cjs} +1 -1
- package/dist/pagination.cjs +1 -1
- package/dist/pagination.js +1 -1
- package/dist/tab-CDMcFHvP.cjs +41 -0
- package/dist/tab-CuBCFGoO.js +204 -0
- package/dist/tab.cjs +1 -1
- package/dist/tab.js +1 -1
- package/package.json +6 -1
- package/dist/checkbox-CdDTRdKV.cjs +0 -37
- package/dist/checkbox-g6kl2jGR.js +0 -119
- package/dist/tab-BmrITzOL.cjs +0 -40
- package/dist/tab-Ca_OyNqQ.js +0 -176
package/dist/index.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { B as
|
|
2
|
-
import { L as
|
|
3
|
-
import { C as
|
|
4
|
-
import { F as
|
|
1
|
+
import { B as et } from "./button-Uu9oaieg.js";
|
|
2
|
+
import { L as it } from "./badge-BJqUgXZD.js";
|
|
3
|
+
import { C as st } from "./checkbox-CX0LgsWP.js";
|
|
4
|
+
import { F as at } from "./formfield-O327HYt0.js";
|
|
5
5
|
import { unsafeCSS as m, css as y, LitElement as w, html as n, nothing as d } from "lit";
|
|
6
|
-
import { property as s, state as
|
|
7
|
-
import { S as
|
|
8
|
-
import { B as
|
|
9
|
-
import { C as
|
|
10
|
-
import { L as
|
|
11
|
-
import { P as
|
|
12
|
-
import { P as
|
|
6
|
+
import { property as s, state as C, customElement as x, query as E } from "lit/decorators.js";
|
|
7
|
+
import { S as pt } from "./switch-DNqPqH-R.js";
|
|
8
|
+
import { B as ct } from "./breadcrumb-BB61Xt0s.js";
|
|
9
|
+
import { C as bt } from "./card-CAAhjIjf.js";
|
|
10
|
+
import { L as _t } from "./input-BUX_2G5m.js";
|
|
11
|
+
import { P as gt } from "./pagination-DG56TV5n.js";
|
|
12
|
+
import { P as mt } from "./popover-BSfKsQni.js";
|
|
13
13
|
import "./ui-icon-Ctn4nGFa.js";
|
|
14
|
-
import { createPopper as
|
|
15
|
-
import { T as
|
|
16
|
-
import { T as
|
|
17
|
-
import { L as
|
|
18
|
-
import { L as
|
|
19
|
-
import { C as
|
|
20
|
-
import { L as
|
|
21
|
-
import { D as
|
|
22
|
-
import { D as
|
|
23
|
-
import { L as
|
|
24
|
-
import { M as
|
|
25
|
-
import { L as
|
|
26
|
-
import { L as
|
|
27
|
-
import { T as
|
|
28
|
-
const
|
|
29
|
-
var
|
|
30
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
31
|
-
(
|
|
32
|
-
return r && i &&
|
|
14
|
+
import { createPopper as L } from "@popperjs/core";
|
|
15
|
+
import { T as wt } from "./text-area-coWx4Xn-.js";
|
|
16
|
+
import { T as $t } from "./timepicker-rNyKCfN3.js";
|
|
17
|
+
import { L as St } from "./chatbot-Cr6iOO7s.js";
|
|
18
|
+
import { L as Et } from "./calendar-B7bSuIt4.js";
|
|
19
|
+
import { C as zt } from "./combobox-CFF30L-n.js";
|
|
20
|
+
import { L as Dt } from "./datepicker-tJbIvNpy.js";
|
|
21
|
+
import { D as Bt } from "./drawer-CRB8UUAo.js";
|
|
22
|
+
import { D as It } from "./download-manager-BPg-6Qfg.js";
|
|
23
|
+
import { L as Ft, a as At } from "./leftmenu-Cf2gC2J0.js";
|
|
24
|
+
import { M as Nt } from "./modal-Cfa0imdF.js";
|
|
25
|
+
import { L as Rt, a as qt, T as Gt } from "./toast-container-Cb0MduXt.js";
|
|
26
|
+
import { L as Ut } from "./tab-CuBCFGoO.js";
|
|
27
|
+
import { T as Yt } from "./tree-menu-CufITiv_.js";
|
|
28
|
+
const D = ':host{display:block}.slider{position:relative;width:100%;font-family:var(--font-family-base)}.slider--has-tooltip .slider__track-area{margin-top:var(--spacing-8)}.slider__track-area{position:relative;height:20px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-border);pointer-events:none}.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-primary);pointer-events:none}.slider__input{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:6px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none;outline:none}.slider__input::-webkit-slider-runnable-track{background:transparent;height:6px}.slider__input::-moz-range-track{background:transparent;height:6px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input:not(:disabled):focus-visible::-webkit-slider-thumb{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider__input:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider--disabled .slider__track{background:var(--color-border)}.slider--disabled .slider__fill{background:var(--color-primary-disabled)}.slider--disabled .slider__input{cursor:not-allowed}.slider--disabled .slider__input::-webkit-slider-thumb{background:var(--color-body-bg);border-color:var(--color-border);pointer-events:all;cursor:not-allowed;box-shadow:none}.slider--disabled .slider__input::-moz-range-thumb{background:var(--color-body-bg);border-color:var(--color-secondary-disabled);cursor:not-allowed;box-shadow:none}.slider--disabled .slider__scale-item{color:var(--color-secondary-disabled)}.slider--disabled .slider__scale-item:before{background:var(--color-secondary-disabled)}.slider--disabled .slider__tooltip{color:var(--color-secondary-disabled);border-color:var(--color-secondary-disabled)}.slider__tooltip{position:absolute;top:-34px;transform:translate(-50%);background:var(--color-body-bg);border:1px solid var(--color-border);color:var(--color-body-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);line-height:var(--line-height-normal)}.slider__scale{position:relative;height:26px;margin-top:var(--spacing-1)}.slider__scale-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-tertiary);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.slider__scale-item:before{content:"";display:block;width:1px;height:6px;background:var(--color-border);flex-shrink:0}.slider__input--start,.slider__input--end{position:absolute;pointer-events:none}.slider__input--start::-webkit-slider-thumb,.slider__input--end::-webkit-slider-thumb{pointer-events:all}.slider__input--start::-moz-range-thumb,.slider__input--end::-moz-range-thumb{pointer-events:all}';
|
|
29
|
+
var O = Object.defineProperty, B = Object.getOwnPropertyDescriptor, c = (t, e, o, r) => {
|
|
30
|
+
for (var i = r > 1 ? void 0 : r ? B(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
31
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
32
|
+
return r && i && O(e, o, i), i;
|
|
33
33
|
};
|
|
34
34
|
let p = class extends w {
|
|
35
35
|
constructor() {
|
|
@@ -101,8 +101,8 @@ let p = class extends w {
|
|
|
101
101
|
_renderScale() {
|
|
102
102
|
if (!this.showScale) return d;
|
|
103
103
|
const t = this.max - this.min, e = Math.min(Math.round(t / this.step) + 1, 11), o = Array.from({ length: e }, (r, i) => {
|
|
104
|
-
const
|
|
105
|
-
return { pct:
|
|
104
|
+
const l = e > 1 ? i / (e - 1) * 100 : 0, a = this.min + l / 100 * t, z = this.percentage ? `${Math.round(a)}%` : String(Math.round(a));
|
|
105
|
+
return { pct: l, display: z };
|
|
106
106
|
});
|
|
107
107
|
return n`
|
|
108
108
|
<div class="slider__scale">
|
|
@@ -251,7 +251,7 @@ let p = class extends w {
|
|
|
251
251
|
`;
|
|
252
252
|
}
|
|
253
253
|
};
|
|
254
|
-
p.styles = [y`${m(
|
|
254
|
+
p.styles = [y`${m(D)}`];
|
|
255
255
|
c([
|
|
256
256
|
s({ type: Number })
|
|
257
257
|
], p.prototype, "value", 2);
|
|
@@ -292,19 +292,19 @@ c([
|
|
|
292
292
|
s({ type: Array })
|
|
293
293
|
], p.prototype, "labels", 2);
|
|
294
294
|
c([
|
|
295
|
-
|
|
295
|
+
C()
|
|
296
296
|
], p.prototype, "_hoverStart", 2);
|
|
297
297
|
c([
|
|
298
|
-
|
|
298
|
+
C()
|
|
299
299
|
], p.prototype, "_hoverEnd", 2);
|
|
300
300
|
p = c([
|
|
301
301
|
x("logosphere-slider")
|
|
302
302
|
], p);
|
|
303
|
-
const
|
|
304
|
-
var
|
|
305
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
306
|
-
(
|
|
307
|
-
return r && i &&
|
|
303
|
+
const T = ":host{display:block}.stepper{display:flex;font-family:var(--font-family-base)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--horizontal .stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.stepper--horizontal .stepper__step-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:10px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;z-index:0}.stepper--horizontal .stepper__labels{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-2);padding:0 var(--spacing-1)}.stepper--vertical{flex-direction:column;align-items:stretch}.stepper--vertical .stepper__step{display:flex;flex-direction:column;position:relative}.stepper--vertical .stepper__step-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.stepper--vertical .stepper__labels{display:flex;flex-direction:column;padding-top:var(--spacing-1);padding-bottom:var(--spacing-4)}.stepper--vertical .stepper__connector{position:absolute;top:28px;left:9px;width:2px;bottom:0}.stepper__indicator{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.stepper__indicator-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.stepper__indicator-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.stepper__indicator--completed{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stepper__indicator--current{background-color:var(--color-body-bg);border:2px solid var(--color-primary)}.stepper__indicator--upcoming{background-color:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-tertiary)}.stepper__indicator--disabled{background-color:var(--color-light-bg);border:2px solid var(--color-secondary-disabled);color:var(--color-secondary-disabled)}.stepper__connector--completed{background-color:var(--color-primary)}.stepper__connector--upcoming{background-color:var(--color-border)}.stepper__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-body-color);white-space:nowrap}.stepper__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-tertiary);margin-top:var(--spacing-0-5);white-space:normal}.stepper__step--current .stepper__title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stepper__step--upcoming .stepper__title{color:var(--color-tertiary)}.stepper__step--disabled .stepper__title,.stepper__step--disabled .stepper__description{color:var(--color-secondary-disabled)}.stepper__step--clickable{cursor:pointer}.stepper__step--clickable:hover .stepper__indicator--upcoming,.stepper__step--clickable:hover .stepper__indicator--completed{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.stepper__step--clickable:focus-visible{outline:none}.stepper__step--clickable:focus-visible .stepper__indicator{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}";
|
|
304
|
+
var I = Object.defineProperty, M = Object.getOwnPropertyDescriptor, $ = (t, e, o, r) => {
|
|
305
|
+
for (var i = r > 1 ? void 0 : r ? M(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
306
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
307
|
+
return r && i && I(e, o, i), i;
|
|
308
308
|
};
|
|
309
309
|
let f = class extends w {
|
|
310
310
|
constructor() {
|
|
@@ -365,7 +365,7 @@ let f = class extends w {
|
|
|
365
365
|
aria-disabled=${o === "disabled" ? "true" : d}
|
|
366
366
|
aria-label="${t.title}${t.description ? `, ${t.description}` : ""}, ${o}"
|
|
367
367
|
@click=${() => this._onStepClick(e, o)}
|
|
368
|
-
@keydown=${(
|
|
368
|
+
@keydown=${(l) => this._onStepKeydown(l, e, o)}
|
|
369
369
|
>
|
|
370
370
|
<div class="stepper__step-header">
|
|
371
371
|
${this._renderIndicator(o, e)}
|
|
@@ -400,7 +400,7 @@ let f = class extends w {
|
|
|
400
400
|
`;
|
|
401
401
|
}
|
|
402
402
|
};
|
|
403
|
-
f.styles = [y`${m(
|
|
403
|
+
f.styles = [y`${m(T)}`];
|
|
404
404
|
$([
|
|
405
405
|
s({ attribute: !1 })
|
|
406
406
|
], f.prototype, "steps", 2);
|
|
@@ -416,13 +416,13 @@ $([
|
|
|
416
416
|
f = $([
|
|
417
417
|
x("logosphere-stepper")
|
|
418
418
|
], f);
|
|
419
|
-
const
|
|
420
|
-
var A = Object.defineProperty,
|
|
421
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
422
|
-
(
|
|
419
|
+
const F = ":host{display:inline-block;position:relative}.split-button{display:inline-flex;align-items:stretch;gap:1px;font-family:var(--font-family-base);border-radius:var(--radius-base);overflow:hidden}.split-button__action,.split-button__dropdown{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.25rem;letter-spacing:-.14px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-base) var(--transition-timing);outline:none}.split-button__action:focus-visible,.split-button__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}.split-button__action:disabled,.split-button__dropdown:disabled{cursor:not-allowed;pointer-events:none}.split-button__action{gap:var(--spacing-1)}.split-button__chevron{transition:transform var(--transition-speed-base) var(--transition-timing);display:inline-flex}.split-button__chevron--open{transform:rotate(180deg)}.split-button--sm .split-button__action{padding:var(--spacing-0-5) var(--spacing-2)}.split-button--sm .split-button__dropdown{padding:var(--spacing-0-5) var(--spacing-1-5)}.split-button--md .split-button__action{padding:var(--spacing-1-5) var(--spacing-3)}.split-button--md .split-button__dropdown{padding:var(--spacing-1-5) var(--spacing-2)}.split-button--lg .split-button__action{padding:var(--spacing-2-5) var(--spacing-3)}.split-button--lg .split-button__dropdown{padding:var(--spacing-2-5) var(--spacing-2)}.split-button{background-color:#fff6}.split-button--primary .split-button__action,.split-button--primary .split-button__dropdown{background-color:var(--color-primary);color:#fff}.split-button--primary .split-button__action:hover:not(:disabled),.split-button--primary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-primary-hover)}.split-button--primary .split-button__action:active:not(:disabled),.split-button--primary .split-button__dropdown:active:not(:disabled){background-color:var(--color-primary-active)}.split-button--primary.split-button--disabled,.split-button--primary .split-button__action:disabled,.split-button--primary .split-button__dropdown:disabled{background-color:var(--color-primary-disabled)}.split-button--primary.split-button--disabled .split-button__action,.split-button--primary.split-button--disabled .split-button__dropdown{background-color:var(--color-primary-disabled)}.split-button--secondary .split-button__action,.split-button--secondary .split-button__dropdown{background-color:var(--color-secondary);color:#fff}.split-button--secondary .split-button__action:hover:not(:disabled),.split-button--secondary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-secondary-hover)}.split-button--secondary .split-button__action:active:not(:disabled),.split-button--secondary .split-button__dropdown:active:not(:disabled){background-color:var(--color-secondary-active)}.split-button--secondary.split-button--disabled .split-button__action,.split-button--secondary.split-button--disabled .split-button__dropdown,.split-button--secondary .split-button__action:disabled,.split-button--secondary .split-button__dropdown:disabled{background-color:var(--color-secondary-disabled)}.split-button--success .split-button__action,.split-button--success .split-button__dropdown{background-color:var(--color-success);color:#fff}.split-button--success .split-button__action:hover:not(:disabled),.split-button--success .split-button__dropdown:hover:not(:disabled){background-color:var(--color-success-hover)}.split-button--success .split-button__action:active:not(:disabled),.split-button--success .split-button__dropdown:active:not(:disabled){background-color:var(--color-success-active)}.split-button--success.split-button--disabled .split-button__action,.split-button--success.split-button--disabled .split-button__dropdown,.split-button--success .split-button__action:disabled,.split-button--success .split-button__dropdown:disabled{background-color:var(--color-success-disabled)}.split-button--danger .split-button__action,.split-button--danger .split-button__dropdown{background-color:var(--color-danger);color:#fff}.split-button--danger .split-button__action:hover:not(:disabled),.split-button--danger .split-button__dropdown:hover:not(:disabled){background-color:var(--color-danger-hover)}.split-button--danger .split-button__action:active:not(:disabled),.split-button--danger .split-button__dropdown:active:not(:disabled){background-color:var(--color-danger-active)}.split-button--danger.split-button--disabled .split-button__action,.split-button--danger.split-button--disabled .split-button__dropdown,.split-button--danger .split-button__action:disabled,.split-button--danger .split-button__dropdown:disabled{background-color:var(--color-danger-disabled)}.split-button--info .split-button__action,.split-button--info .split-button__dropdown{background-color:var(--color-info);color:#fff}.split-button--info .split-button__action:hover:not(:disabled),.split-button--info .split-button__dropdown:hover:not(:disabled){background-color:var(--color-info-hover)}.split-button--info .split-button__action:active:not(:disabled),.split-button--info .split-button__dropdown:active:not(:disabled){background-color:var(--color-info-active)}.split-button--info.split-button--disabled .split-button__action,.split-button--info.split-button--disabled .split-button__dropdown,.split-button--info .split-button__action:disabled,.split-button--info .split-button__dropdown:disabled{background-color:var(--color-info-disabled)}.split-button--warning .split-button__action,.split-button--warning .split-button__dropdown{background-color:var(--color-warning);color:var(--color-warning-emphasis)}.split-button--warning .split-button__action:hover:not(:disabled),.split-button--warning .split-button__dropdown:hover:not(:disabled){background-color:var(--color-warning-hover)}.split-button--warning .split-button__action:active:not(:disabled),.split-button--warning .split-button__dropdown:active:not(:disabled){background-color:var(--color-warning-active)}.split-button--warning.split-button--disabled .split-button__action,.split-button--warning.split-button--disabled .split-button__dropdown,.split-button--warning .split-button__action:disabled,.split-button--warning .split-button__dropdown:disabled{background-color:var(--color-warning-disabled)}.split-button__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:160px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;outline:none}.split-button__panel-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-color);text-align:left;white-space:nowrap;transition:background-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.split-button__panel-item:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.split-button__panel-item:active:not(:disabled){background-color:var(--color-body-bg-active)}.split-button__panel-item--disabled,.split-button__panel-item:disabled{color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.split-button__panel-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-1) 0}";
|
|
420
|
+
var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, _ = (t, e, o, r) => {
|
|
421
|
+
for (var i = r > 1 ? void 0 : r ? j(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
422
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
423
423
|
return r && i && A(e, o, i), i;
|
|
424
424
|
};
|
|
425
|
-
let
|
|
425
|
+
let u = class extends w {
|
|
426
426
|
constructor() {
|
|
427
427
|
super(...arguments), this.label = "Button", this.size = "md", this.theme = "primary", this.disabled = !1, this.dropdownDisabled = !1, this.items = [], this._open = !1, this._onDocClick = (t) => {
|
|
428
428
|
this._open && (t.composedPath().includes(this) || this._setOpen(!1));
|
|
@@ -442,7 +442,7 @@ let b = class extends w {
|
|
|
442
442
|
}
|
|
443
443
|
// ── Popper ───────────────────────────────────────────────────────────────
|
|
444
444
|
_initPopper() {
|
|
445
|
-
!this._dropdownBtn || !this._panel || (this._popper =
|
|
445
|
+
!this._dropdownBtn || !this._panel || (this._popper = L(this._dropdownBtn, this._panel, {
|
|
446
446
|
placement: "bottom-end",
|
|
447
447
|
strategy: "fixed",
|
|
448
448
|
modifiers: [
|
|
@@ -555,45 +555,45 @@ let b = class extends w {
|
|
|
555
555
|
`;
|
|
556
556
|
}
|
|
557
557
|
};
|
|
558
|
-
|
|
558
|
+
u.styles = [y`${m(F)}`];
|
|
559
559
|
_([
|
|
560
560
|
s({ type: String })
|
|
561
|
-
],
|
|
561
|
+
], u.prototype, "label", 2);
|
|
562
562
|
_([
|
|
563
563
|
s({ type: String })
|
|
564
|
-
],
|
|
564
|
+
], u.prototype, "size", 2);
|
|
565
565
|
_([
|
|
566
566
|
s({ type: String })
|
|
567
|
-
],
|
|
567
|
+
], u.prototype, "theme", 2);
|
|
568
568
|
_([
|
|
569
569
|
s({ type: Boolean })
|
|
570
|
-
],
|
|
570
|
+
], u.prototype, "disabled", 2);
|
|
571
571
|
_([
|
|
572
572
|
s({ type: Boolean })
|
|
573
|
-
],
|
|
573
|
+
], u.prototype, "dropdownDisabled", 2);
|
|
574
574
|
_([
|
|
575
575
|
s({ attribute: !1 })
|
|
576
|
-
],
|
|
576
|
+
], u.prototype, "items", 2);
|
|
577
577
|
_([
|
|
578
|
-
|
|
579
|
-
],
|
|
578
|
+
C()
|
|
579
|
+
], u.prototype, "_open", 2);
|
|
580
580
|
_([
|
|
581
|
-
|
|
582
|
-
],
|
|
581
|
+
E(".split-button__dropdown")
|
|
582
|
+
], u.prototype, "_dropdownBtn", 2);
|
|
583
583
|
_([
|
|
584
|
-
|
|
585
|
-
],
|
|
586
|
-
|
|
584
|
+
E(".split-button__panel")
|
|
585
|
+
], u.prototype, "_panel", 2);
|
|
586
|
+
u = _([
|
|
587
587
|
x("logosphere-split-button")
|
|
588
|
-
],
|
|
589
|
-
const
|
|
590
|
-
var
|
|
591
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
592
|
-
(
|
|
593
|
-
return r && i &&
|
|
588
|
+
], u);
|
|
589
|
+
const N = ":host{display:block}.collapse{font-family:var(--font-family-base);background-color:var(--color-body-bg);overflow:hidden}.collapse--full{border:1px solid var(--color-border);border-radius:var(--radius-base)}.collapse--bottom{border-bottom:1px solid var(--color-border);border-radius:0}.collapse__header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing);outline:none}.collapse--small .collapse__header{padding:var(--spacing-2) var(--spacing-4)}.collapse--full .collapse__header{border-radius:calc(var(--radius-base) - 1px)}.collapse--full.collapse--expanded .collapse__header{border-radius:calc(var(--radius-base) - 1px) calc(var(--radius-base) - 1px) 0 0}.collapse--full .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse--bottom .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--radius-base) - 1px)}.collapse__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.16px;color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse__header-extra:empty{display:none}.collapse__header-extra{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.collapse__header-spacer{flex:1}.collapse__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:transform var(--transition-speed-base) var(--transition-timing)}.collapse__icon--expanded{transform:rotate(180deg)}.collapse__body{height:0;overflow:hidden;transition:height var(--transition-speed-slow) var(--transition-timing)}.collapse__body-inner{padding:0 var(--spacing-4) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-body-color)}.collapse--bottom .collapse__body-inner{padding-top:var(--spacing-2)}.collapse--disabled .collapse__header{cursor:not-allowed;pointer-events:none}.collapse--disabled .collapse__title,.collapse--disabled .collapse__icon{color:var(--color-secondary-disabled)}.collapse--disabled.collapse--full{border-color:var(--color-secondary-disabled);background-color:var(--color-light-bg)}.collapse--disabled.collapse--bottom{border-bottom-color:var(--color-secondary-disabled);background-color:transparent}";
|
|
590
|
+
var K = Object.defineProperty, R = Object.getOwnPropertyDescriptor, v = (t, e, o, r) => {
|
|
591
|
+
for (var i = r > 1 ? void 0 : r ? R(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
592
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
593
|
+
return r && i && K(e, o, i), i;
|
|
594
594
|
};
|
|
595
595
|
const k = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(window) : (t) => setTimeout(() => t(Date.now()), 16);
|
|
596
|
-
let
|
|
596
|
+
let b = class extends w {
|
|
597
597
|
constructor() {
|
|
598
598
|
super(...arguments), this.title = "", this.expanded = !1, this.disabled = !1, this.iconPosition = "right", this.border = "full", this.size = "default";
|
|
599
599
|
}
|
|
@@ -693,39 +693,100 @@ let u = class extends w {
|
|
|
693
693
|
`;
|
|
694
694
|
}
|
|
695
695
|
};
|
|
696
|
-
|
|
696
|
+
b.styles = [y`${m(N)}`];
|
|
697
697
|
v([
|
|
698
698
|
s({ type: String })
|
|
699
|
-
],
|
|
699
|
+
], b.prototype, "title", 2);
|
|
700
700
|
v([
|
|
701
701
|
s({ type: Boolean, reflect: !0 })
|
|
702
|
-
],
|
|
702
|
+
], b.prototype, "expanded", 2);
|
|
703
703
|
v([
|
|
704
704
|
s({ type: Boolean, reflect: !0 })
|
|
705
|
-
],
|
|
705
|
+
], b.prototype, "disabled", 2);
|
|
706
706
|
v([
|
|
707
707
|
s({ type: String })
|
|
708
|
-
],
|
|
708
|
+
], b.prototype, "iconPosition", 2);
|
|
709
709
|
v([
|
|
710
710
|
s({ type: String })
|
|
711
|
-
],
|
|
711
|
+
], b.prototype, "border", 2);
|
|
712
712
|
v([
|
|
713
713
|
s({ type: String })
|
|
714
|
-
],
|
|
714
|
+
], b.prototype, "size", 2);
|
|
715
715
|
v([
|
|
716
|
-
|
|
717
|
-
],
|
|
716
|
+
E(".collapse__body-inner")
|
|
717
|
+
], b.prototype, "_inner", 2);
|
|
718
718
|
v([
|
|
719
|
-
|
|
720
|
-
],
|
|
721
|
-
|
|
719
|
+
E(".collapse__body")
|
|
720
|
+
], b.prototype, "_body", 2);
|
|
721
|
+
b = v([
|
|
722
722
|
x("logosphere-collapse")
|
|
723
|
-
],
|
|
724
|
-
const
|
|
725
|
-
var
|
|
726
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
727
|
-
(
|
|
728
|
-
return r && i &&
|
|
723
|
+
], b);
|
|
724
|
+
const q = ":host{display:block}.input-group{display:inline-flex;align-items:center;font-family:var(--font-family-base)}.input-group--stretch>::slotted(*){align-self:stretch}.input-group>::slotted(*){flex-shrink:0}:host([block]){display:block}:host([block]) .input-group{display:flex;width:100%}:host([block]) .input-group>::slotted(*){flex:1;min-width:0}";
|
|
725
|
+
var G = Object.defineProperty, H = Object.getOwnPropertyDescriptor, P = (t, e, o, r) => {
|
|
726
|
+
for (var i = r > 1 ? void 0 : r ? H(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
727
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
728
|
+
return r && i && G(e, o, i), i;
|
|
729
|
+
};
|
|
730
|
+
let S = class extends w {
|
|
731
|
+
constructor() {
|
|
732
|
+
super(...arguments), this.stretch = !0, this._onFocusIn = (t) => {
|
|
733
|
+
const e = t.composedPath();
|
|
734
|
+
this._getChildren().forEach((r) => {
|
|
735
|
+
const i = e.includes(r);
|
|
736
|
+
r.style.zIndex = i ? "1" : "0", r.style.position = "relative";
|
|
737
|
+
});
|
|
738
|
+
}, this._onFocusOut = (t) => {
|
|
739
|
+
const e = t.relatedTarget;
|
|
740
|
+
e && this.contains(e) || this._getChildren().forEach((o) => {
|
|
741
|
+
o.style.zIndex = "", o.style.position = "";
|
|
742
|
+
});
|
|
743
|
+
};
|
|
744
|
+
}
|
|
745
|
+
// ── Lifecycle ─────────────────────────────────────────────────────────────
|
|
746
|
+
firstUpdated() {
|
|
747
|
+
this._applyGroupStyles(), this.addEventListener("focusin", this._onFocusIn), this.addEventListener("focusout", this._onFocusOut);
|
|
748
|
+
}
|
|
749
|
+
disconnectedCallback() {
|
|
750
|
+
super.disconnectedCallback(), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut);
|
|
751
|
+
}
|
|
752
|
+
// ── Slot change ───────────────────────────────────────────────────────────
|
|
753
|
+
_onSlotChange() {
|
|
754
|
+
this._applyGroupStyles();
|
|
755
|
+
}
|
|
756
|
+
// ── Focus handling — raise focused child above siblings ───────────────────
|
|
757
|
+
_getChildren() {
|
|
758
|
+
return this.shadowRoot?.querySelector("slot")?.assignedElements() ?? [];
|
|
759
|
+
}
|
|
760
|
+
// ── Style application ─────────────────────────────────────────────────────
|
|
761
|
+
_applyGroupStyles() {
|
|
762
|
+
const t = this._getChildren(), e = t.length;
|
|
763
|
+
e !== 0 && t.forEach((o, r) => {
|
|
764
|
+
const i = r === 0, l = r === e - 1;
|
|
765
|
+
let a;
|
|
766
|
+
e === 1 ? a = "var(--radius-base)" : i ? a = "var(--radius-base) 0 0 var(--radius-base)" : l ? a = "0 var(--radius-base) var(--radius-base) 0" : a = "0", o.style.setProperty("--formfield-border-radius", a), o.style.marginLeft = i ? "" : "-1px";
|
|
767
|
+
});
|
|
768
|
+
}
|
|
769
|
+
// ── Render ────────────────────────────────────────────────────────────────
|
|
770
|
+
render() {
|
|
771
|
+
return n`
|
|
772
|
+
<div class="input-group${this.stretch ? " input-group--stretch" : ""}">
|
|
773
|
+
<slot @slotchange=${this._onSlotChange}></slot>
|
|
774
|
+
</div>
|
|
775
|
+
`;
|
|
776
|
+
}
|
|
777
|
+
};
|
|
778
|
+
S.styles = [y`${m(q)}`];
|
|
779
|
+
P([
|
|
780
|
+
s({ type: Boolean })
|
|
781
|
+
], S.prototype, "stretch", 2);
|
|
782
|
+
S = P([
|
|
783
|
+
x("logosphere-input-group")
|
|
784
|
+
], S);
|
|
785
|
+
const U = ":host{display:block}.accordion{display:flex;flex-direction:column}.accordion--full{gap:var(--spacing-2)}.accordion--bottom{gap:0}.accordion--full ::slotted(logosphere-collapse),.accordion--full logosphere-collapse{width:100%}";
|
|
786
|
+
var V = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, g = (t, e, o, r) => {
|
|
787
|
+
for (var i = r > 1 ? void 0 : r ? Y(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
788
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
789
|
+
return r && i && V(e, o, i), i;
|
|
729
790
|
};
|
|
730
791
|
let h = class extends w {
|
|
731
792
|
constructor() {
|
|
@@ -786,7 +847,7 @@ let h = class extends w {
|
|
|
786
847
|
`;
|
|
787
848
|
}
|
|
788
849
|
};
|
|
789
|
-
h.styles = [y`${m(
|
|
850
|
+
h.styles = [y`${m(U)}`];
|
|
790
851
|
g([
|
|
791
852
|
s({ attribute: !1 })
|
|
792
853
|
], h.prototype, "items", 2);
|
|
@@ -806,41 +867,42 @@ g([
|
|
|
806
867
|
s({ type: String })
|
|
807
868
|
], h.prototype, "size", 2);
|
|
808
869
|
g([
|
|
809
|
-
|
|
870
|
+
C()
|
|
810
871
|
], h.prototype, "_openSet", 2);
|
|
811
872
|
h = g([
|
|
812
873
|
x("logosphere-accordion")
|
|
813
874
|
], h);
|
|
814
875
|
export {
|
|
815
876
|
h as Accordion,
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
877
|
+
ct as Breadcrumb,
|
|
878
|
+
et as Button,
|
|
879
|
+
bt as Card,
|
|
880
|
+
st as Checkbox,
|
|
881
|
+
b as Collapse,
|
|
882
|
+
zt as Combobox,
|
|
883
|
+
It as DownloadManager,
|
|
884
|
+
Bt as Drawer,
|
|
885
|
+
at as FormField,
|
|
886
|
+
S as InputGroup,
|
|
887
|
+
Ft as LeftMenu,
|
|
888
|
+
At as LeftMenuItemElement,
|
|
889
|
+
it as LogosphereBadge,
|
|
890
|
+
Et as LogosphereCalendar,
|
|
891
|
+
St as LogosphereChatBot,
|
|
892
|
+
Dt as LogosphereDatePicker,
|
|
893
|
+
_t as LogosphereInput,
|
|
894
|
+
Ut as LogosphereTab,
|
|
895
|
+
Rt as LogosphereToast,
|
|
896
|
+
qt as LogosphereToastContainer,
|
|
897
|
+
Nt as Modal,
|
|
898
|
+
gt as Pagination,
|
|
899
|
+
mt as Popover,
|
|
838
900
|
p as Slider,
|
|
839
|
-
|
|
901
|
+
u as SplitButton,
|
|
840
902
|
f as Stepper,
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
903
|
+
pt as Switch,
|
|
904
|
+
wt as TextArea,
|
|
905
|
+
$t as TimePicker,
|
|
906
|
+
Gt as ToastService,
|
|
907
|
+
Yt as TreeMenu
|
|
846
908
|
};
|