@avento-space/ts-ui 1.1.1 → 1.2.2
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/README.md +123 -213
- package/dist/card.wc-pFLgjfwm.d.ts +1595 -0
- package/dist/chunk-7GJXOXOW.js +108 -0
- package/dist/chunk-7GJXOXOW.js.map +1 -0
- package/dist/chunk-ICB6OBEZ.js +2087 -0
- package/dist/chunk-ICB6OBEZ.js.map +1 -0
- package/dist/chunk-Q5RCPPCF.js +406 -0
- package/dist/chunk-Q5RCPPCF.js.map +1 -0
- package/dist/chunk-QTANS5ZS.js +81 -0
- package/dist/chunk-QTANS5ZS.js.map +1 -0
- package/dist/chunk-RATTHYIP.js +4855 -0
- package/dist/chunk-RATTHYIP.js.map +1 -0
- package/dist/chunk-RAWESWNC.js +3 -0
- package/dist/chunk-RAWESWNC.js.map +1 -0
- package/dist/chunk-RQZ7KDYP.js +5941 -0
- package/dist/chunk-RQZ7KDYP.js.map +1 -0
- package/dist/chunk-T7QLIHHU.js +3 -0
- package/dist/chunk-T7QLIHHU.js.map +1 -0
- package/dist/chunk-U4WYCYL6.js +116 -0
- package/dist/chunk-U4WYCYL6.js.map +1 -0
- package/dist/components/index.d.ts +13 -11
- package/dist/components/index.js +5 -5
- package/dist/components/index.js.map +1 -1
- package/dist/define.d.ts +2 -2
- package/dist/define.js +8 -1
- package/dist/define.js.map +1 -1
- package/dist/{core/element.d.ts → element-DHtonJNX.d.ts} +3 -2
- package/dist/icons/index.d.ts +33 -5
- package/dist/icons/index.js +5 -3
- package/dist/icons/index.js.map +1 -1
- package/dist/index.d.ts +35 -10
- package/dist/index.js +44 -9
- package/dist/index.js.map +1 -1
- package/dist/jsx-dev-runtime.d.ts +1 -2
- package/dist/jsx-dev-runtime.js +3 -1
- package/dist/jsx-dev-runtime.js.map +1 -1
- package/dist/jsx-runtime.d.ts +644 -7
- package/dist/jsx-runtime.js +3 -120
- package/dist/jsx-runtime.js.map +1 -1
- package/dist/plugins/index.d.ts +21 -3
- package/dist/plugins/index.js +85 -1
- package/dist/plugins/index.js.map +1 -1
- package/dist/react/index.d.ts +1261 -15
- package/dist/react/index.js +1443 -15
- package/dist/react/index.js.map +1 -1
- package/dist/{core/types.d.ts → types-DWglFa91.d.ts} +8 -7
- package/package.json +32 -8
- package/dist/components/box.wc.d.ts +0 -24
- package/dist/components/box.wc.d.ts.map +0 -1
- package/dist/components/box.wc.js +0 -52
- package/dist/components/box.wc.js.map +0 -1
- package/dist/components/button.wc.d.ts +0 -32
- package/dist/components/button.wc.d.ts.map +0 -1
- package/dist/components/button.wc.js +0 -91
- package/dist/components/button.wc.js.map +0 -1
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/input.wc.d.ts +0 -45
- package/dist/components/input.wc.d.ts.map +0 -1
- package/dist/components/input.wc.js +0 -130
- package/dist/components/input.wc.js.map +0 -1
- package/dist/components/list.wc.d.ts +0 -49
- package/dist/components/list.wc.d.ts.map +0 -1
- package/dist/components/list.wc.js +0 -120
- package/dist/components/list.wc.js.map +0 -1
- package/dist/components/portal.wc.d.ts +0 -18
- package/dist/components/portal.wc.d.ts.map +0 -1
- package/dist/components/portal.wc.js +0 -78
- package/dist/components/portal.wc.js.map +0 -1
- package/dist/components/styles.d.ts +0 -7
- package/dist/components/styles.d.ts.map +0 -1
- package/dist/components/styles.js +0 -134
- package/dist/components/styles.js.map +0 -1
- package/dist/core/define.d.ts +0 -5
- package/dist/core/define.d.ts.map +0 -1
- package/dist/core/define.js +0 -26
- package/dist/core/define.js.map +0 -1
- package/dist/core/element.d.ts.map +0 -1
- package/dist/core/element.js +0 -30
- package/dist/core/element.js.map +0 -1
- package/dist/core/index.d.ts +0 -7
- package/dist/core/index.d.ts.map +0 -1
- package/dist/core/index.js +0 -5
- package/dist/core/index.js.map +0 -1
- package/dist/core/plugin.d.ts +0 -17
- package/dist/core/plugin.d.ts.map +0 -1
- package/dist/core/plugin.js +0 -117
- package/dist/core/plugin.js.map +0 -1
- package/dist/core/reactive-context.d.ts +0 -12
- package/dist/core/reactive-context.d.ts.map +0 -1
- package/dist/core/reactive-context.js +0 -34
- package/dist/core/reactive-context.js.map +0 -1
- package/dist/core/scheduler.d.ts +0 -13
- package/dist/core/scheduler.d.ts.map +0 -1
- package/dist/core/scheduler.js +0 -80
- package/dist/core/scheduler.js.map +0 -1
- package/dist/core/signal.d.ts +0 -14
- package/dist/core/signal.d.ts.map +0 -1
- package/dist/core/signal.js +0 -391
- package/dist/core/signal.js.map +0 -1
- package/dist/core/store.d.ts +0 -6
- package/dist/core/store.d.ts.map +0 -1
- package/dist/core/store.js +0 -35
- package/dist/core/store.js.map +0 -1
- package/dist/core/types.d.ts.map +0 -1
- package/dist/core/types.js +0 -2
- package/dist/core/types.js.map +0 -1
- package/dist/define.d.ts.map +0 -1
- package/dist/icons/icon-element.d.ts +0 -25
- package/dist/icons/icon-element.d.ts.map +0 -1
- package/dist/icons/icon-element.js +0 -63
- package/dist/icons/icon-element.js.map +0 -1
- package/dist/icons/index.d.ts.map +0 -1
- package/dist/icons/registry.d.ts +0 -6
- package/dist/icons/registry.d.ts.map +0 -1
- package/dist/icons/registry.js +0 -4775
- package/dist/icons/registry.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/jsx-dev-runtime.d.ts.map +0 -1
- package/dist/jsx-runtime.d.ts.map +0 -1
- package/dist/jsx-types.d.ts +0 -651
- package/dist/jsx-types.d.ts.map +0 -1
- package/dist/jsx-types.js +0 -3
- package/dist/jsx-types.js.map +0 -1
- package/dist/plugins/index.d.ts.map +0 -1
- package/dist/plugins/router.d.ts +0 -4
- package/dist/plugins/router.d.ts.map +0 -1
- package/dist/plugins/router.js +0 -90
- package/dist/plugins/router.js.map +0 -1
- package/dist/plugins/types.d.ts +0 -16
- package/dist/plugins/types.d.ts.map +0 -1
- package/dist/plugins/types.js +0 -2
- package/dist/plugins/types.js.map +0 -1
- package/dist/react/icon.d.ts +0 -8
- package/dist/react/icon.d.ts.map +0 -1
- package/dist/react/icon.js +0 -7
- package/dist/react/icon.js.map +0 -1
- package/dist/react/icons.d.ts +0 -1194
- package/dist/react/icons.d.ts.map +0 -1
- package/dist/react/icons.js +0 -1196
- package/dist/react/icons.js.map +0 -1
- package/dist/react/index.d.ts.map +0 -1
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { UElement } from '../core/element.js';
|
|
2
|
-
export interface ButtonProps {
|
|
3
|
-
variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
4
|
-
size?: 'sm' | 'md' | 'lg';
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
type?: 'button' | 'submit' | 'reset';
|
|
7
|
-
class?: string;
|
|
8
|
-
onClick?: (e: MouseEvent) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare class UButton extends UElement {
|
|
11
|
-
static get observedAttributes(): string[];
|
|
12
|
-
private _variant;
|
|
13
|
-
private _size;
|
|
14
|
-
private _disabled;
|
|
15
|
-
private _buttonType;
|
|
16
|
-
constructor();
|
|
17
|
-
get variant(): string;
|
|
18
|
-
set variant(val: string);
|
|
19
|
-
get size(): string;
|
|
20
|
-
set size(val: string);
|
|
21
|
-
get disabled(): boolean;
|
|
22
|
-
set disabled(val: boolean);
|
|
23
|
-
get buttonType(): string;
|
|
24
|
-
set buttonType(val: string);
|
|
25
|
-
private _updateAttr;
|
|
26
|
-
attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
|
|
27
|
-
connectedCallback(): void;
|
|
28
|
-
private _sync;
|
|
29
|
-
_mount(): void;
|
|
30
|
-
}
|
|
31
|
-
export declare function Button(props?: ButtonProps): UButton;
|
|
32
|
-
//# sourceMappingURL=button.wc.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.wc.d.ts","sourceRoot":"","sources":["../../src/components/button.wc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED,qBAAa,OAAQ,SAAQ,QAAQ;IACnC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,WAAW,CAAoB;;IAOvC,IAAI,OAAO,IAAI,MAAM,CAA0B;IAC/C,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAA4D;IACnF,IAAI,IAAI,IAAI,MAAM,CAAuB;IACzC,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAAsD;IAC1E,IAAI,QAAQ,IAAI,OAAO,CAA2B;IAClD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAA0E;IACnG,IAAI,UAAU,IAAI,MAAM,CAA6B;IACrD,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,EAA4D;IAEtF,OAAO,CAAC,WAAW;IAKnB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAW1F,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,KAAK;IASb,MAAM,IAAI,IAAI;CAOf;AAED,wBAAgB,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,OAAO,CAQvD"}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { UElement } from '../core/element.js';
|
|
2
|
-
import { buttonStyles } from './styles.js';
|
|
3
|
-
export class UButton extends UElement {
|
|
4
|
-
static get observedAttributes() {
|
|
5
|
-
return ['variant', 'size', 'disabled', 'type'];
|
|
6
|
-
}
|
|
7
|
-
constructor() {
|
|
8
|
-
super();
|
|
9
|
-
this._variant = 'primary';
|
|
10
|
-
this._size = 'md';
|
|
11
|
-
this._disabled = false;
|
|
12
|
-
this._buttonType = 'button';
|
|
13
|
-
this._root.innerHTML = `<style>${buttonStyles}</style><button part="button"><slot></slot></button>`;
|
|
14
|
-
}
|
|
15
|
-
get variant() { return this._variant; }
|
|
16
|
-
set variant(val) { this._variant = val; this._updateAttr('variant', val); }
|
|
17
|
-
get size() { return this._size; }
|
|
18
|
-
set size(val) { this._size = val; this._updateAttr('size', val); }
|
|
19
|
-
get disabled() { return this._disabled; }
|
|
20
|
-
set disabled(val) { this._disabled = val; this._updateAttr('disabled', val ? '' : null); }
|
|
21
|
-
get buttonType() { return this._buttonType; }
|
|
22
|
-
set buttonType(val) { this._buttonType = val; this._updateAttr('type', val); }
|
|
23
|
-
_updateAttr(name, val) {
|
|
24
|
-
if (val === null) {
|
|
25
|
-
this.removeAttribute(name);
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
this.setAttribute(name, val);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
attributeChangedCallback(name, oldVal, newVal) {
|
|
32
|
-
if (oldVal === newVal)
|
|
33
|
-
return;
|
|
34
|
-
switch (name) {
|
|
35
|
-
case 'variant':
|
|
36
|
-
this._variant = newVal ?? 'primary';
|
|
37
|
-
break;
|
|
38
|
-
case 'size':
|
|
39
|
-
this._size = newVal ?? 'md';
|
|
40
|
-
break;
|
|
41
|
-
case 'disabled':
|
|
42
|
-
this._disabled = newVal !== null;
|
|
43
|
-
break;
|
|
44
|
-
case 'type':
|
|
45
|
-
this._buttonType = newVal ?? 'button';
|
|
46
|
-
break;
|
|
47
|
-
}
|
|
48
|
-
this._sync();
|
|
49
|
-
}
|
|
50
|
-
connectedCallback() {
|
|
51
|
-
super.connectedCallback();
|
|
52
|
-
this._sync();
|
|
53
|
-
}
|
|
54
|
-
_sync() {
|
|
55
|
-
const btn = this._root.querySelector('button');
|
|
56
|
-
btn.className = `btn btn-${this._variant} btn-${this._size}`;
|
|
57
|
-
btn.disabled = this._disabled;
|
|
58
|
-
btn.type = this._buttonType;
|
|
59
|
-
if (this._disabled) {
|
|
60
|
-
this.setAttribute('disabled', '');
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
this.removeAttribute('disabled');
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
_mount() {
|
|
67
|
-
const btn = this._root.querySelector('button');
|
|
68
|
-
btn.addEventListener('click', (e) => {
|
|
69
|
-
if (this._disabled) {
|
|
70
|
-
e.stopPropagation();
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
this.dispatchEvent(new CustomEvent('u-click', { bubbles: true, composed: true }));
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
export function Button(props = {}) {
|
|
78
|
-
const el = new UButton();
|
|
79
|
-
if (props.variant)
|
|
80
|
-
el.variant = props.variant;
|
|
81
|
-
if (props.size)
|
|
82
|
-
el.size = props.size;
|
|
83
|
-
if (props.disabled != null)
|
|
84
|
-
el.disabled = props.disabled;
|
|
85
|
-
if (props.type)
|
|
86
|
-
el.buttonType = props.type;
|
|
87
|
-
if (props.onClick)
|
|
88
|
-
el.addEventListener('click', props.onClick);
|
|
89
|
-
return el;
|
|
90
|
-
}
|
|
91
|
-
//# sourceMappingURL=button.wc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.wc.js","sourceRoot":"","sources":["../../src/components/button.wc.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { UElement } from '../core/element.js';
|
|
2
|
-
export interface InputProps {
|
|
3
|
-
value?: string;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
readonly?: boolean;
|
|
7
|
-
type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
|
|
8
|
-
name?: string;
|
|
9
|
-
class?: string;
|
|
10
|
-
onInput?: (value: string) => void;
|
|
11
|
-
onChange?: (value: string) => void;
|
|
12
|
-
onFocus?: () => void;
|
|
13
|
-
onBlur?: () => void;
|
|
14
|
-
}
|
|
15
|
-
export declare class UInput extends UElement {
|
|
16
|
-
static get observedAttributes(): string[];
|
|
17
|
-
private _placeholder;
|
|
18
|
-
private _disabled;
|
|
19
|
-
private _readonly;
|
|
20
|
-
private _inputType;
|
|
21
|
-
private _inputName;
|
|
22
|
-
constructor();
|
|
23
|
-
get value(): string;
|
|
24
|
-
set value(val: string);
|
|
25
|
-
get placeholder(): string;
|
|
26
|
-
set placeholder(val: string);
|
|
27
|
-
get disabled(): boolean;
|
|
28
|
-
set disabled(val: boolean);
|
|
29
|
-
get readonly(): boolean;
|
|
30
|
-
set readonly(val: boolean);
|
|
31
|
-
get inputType(): string;
|
|
32
|
-
set inputType(val: string);
|
|
33
|
-
get inputName(): string;
|
|
34
|
-
set inputName(val: string);
|
|
35
|
-
connectedCallback(): void;
|
|
36
|
-
attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
|
|
37
|
-
private _sync;
|
|
38
|
-
_mount(): void;
|
|
39
|
-
}
|
|
40
|
-
export declare function createControlledInput(initialValue?: string): {
|
|
41
|
-
component: (props?: Omit<InputProps, "value" | "onInput">) => UInput;
|
|
42
|
-
value: import("../index.js").WritableSignal<string>;
|
|
43
|
-
reset: () => void;
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=input.wc.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.wc.d.ts","sourceRoot":"","sources":["../../src/components/input.wc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qBAAa,MAAO,SAAQ,QAAQ;IAClC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,UAAU,CAAc;;IAOhC,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAGpB;IAED,IAAI,WAAW,IAAI,MAAM,CAA8B;IACvD,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,EAAqE;IAEhG,IAAI,QAAQ,IAAI,OAAO,CAA2B;IAClD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAIxB;IAED,IAAI,QAAQ,IAAI,OAAO,CAA2B;IAClD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAIxB;IAED,IAAI,SAAS,IAAI,MAAM,CAA4B;IACnD,IAAI,SAAS,CAAC,GAAG,EAAE,MAAM,EAA4D;IAErF,IAAI,SAAS,IAAI,MAAM,CAA4B;IACnD,IAAI,SAAS,CAAC,GAAG,EAAE,MAAM,EAA4D;IAErF,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAY1F,OAAO,CAAC,KAAK;IAUb,MAAM,IAAI,IAAI;CAuBf;AAED,wBAAgB,qBAAqB,CAAC,YAAY,SAAK;wBAG3B,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;;;EAiBhE"}
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { UElement } from '../core/element.js';
|
|
2
|
-
import { signal, effect } from '../core/signal.js';
|
|
3
|
-
import { inputStyles } from './styles.js';
|
|
4
|
-
export class UInput extends UElement {
|
|
5
|
-
static get observedAttributes() {
|
|
6
|
-
return ['placeholder', 'disabled', 'readonly', 'type', 'name'];
|
|
7
|
-
}
|
|
8
|
-
constructor() {
|
|
9
|
-
super();
|
|
10
|
-
this._placeholder = '';
|
|
11
|
-
this._disabled = false;
|
|
12
|
-
this._readonly = false;
|
|
13
|
-
this._inputType = 'text';
|
|
14
|
-
this._inputName = '';
|
|
15
|
-
this._root.innerHTML = `<style>${inputStyles}</style><div class="input-wrapper"><input part="input" /></div>`;
|
|
16
|
-
}
|
|
17
|
-
get value() {
|
|
18
|
-
return this._root.querySelector('input')?.value ?? '';
|
|
19
|
-
}
|
|
20
|
-
set value(val) {
|
|
21
|
-
const input = this._root.querySelector('input');
|
|
22
|
-
if (input)
|
|
23
|
-
input.value = val;
|
|
24
|
-
}
|
|
25
|
-
get placeholder() { return this._placeholder; }
|
|
26
|
-
set placeholder(val) { this._placeholder = val; this.setAttribute('placeholder', val); }
|
|
27
|
-
get disabled() { return this._disabled; }
|
|
28
|
-
set disabled(val) {
|
|
29
|
-
this._disabled = val;
|
|
30
|
-
if (val)
|
|
31
|
-
this.setAttribute('disabled', '');
|
|
32
|
-
else
|
|
33
|
-
this.removeAttribute('disabled');
|
|
34
|
-
}
|
|
35
|
-
get readonly() { return this._readonly; }
|
|
36
|
-
set readonly(val) {
|
|
37
|
-
this._readonly = val;
|
|
38
|
-
if (val)
|
|
39
|
-
this.setAttribute('readonly', '');
|
|
40
|
-
else
|
|
41
|
-
this.removeAttribute('readonly');
|
|
42
|
-
}
|
|
43
|
-
get inputType() { return this._inputType; }
|
|
44
|
-
set inputType(val) { this._inputType = val; this.setAttribute('type', val); }
|
|
45
|
-
get inputName() { return this._inputName; }
|
|
46
|
-
set inputName(val) { this._inputName = val; this.setAttribute('name', val); }
|
|
47
|
-
connectedCallback() {
|
|
48
|
-
super.connectedCallback();
|
|
49
|
-
this._sync();
|
|
50
|
-
}
|
|
51
|
-
attributeChangedCallback(name, oldVal, newVal) {
|
|
52
|
-
if (oldVal === newVal)
|
|
53
|
-
return;
|
|
54
|
-
switch (name) {
|
|
55
|
-
case 'placeholder':
|
|
56
|
-
this._placeholder = newVal ?? '';
|
|
57
|
-
break;
|
|
58
|
-
case 'disabled':
|
|
59
|
-
this._disabled = newVal !== null;
|
|
60
|
-
break;
|
|
61
|
-
case 'readonly':
|
|
62
|
-
this._readonly = newVal !== null;
|
|
63
|
-
break;
|
|
64
|
-
case 'type':
|
|
65
|
-
this._inputType = newVal ?? 'text';
|
|
66
|
-
break;
|
|
67
|
-
case 'name':
|
|
68
|
-
this._inputName = newVal ?? '';
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
this._sync();
|
|
72
|
-
}
|
|
73
|
-
_sync() {
|
|
74
|
-
const input = this._root.querySelector('input');
|
|
75
|
-
if (!input)
|
|
76
|
-
return;
|
|
77
|
-
input.placeholder = this._placeholder;
|
|
78
|
-
input.disabled = this._disabled;
|
|
79
|
-
input.readOnly = this._readonly;
|
|
80
|
-
input.type = this._inputType;
|
|
81
|
-
input.name = this._inputName;
|
|
82
|
-
}
|
|
83
|
-
_mount() {
|
|
84
|
-
const input = this._root.querySelector('input');
|
|
85
|
-
input.addEventListener('input', () => {
|
|
86
|
-
this.dispatchEvent(new CustomEvent('u-input', {
|
|
87
|
-
detail: { value: input.value },
|
|
88
|
-
bubbles: true,
|
|
89
|
-
composed: true,
|
|
90
|
-
}));
|
|
91
|
-
});
|
|
92
|
-
input.addEventListener('change', () => {
|
|
93
|
-
this.dispatchEvent(new CustomEvent('u-change', {
|
|
94
|
-
detail: { value: input.value },
|
|
95
|
-
bubbles: true,
|
|
96
|
-
composed: true,
|
|
97
|
-
}));
|
|
98
|
-
});
|
|
99
|
-
input.addEventListener('focus', () => {
|
|
100
|
-
this.dispatchEvent(new CustomEvent('u-focus', { bubbles: true, composed: true }));
|
|
101
|
-
});
|
|
102
|
-
input.addEventListener('blur', () => {
|
|
103
|
-
this.dispatchEvent(new CustomEvent('u-blur', { bubbles: true, composed: true }));
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
export function createControlledInput(initialValue = '') {
|
|
108
|
-
const state = signal(initialValue);
|
|
109
|
-
const component = (props = {}) => {
|
|
110
|
-
const el = new UInput();
|
|
111
|
-
if (props.placeholder)
|
|
112
|
-
el.placeholder = props.placeholder;
|
|
113
|
-
if (props.disabled != null)
|
|
114
|
-
el.disabled = props.disabled;
|
|
115
|
-
if (props.type)
|
|
116
|
-
el.inputType = props.type;
|
|
117
|
-
if (props.name)
|
|
118
|
-
el.inputName = props.name;
|
|
119
|
-
el.value = state.get();
|
|
120
|
-
effect(() => {
|
|
121
|
-
el.value = state.get();
|
|
122
|
-
});
|
|
123
|
-
el.addEventListener('u-input', ((e) => {
|
|
124
|
-
state.set(e.detail.value);
|
|
125
|
-
}));
|
|
126
|
-
return el;
|
|
127
|
-
};
|
|
128
|
-
return { component, value: state, reset: () => state.set(initialValue) };
|
|
129
|
-
}
|
|
130
|
-
//# sourceMappingURL=input.wc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.wc.js","sourceRoot":"","sources":["../../src/components/input.wc.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { UElement } from '../core/element.js';
|
|
2
|
-
export interface ListProps {
|
|
3
|
-
items?: any[];
|
|
4
|
-
renderItem?: (item: any, index: number) => HTMLElement | string;
|
|
5
|
-
emptyState?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare class UList extends UElement {
|
|
8
|
-
private _items;
|
|
9
|
-
private _renderItem;
|
|
10
|
-
private _emptyText;
|
|
11
|
-
constructor();
|
|
12
|
-
get items(): any[];
|
|
13
|
-
set items(val: any[]);
|
|
14
|
-
get renderItem(): ((item: any, index: number) => HTMLElement | string) | null;
|
|
15
|
-
set renderItem(fn: ((item: any, index: number) => HTMLElement | string) | null);
|
|
16
|
-
get emptyState(): string;
|
|
17
|
-
set emptyState(val: string);
|
|
18
|
-
private _renderList;
|
|
19
|
-
_mount(): void;
|
|
20
|
-
}
|
|
21
|
-
export interface VirtualListProps {
|
|
22
|
-
items: any[];
|
|
23
|
-
renderItem: (item: any, index: number) => HTMLElement;
|
|
24
|
-
itemHeight: number;
|
|
25
|
-
containerHeight: number;
|
|
26
|
-
overscan?: number;
|
|
27
|
-
}
|
|
28
|
-
export declare class UVirtualList extends UElement {
|
|
29
|
-
static get observedAttributes(): string[];
|
|
30
|
-
private _items;
|
|
31
|
-
private _renderItem;
|
|
32
|
-
private _itemHeight;
|
|
33
|
-
private _containerHeight;
|
|
34
|
-
private _overscan;
|
|
35
|
-
constructor();
|
|
36
|
-
get items(): any[];
|
|
37
|
-
set items(val: any[]);
|
|
38
|
-
get renderItem(): ((item: any, index: number) => HTMLElement) | null;
|
|
39
|
-
set renderItem(fn: ((item: any, index: number) => HTMLElement) | null);
|
|
40
|
-
get itemHeight(): number;
|
|
41
|
-
set itemHeight(val: number);
|
|
42
|
-
get containerHeight(): number;
|
|
43
|
-
set containerHeight(val: number);
|
|
44
|
-
connectedCallback(): void;
|
|
45
|
-
attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
|
|
46
|
-
private _render;
|
|
47
|
-
_mount(): void;
|
|
48
|
-
}
|
|
49
|
-
//# sourceMappingURL=list.wc.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.wc.d.ts","sourceRoot":"","sources":["../../src/components/list.wc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,KAAM,SAAQ,QAAQ;IACjC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,WAAW,CAAqE;IACxF,OAAO,CAAC,UAAU,CAAc;;IAOhC,IAAI,KAAK,IAAI,GAAG,EAAE,CAAwB;IAC1C,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,EAGnB;IAED,IAAI,UAAU,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,GAAG,IAAI,CAE5E;IACD,IAAI,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,GAAG,IAAI,EAG7E;IAED,IAAI,UAAU,IAAI,MAAM,CAA4B;IACpD,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,EAAgD;IAE1E,OAAO,CAAC,WAAW;IAuBnB,MAAM,IAAI,IAAI;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,YAAa,SAAQ,QAAQ;IACxC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,WAAW,CAA4D;IAC/E,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,SAAS,CAAa;;IAW9B,IAAI,KAAK,IAAI,GAAG,EAAE,CAAwB;IAC1C,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,EAAwC;IAC5D,IAAI,UAAU,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAAI,CAA6B;IACjG,IAAI,UAAU,CAAC,EAAE,EADC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAC/C,EAA4C;IAC7D,IAAI,UAAU,IAAI,MAAM,CAA6B;IACrD,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,EAA4E;IACtG,IAAI,eAAe,IAAI,MAAM,CAAkC;IAC/D,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAAsF;IAErH,iBAAiB,IAAI,IAAI;IAOzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU1F,OAAO,CAAC,OAAO;IAsBf,MAAM,IAAI,IAAI;CACf"}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { UElement } from '../core/element.js';
|
|
2
|
-
import { listStyles } from './styles.js';
|
|
3
|
-
export class UList extends UElement {
|
|
4
|
-
constructor() {
|
|
5
|
-
super();
|
|
6
|
-
this._items = [];
|
|
7
|
-
this._renderItem = null;
|
|
8
|
-
this._emptyText = '';
|
|
9
|
-
this._root.innerHTML = `<style>${listStyles}</style><ul part="list"><slot></slot></ul>`;
|
|
10
|
-
}
|
|
11
|
-
get items() { return this._items; }
|
|
12
|
-
set items(val) {
|
|
13
|
-
this._items = val;
|
|
14
|
-
this._renderList();
|
|
15
|
-
}
|
|
16
|
-
get renderItem() {
|
|
17
|
-
return this._renderItem;
|
|
18
|
-
}
|
|
19
|
-
set renderItem(fn) {
|
|
20
|
-
this._renderItem = fn;
|
|
21
|
-
this._renderList();
|
|
22
|
-
}
|
|
23
|
-
get emptyState() { return this._emptyText; }
|
|
24
|
-
set emptyState(val) { this._emptyText = val; this._renderList(); }
|
|
25
|
-
_renderList() {
|
|
26
|
-
if (!this._renderItem)
|
|
27
|
-
return;
|
|
28
|
-
const ul = this._root.querySelector('ul');
|
|
29
|
-
if (this._items.length === 0 && this._emptyText) {
|
|
30
|
-
ul.innerHTML = `<li class="list-empty">${this._emptyText}</li>`;
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
ul.innerHTML = '';
|
|
34
|
-
for (let i = 0; i < this._items.length; i++) {
|
|
35
|
-
const li = document.createElement('li');
|
|
36
|
-
li.setAttribute('part', 'item');
|
|
37
|
-
const content = this._renderItem(this._items[i], i);
|
|
38
|
-
if (typeof content === 'string') {
|
|
39
|
-
li.textContent = content;
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
li.appendChild(content);
|
|
43
|
-
}
|
|
44
|
-
ul.appendChild(li);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
_mount() { }
|
|
48
|
-
}
|
|
49
|
-
export class UVirtualList extends UElement {
|
|
50
|
-
static get observedAttributes() {
|
|
51
|
-
return ['item-height', 'container-height', 'overscan'];
|
|
52
|
-
}
|
|
53
|
-
constructor() {
|
|
54
|
-
super();
|
|
55
|
-
this._items = [];
|
|
56
|
-
this._renderItem = null;
|
|
57
|
-
this._itemHeight = 40;
|
|
58
|
-
this._containerHeight = 400;
|
|
59
|
-
this._overscan = 3;
|
|
60
|
-
this._root.innerHTML = `<style>${listStyles}
|
|
61
|
-
:host { overflow-y: auto; position: relative; }
|
|
62
|
-
.viewport { position: relative; width: 100%; }
|
|
63
|
-
.item { position: absolute; left: 0; right: 0; }
|
|
64
|
-
</style><div class="viewport" part="viewport"></div>`;
|
|
65
|
-
}
|
|
66
|
-
get items() { return this._items; }
|
|
67
|
-
set items(val) { this._items = val; this._render(); }
|
|
68
|
-
get renderItem() { return this._renderItem; }
|
|
69
|
-
set renderItem(fn) { this._renderItem = fn; this._render(); }
|
|
70
|
-
get itemHeight() { return this._itemHeight; }
|
|
71
|
-
set itemHeight(val) { this._itemHeight = val; this.setAttribute('item-height', String(val)); }
|
|
72
|
-
get containerHeight() { return this._containerHeight; }
|
|
73
|
-
set containerHeight(val) { this._containerHeight = val; this.setAttribute('container-height', String(val)); }
|
|
74
|
-
connectedCallback() {
|
|
75
|
-
super.connectedCallback();
|
|
76
|
-
this.style.height = `${this._containerHeight}px`;
|
|
77
|
-
this.addEventListener('scroll', () => this._render());
|
|
78
|
-
this._render();
|
|
79
|
-
}
|
|
80
|
-
attributeChangedCallback(name, oldVal, newVal) {
|
|
81
|
-
if (oldVal === newVal)
|
|
82
|
-
return;
|
|
83
|
-
switch (name) {
|
|
84
|
-
case 'item-height':
|
|
85
|
-
this._itemHeight = Number(newVal) || 40;
|
|
86
|
-
break;
|
|
87
|
-
case 'container-height':
|
|
88
|
-
this._containerHeight = Number(newVal) || 400;
|
|
89
|
-
this.style.height = `${this._containerHeight}px`;
|
|
90
|
-
break;
|
|
91
|
-
case 'overscan':
|
|
92
|
-
this._overscan = Number(newVal) || 3;
|
|
93
|
-
break;
|
|
94
|
-
}
|
|
95
|
-
this._render();
|
|
96
|
-
}
|
|
97
|
-
_render() {
|
|
98
|
-
if (!this._renderItem)
|
|
99
|
-
return;
|
|
100
|
-
const viewport = this._root.querySelector('.viewport');
|
|
101
|
-
const scrollTop = this.scrollTop;
|
|
102
|
-
const totalHeight = this._items.length * this._itemHeight;
|
|
103
|
-
const visibleCount = Math.ceil(this._containerHeight / this._itemHeight) + this._overscan * 2;
|
|
104
|
-
const startIndex = Math.max(0, Math.floor(scrollTop / this._itemHeight) - this._overscan);
|
|
105
|
-
const endIndex = Math.min(this._items.length, startIndex + visibleCount);
|
|
106
|
-
viewport.style.height = `${totalHeight}px`;
|
|
107
|
-
viewport.innerHTML = '';
|
|
108
|
-
for (let i = startIndex; i < endIndex; i++) {
|
|
109
|
-
const div = document.createElement('div');
|
|
110
|
-
div.className = 'item';
|
|
111
|
-
div.style.top = `${i * this._itemHeight}px`;
|
|
112
|
-
div.style.height = `${this._itemHeight}px`;
|
|
113
|
-
const content = this._renderItem(this._items[i], i);
|
|
114
|
-
div.appendChild(content);
|
|
115
|
-
viewport.appendChild(div);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
_mount() { }
|
|
119
|
-
}
|
|
120
|
-
//# sourceMappingURL=list.wc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.wc.js","sourceRoot":"","sources":["../../src/components/list.wc.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export interface PortalProps {
|
|
2
|
-
target?: string | Element;
|
|
3
|
-
}
|
|
4
|
-
export declare function setPortalRoot(el: Element | null): void;
|
|
5
|
-
export declare class UPortal extends HTMLElement {
|
|
6
|
-
private _container;
|
|
7
|
-
private _observer;
|
|
8
|
-
constructor();
|
|
9
|
-
static get observedAttributes(): string[];
|
|
10
|
-
get target(): string | null;
|
|
11
|
-
set target(val: string | null);
|
|
12
|
-
connectedCallback(): void;
|
|
13
|
-
disconnectedCallback(): void;
|
|
14
|
-
attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
|
|
15
|
-
private _open;
|
|
16
|
-
private _close;
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=portal.wc.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"portal.wc.d.ts","sourceRoot":"","sources":["../../src/components/portal.wc.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAID,wBAAgB,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAEtD;AAWD,qBAAa,OAAQ,SAAQ,WAAW;IACtC,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,SAAS,CAAiC;;IAOlD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,CAAwC;IACnE,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAG5B;IAED,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQ1F,OAAO,CAAC,KAAK;IAqBb,OAAO,CAAC,MAAM;CAaf"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
let defaultPortalRoot = null;
|
|
2
|
-
export function setPortalRoot(el) {
|
|
3
|
-
defaultPortalRoot = el;
|
|
4
|
-
}
|
|
5
|
-
function resolveTarget(target) {
|
|
6
|
-
if (!target)
|
|
7
|
-
return defaultPortalRoot ?? document.body;
|
|
8
|
-
if (typeof target === 'string') {
|
|
9
|
-
const el = document.querySelector(target);
|
|
10
|
-
return el || document.body;
|
|
11
|
-
}
|
|
12
|
-
return target;
|
|
13
|
-
}
|
|
14
|
-
export class UPortal extends HTMLElement {
|
|
15
|
-
constructor() {
|
|
16
|
-
super();
|
|
17
|
-
this._container = null;
|
|
18
|
-
this._observer = null;
|
|
19
|
-
this.style.display = 'none';
|
|
20
|
-
}
|
|
21
|
-
static get observedAttributes() {
|
|
22
|
-
return ['target'];
|
|
23
|
-
}
|
|
24
|
-
get target() { return this.getAttribute('target'); }
|
|
25
|
-
set target(val) {
|
|
26
|
-
if (val)
|
|
27
|
-
this.setAttribute('target', val);
|
|
28
|
-
else
|
|
29
|
-
this.removeAttribute('target');
|
|
30
|
-
}
|
|
31
|
-
connectedCallback() {
|
|
32
|
-
this._open();
|
|
33
|
-
}
|
|
34
|
-
disconnectedCallback() {
|
|
35
|
-
this._close();
|
|
36
|
-
}
|
|
37
|
-
attributeChangedCallback(name, oldVal, newVal) {
|
|
38
|
-
if (oldVal === newVal)
|
|
39
|
-
return;
|
|
40
|
-
if (name === 'target') {
|
|
41
|
-
this._close();
|
|
42
|
-
this._open();
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
_open() {
|
|
46
|
-
const target = resolveTarget(this.getAttribute('target') || undefined);
|
|
47
|
-
if (!target)
|
|
48
|
-
return;
|
|
49
|
-
this._container = document.createElement('u-portal-content');
|
|
50
|
-
this._container.style.display = 'contents';
|
|
51
|
-
target.appendChild(this._container);
|
|
52
|
-
while (this.childNodes.length > 0) {
|
|
53
|
-
this._container.appendChild(this.childNodes[0]);
|
|
54
|
-
}
|
|
55
|
-
this._observer = new MutationObserver(() => {
|
|
56
|
-
if (!this._container)
|
|
57
|
-
return;
|
|
58
|
-
while (this.childNodes.length > 0) {
|
|
59
|
-
this._container.appendChild(this.childNodes[0]);
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
this._observer.observe(this, { childList: true });
|
|
63
|
-
}
|
|
64
|
-
_close() {
|
|
65
|
-
if (this._observer) {
|
|
66
|
-
this._observer.disconnect();
|
|
67
|
-
this._observer = null;
|
|
68
|
-
}
|
|
69
|
-
if (this._container && this._container.parentNode) {
|
|
70
|
-
while (this._container.childNodes.length > 0) {
|
|
71
|
-
this.appendChild(this._container.childNodes[0]);
|
|
72
|
-
}
|
|
73
|
-
this._container.parentNode.removeChild(this._container);
|
|
74
|
-
}
|
|
75
|
-
this._container = null;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
//# sourceMappingURL=portal.wc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"portal.wc.js","sourceRoot":"","sources":["../../src/components/portal.wc.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const buttonStyles = "\n:host {\n display: inline-block;\n}\nbutton {\n font-family: inherit;\n font-size: 14px;\n line-height: 1;\n border: 1px solid transparent;\n border-radius: 6px;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n transition: background-color .15s, opacity .15s;\n outline: none;\n}\nbutton:focus-visible {\n box-shadow: 0 0 0 2px rgba(59,130,246,.5);\n}\nbutton:disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n.btn-primary {\n background: #3b82f6;\n color: #fff;\n border-color: #3b82f6;\n}\n.btn-primary:hover:not(:disabled) {\n background: #2563eb;\n}\n.btn-secondary {\n background: #f3f4f6;\n color: #374151;\n border-color: #d1d5db;\n}\n.btn-secondary:hover:not(:disabled) {\n background: #e5e7eb;\n}\n.btn-ghost {\n background: transparent;\n color: #374151;\n border-color: transparent;\n}\n.btn-ghost:hover:not(:disabled) {\n background: #f3f4f6;\n}\n.btn-danger {\n background: #ef4444;\n color: #fff;\n border-color: #ef4444;\n}\n.btn-danger:hover:not(:disabled) {\n background: #dc2626;\n}\n.btn-sm { height: 32px; padding: 0 12px; font-size: 13px; }\n.btn-md { height: 40px; padding: 0 16px; font-size: 14px; }\n.btn-lg { height: 48px; padding: 0 24px; font-size: 16px; }\n";
|
|
2
|
-
export declare const inputStyles = "\n:host {\n display: inline-block;\n}\n.input-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n}\ninput {\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n padding: 8px 12px;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n outline: none;\n width: 100%;\n box-sizing: border-box;\n background: #fff;\n color: #111827;\n transition: border-color .15s;\n}\ninput::placeholder { color: #9ca3af; }\ninput:focus {\n border-color: #3b82f6;\n box-shadow: 0 0 0 2px rgba(59,130,246,.25);\n}\ninput:disabled {\n background: #f9fafb;\n color: #9ca3af;\n cursor: not-allowed;\n}\n";
|
|
3
|
-
export declare const boxStyles = "\n:host {\n display: block;\n}\n";
|
|
4
|
-
export declare const listStyles = "\n:host {\n display: block;\n}\nul, ol {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.list-empty {\n padding: 24px;\n text-align: center;\n color: #6b7280;\n}\n";
|
|
5
|
-
export declare const portalStyles = "\n:host {\n display: contents;\n}\n";
|
|
6
|
-
export declare const iconStyles = "\n:host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\nsvg {\n fill: none;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n";
|
|
7
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/components/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qwCA4DxB,CAAC;AAEF,eAAO,MAAM,WAAW,8nBAiCvB,CAAC;AAEF,eAAO,MAAM,SAAS,sCAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,mLActB,CAAC;AAEF,eAAO,MAAM,YAAY,yCAIxB,CAAC;AAEF,eAAO,MAAM,UAAU,uMAYtB,CAAC"}
|