@mmlogic/components 0.5.13 → 0.5.15

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.
Files changed (74) hide show
  1. package/dist/cjs/{cell-renderer-BBebjBVz.js → cell-renderer-CLVKTVVQ.js} +113 -1
  2. package/dist/cjs/{client-layout-CqVuJumR.js → client-layout-Eg2VwW-7.js} +2 -0
  3. package/dist/cjs/index.cjs.js +2 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/mosterdcomponents.cjs.js +1 -1
  6. package/dist/cjs/{mrd-boolean-field_25.cjs.entry.js → mrd-boolean-field_28.cjs.entry.js} +1163 -356
  7. package/dist/cjs/mrd-merge-view.cjs.entry.js +4 -4
  8. package/dist/collection/collection-manifest.json +3 -0
  9. package/dist/collection/components/fields/mrd-textarea-field/mrd-textarea-field.js +47 -2
  10. package/dist/collection/components/form/mrd-form/mrd-form.css +29 -0
  11. package/dist/collection/components/form/mrd-form/mrd-form.js +44 -8
  12. package/dist/collection/components/layout/mrd-layout-section/mrd-layout-section.js +126 -13
  13. package/dist/collection/components/memo/mrd-memo-container/mrd-memo-container.css +204 -0
  14. package/dist/collection/components/memo/mrd-memo-container/mrd-memo-container.js +694 -0
  15. package/dist/collection/components/memo/mrd-memo-list/mrd-memo-list.css +150 -0
  16. package/dist/collection/components/memo/mrd-memo-list/mrd-memo-list.js +511 -0
  17. package/dist/collection/components/memo/mrd-memo-view/mrd-memo-view.css +108 -0
  18. package/dist/collection/components/memo/mrd-memo-view/mrd-memo-view.js +204 -0
  19. package/dist/collection/components/merge/mrd-merge-view/mrd-merge-view.js +2 -2
  20. package/dist/collection/components/table/mrd-table/mrd-table.css +36 -0
  21. package/dist/collection/components/table/mrd-table/mrd-table.js +146 -31
  22. package/dist/collection/components/table/mrd-table/table-parts.js +6 -2
  23. package/dist/collection/components/table/mrd-table/table-query.js +6 -0
  24. package/dist/collection/dev/app.js +17 -0
  25. package/dist/collection/types/client-layout.js +1 -0
  26. package/dist/collection/utils/i18n.js +112 -0
  27. package/dist/collection/utils/query-params.js +9 -0
  28. package/dist/components/client-layout.js +1 -1
  29. package/dist/components/i18n.js +1 -1
  30. package/dist/components/index.js +1 -1
  31. package/dist/components/mrd-form.js +1 -1
  32. package/dist/components/mrd-layout-section.js +1 -1
  33. package/dist/components/mrd-memo-container.d.ts +11 -0
  34. package/dist/components/mrd-memo-container.js +1 -0
  35. package/dist/components/mrd-memo-container2.js +1 -0
  36. package/dist/components/mrd-memo-list.d.ts +11 -0
  37. package/dist/components/mrd-memo-list.js +1 -0
  38. package/dist/components/mrd-memo-list2.js +1 -0
  39. package/dist/components/mrd-memo-view.d.ts +11 -0
  40. package/dist/components/mrd-memo-view.js +1 -0
  41. package/dist/components/mrd-memo-view2.js +1 -0
  42. package/dist/components/mrd-merge-view.js +1 -1
  43. package/dist/components/mrd-table2.js +1 -1
  44. package/dist/components/mrd-textarea-field2.js +1 -1
  45. package/dist/components/query-params.js +1 -1
  46. package/dist/components/table-query.js +1 -0
  47. package/dist/esm/{cell-renderer-CC8-MtvQ.js → cell-renderer-4NKEzZWw.js} +113 -1
  48. package/dist/esm/{client-layout-Bc42CfJB.js → client-layout-BJkVeSq6.js} +2 -1
  49. package/dist/esm/index.js +1 -1
  50. package/dist/esm/loader.js +1 -1
  51. package/dist/esm/mosterdcomponents.js +1 -1
  52. package/dist/esm/{mrd-boolean-field_25.entry.js → mrd-boolean-field_28.entry.js} +1161 -357
  53. package/dist/esm/mrd-merge-view.entry.js +4 -4
  54. package/dist/mosterdcomponents/index.esm.js +1 -1
  55. package/dist/mosterdcomponents/mosterdcomponents.esm.js +1 -1
  56. package/dist/mosterdcomponents/{p-Bc42CfJB.js → p-BJkVeSq6.js} +1 -1
  57. package/dist/mosterdcomponents/p-BMx6VAJ6.js +1 -0
  58. package/dist/mosterdcomponents/p-d64ba1f2.entry.js +3 -0
  59. package/dist/mosterdcomponents/{p-a7e8f6a3.entry.js → p-e68dfbb0.entry.js} +1 -1
  60. package/dist/types/components/fields/mrd-textarea-field/mrd-textarea-field.d.ts +10 -0
  61. package/dist/types/components/form/mrd-form/mrd-form.d.ts +6 -0
  62. package/dist/types/components/layout/mrd-layout-section/mrd-layout-section.d.ts +20 -1
  63. package/dist/types/components/memo/mrd-memo-container/mrd-memo-container.d.ts +152 -0
  64. package/dist/types/components/memo/mrd-memo-list/mrd-memo-list.d.ts +79 -0
  65. package/dist/types/components/memo/mrd-memo-view/mrd-memo-view.d.ts +33 -0
  66. package/dist/types/components/table/mrd-table/mrd-table.d.ts +48 -1
  67. package/dist/types/components/table/mrd-table/table-parts.d.ts +15 -0
  68. package/dist/types/components/table/mrd-table/table-query.d.ts +6 -0
  69. package/dist/types/components.d.ts +528 -1
  70. package/dist/types/types/client-layout.d.ts +1 -0
  71. package/dist/types/utils/query-params.d.ts +16 -0
  72. package/package.json +1 -1
  73. package/dist/mosterdcomponents/p-07b148b2.entry.js +0 -3
  74. package/dist/mosterdcomponents/p-D5ZPfX3-.js +0 -1
