@ratiosolver/flick 0.0.41 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app.d.ts +7 -46
- package/dist/app.js +2 -59
- package/dist/app.js.map +1 -1
- package/dist/component.d.ts +120 -0
- package/dist/component.js +161 -0
- package/dist/component.js.map +1 -0
- package/dist/components/app.d.ts +19 -18
- package/dist/components/app.js +79 -40
- package/dist/components/app.js.map +1 -1
- package/dist/components/button.d.ts +12 -5
- package/dist/components/button.js +13 -6
- package/dist/components/button.js.map +1 -1
- package/dist/components/checkbox.d.ts +19 -5
- package/dist/components/checkbox.js +23 -9
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/list.d.ts +16 -41
- package/dist/components/list.js +27 -54
- package/dist/components/list.js.map +1 -1
- package/dist/components/offcanvas.d.ts +2 -2
- package/dist/components/offcanvas.js +6 -6
- package/dist/components/offcanvas.js.map +1 -1
- package/dist/components/sidebar.d.ts +2 -2
- package/dist/components/sidebar.js +8 -8
- package/dist/components/sidebar.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/utils/user_components.d.ts +3 -3
- package/dist/utils/user_components.js +46 -45
- package/dist/utils/user_components.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/brand.d.ts +0 -17
- package/dist/components/brand.js +0 -44
- package/dist/components/brand.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/components/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAe,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/components/app.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PayloadComponent } from "../component";
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* It manages the payload and element of the button component.
|
|
3
|
+
* Represents a button component that extends {@link PayloadComponent} with a payload of type `P`.
|
|
5
4
|
*
|
|
6
|
-
*
|
|
5
|
+
* This component creates an HTML `<button>` element and associates it with the provided payload.
|
|
6
|
+
*
|
|
7
|
+
* @typeParam P - The type of the payload associated with the button.
|
|
8
|
+
* @extends PayloadComponent<HTMLButtonElement, P>
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```typescript
|
|
12
|
+
* const button = new ButtonComponent<MyPayloadType>(payload);
|
|
13
|
+
* ```
|
|
7
14
|
*/
|
|
8
|
-
export declare class ButtonComponent<P> extends
|
|
15
|
+
export declare class ButtonComponent<P> extends PayloadComponent<HTMLButtonElement, P> {
|
|
9
16
|
constructor(payload: P);
|
|
10
17
|
}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PayloadComponent } from "../component";
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* It manages the payload and element of the button component.
|
|
3
|
+
* Represents a button component that extends {@link PayloadComponent} with a payload of type `P`.
|
|
5
4
|
*
|
|
6
|
-
*
|
|
5
|
+
* This component creates an HTML `<button>` element and associates it with the provided payload.
|
|
6
|
+
*
|
|
7
|
+
* @typeParam P - The type of the payload associated with the button.
|
|
8
|
+
* @extends PayloadComponent<HTMLButtonElement, P>
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```typescript
|
|
12
|
+
* const button = new ButtonComponent<MyPayloadType>(payload);
|
|
13
|
+
* ```
|
|
7
14
|
*/
|
|
8
|
-
export class ButtonComponent extends
|
|
9
|
-
constructor(payload) { super(
|
|
15
|
+
export class ButtonComponent extends PayloadComponent {
|
|
16
|
+
constructor(payload) { super(document.createElement('button'), payload); }
|
|
10
17
|
}
|
|
11
18
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,eAAmB,SAAQ,gBAAsC;IAE5E,YAAY,OAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CAC9E"}
|
|
@@ -1,11 +1,25 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PayloadComponent } from "../component";
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* It manages the payload and element of the checkbox component and its selection state.
|
|
3
|
+
* A generic checkbox UI component that associates a payload with a checkbox input element.
|
|
5
4
|
*
|
|
6
|
-
*
|
|
5
|
+
* This component renders a checkbox with an optional label and allows tracking its checked state.
|
|
6
|
+
* It provides hooks (`selected` and `unselected`) for custom behavior when the checkbox is toggled.
|
|
7
|
+
*
|
|
8
|
+
* @typeParam P - The type of the payload associated with the checkbox.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```typescript
|
|
12
|
+
* class MyCheckbox extends CheckboxComponent<MyPayloadType> {
|
|
13
|
+
* selected() {
|
|
14
|
+
* // Custom logic when checked
|
|
15
|
+
* }
|
|
16
|
+
* unselected() {
|
|
17
|
+
* // Custom logic when unchecked
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
7
21
|
*/
|
|
8
|
-
export declare class CheckboxComponent<P> extends
|
|
22
|
+
export declare class CheckboxComponent<P> extends PayloadComponent<HTMLDivElement, P> {
|
|
9
23
|
private readonly checkbox;
|
|
10
24
|
/**
|
|
11
25
|
* Creates a new CheckboxComponent.
|
|
@@ -1,11 +1,25 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PayloadComponent } from "../component";
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* It manages the payload and element of the checkbox component and its selection state.
|
|
3
|
+
* A generic checkbox UI component that associates a payload with a checkbox input element.
|
|
5
4
|
*
|
|
6
|
-
*
|
|
5
|
+
* This component renders a checkbox with an optional label and allows tracking its checked state.
|
|
6
|
+
* It provides hooks (`selected` and `unselected`) for custom behavior when the checkbox is toggled.
|
|
7
|
+
*
|
|
8
|
+
* @typeParam P - The type of the payload associated with the checkbox.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```typescript
|
|
12
|
+
* class MyCheckbox extends CheckboxComponent<MyPayloadType> {
|
|
13
|
+
* selected() {
|
|
14
|
+
* // Custom logic when checked
|
|
15
|
+
* }
|
|
16
|
+
* unselected() {
|
|
17
|
+
* // Custom logic when unchecked
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
7
21
|
*/
|
|
8
|
-
export class CheckboxComponent extends
|
|
22
|
+
export class CheckboxComponent extends PayloadComponent {
|
|
9
23
|
/**
|
|
10
24
|
* Creates a new CheckboxComponent.
|
|
11
25
|
*
|
|
@@ -15,20 +29,20 @@ export class CheckboxComponent extends Component {
|
|
|
15
29
|
* @param label Optional label for the checkbox.
|
|
16
30
|
*/
|
|
17
31
|
constructor(payload, id_factory, selected = false, label) {
|
|
18
|
-
super(
|
|
19
|
-
this.
|
|
32
|
+
super(document.createElement('div'), payload);
|
|
33
|
+
this.node.classList.add('form-check');
|
|
20
34
|
this.checkbox = document.createElement('input');
|
|
21
35
|
this.checkbox.type = 'checkbox';
|
|
22
36
|
this.checkbox.classList.add('form-check-input');
|
|
23
37
|
this.checkbox.checked = selected;
|
|
24
38
|
this.checkbox.id = id_factory(payload);
|
|
25
|
-
this.
|
|
39
|
+
this.node.appendChild(this.checkbox);
|
|
26
40
|
if (label) {
|
|
27
41
|
const labelElement = document.createElement('label');
|
|
28
42
|
labelElement.classList.add('form-check-label');
|
|
29
43
|
labelElement.textContent = label;
|
|
30
44
|
labelElement.setAttribute('for', this.checkbox.id);
|
|
31
|
-
this.
|
|
45
|
+
this.node.appendChild(labelElement);
|
|
32
46
|
}
|
|
33
47
|
this.checkbox.addEventListener('click', () => {
|
|
34
48
|
if (this.checkbox.checked)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,iBAAqB,SAAQ,gBAAmC;IAI3E;;;;;;;OAOG;IACH,YAAY,OAAU,EAAE,UAAkC,EAAE,WAAoB,KAAK,EAAE,KAAc;QACnG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAEtC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAC/C,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC;YACjC,YAAY,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACnD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC3C,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;gBACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;;gBAEhB,IAAI,CAAC,UAAU,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,OAAgB;QAC1B,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;QAChC,IAAI,OAAO;YACT,IAAI,CAAC,QAAQ,EAAE,CAAC;;YAEhB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;;OAGG;IACH,QAAQ,KAAW,CAAC;IAEpB;;;OAGG;IACH,UAAU,KAAW,CAAC;CACvB"}
|
|
@@ -1,41 +1,26 @@
|
|
|
1
|
-
import { Component } from "../
|
|
1
|
+
import { Component, PayloadComponent } from "../component";
|
|
2
2
|
import { Selector, SelectorGroup } from "../utils/selector";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
* It manages the payload and element of the list component and its children.
|
|
6
|
-
*
|
|
7
|
-
* @template P The type of the payload.
|
|
8
|
-
* @template E The type of the element.
|
|
9
|
-
* @template L The type of the list element.
|
|
10
|
-
*/
|
|
11
|
-
export declare abstract class ListComponent<P, E extends HTMLElement, L extends HTMLElement> extends Component<Component<P, E>[], L> {
|
|
3
|
+
export declare abstract class ListComponent<L extends HTMLElement, P> extends Component<L> {
|
|
4
|
+
children: PayloadComponent<Node, P>[];
|
|
12
5
|
compareFn: (a: P, b: P) => number;
|
|
13
|
-
children:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
remove_child(child: Component<P, E>): void;
|
|
6
|
+
constructor(node: L, children: PayloadComponent<Node, P>[], compareFn?: (a: P, b: P) => number);
|
|
7
|
+
add_child(child: PayloadComponent<Node, P>): void;
|
|
8
|
+
remove_child(child: PayloadComponent<Node, P>): void;
|
|
17
9
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
* It manages the payload and element of the unordered list component and its children.
|
|
21
|
-
*
|
|
22
|
-
* @template P The type of the payload.
|
|
23
|
-
*/
|
|
24
|
-
export declare class UListComponent<P> extends ListComponent<P, HTMLLIElement, HTMLUListElement> {
|
|
25
|
-
constructor(payload: Component<P, HTMLLIElement>[], compareFn?: (a: P, b: P) => number);
|
|
10
|
+
export declare class UListComponent<P> extends ListComponent<HTMLUListElement, P> {
|
|
11
|
+
constructor(payload: PayloadComponent<HTMLLIElement, P>[], compareFn?: (a: P, b: P) => number);
|
|
26
12
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
export declare class
|
|
13
|
+
export declare class OListComponent<P> extends ListComponent<HTMLOListElement, P> {
|
|
14
|
+
constructor(payload: PayloadComponent<HTMLLIElement, P>[], compareFn?: (a: P, b: P) => number);
|
|
15
|
+
}
|
|
16
|
+
export declare class DivListComponent<P> extends ListComponent<HTMLDivElement, P> {
|
|
17
|
+
constructor(payload: PayloadComponent<HTMLDivElement, P>[], compareFn?: (a: P, b: P) => number);
|
|
18
|
+
}
|
|
19
|
+
export declare class ListItemComponent<P> extends PayloadComponent<HTMLLIElement, P> implements Selector {
|
|
34
20
|
private readonly group;
|
|
35
21
|
private readonly a;
|
|
36
22
|
private icn;
|
|
37
23
|
private text;
|
|
38
|
-
private readonly selected_factory;
|
|
39
24
|
/**
|
|
40
25
|
* Creates an instance of UListElement.
|
|
41
26
|
*
|
|
@@ -43,21 +28,11 @@ export declare class UListElement<P> extends Component<P, HTMLLIElement> impleme
|
|
|
43
28
|
* @param payload The payload associated with this element.
|
|
44
29
|
* @param icn The icon element to be displayed in the list item.
|
|
45
30
|
* @param text The text content of the list item.
|
|
46
|
-
* @param selected_factory A factory function that returns the selected component when this element is selected.
|
|
47
31
|
*/
|
|
48
|
-
constructor(group: SelectorGroup, payload: P, icn: Element, text: string
|
|
32
|
+
constructor(group: SelectorGroup, payload: P, icn: Element, text: string);
|
|
49
33
|
set_icon(icn: Element): void;
|
|
50
34
|
set_text(text: string): void;
|
|
51
35
|
unmounting(): void;
|
|
52
36
|
select(): void;
|
|
53
37
|
unselect(): void;
|
|
54
38
|
}
|
|
55
|
-
/**
|
|
56
|
-
* The `DivList` class represents a list component in the application that uses `div` elements.
|
|
57
|
-
* It manages the payload and element of the list component and its children.
|
|
58
|
-
*
|
|
59
|
-
* @template P The type of the payload.
|
|
60
|
-
*/
|
|
61
|
-
export declare class DivList<P> extends ListComponent<P, HTMLDivElement, HTMLDivElement> {
|
|
62
|
-
constructor(payload: Component<P, HTMLDivElement>[], compareFn?: (a: P, b: P) => number);
|
|
63
|
-
}
|
package/dist/components/list.js
CHANGED
|
@@ -1,33 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
/**
|
|
3
|
-
* The `ListComponent` class represents a list component in the application.
|
|
4
|
-
* It manages the payload and element of the list component and its children.
|
|
5
|
-
*
|
|
6
|
-
* @template P The type of the payload.
|
|
7
|
-
* @template E The type of the element.
|
|
8
|
-
* @template L The type of the list element.
|
|
9
|
-
*/
|
|
1
|
+
import { Component, Fragment, PayloadComponent } from "../component";
|
|
10
2
|
export class ListComponent extends Component {
|
|
11
|
-
constructor(
|
|
12
|
-
super(
|
|
3
|
+
constructor(node, children, compareFn = ((_a, _b) => 0)) {
|
|
4
|
+
super(node);
|
|
13
5
|
this.children = []; // The children of the list component sorted by the comparison function
|
|
14
|
-
this.
|
|
15
|
-
this.
|
|
6
|
+
this.children = children;
|
|
7
|
+
this.compareFn = compareFn;
|
|
16
8
|
this.children.sort((a, b) => this.compareFn(a.payload, b.payload));
|
|
17
|
-
const fragment =
|
|
9
|
+
const fragment = new Fragment();
|
|
18
10
|
for (const child of this.children)
|
|
19
|
-
fragment.
|
|
20
|
-
|
|
11
|
+
fragment.add_child(child);
|
|
12
|
+
fragment.attach_to(this);
|
|
21
13
|
}
|
|
22
14
|
add_child(child) {
|
|
23
|
-
super.add_child(child);
|
|
24
15
|
this.children.push(child);
|
|
25
16
|
this.children.sort((a, b) => this.compareFn(a.payload, b.payload));
|
|
26
17
|
const index = this.children.indexOf(child);
|
|
27
18
|
if (index === this.children.length - 1)
|
|
28
|
-
this.
|
|
19
|
+
this.add_child(child);
|
|
29
20
|
else
|
|
30
|
-
this.
|
|
21
|
+
this.add_child_before(child, this.children[index + 1].node);
|
|
31
22
|
}
|
|
32
23
|
remove_child(child) {
|
|
33
24
|
const index = this.children.indexOf(child);
|
|
@@ -39,24 +30,22 @@ export class ListComponent extends Component {
|
|
|
39
30
|
throw new Error('Child not found');
|
|
40
31
|
}
|
|
41
32
|
}
|
|
42
|
-
/**
|
|
43
|
-
* The `UListComponent` class represents an unordered list component in the application.
|
|
44
|
-
* It manages the payload and element of the unordered list component and its children.
|
|
45
|
-
*
|
|
46
|
-
* @template P The type of the payload.
|
|
47
|
-
*/
|
|
48
33
|
export class UListComponent extends ListComponent {
|
|
49
34
|
constructor(payload, compareFn) {
|
|
50
|
-
super(
|
|
35
|
+
super(document.createElement('ul'), payload, compareFn);
|
|
51
36
|
}
|
|
52
37
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
38
|
+
export class OListComponent extends ListComponent {
|
|
39
|
+
constructor(payload, compareFn) {
|
|
40
|
+
super(document.createElement('ol'), payload, compareFn);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
export class DivListComponent extends ListComponent {
|
|
44
|
+
constructor(payload, compareFn) {
|
|
45
|
+
super(document.createElement('div'), payload, compareFn);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export class ListItemComponent extends PayloadComponent {
|
|
60
49
|
/**
|
|
61
50
|
* Creates an instance of UListElement.
|
|
62
51
|
*
|
|
@@ -64,13 +53,11 @@ export class UListElement extends Component {
|
|
|
64
53
|
* @param payload The payload associated with this element.
|
|
65
54
|
* @param icn The icon element to be displayed in the list item.
|
|
66
55
|
* @param text The text content of the list item.
|
|
67
|
-
* @param selected_factory A factory function that returns the selected component when this element is selected.
|
|
68
56
|
*/
|
|
69
|
-
constructor(group, payload, icn, text
|
|
70
|
-
super(
|
|
57
|
+
constructor(group, payload, icn, text) {
|
|
58
|
+
super(document.createElement('li'), payload);
|
|
71
59
|
this.group = group;
|
|
72
|
-
this.
|
|
73
|
-
this.element.classList.add('nav-item', 'list-group-item');
|
|
60
|
+
this.node.classList.add('nav-item', 'list-group-item');
|
|
74
61
|
this.a = document.createElement('a');
|
|
75
62
|
this.a.classList.add('nav-link', 'd-flex', 'align-items-center');
|
|
76
63
|
this.a.href = '#';
|
|
@@ -83,7 +70,7 @@ export class UListElement extends Component {
|
|
|
83
70
|
event.preventDefault();
|
|
84
71
|
this.group.set_selected(this);
|
|
85
72
|
});
|
|
86
|
-
this.
|
|
73
|
+
this.node.append(this.a);
|
|
87
74
|
this.group.add_selector(this);
|
|
88
75
|
}
|
|
89
76
|
set_icon(icn) {
|
|
@@ -93,21 +80,7 @@ export class UListElement extends Component {
|
|
|
93
80
|
}
|
|
94
81
|
set_text(text) { this.text.textContent = text; }
|
|
95
82
|
unmounting() { this.group.remove_selector(this); }
|
|
96
|
-
select() {
|
|
97
|
-
this.a.classList.add('active');
|
|
98
|
-
App.get_instance().selected_component(this.selected_factory());
|
|
99
|
-
}
|
|
83
|
+
select() { this.a.classList.add('active'); }
|
|
100
84
|
unselect() { this.a.classList.remove('active'); }
|
|
101
85
|
}
|
|
102
|
-
/**
|
|
103
|
-
* The `DivList` class represents a list component in the application that uses `div` elements.
|
|
104
|
-
* It manages the payload and element of the list component and its children.
|
|
105
|
-
*
|
|
106
|
-
* @template P The type of the payload.
|
|
107
|
-
*/
|
|
108
|
-
export class DivList extends ListComponent {
|
|
109
|
-
constructor(payload, compareFn) {
|
|
110
|
-
super(payload, document.createElement('div'), compareFn);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
86
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/components/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/components/list.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Component } from "../component";
|
|
2
2
|
import { Selector, SelectorGroup } from "../utils/selector";
|
|
3
|
-
export declare class Offcanvas extends Component<
|
|
3
|
+
export declare class Offcanvas extends Component<HTMLDivElement> {
|
|
4
4
|
constructor(id: string, group: SelectorGroup, top: Map<HTMLAnchorElement, Selector>, bottom?: Map<HTMLAnchorElement, Selector>);
|
|
5
5
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Component } from "../component";
|
|
2
2
|
export class Offcanvas extends Component {
|
|
3
3
|
constructor(id, group, top, bottom) {
|
|
4
|
-
super(
|
|
5
|
-
this.
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
4
|
+
super(document.createElement('div'));
|
|
5
|
+
this.node.classList.add('offcanvas', 'offcanvas-start', 'd-flex');
|
|
6
|
+
this.node.tabIndex = -1;
|
|
7
|
+
this.node.id = id;
|
|
8
8
|
const body = document.createElement('div');
|
|
9
9
|
body.classList.add('offcanvas-body', 'flex-column', 'flex-shrink-0', 'p-3', 'bg-light');
|
|
10
10
|
const ul = document.createElement('ul');
|
|
@@ -33,7 +33,7 @@ export class Offcanvas extends Component {
|
|
|
33
33
|
}
|
|
34
34
|
body.appendChild(footer_ul);
|
|
35
35
|
}
|
|
36
|
-
this.
|
|
36
|
+
this.node.append(body);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
//# sourceMappingURL=offcanvas.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"offcanvas.js","sourceRoot":"","sources":["../../src/components/offcanvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"offcanvas.js","sourceRoot":"","sources":["../../src/components/offcanvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAEtD,YAAY,EAAU,EAAE,KAAoB,EAAE,GAAqC,EAAE,MAAyC;QAC5H,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAAC;QAClE,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QAExF,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAE/D,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAE7B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC5B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAExB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAClB,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAErB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAErB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC/C,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;YAEnE,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,EAAE,CAAC;gBAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAE7B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC5B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;gBAExB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAClB,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC;YAED,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;CACF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Component } from "../component";
|
|
2
2
|
import { Selector, SelectorGroup } from "../utils/selector";
|
|
3
|
-
export declare class Sidebar extends Component<
|
|
3
|
+
export declare class Sidebar extends Component<HTMLDivElement> {
|
|
4
4
|
constructor(group: SelectorGroup, top: Map<HTMLAnchorElement, Selector>, bottom?: Map<HTMLAnchorElement, Selector>);
|
|
5
5
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Component } from "../component";
|
|
2
2
|
export class Sidebar extends Component {
|
|
3
3
|
constructor(group, top, bottom) {
|
|
4
|
-
super(
|
|
5
|
-
this.
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
4
|
+
super(document.createElement('div'));
|
|
5
|
+
this.node.classList.add('d-flex', 'flex-column', 'flex-shrink-0', 'p-3', 'bg-light');
|
|
6
|
+
this.node.style.width = '280px';
|
|
7
|
+
this.node.style.height = 'calc(100vh - 60px)';
|
|
8
8
|
const ul = document.createElement('ul');
|
|
9
9
|
ul.classList.add('nav', 'nav-pills', 'flex-column', 'mb-auto');
|
|
10
10
|
for (const [a, sel] of top) {
|
|
@@ -15,10 +15,10 @@ export class Sidebar extends Component {
|
|
|
15
15
|
li.appendChild(a);
|
|
16
16
|
ul.appendChild(li);
|
|
17
17
|
}
|
|
18
|
-
this.
|
|
18
|
+
this.node.appendChild(ul);
|
|
19
19
|
if (bottom) {
|
|
20
20
|
const hr = document.createElement('hr');
|
|
21
|
-
this.
|
|
21
|
+
this.node.appendChild(hr);
|
|
22
22
|
const footer_ul = document.createElement('ul');
|
|
23
23
|
footer_ul.classList.add('nav', 'nav-pills', 'flex-column', 'mb-0');
|
|
24
24
|
for (const [a, sel] of bottom) {
|
|
@@ -29,7 +29,7 @@ export class Sidebar extends Component {
|
|
|
29
29
|
li.appendChild(a);
|
|
30
30
|
footer_ul.appendChild(li);
|
|
31
31
|
}
|
|
32
|
-
this.
|
|
32
|
+
this.node.appendChild(footer_ul);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/components/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/components/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,OAAO,OAAQ,SAAQ,SAAyB;IAEpD,YAAY,KAAoB,EAAE,GAAqC,EAAE,MAAyC;QAChH,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACrF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,oBAAoB,CAAC;QAE9C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAE/D,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAE7B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC5B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAExB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAClB,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAE1B,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAE1B,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC/C,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;YAEnE,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,EAAE,CAAC;gBAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAE7B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC5B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;gBAExB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAClB,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;CACF"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
2
2
|
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
|
|
3
3
|
export * from './app';
|
|
4
|
+
export * from './component';
|
|
4
5
|
export * from './components/app';
|
|
5
|
-
export * from './components/brand';
|
|
6
6
|
export * from './components/button';
|
|
7
7
|
export * from './components/checkbox';
|
|
8
8
|
export * from './components/list';
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
2
2
|
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
|
|
3
3
|
export * from './app';
|
|
4
|
+
export * from './component';
|
|
4
5
|
export * from './components/app';
|
|
5
|
-
export * from './components/brand';
|
|
6
6
|
export * from './components/button';
|
|
7
7
|
export * from './components/checkbox';
|
|
8
8
|
export * from './components/list';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,2CAA2C,CAAC;AAEnD,cAAc,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,2CAA2C,CAAC;AAEnD,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAE5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAA"}
|