@logosphere-ui/core 0.0.0-alpha.35 → 0.0.0-alpha.39
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 +20 -15
- package/dist/AGENTS.md +20 -15
- package/dist/atoms/Checkbox/checkbox.d.ts +2 -1
- package/dist/{badge-BJqUgXZD.js → badge-DsDxWEHx.js} +1 -1
- package/dist/{badge-COTtd1jh.cjs → badge-DvaKpUHe.cjs} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{calendar-DtpJBtpq.cjs → calendar-CIgyrv3U.cjs} +1 -1
- package/dist/{calendar-B7bSuIt4.js → calendar-CZ_IN2TF.js} +1 -1
- package/dist/calendar.cjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/{card-BD8FkSTi.cjs → card-BOCW7gad.cjs} +1 -1
- package/dist/{card-CAAhjIjf.js → card-MDwFGplY.js} +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{chatbot-8etAVHNx.cjs → chatbot-B-NiZIYK.cjs} +1 -1
- package/dist/{chatbot-p4CmxSdZ.js → chatbot-CHgiUY4h.js} +3 -3
- 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/chip-group-BUL2H8rr.js +89 -0
- package/dist/chip-group-CpcjGoRm.cjs +26 -0
- package/dist/chip-group.cjs +1 -0
- package/dist/chip-group.js +4 -0
- package/dist/{combobox-BV4AKTqp.cjs → combobox-BmIFPk8X.cjs} +29 -23
- package/dist/{combobox-CTqEZUg6.js → combobox-jak7Ac1m.js} +192 -142
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.js +1 -1
- package/dist/{datepicker-tJbIvNpy.js → datepicker-BgysIOZI.js} +2 -2
- package/dist/{datepicker-BCNJROwD.cjs → datepicker-DOBmbxlo.cjs} +1 -1
- package/dist/datepicker.cjs +1 -1
- package/dist/datepicker.js +1 -1
- package/dist/{drawer-g6mHdpjF.cjs → drawer-3nyjAkcS.cjs} +2 -2
- package/dist/{drawer-CRB8UUAo.js → drawer-CE9zzllI.js} +2 -2
- package/dist/drawer.cjs +1 -1
- package/dist/drawer.js +1 -1
- package/dist/index.cjs +11 -7
- package/dist/index.d.ts +2 -0
- package/dist/index.js +182 -118
- package/dist/index.umd.js +137 -85
- package/dist/{input-Tkm7VBBl.cjs → input-CQS0LzF-.cjs} +1 -1
- package/dist/{input-BUX_2G5m.js → input-CeF3YJk-.js} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/left-menu.cjs +1 -1
- package/dist/left-menu.js +1 -1
- package/dist/{leftmenu-Cf2gC2J0.js → leftmenu-CmWvnA6L.js} +3 -3
- package/dist/{leftmenu-D0sRExqr.cjs → leftmenu-p9aR2QTy.cjs} +1 -1
- package/dist/{modal-Cfa0imdF.js → modal-DUIv_yoo.js} +2 -2
- package/dist/{modal-DFnpqdWX.cjs → modal-dUnnHe8u.cjs} +2 -2
- package/dist/modal.cjs +1 -1
- package/dist/modal.js +1 -1
- package/dist/molecules/Chip/chip-group.d.ts +29 -0
- package/dist/molecules/Chip/index.d.ts +2 -0
- package/dist/molecules/InputGroup/index.d.ts +1 -0
- package/dist/molecules/InputGroup/input-group.d.ts +40 -0
- package/dist/organisms/Combobox/combobox.d.ts +11 -0
- package/dist/organisms/Tab/tab.d.ts +13 -1
- package/dist/{pagination-BLNrwUSO.js → pagination-B7jknoOz.js} +2 -2
- package/dist/{pagination-AclB9qi1.cjs → pagination-BkqbWBOn.cjs} +1 -1
- package/dist/pagination.cjs +1 -1
- package/dist/pagination.js +1 -1
- package/dist/{popover-DhEvLuOo.cjs → popover-CYDoeLKp.cjs} +1 -1
- package/dist/{popover-BSfKsQni.js → popover-DDaG8MSj.js} +27 -27
- package/dist/popover.cjs +1 -1
- package/dist/popover.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/dist/{text-area-coWx4Xn-.js → text-area-C73JxnqH.js} +1 -1
- package/dist/{text-area-DCBCDtJw.cjs → text-area-Cprb-azV.cjs} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{timepicker-WxA2Uo66.cjs → timepicker-CLJKWWGm.cjs} +1 -1
- package/dist/{timepicker-rNyKCfN3.js → timepicker-DMzGYd0p.js} +2 -2
- package/dist/timepicker.cjs +1 -1
- package/dist/timepicker.js +1 -1
- package/dist/{toast-container-B9E_mVk6.cjs → toast-container-6t6yEP9Y.cjs} +2 -2
- package/dist/{toast-container-Cb0MduXt.js → toast-container-B5v74b_5.js} +2 -2
- package/dist/toast.cjs +1 -1
- package/dist/toast.js +1 -1
- package/dist/{tree-menu-CufITiv_.js → tree-menu-CkOPxr-W.js} +1 -1
- package/dist/{tree-menu-DuJuy5pp.cjs → tree-menu-WNwZMreD.cjs} +1 -1
- package/dist/tree-menu.cjs +1 -1
- package/dist/tree-menu.js +1 -1
- package/dist/ui-icon-BMJNdIOq.js +71 -0
- package/dist/ui-icon-DIucAQC_.cjs +22 -0
- package/package.json +11 -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/ui-icon-Ctn4nGFa.js +0 -70
- package/dist/ui-icon-jKyMV1zp.cjs +0 -22
package/dist/index.js
CHANGED
|
@@ -1,35 +1,36 @@
|
|
|
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-DsDxWEHx.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
|
|
13
|
-
import "./ui-icon-
|
|
14
|
-
import { createPopper as
|
|
15
|
-
import {
|
|
16
|
-
import { T as
|
|
17
|
-
import {
|
|
18
|
-
import { L as
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import { D as
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import { L as
|
|
27
|
-
import {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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-MDwFGplY.js";
|
|
10
|
+
import { L as _t } from "./input-CeF3YJk-.js";
|
|
11
|
+
import { P as gt } from "./pagination-B7jknoOz.js";
|
|
12
|
+
import { P as mt } from "./popover-DDaG8MSj.js";
|
|
13
|
+
import "./ui-icon-BMJNdIOq.js";
|
|
14
|
+
import { createPopper as L } from "@popperjs/core";
|
|
15
|
+
import { C as wt } from "./chip-group-BUL2H8rr.js";
|
|
16
|
+
import { T as $t } from "./text-area-C73JxnqH.js";
|
|
17
|
+
import { T as St } from "./timepicker-DMzGYd0p.js";
|
|
18
|
+
import { L as Et } from "./chatbot-CHgiUY4h.js";
|
|
19
|
+
import { L as zt } from "./calendar-CZ_IN2TF.js";
|
|
20
|
+
import { C as Dt } from "./combobox-jak7Ac1m.js";
|
|
21
|
+
import { L as Bt } from "./datepicker-BgysIOZI.js";
|
|
22
|
+
import { D as It } from "./drawer-CE9zzllI.js";
|
|
23
|
+
import { D as Ft } from "./download-manager-BPg-6Qfg.js";
|
|
24
|
+
import { L as jt, a as Nt } from "./leftmenu-CmWvnA6L.js";
|
|
25
|
+
import { M as Rt } from "./modal-DUIv_yoo.js";
|
|
26
|
+
import { L as Gt, a as Ht, T as Ut } from "./toast-container-B5v74b_5.js";
|
|
27
|
+
import { L as Yt } from "./tab-CuBCFGoO.js";
|
|
28
|
+
import { T as Jt } from "./tree-menu-CkOPxr-W.js";
|
|
29
|
+
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}';
|
|
30
|
+
var O = Object.defineProperty, B = Object.getOwnPropertyDescriptor, c = (t, e, o, r) => {
|
|
31
|
+
for (var i = r > 1 ? void 0 : r ? B(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
32
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
33
|
+
return r && i && O(e, o, i), i;
|
|
33
34
|
};
|
|
34
35
|
let p = class extends w {
|
|
35
36
|
constructor() {
|
|
@@ -101,8 +102,8 @@ let p = class extends w {
|
|
|
101
102
|
_renderScale() {
|
|
102
103
|
if (!this.showScale) return d;
|
|
103
104
|
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:
|
|
105
|
+
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));
|
|
106
|
+
return { pct: l, display: z };
|
|
106
107
|
});
|
|
107
108
|
return n`
|
|
108
109
|
<div class="slider__scale">
|
|
@@ -251,7 +252,7 @@ let p = class extends w {
|
|
|
251
252
|
`;
|
|
252
253
|
}
|
|
253
254
|
};
|
|
254
|
-
p.styles = [y`${m(
|
|
255
|
+
p.styles = [y`${m(D)}`];
|
|
255
256
|
c([
|
|
256
257
|
s({ type: Number })
|
|
257
258
|
], p.prototype, "value", 2);
|
|
@@ -292,19 +293,19 @@ c([
|
|
|
292
293
|
s({ type: Array })
|
|
293
294
|
], p.prototype, "labels", 2);
|
|
294
295
|
c([
|
|
295
|
-
|
|
296
|
+
C()
|
|
296
297
|
], p.prototype, "_hoverStart", 2);
|
|
297
298
|
c([
|
|
298
|
-
|
|
299
|
+
C()
|
|
299
300
|
], p.prototype, "_hoverEnd", 2);
|
|
300
301
|
p = c([
|
|
301
302
|
x("logosphere-slider")
|
|
302
303
|
], p);
|
|
303
|
-
const
|
|
304
|
-
var
|
|
305
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
306
|
-
(
|
|
307
|
-
return r && i &&
|
|
304
|
+
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)}";
|
|
305
|
+
var I = Object.defineProperty, M = Object.getOwnPropertyDescriptor, $ = (t, e, o, r) => {
|
|
306
|
+
for (var i = r > 1 ? void 0 : r ? M(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
307
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
308
|
+
return r && i && I(e, o, i), i;
|
|
308
309
|
};
|
|
309
310
|
let f = class extends w {
|
|
310
311
|
constructor() {
|
|
@@ -365,7 +366,7 @@ let f = class extends w {
|
|
|
365
366
|
aria-disabled=${o === "disabled" ? "true" : d}
|
|
366
367
|
aria-label="${t.title}${t.description ? `, ${t.description}` : ""}, ${o}"
|
|
367
368
|
@click=${() => this._onStepClick(e, o)}
|
|
368
|
-
@keydown=${(
|
|
369
|
+
@keydown=${(l) => this._onStepKeydown(l, e, o)}
|
|
369
370
|
>
|
|
370
371
|
<div class="stepper__step-header">
|
|
371
372
|
${this._renderIndicator(o, e)}
|
|
@@ -400,7 +401,7 @@ let f = class extends w {
|
|
|
400
401
|
`;
|
|
401
402
|
}
|
|
402
403
|
};
|
|
403
|
-
f.styles = [y`${m(
|
|
404
|
+
f.styles = [y`${m(T)}`];
|
|
404
405
|
$([
|
|
405
406
|
s({ attribute: !1 })
|
|
406
407
|
], f.prototype, "steps", 2);
|
|
@@ -416,13 +417,13 @@ $([
|
|
|
416
417
|
f = $([
|
|
417
418
|
x("logosphere-stepper")
|
|
418
419
|
], f);
|
|
419
|
-
const
|
|
420
|
-
var A = Object.defineProperty,
|
|
421
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
422
|
-
(
|
|
420
|
+
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}";
|
|
421
|
+
var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, _ = (t, e, o, r) => {
|
|
422
|
+
for (var i = r > 1 ? void 0 : r ? j(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
423
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
423
424
|
return r && i && A(e, o, i), i;
|
|
424
425
|
};
|
|
425
|
-
let
|
|
426
|
+
let u = class extends w {
|
|
426
427
|
constructor() {
|
|
427
428
|
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
429
|
this._open && (t.composedPath().includes(this) || this._setOpen(!1));
|
|
@@ -442,7 +443,7 @@ let b = class extends w {
|
|
|
442
443
|
}
|
|
443
444
|
// ── Popper ───────────────────────────────────────────────────────────────
|
|
444
445
|
_initPopper() {
|
|
445
|
-
!this._dropdownBtn || !this._panel || (this._popper =
|
|
446
|
+
!this._dropdownBtn || !this._panel || (this._popper = L(this._dropdownBtn, this._panel, {
|
|
446
447
|
placement: "bottom-end",
|
|
447
448
|
strategy: "fixed",
|
|
448
449
|
modifiers: [
|
|
@@ -555,45 +556,45 @@ let b = class extends w {
|
|
|
555
556
|
`;
|
|
556
557
|
}
|
|
557
558
|
};
|
|
558
|
-
|
|
559
|
+
u.styles = [y`${m(F)}`];
|
|
559
560
|
_([
|
|
560
561
|
s({ type: String })
|
|
561
|
-
],
|
|
562
|
+
], u.prototype, "label", 2);
|
|
562
563
|
_([
|
|
563
564
|
s({ type: String })
|
|
564
|
-
],
|
|
565
|
+
], u.prototype, "size", 2);
|
|
565
566
|
_([
|
|
566
567
|
s({ type: String })
|
|
567
|
-
],
|
|
568
|
+
], u.prototype, "theme", 2);
|
|
568
569
|
_([
|
|
569
570
|
s({ type: Boolean })
|
|
570
|
-
],
|
|
571
|
+
], u.prototype, "disabled", 2);
|
|
571
572
|
_([
|
|
572
573
|
s({ type: Boolean })
|
|
573
|
-
],
|
|
574
|
+
], u.prototype, "dropdownDisabled", 2);
|
|
574
575
|
_([
|
|
575
576
|
s({ attribute: !1 })
|
|
576
|
-
],
|
|
577
|
+
], u.prototype, "items", 2);
|
|
577
578
|
_([
|
|
578
|
-
|
|
579
|
-
],
|
|
579
|
+
C()
|
|
580
|
+
], u.prototype, "_open", 2);
|
|
580
581
|
_([
|
|
581
|
-
|
|
582
|
-
],
|
|
582
|
+
E(".split-button__dropdown")
|
|
583
|
+
], u.prototype, "_dropdownBtn", 2);
|
|
583
584
|
_([
|
|
584
|
-
|
|
585
|
-
],
|
|
586
|
-
|
|
585
|
+
E(".split-button__panel")
|
|
586
|
+
], u.prototype, "_panel", 2);
|
|
587
|
+
u = _([
|
|
587
588
|
x("logosphere-split-button")
|
|
588
|
-
],
|
|
589
|
-
const
|
|
590
|
-
var
|
|
591
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
592
|
-
(
|
|
593
|
-
return r && i &&
|
|
589
|
+
], u);
|
|
590
|
+
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}";
|
|
591
|
+
var K = Object.defineProperty, R = Object.getOwnPropertyDescriptor, v = (t, e, o, r) => {
|
|
592
|
+
for (var i = r > 1 ? void 0 : r ? R(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
593
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
594
|
+
return r && i && K(e, o, i), i;
|
|
594
595
|
};
|
|
595
596
|
const k = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(window) : (t) => setTimeout(() => t(Date.now()), 16);
|
|
596
|
-
let
|
|
597
|
+
let b = class extends w {
|
|
597
598
|
constructor() {
|
|
598
599
|
super(...arguments), this.title = "", this.expanded = !1, this.disabled = !1, this.iconPosition = "right", this.border = "full", this.size = "default";
|
|
599
600
|
}
|
|
@@ -693,39 +694,100 @@ let u = class extends w {
|
|
|
693
694
|
`;
|
|
694
695
|
}
|
|
695
696
|
};
|
|
696
|
-
|
|
697
|
+
b.styles = [y`${m(N)}`];
|
|
697
698
|
v([
|
|
698
699
|
s({ type: String })
|
|
699
|
-
],
|
|
700
|
+
], b.prototype, "title", 2);
|
|
700
701
|
v([
|
|
701
702
|
s({ type: Boolean, reflect: !0 })
|
|
702
|
-
],
|
|
703
|
+
], b.prototype, "expanded", 2);
|
|
703
704
|
v([
|
|
704
705
|
s({ type: Boolean, reflect: !0 })
|
|
705
|
-
],
|
|
706
|
+
], b.prototype, "disabled", 2);
|
|
706
707
|
v([
|
|
707
708
|
s({ type: String })
|
|
708
|
-
],
|
|
709
|
+
], b.prototype, "iconPosition", 2);
|
|
709
710
|
v([
|
|
710
711
|
s({ type: String })
|
|
711
|
-
],
|
|
712
|
+
], b.prototype, "border", 2);
|
|
712
713
|
v([
|
|
713
714
|
s({ type: String })
|
|
714
|
-
],
|
|
715
|
+
], b.prototype, "size", 2);
|
|
715
716
|
v([
|
|
716
|
-
|
|
717
|
-
],
|
|
717
|
+
E(".collapse__body-inner")
|
|
718
|
+
], b.prototype, "_inner", 2);
|
|
718
719
|
v([
|
|
719
|
-
|
|
720
|
-
],
|
|
721
|
-
|
|
720
|
+
E(".collapse__body")
|
|
721
|
+
], b.prototype, "_body", 2);
|
|
722
|
+
b = v([
|
|
722
723
|
x("logosphere-collapse")
|
|
723
|
-
],
|
|
724
|
-
const
|
|
725
|
-
var
|
|
726
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
727
|
-
(
|
|
728
|
-
return r && i &&
|
|
724
|
+
], b);
|
|
725
|
+
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}";
|
|
726
|
+
var G = Object.defineProperty, H = Object.getOwnPropertyDescriptor, P = (t, e, o, r) => {
|
|
727
|
+
for (var i = r > 1 ? void 0 : r ? H(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
728
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
729
|
+
return r && i && G(e, o, i), i;
|
|
730
|
+
};
|
|
731
|
+
let S = class extends w {
|
|
732
|
+
constructor() {
|
|
733
|
+
super(...arguments), this.stretch = !0, this._onFocusIn = (t) => {
|
|
734
|
+
const e = t.composedPath();
|
|
735
|
+
this._getChildren().forEach((r) => {
|
|
736
|
+
const i = e.includes(r);
|
|
737
|
+
r.style.zIndex = i ? "1" : "0", r.style.position = "relative";
|
|
738
|
+
});
|
|
739
|
+
}, this._onFocusOut = (t) => {
|
|
740
|
+
const e = t.relatedTarget;
|
|
741
|
+
e && this.contains(e) || this._getChildren().forEach((o) => {
|
|
742
|
+
o.style.zIndex = "", o.style.position = "";
|
|
743
|
+
});
|
|
744
|
+
};
|
|
745
|
+
}
|
|
746
|
+
// ── Lifecycle ─────────────────────────────────────────────────────────────
|
|
747
|
+
firstUpdated() {
|
|
748
|
+
this._applyGroupStyles(), this.addEventListener("focusin", this._onFocusIn), this.addEventListener("focusout", this._onFocusOut);
|
|
749
|
+
}
|
|
750
|
+
disconnectedCallback() {
|
|
751
|
+
super.disconnectedCallback(), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut);
|
|
752
|
+
}
|
|
753
|
+
// ── Slot change ───────────────────────────────────────────────────────────
|
|
754
|
+
_onSlotChange() {
|
|
755
|
+
this._applyGroupStyles();
|
|
756
|
+
}
|
|
757
|
+
// ── Focus handling — raise focused child above siblings ───────────────────
|
|
758
|
+
_getChildren() {
|
|
759
|
+
return this.shadowRoot?.querySelector("slot")?.assignedElements() ?? [];
|
|
760
|
+
}
|
|
761
|
+
// ── Style application ─────────────────────────────────────────────────────
|
|
762
|
+
_applyGroupStyles() {
|
|
763
|
+
const t = this._getChildren(), e = t.length;
|
|
764
|
+
e !== 0 && t.forEach((o, r) => {
|
|
765
|
+
const i = r === 0, l = r === e - 1;
|
|
766
|
+
let a;
|
|
767
|
+
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";
|
|
768
|
+
});
|
|
769
|
+
}
|
|
770
|
+
// ── Render ────────────────────────────────────────────────────────────────
|
|
771
|
+
render() {
|
|
772
|
+
return n`
|
|
773
|
+
<div class="input-group${this.stretch ? " input-group--stretch" : ""}">
|
|
774
|
+
<slot @slotchange=${this._onSlotChange}></slot>
|
|
775
|
+
</div>
|
|
776
|
+
`;
|
|
777
|
+
}
|
|
778
|
+
};
|
|
779
|
+
S.styles = [y`${m(q)}`];
|
|
780
|
+
P([
|
|
781
|
+
s({ type: Boolean })
|
|
782
|
+
], S.prototype, "stretch", 2);
|
|
783
|
+
S = P([
|
|
784
|
+
x("logosphere-input-group")
|
|
785
|
+
], S);
|
|
786
|
+
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%}";
|
|
787
|
+
var V = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, g = (t, e, o, r) => {
|
|
788
|
+
for (var i = r > 1 ? void 0 : r ? Y(e, o) : e, l = t.length - 1, a; l >= 0; l--)
|
|
789
|
+
(a = t[l]) && (i = (r ? a(e, o, i) : a(i)) || i);
|
|
790
|
+
return r && i && V(e, o, i), i;
|
|
729
791
|
};
|
|
730
792
|
let h = class extends w {
|
|
731
793
|
constructor() {
|
|
@@ -786,7 +848,7 @@ let h = class extends w {
|
|
|
786
848
|
`;
|
|
787
849
|
}
|
|
788
850
|
};
|
|
789
|
-
h.styles = [y`${m(
|
|
851
|
+
h.styles = [y`${m(U)}`];
|
|
790
852
|
g([
|
|
791
853
|
s({ attribute: !1 })
|
|
792
854
|
], h.prototype, "items", 2);
|
|
@@ -806,41 +868,43 @@ g([
|
|
|
806
868
|
s({ type: String })
|
|
807
869
|
], h.prototype, "size", 2);
|
|
808
870
|
g([
|
|
809
|
-
|
|
871
|
+
C()
|
|
810
872
|
], h.prototype, "_openSet", 2);
|
|
811
873
|
h = g([
|
|
812
874
|
x("logosphere-accordion")
|
|
813
875
|
], h);
|
|
814
876
|
export {
|
|
815
877
|
h as Accordion,
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
Dt as
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
878
|
+
ct as Breadcrumb,
|
|
879
|
+
et as Button,
|
|
880
|
+
bt as Card,
|
|
881
|
+
st as Checkbox,
|
|
882
|
+
wt as ChipGroup,
|
|
883
|
+
b as Collapse,
|
|
884
|
+
Dt as Combobox,
|
|
885
|
+
Ft as DownloadManager,
|
|
886
|
+
It as Drawer,
|
|
887
|
+
at as FormField,
|
|
888
|
+
S as InputGroup,
|
|
889
|
+
jt as LeftMenu,
|
|
890
|
+
Nt as LeftMenuItemElement,
|
|
891
|
+
it as LogosphereBadge,
|
|
892
|
+
zt as LogosphereCalendar,
|
|
893
|
+
Et as LogosphereChatBot,
|
|
894
|
+
Bt as LogosphereDatePicker,
|
|
895
|
+
_t as LogosphereInput,
|
|
896
|
+
Yt as LogosphereTab,
|
|
897
|
+
Gt as LogosphereToast,
|
|
898
|
+
Ht as LogosphereToastContainer,
|
|
899
|
+
Rt as Modal,
|
|
900
|
+
gt as Pagination,
|
|
901
|
+
mt as Popover,
|
|
838
902
|
p as Slider,
|
|
839
|
-
|
|
903
|
+
u as SplitButton,
|
|
840
904
|
f as Stepper,
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
905
|
+
pt as Switch,
|
|
906
|
+
$t as TextArea,
|
|
907
|
+
St as TimePicker,
|
|
908
|
+
Ut as ToastService,
|
|
909
|
+
Jt as TreeMenu
|
|
846
910
|
};
|