package/dist/collection/components/memo/mrd-memo-container/mrd-memo-container.css ADDED
@@ -0,0 +1,204 @@
1
+ :host {
2
+ display: block;
3
+ }
4
+
5
+ .mrd-memo-container__toolbar {
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: flex-end;
9
+ gap: var(--mrd-space-2);
10
+ padding: var(--mrd-space-2) 0;
11
+ border-bottom: 1px solid var(--mrd-color-neutral-100);
12
+ }
13
+ .mrd-memo-container__action {
14
+ display: inline-flex;
15
+ align-items: center;
16
+ gap: var(--mrd-space-2);
17
+ height: 1.625rem;
18
+ padding: 0 var(--mrd-space-3);
19
+ font-size: var(--mrd-font-size-sm);
20
+ color: var(--mrd-color-neutral-700);
21
+ background: var(--mrd-color-white);
22
+ border: 1px solid var(--mrd-color-neutral-200);
23
+ border-radius: var(--mrd-border-radius);
24
+ cursor: pointer;
25
+ transition: background var(--mrd-transition-fast), border-color var(--mrd-transition-fast);
26
+ }
27
+ .mrd-memo-container__action svg {
28
+ width: 1rem;
29
+ height: 1rem;
30
+ }
31
+ .mrd-memo-container__action:hover:not(:disabled) {
32
+ background: var(--mrd-color-neutral-50);
33
+ border-color: var(--mrd-color-neutral-300);
34
+ }
35
+ .mrd-memo-container__action:disabled {
36
+ opacity: 0.5;
37
+ cursor: not-allowed;
38
+ }
39
+ .mrd-memo-container__seg {
40
+ display: inline-flex;
41
+ gap: 2px;
42
+ padding: 2px;
43
+ background: var(--mrd-color-neutral-100);
44
+ border-radius: var(--mrd-border-radius);
45
+ }
46
+ .mrd-memo-container__seg-btn {
47
+ width: 1.875rem;
48
+ height: 1.625rem;
49
+ display: grid;
50
+ place-items: center;
51
+ border: none;
52
+ background: none;
53
+ border-radius: var(--mrd-border-radius-sm);
54
+ color: var(--mrd-color-neutral-500);
55
+ cursor: pointer;
56
+ transition: color var(--mrd-transition-fast), background var(--mrd-transition-fast);
57
+ }
58
+ .mrd-memo-container__seg-btn:hover {
59
+ color: var(--mrd-color-neutral-800);
60
+ }
61
+ .mrd-memo-container__seg-btn[aria-pressed=true] {
62
+ background: var(--mrd-color-white);
63
+ color: var(--mrd-color-primary-dark);
64
+ box-shadow: var(--mrd-shadow-sm);
65
+ }
66
+ .mrd-memo-container__seg-btn svg {
67
+ width: 1rem;
68
+ height: 1rem;
69
+ }
70
+ .mrd-memo-container__body {
71
+ padding-top: var(--mrd-space-3);
72
+ }
73
+ .mrd-memo-container__modal-backdrop {
74
+ position: fixed;
75
+ inset: 0;
76
+ background: rgba(0, 0, 0, 0.6);
77
+ z-index: 300;
78
+ display: flex;
79
+ align-items: center;
80
+ justify-content: center;
81
+ padding: var(--mrd-space-4);
82
+ }
83
+ .mrd-memo-container__modal {
84
+ width: 100%;
85
+ max-width: 960px;
86
+ max-height: 90vh;
87
+ overflow-y: auto;
88
+ display: flex;
89
+ flex-direction: column;
90
+ gap: var(--mrd-space-4);
91
+ background: var(--mrd-color-white);
92
+ border-radius: var(--mrd-border-radius-md);
93
+ padding: var(--mrd-space-5);
94
+ box-shadow: var(--mrd-shadow-lg);
95
+ }
96
+ .mrd-memo-container__modal-title {
97
+ font-size: var(--mrd-font-size-lg);
98
+ font-weight: var(--mrd-font-weight-bold);
99
+ color: var(--mrd-color-neutral-900);
100
+ margin: 0;
101
+ }
102
+ .mrd-memo-container__modal-field {
103
+ display: flex;
104
+ flex-direction: column;
105
+ gap: var(--mrd-space-1);
106
+ }
107
+ .mrd-memo-container__modal-error {
108
+ font-family: var(--mrd-font-family);
109
+ font-size: var(--mrd-error-font-size);
110
+ color: var(--mrd-error-color);
111
+ }
112
+ .mrd-memo-container__modal-warning {
113
+ margin: 0;
114
+ font-family: var(--mrd-font-family);
115
+ font-size: var(--mrd-font-size-base);
116
+ color: var(--mrd-color-neutral-600);
117
+ }
118
+ .mrd-memo-container__modal-actions {
119
+ display: flex;
120
+ justify-content: flex-end;
121
+ gap: var(--mrd-space-3);
122
+ margin-top: var(--mrd-space-2);
123
+ padding-top: var(--mrd-space-4);
124
+ border-top: var(--mrd-border-width) solid var(--mrd-border-color);
125
+ }
126
+ .mrd-memo-container__modal-delete {
127
+ display: inline-flex;
128
+ align-items: center;
129
+ justify-content: center;
130
+ height: var(--mrd-input-height);
131
+ padding: 0 var(--mrd-space-6);
132
+ margin-right: auto;
133
+ background-color: transparent;
134
+ color: var(--mrd-color-danger);
135
+ font-family: var(--mrd-font-family);
136
+ font-size: var(--mrd-font-size-base);
137
+ font-weight: var(--mrd-font-weight-medium);
138
+ border: var(--mrd-border-width) solid var(--mrd-color-danger);
139
+ border-radius: var(--mrd-border-radius);
140
+ cursor: pointer;
141
+ transition: background-color var(--mrd-transition), color var(--mrd-transition);
142
+ }
143
+ .mrd-memo-container__modal-delete:hover {
144
+ background-color: var(--mrd-color-danger-light);
145
+ color: var(--mrd-color-danger-dark);
146
+ }
147
+ .mrd-memo-container__modal-delete-confirm {
148
+ display: inline-flex;
149
+ align-items: center;
150
+ justify-content: center;
151
+ height: var(--mrd-input-height);
152
+ padding: 0 var(--mrd-space-6);
153
+ background-color: var(--mrd-color-danger);
154
+ color: var(--mrd-color-white);
155
+ font-family: var(--mrd-font-family);
156
+ font-size: var(--mrd-font-size-base);
157
+ font-weight: var(--mrd-font-weight-medium);
158
+ border: none;
159
+ border-radius: var(--mrd-border-radius);
160
+ cursor: pointer;
161
+ transition: background-color var(--mrd-transition);
162
+ }
163
+ .mrd-memo-container__modal-delete-confirm:hover {
164
+ background-color: var(--mrd-color-danger-dark);
165
+ }
166
+ .mrd-memo-container__modal-cancel {
167
+ display: inline-flex;
168
+ align-items: center;
169
+ justify-content: center;
170
+ height: var(--mrd-input-height);
171
+ padding: 0 var(--mrd-space-6);
172
+ background-color: transparent;
173
+ color: var(--mrd-color-neutral-600);
174
+ font-family: var(--mrd-font-family);
175
+ font-size: var(--mrd-font-size-base);
176
+ font-weight: var(--mrd-font-weight-medium);
177
+ border: var(--mrd-border-width) solid var(--mrd-border-color);
178
+ border-radius: var(--mrd-border-radius);
179
+ cursor: pointer;
180
+ transition: background-color var(--mrd-transition), color var(--mrd-transition);
181
+ }
182
+ .mrd-memo-container__modal-cancel:hover {
183
+ background-color: var(--mrd-color-neutral-100);
184
+ color: var(--mrd-color-neutral-800);
185
+ }
186
+ .mrd-memo-container__modal-submit {
187
+ display: inline-flex;
188
+ align-items: center;
189
+ justify-content: center;
190
+ height: var(--mrd-input-height);
191
+ padding: 0 var(--mrd-space-6);
192
+ background-color: var(--mrd-color-primary);
193
+ color: var(--mrd-color-white);
194
+ font-family: var(--mrd-font-family);
195
+ font-size: var(--mrd-font-size-base);
196
+ font-weight: var(--mrd-font-weight-medium);
197
+ border: none;
198
+ border-radius: var(--mrd-border-radius);
199
+ cursor: pointer;
200
+ transition: background-color var(--mrd-transition);
201
+ }
202
+ .mrd-memo-container__modal-submit:hover {
203
+ background-color: var(--mrd-color-primary-hover);
204
+ }