oxpi-nglib 0.0.12 → 0.0.16
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.
|
@@ -6,10 +6,10 @@ export class ItemCardComponent {
|
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome" }, ngImport: i0, template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;
|
|
9
|
+
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome" }, ngImport: i0, template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ItemCardComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'ox-item-card', template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;
|
|
12
|
+
args: [{ selector: 'ox-item-card', template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] }]
|
|
13
13
|
}], ctorParameters: function () { return []; }, propDecorators: { nome: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}] } });
|
package/fesm2015/oxpi-nglib.mjs
CHANGED
|
@@ -456,10 +456,10 @@ class ItemCardComponent {
|
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
458
|
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
459
|
-
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome" }, ngImport: i0, template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;
|
|
459
|
+
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome" }, ngImport: i0, template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] });
|
|
460
460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ItemCardComponent, decorators: [{
|
|
461
461
|
type: Component,
|
|
462
|
-
args: [{ selector: 'ox-item-card', template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;
|
|
462
|
+
args: [{ selector: 'ox-item-card', template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] }]
|
|
463
463
|
}], ctorParameters: function () { return []; }, propDecorators: { nome: [{
|
|
464
464
|
type: Input
|
|
465
465
|
}] } });
|
package/fesm2020/oxpi-nglib.mjs
CHANGED
|
@@ -456,10 +456,10 @@ class ItemCardComponent {
|
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
458
|
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
459
|
-
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome" }, ngImport: i0, template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;
|
|
459
|
+
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome" }, ngImport: i0, template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] });
|
|
460
460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ItemCardComponent, decorators: [{
|
|
461
461
|
type: Component,
|
|
462
|
-
args: [{ selector: 'ox-item-card', template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;
|
|
462
|
+
args: [{ selector: 'ox-item-card', template: "{{nome}}\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:8px 16px;background:#fff;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}\n"] }]
|
|
463
463
|
}], ctorParameters: function () { return []; }, propDecorators: { nome: [{
|
|
464
464
|
type: Input
|
|
465
465
|
}] } });
|
package/package.json
CHANGED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
.listagem-desktop-grid {
|
|
2
|
+
display: flex;
|
|
3
|
+
//grid-template-columns: minmax(auto, 440px) auto;
|
|
4
|
+
height: 100%;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.listagem-column-container {
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
//height: 100%;
|
|
11
|
+
h4 {
|
|
12
|
+
margin: 0;
|
|
13
|
+
margin-bottom: 16px;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.listagem-list-column {
|
|
18
|
+
width: 540px;
|
|
19
|
+
}
|
|
20
|
+
.listagem-column-form {
|
|
21
|
+
margin-left: 32px;
|
|
22
|
+
width: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.listagem-form-acoes {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: row;
|
|
28
|
+
position: absolute;
|
|
29
|
+
bottom: 0;
|
|
30
|
+
padding-bottom: 16px;
|
|
31
|
+
}
|
|
32
|
+
.listagem-form-container {
|
|
33
|
+
display: flex;
|
|
34
|
+
flex-direction: column;
|
|
35
|
+
overflow-y: auto;
|
|
36
|
+
padding-bottom: 60px;
|
|
37
|
+
//background: #00000005;
|
|
38
|
+
//border: 1px solid #0000000c;
|
|
39
|
+
//border: 1px solid rgb(219, 219, 219);
|
|
40
|
+
//background: white;
|
|
41
|
+
//border: 1px solid #dbdbdb;
|
|
42
|
+
//border-radius: 5px;
|
|
43
|
+
-webkit-overflow-scrolling: touch;
|
|
44
|
+
}
|
|
45
|
+
.listagem-list-container {
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
overflow-y: auto;
|
|
49
|
+
-webkit-overflow-scrolling: touch;
|
|
50
|
+
font-family: $open-sans;
|
|
51
|
+
//margin: 0 32px;
|
|
52
|
+
//padding: 16px;
|
|
53
|
+
//height: 100%;
|
|
54
|
+
width: 480px;
|
|
55
|
+
height: 100%;
|
|
56
|
+
//border-top: 1px solid #eae8e8;
|
|
57
|
+
border-radius: 5px;
|
|
58
|
+
background: white;
|
|
59
|
+
border: 1px solid #e0e0e0;
|
|
60
|
+
//box-shadow: 0 8px 16px 0 rgb(0 0 0 / 4%);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.nenhum-item-msg {
|
|
64
|
+
margin: 0;
|
|
65
|
+
margin-bottom: 16px;
|
|
66
|
+
}
|
|
67
|
+
.selecione-um-item-msg {
|
|
68
|
+
margin: 0;
|
|
69
|
+
margin-bottom: 16px;
|
|
70
|
+
}
|