@navservice/web-components 1.21.0 → 1.22.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/build/es/componentes/drawer/web-drawer-lateral.d.ts +17 -12
- package/build/es/index.d.ts +1 -1
- package/build/es/index.js +7 -4
- package/build/es/types.d.ts +8 -13
- package/build/lib/componentes/drawer/web-drawer-lateral.d.ts +17 -12
- package/build/lib/index.d.ts +1 -1
- package/build/lib/index.js +4 -3
- package/build/lib/types.d.ts +8 -13
- package/package.json +1 -1
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
export interface
|
|
2
|
+
export interface TypesPropsWebDrawerLateral {
|
|
3
|
+
open: boolean;
|
|
4
|
+
escClose: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface TypesRefWebDrawerLateral extends TypesPropsWebDrawerLateral {
|
|
3
7
|
setOpenModal(): void;
|
|
8
|
+
setCloseModal(): void;
|
|
4
9
|
setClearAndClose(): void;
|
|
5
10
|
getOpen: boolean;
|
|
6
|
-
onOpen?: (
|
|
7
|
-
onClose?: (
|
|
8
|
-
onClear?: (
|
|
9
|
-
onEscClose?: (
|
|
11
|
+
onOpen?: () => void;
|
|
12
|
+
onClose?: () => void;
|
|
13
|
+
onClear?: () => void;
|
|
14
|
+
onEscClose?: () => void;
|
|
10
15
|
}
|
|
11
|
-
export declare class WebDrawerLateral extends LitElement implements
|
|
12
|
-
onOpen?: (
|
|
13
|
-
onClose?: (
|
|
14
|
-
onClear?: (
|
|
15
|
-
onEscClose?: (
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
export declare class WebDrawerLateral extends LitElement implements TypesRefWebDrawerLateral {
|
|
17
|
+
onOpen?: () => void;
|
|
18
|
+
onClose?: () => void;
|
|
19
|
+
onClear?: () => void;
|
|
20
|
+
onEscClose?: () => void;
|
|
21
|
+
accessor open: boolean;
|
|
22
|
+
accessor escClose: boolean;
|
|
18
23
|
createRenderRoot(): this;
|
|
19
24
|
connectedCallback(): void;
|
|
20
25
|
disconnectedCallback(): void;
|
package/build/es/index.d.ts
CHANGED
package/build/es/index.js
CHANGED
|
@@ -346,22 +346,25 @@ class WebDrawerLateral extends LitElement {
|
|
|
346
346
|
super.disconnectedCallback();
|
|
347
347
|
}
|
|
348
348
|
handleKeydown = (event)=>{
|
|
349
|
-
if (this.escClose && 'Escape' === event.key && this.open)
|
|
349
|
+
if (this.escClose && 'Escape' === event.key && this.open) {
|
|
350
|
+
this.setCloseModal();
|
|
351
|
+
this.onEscClose?.();
|
|
352
|
+
}
|
|
350
353
|
};
|
|
351
354
|
get getOpen() {
|
|
352
355
|
return this.escClose;
|
|
353
356
|
}
|
|
354
357
|
setOpenModal = ()=>{
|
|
355
358
|
this.open = true;
|
|
356
|
-
this.onOpen?.(
|
|
359
|
+
this.onOpen?.();
|
|
357
360
|
};
|
|
358
361
|
setCloseModal = ()=>{
|
|
359
362
|
this.open = false;
|
|
360
|
-
this.onClose?.(
|
|
363
|
+
this.onClose?.();
|
|
361
364
|
};
|
|
362
365
|
setClearAndClose = ()=>{
|
|
363
366
|
this.open = false;
|
|
364
|
-
this.onClear?.(
|
|
367
|
+
this.onClear?.();
|
|
365
368
|
};
|
|
366
369
|
render() {
|
|
367
370
|
return html`
|
package/build/es/types.d.ts
CHANGED
|
@@ -1,32 +1,27 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TypesPropsWebDrawerLateral, TypesRefWebDrawerLateral } from './componentes/drawer/web-drawer-lateral';
|
|
2
|
+
type DrawerLateral = TypesPropsWebDrawerLateral & {
|
|
3
|
+
ref?: TypesRefWebDrawerLateral | any;
|
|
4
|
+
};
|
|
2
5
|
declare global {
|
|
3
6
|
interface HTMLElementTagNameMap {
|
|
4
|
-
'web-drawer-lateral':
|
|
5
|
-
ref: TypesWebDrawerLateral | any;
|
|
6
|
-
};
|
|
7
|
+
'web-drawer-lateral': DrawerLateral;
|
|
7
8
|
}
|
|
8
9
|
namespace JSX {
|
|
9
10
|
interface IntrinsicElements {
|
|
10
|
-
'web-drawer-lateral':
|
|
11
|
-
ref: TypesWebDrawerLateral | any;
|
|
12
|
-
};
|
|
11
|
+
'web-drawer-lateral': DrawerLateral;
|
|
13
12
|
}
|
|
14
13
|
}
|
|
15
14
|
namespace React {
|
|
16
15
|
namespace JSX {
|
|
17
16
|
interface IntrinsicElements {
|
|
18
|
-
'web-drawer-lateral':
|
|
19
|
-
ref: TypesWebDrawerLateral | any;
|
|
20
|
-
};
|
|
17
|
+
'web-drawer-lateral': DrawerLateral;
|
|
21
18
|
}
|
|
22
19
|
}
|
|
23
20
|
}
|
|
24
21
|
namespace Vue {
|
|
25
22
|
namespace JSX {
|
|
26
23
|
interface IntrinsicElements {
|
|
27
|
-
'web-drawer-lateral':
|
|
28
|
-
ref: TypesWebDrawerLateral | any;
|
|
29
|
-
};
|
|
24
|
+
'web-drawer-lateral': DrawerLateral;
|
|
30
25
|
}
|
|
31
26
|
}
|
|
32
27
|
}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
export interface
|
|
2
|
+
export interface TypesPropsWebDrawerLateral {
|
|
3
|
+
open: boolean;
|
|
4
|
+
escClose: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface TypesRefWebDrawerLateral extends TypesPropsWebDrawerLateral {
|
|
3
7
|
setOpenModal(): void;
|
|
8
|
+
setCloseModal(): void;
|
|
4
9
|
setClearAndClose(): void;
|
|
5
10
|
getOpen: boolean;
|
|
6
|
-
onOpen?: (
|
|
7
|
-
onClose?: (
|
|
8
|
-
onClear?: (
|
|
9
|
-
onEscClose?: (
|
|
11
|
+
onOpen?: () => void;
|
|
12
|
+
onClose?: () => void;
|
|
13
|
+
onClear?: () => void;
|
|
14
|
+
onEscClose?: () => void;
|
|
10
15
|
}
|
|
11
|
-
export declare class WebDrawerLateral extends LitElement implements
|
|
12
|
-
onOpen?: (
|
|
13
|
-
onClose?: (
|
|
14
|
-
onClear?: (
|
|
15
|
-
onEscClose?: (
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
export declare class WebDrawerLateral extends LitElement implements TypesRefWebDrawerLateral {
|
|
17
|
+
onOpen?: () => void;
|
|
18
|
+
onClose?: () => void;
|
|
19
|
+
onClear?: () => void;
|
|
20
|
+
onEscClose?: () => void;
|
|
21
|
+
accessor open: boolean;
|
|
22
|
+
accessor escClose: boolean;
|
|
18
23
|
createRenderRoot(): this;
|
|
19
24
|
connectedCallback(): void;
|
|
20
25
|
disconnectedCallback(): void;
|
package/build/lib/index.d.ts
CHANGED
package/build/lib/index.js
CHANGED
|
@@ -513,6 +513,7 @@ class WebDrawerLateral extends lit_element_i {
|
|
|
513
513
|
handleKeydown = (event)=>{
|
|
514
514
|
if (this.escClose && event.key === 'Escape' && this.open) {
|
|
515
515
|
this.setCloseModal();
|
|
516
|
+
this.onEscClose?.();
|
|
516
517
|
}
|
|
517
518
|
};
|
|
518
519
|
get getOpen() {
|
|
@@ -520,15 +521,15 @@ class WebDrawerLateral extends lit_element_i {
|
|
|
520
521
|
}
|
|
521
522
|
setOpenModal = ()=>{
|
|
522
523
|
this.open = true;
|
|
523
|
-
this.onOpen?.(
|
|
524
|
+
this.onOpen?.();
|
|
524
525
|
};
|
|
525
526
|
setCloseModal = ()=>{
|
|
526
527
|
this.open = false;
|
|
527
|
-
this.onClose?.(
|
|
528
|
+
this.onClose?.();
|
|
528
529
|
};
|
|
529
530
|
setClearAndClose = ()=>{
|
|
530
531
|
this.open = false;
|
|
531
|
-
this.onClear?.(
|
|
532
|
+
this.onClear?.();
|
|
532
533
|
};
|
|
533
534
|
render() {
|
|
534
535
|
return lit_html_b`
|
package/build/lib/types.d.ts
CHANGED
|
@@ -1,32 +1,27 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TypesPropsWebDrawerLateral, TypesRefWebDrawerLateral } from './componentes/drawer/web-drawer-lateral';
|
|
2
|
+
type DrawerLateral = TypesPropsWebDrawerLateral & {
|
|
3
|
+
ref?: TypesRefWebDrawerLateral | any;
|
|
4
|
+
};
|
|
2
5
|
declare global {
|
|
3
6
|
interface HTMLElementTagNameMap {
|
|
4
|
-
'web-drawer-lateral':
|
|
5
|
-
ref: TypesWebDrawerLateral | any;
|
|
6
|
-
};
|
|
7
|
+
'web-drawer-lateral': DrawerLateral;
|
|
7
8
|
}
|
|
8
9
|
namespace JSX {
|
|
9
10
|
interface IntrinsicElements {
|
|
10
|
-
'web-drawer-lateral':
|
|
11
|
-
ref: TypesWebDrawerLateral | any;
|
|
12
|
-
};
|
|
11
|
+
'web-drawer-lateral': DrawerLateral;
|
|
13
12
|
}
|
|
14
13
|
}
|
|
15
14
|
namespace React {
|
|
16
15
|
namespace JSX {
|
|
17
16
|
interface IntrinsicElements {
|
|
18
|
-
'web-drawer-lateral':
|
|
19
|
-
ref: TypesWebDrawerLateral | any;
|
|
20
|
-
};
|
|
17
|
+
'web-drawer-lateral': DrawerLateral;
|
|
21
18
|
}
|
|
22
19
|
}
|
|
23
20
|
}
|
|
24
21
|
namespace Vue {
|
|
25
22
|
namespace JSX {
|
|
26
23
|
interface IntrinsicElements {
|
|
27
|
-
'web-drawer-lateral':
|
|
28
|
-
ref: TypesWebDrawerLateral | any;
|
|
29
|
-
};
|
|
24
|
+
'web-drawer-lateral': DrawerLateral;
|
|
30
25
|
}
|
|
31
26
|
}
|
|
32
27
|
}
|