@design.estate/dees-catalog 3.76.0 → 3.76.1

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 (30) hide show
  1. package/dist_bundle/bundle.js +429 -407
  2. package/dist_ts_web/00_commitinfo_data.js +1 -1
  3. package/dist_ts_web/elements/00group-input/dees-input-checkbox/dees-input-checkbox.demo.js +96 -94
  4. package/dist_ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.demo.js +27 -25
  5. package/dist_ts_web/elements/00group-input/dees-input-fileupload/demo.js +36 -36
  6. package/dist_ts_web/elements/00group-input/dees-input-iban/dees-input-iban.demo.js +20 -18
  7. package/dist_ts_web/elements/00group-input/dees-input-list/dees-input-list.demo.js +22 -20
  8. package/dist_ts_web/elements/00group-input/dees-input-multitoggle/dees-input-multitoggle.demo.js +67 -65
  9. package/dist_ts_web/elements/00group-input/dees-input-phone/dees-input-phone.demo.js +20 -18
  10. package/dist_ts_web/elements/00group-input/dees-input-quantityselector/dees-input-quantityselector.demo.js +4 -4
  11. package/dist_ts_web/elements/00group-input/dees-input-radiogroup/dees-input-radiogroup.demo.js +54 -48
  12. package/dist_ts_web/elements/00group-input/dees-input-tags/dees-input-tags.demo.js +21 -19
  13. package/dist_ts_web/elements/00group-input/dees-input-text/dees-input-text.demo.js +37 -35
  14. package/dist_ts_web/elements/00group-input/dees-input-toggle/dees-input-toggle.demo.js +35 -33
  15. package/dist_ts_web/elements/00group-input/dees-input-typelist/dees-input-typelist.demo.js +19 -19
  16. package/package.json +1 -1
  17. package/ts_web/00_commitinfo_data.ts +1 -1
  18. package/ts_web/elements/00group-input/dees-input-checkbox/dees-input-checkbox.demo.ts +95 -93
  19. package/ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.demo.ts +40 -38
  20. package/ts_web/elements/00group-input/dees-input-fileupload/demo.ts +35 -35
  21. package/ts_web/elements/00group-input/dees-input-iban/dees-input-iban.demo.ts +19 -17
  22. package/ts_web/elements/00group-input/dees-input-list/dees-input-list.demo.ts +21 -19
  23. package/ts_web/elements/00group-input/dees-input-multitoggle/dees-input-multitoggle.demo.ts +66 -64
  24. package/ts_web/elements/00group-input/dees-input-phone/dees-input-phone.demo.ts +19 -17
  25. package/ts_web/elements/00group-input/dees-input-quantityselector/dees-input-quantityselector.demo.ts +4 -4
  26. package/ts_web/elements/00group-input/dees-input-radiogroup/dees-input-radiogroup.demo.ts +53 -47
  27. package/ts_web/elements/00group-input/dees-input-tags/dees-input-tags.demo.ts +20 -18
  28. package/ts_web/elements/00group-input/dees-input-text/dees-input-text.demo.ts +36 -34
  29. package/ts_web/elements/00group-input/dees-input-toggle/dees-input-toggle.demo.ts +34 -32
  30. package/ts_web/elements/00group-input/dees-input-typelist/dees-input-typelist.demo.ts +18 -18
package/dist_ts_web/00_commitinfo_data.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@design.estate/dees-catalog',
6
- version: '3.76.0',
6
+ version: '3.76.1',
7
7
  description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
8
8
  };
9
9
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9
package/dist_ts_web/elements/00group-input/dees-input-checkbox/dees-input-checkbox.demo.js CHANGED
@@ -106,90 +106,92 @@ export const demoFunc = () => html `
106
106
 
107
107
  <div class="demo-container">
108
108
  <dees-panel .title=${'Basic Checkboxes'} .subtitle=${'Simple checkbox examples with various labels'}>
109
- <div class="checkbox-group">
110
- <dees-input-checkbox
111
- .label=${'I agree to the Terms and Conditions'}
109
+ <dees-form>
110
+ <dees-input-checkbox
111
+ .label=${'I agree to the Terms and Conditions'}
112
112
  .value=${true}
113
113
  .key=${'terms'}
114
114
  ></dees-input-checkbox>
115
-
116
- <dees-input-checkbox
117
- .label=${'Subscribe to newsletter'}
115
+
116
+ <dees-input-checkbox
117
+ .label=${'Subscribe to newsletter'}
118
118
  .value=${false}
119
119
  .key=${'newsletter'}
120
120
  ></dees-input-checkbox>
121
-
122
- <dees-input-checkbox
123
- .label=${'Enable notifications'}
121
+
122
+ <dees-input-checkbox
123
+ .label=${'Enable notifications'}
124
124
  .value=${false}
125
125
  .description=${'Receive email updates about your account'}
126
126
  .key=${'notifications'}
127
127
  ></dees-input-checkbox>
128
- </div>
128
+ </dees-form>
129
129
  </dees-panel>
130
130
 
131
131
  <dees-panel .title=${'Checkbox States'} .subtitle=${'Different checkbox states and configurations'}>
132
- <div class="checkbox-group">
133
- <dees-input-checkbox
134
- .label=${'Default state'}
132
+ <dees-form>
133
+ <dees-input-checkbox
134
+ .label=${'Default state'}
135
135
  .value=${false}
136
136
  ></dees-input-checkbox>
137
-
138
- <dees-input-checkbox
139
- .label=${'Checked state'}
137
+
138
+ <dees-input-checkbox
139
+ .label=${'Checked state'}
140
140
  .value=${true}
141
141
  ></dees-input-checkbox>
142
-
143
- <dees-input-checkbox
144
- .label=${'Disabled unchecked'}
142
+
143
+ <dees-input-checkbox
144
+ .label=${'Disabled unchecked'}
145
145
  .value=${false}
146
146
  .disabled=${true}
147
147
  ></dees-input-checkbox>
148
-
149
- <dees-input-checkbox
150
- .label=${'Disabled checked'}
148
+
149
+ <dees-input-checkbox
150
+ .label=${'Disabled checked'}
151
151
  .value=${true}
152
152
  .disabled=${true}
153
153
  ></dees-input-checkbox>
154
-
155
- <dees-input-checkbox
156
- .label=${'Required checkbox'}
154
+
155
+ <dees-input-checkbox
156
+ .label=${'Required checkbox'}
157
157
  .required=${true}
158
158
  .key=${'required'}
159
159
  ></dees-input-checkbox>
160
- </div>
160
+ </dees-form>
161
161
  </dees-panel>
162
162
 
163
163
  <dees-panel .title=${'Horizontal Layout'} .subtitle=${'Checkboxes arranged horizontally for compact forms'}>
164
- <div class="horizontal-checkboxes">
165
- <dees-input-checkbox
166
- .label=${'Option A'}
167
- .value=${false}
168
- .layoutMode=${'horizontal'}
169
- .key=${'optionA'}
170
- ></dees-input-checkbox>
171
-
172
- <dees-input-checkbox
173
- .label=${'Option B'}
174
- .value=${true}
175
- .layoutMode=${'horizontal'}
176
- .key=${'optionB'}
177
- ></dees-input-checkbox>
178
-
179
- <dees-input-checkbox
180
- .label=${'Option C'}
181
- .value=${false}
182
- .layoutMode=${'horizontal'}
183
- .key=${'optionC'}
184
- ></dees-input-checkbox>
185
-
186
- <dees-input-checkbox
187
- .label=${'Option D'}
188
- .value=${true}
189
- .layoutMode=${'horizontal'}
190
- .key=${'optionD'}
191
- ></dees-input-checkbox>
192
- </div>
164
+ <dees-form>
165
+ <div class="horizontal-checkboxes">
166
+ <dees-input-checkbox
167
+ .label=${'Option A'}
168
+ .value=${false}
169
+ .layoutMode=${'horizontal'}
170
+ .key=${'optionA'}
171
+ ></dees-input-checkbox>
172
+
173
+ <dees-input-checkbox
174
+ .label=${'Option B'}
175
+ .value=${true}
176
+ .layoutMode=${'horizontal'}
177
+ .key=${'optionB'}
178
+ ></dees-input-checkbox>
179
+
180
+ <dees-input-checkbox
181
+ .label=${'Option C'}
182
+ .value=${false}
183
+ .layoutMode=${'horizontal'}
184
+ .key=${'optionC'}
185
+ ></dees-input-checkbox>
186
+
187
+ <dees-input-checkbox
188
+ .label=${'Option D'}
189
+ .value=${true}
190
+ .layoutMode=${'horizontal'}
191
+ .key=${'optionD'}
192
+ ></dees-input-checkbox>
193
+ </div>
194
+ </dees-form>
193
195
  </dees-panel>
194
196
 
195
197
  <dees-panel .title=${'Feature Selection Example'} .subtitle=${'Common use case for feature toggles with batch operations'}>
@@ -199,76 +201,76 @@ export const demoFunc = () => html `
199
201
  </div>
200
202
 
201
203
  <div class="feature-list">
202
- <div class="checkbox-group">
203
- <dees-input-checkbox
204
- .label=${'Dark Mode Support'}
204
+ <dees-form>
205
+ <dees-input-checkbox
206
+ .label=${'Dark Mode Support'}
205
207
  .value=${true}
206
208
  .key=${'feature1'}
207
209
  ></dees-input-checkbox>
208
-
209
- <dees-input-checkbox
210
- .label=${'Email Notifications'}
210
+
211
+ <dees-input-checkbox
212
+ .label=${'Email Notifications'}
211
213
  .value=${true}
212
214
  .key=${'feature2'}
213
215
  ></dees-input-checkbox>
214
-
215
- <dees-input-checkbox
216
- .label=${'Two-Factor Authentication'}
216
+
217
+ <dees-input-checkbox
218
+ .label=${'Two-Factor Authentication'}
217
219
  .value=${false}
218
220
  .key=${'feature3'}
219
221
  ></dees-input-checkbox>
220
-
221
- <dees-input-checkbox
222
- .label=${'API Access'}
222
+
223
+ <dees-input-checkbox
224
+ .label=${'API Access'}
223
225
  .value=${true}
224
226
  .key=${'feature4'}
225
227
  ></dees-input-checkbox>
226
-
227
- <dees-input-checkbox
228
- .label=${'Advanced Analytics'}
228
+
229
+ <dees-input-checkbox
230
+ .label=${'Advanced Analytics'}
229
231
  .value=${false}
230
232
  .key=${'feature5'}
231
233
  ></dees-input-checkbox>
232
- </div>
234
+ </dees-form>
233
235
  </div>
234
236
  </dees-panel>
235
237
 
236
238
  <dees-panel .title=${'Privacy Settings Example'} .subtitle=${'Checkboxes in a typical form context'}>
237
239
  <div class="form-section">
238
240
  <h4 class="section-title">Privacy Preferences</h4>
239
-
240
- <div class="checkbox-group">
241
- <dees-input-checkbox
242
- .label=${'Share analytics data'}
241
+
242
+ <dees-form>
243
+ <dees-input-checkbox
244
+ .label=${'Share analytics data'}
243
245
  .value=${true}
244
246
  .description=${'Help us improve by sharing anonymous usage data'}
245
247
  ></dees-input-checkbox>
246
-
247
- <dees-input-checkbox
248
- .label=${'Personalized recommendations'}
248
+
249
+ <dees-input-checkbox
250
+ .label=${'Personalized recommendations'}
249
251
  .value=${true}
250
252
  .description=${'Get suggestions based on your activity'}
251
253
  ></dees-input-checkbox>
252
-
253
- <dees-input-checkbox
254
- .label=${'Marketing communications'}
254
+
255
+ <dees-input-checkbox
256
+ .label=${'Marketing communications'}
255
257
  .value=${false}
256
258
  .description=${'Receive promotional emails and special offers'}
257
259
  ></dees-input-checkbox>
258
-
259
- <dees-input-checkbox
260
- .label=${'Third-party integrations'}
260
+
261
+ <dees-input-checkbox
262
+ .label=${'Third-party integrations'}
261
263
  .value=${false}
262
264
  .description=${'Allow approved partners to access your data'}
263
265
  ></dees-input-checkbox>
264
- </div>
266
+ </dees-form>
265
267
  </div>
266
268
  </dees-panel>
267
269
 
268
270
  <dees-panel .title=${'Interactive Example'} .subtitle=${'Click checkboxes to see value changes'}>
269
- <div class="checkbox-group">
270
- <dees-input-checkbox
271
- .label=${'Feature toggle'}
271
+ <dees-form>
272
+ <dees-input-checkbox
273
+ .label=${'Feature toggle'}
272
274
  .value=${false}
273
275
  @changeSubject=${(event) => {
274
276
  const output = document.querySelector('#checkbox-output');
@@ -278,9 +280,9 @@ export const demoFunc = () => html `
278
280
  }
279
281
  }}
280
282
  ></dees-input-checkbox>
281
-
282
- <dees-input-checkbox
283
- .label=${'Debug mode'}
283
+
284
+ <dees-input-checkbox
285
+ .label=${'Debug mode'}
284
286
  .value=${false}
285
287
  @changeSubject=${(event) => {
286
288
  const output = document.querySelector('#debug-output');
@@ -290,8 +292,8 @@ export const demoFunc = () => html `
290
292
  }
291
293
  }}
292
294
  ></dees-input-checkbox>
293
- </div>
294
-
295
+ </dees-form>
296
+
295
297
  <div class="interactive-section">
296
298
  <div id="checkbox-output" class="output-text">Feature is disabled</div>
297
299
  <div id="debug-output" class="output-text" style="margin-top: 8px;">Debug mode: OFF</div>
@@ -300,4 +302,4 @@ export const demoFunc = () => html `
300
302
  </div>
301
303
  </dees-demowrapper>
302
304
  `;
303
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1jaGVja2JveC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaW5wdXQvZGVlcy1pbnB1dC1jaGVja2JveC9kZWVzLWlucHV0LWNoZWNrYm94LmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDcEUsT0FBTyx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLCtDQUErQyxDQUFDO0FBRXZELE9BQU8saURBQWlELENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTtzQ0FDSSxLQUFLLEVBQUUsVUFBdUIsRUFBRSxFQUFFO0lBQ3BFLDJDQUEyQztJQUMzQyxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUV0RSxzQ0FBc0M7SUFDdEMsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2pFLE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUUvRCxJQUFJLFlBQVksSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUNoQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtZQUMxQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBMkIsRUFBRSxFQUFFO2dCQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO29CQUM5RCxRQUFRLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztnQkFDeEIsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtZQUN6QyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBMkIsRUFBRSxFQUFFO2dCQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO29CQUM5RCxRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztnQkFDekIsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0FBQ0gsQ0FBQzs7UUFFSyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7d0JBK0JhLFVBQVUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLEVBQUUsc0JBQXNCLENBQUM7Ozs7Ozs7OzttQkFTckUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQzs7d0JBRXpELFVBQVUsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLENBQUM7Ozs7Ozt3QkFNOUQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsY0FBYyxDQUFDOzhCQUM3QyxVQUFVLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDOzs7Ozs7Ozs7Ozs7O3dCQWE5RCxVQUFVLENBQUMsT0FBTyxDQUFDLG9CQUFvQixFQUFFLHNCQUFzQixDQUFDOzhCQUMxRCxVQUFVLENBQUMsT0FBTyxDQUFDLHdCQUF3QixFQUFFLHNCQUFzQixDQUFDOzs7Ozs7Ozs7bUJBUy9FLFVBQVUsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUUsa0JBQWtCLENBQUM7O09BRXpFOzs7OzJCQUlvQixrQkFBa0IsY0FBYyw4Q0FBOEM7OztxQkFHcEYscUNBQXFDO3FCQUNyQyxJQUFJO21CQUNOLE9BQU87Ozs7cUJBSUwseUJBQXlCO3FCQUN6QixLQUFLO21CQUNQLFlBQVk7Ozs7cUJBSVYsc0JBQXNCO3FCQUN0QixLQUFLOzJCQUNDLDBDQUEwQzttQkFDbEQsZUFBZTs7Ozs7MkJBS1AsaUJBQWlCLGNBQWMsOENBQThDOzs7cUJBR25GLGVBQWU7cUJBQ2YsS0FBSzs7OztxQkFJTCxlQUFlO3FCQUNmLElBQUk7Ozs7cUJBSUosb0JBQW9CO3FCQUNwQixLQUFLO3dCQUNGLElBQUk7Ozs7cUJBSVAsa0JBQWtCO3FCQUNsQixJQUFJO3dCQUNELElBQUk7Ozs7cUJBSVAsbUJBQW1CO3dCQUNoQixJQUFJO21CQUNULFVBQVU7Ozs7OzJCQUtGLG1CQUFtQixjQUFjLG9EQUFvRDs7O3FCQUczRixVQUFVO3FCQUNWLEtBQUs7MEJBQ0EsWUFBWTttQkFDbkIsU0FBUzs7OztxQkFJUCxVQUFVO3FCQUNWLElBQUk7MEJBQ0MsWUFBWTttQkFDbkIsU0FBUzs7OztxQkFJUCxVQUFVO3FCQUNWLEtBQUs7MEJBQ0EsWUFBWTttQkFDbkIsU0FBUzs7OztxQkFJUCxVQUFVO3FCQUNWLElBQUk7MEJBQ0MsWUFBWTttQkFDbkIsU0FBUzs7Ozs7MkJBS0QsMkJBQTJCLGNBQWMsMkRBQTJEOzs7Ozs7Ozs7dUJBU3hHLG1CQUFtQjt1QkFDbkIsSUFBSTtxQkFDTixVQUFVOzs7O3VCQUlSLHFCQUFxQjt1QkFDckIsSUFBSTtxQkFDTixVQUFVOzs7O3VCQUlSLDJCQUEyQjt1QkFDM0IsS0FBSztxQkFDUCxVQUFVOzs7O3VCQUlSLFlBQVk7dUJBQ1osSUFBSTtxQkFDTixVQUFVOzs7O3VCQUlSLG9CQUFvQjt1QkFDcEIsS0FBSztxQkFDUCxVQUFVOzs7Ozs7MkJBTUosMEJBQTBCLGNBQWMsc0NBQXNDOzs7Ozs7dUJBTWxGLHNCQUFzQjt1QkFDdEIsSUFBSTs2QkFDRSxpREFBaUQ7Ozs7dUJBSXZELDhCQUE4Qjt1QkFDOUIsSUFBSTs2QkFDRSx3Q0FBd0M7Ozs7dUJBSTlDLDBCQUEwQjt1QkFDMUIsS0FBSzs2QkFDQywrQ0FBK0M7Ozs7dUJBSXJELDBCQUEwQjt1QkFDMUIsS0FBSzs2QkFDQyw2Q0FBNkM7Ozs7OzsyQkFNL0MscUJBQXFCLGNBQWMsdUNBQXVDOzs7cUJBR2hGLGdCQUFnQjtxQkFDaEIsS0FBSzs2QkFDRyxDQUFDLEtBQWtCLEVBQUUsRUFBRTtJQUN0QyxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDMUQsSUFBSSxNQUFNLElBQUksS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzNCLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDMUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxjQUFjLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMxRSxDQUFDO0FBQ0gsQ0FBQzs7OztxQkFJUSxZQUFZO3FCQUNaLEtBQUs7NkJBQ0csQ0FBQyxLQUFrQixFQUFFLEVBQUU7SUFDdEMsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUN2RCxJQUFJLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDM0IsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMxQyxNQUFNLENBQUMsV0FBVyxHQUFHLGVBQWUsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pFLENBQUM7QUFDSCxDQUFDOzs7Ozs7Ozs7OztDQVdaLENBQUMifQ==
305
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1jaGVja2JveC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaW5wdXQvZGVlcy1pbnB1dC1jaGVja2JveC9kZWVzLWlucHV0LWNoZWNrYm94LmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDcEUsT0FBTyx3Q0FBd0MsQ0FBQztBQUNoRCxPQUFPLCtDQUErQyxDQUFDO0FBRXZELE9BQU8saURBQWlELENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTtzQ0FDSSxLQUFLLEVBQUUsVUFBdUIsRUFBRSxFQUFFO0lBQ3BFLDJDQUEyQztJQUMzQyxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUV0RSxzQ0FBc0M7SUFDdEMsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2pFLE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUUvRCxJQUFJLFlBQVksSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUNoQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtZQUMxQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBMkIsRUFBRSxFQUFFO2dCQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO29CQUM5RCxRQUFRLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztnQkFDeEIsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFD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
package/dist_ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.demo.js CHANGED
@@ -66,7 +66,7 @@ export const demoFunc = () => html `
66
66
  }
67
67
  }}>
68
68
  <dees-panel .title=${'1. Basic Dropdowns'} .subtitle=${'Standard dropdown with search functionality and various options'}>
69
- <div class="input-group">
69
+ <dees-form>
70
70
  <dees-input-dropdown
71
71
  .label=${'Select Country'}
72
72
  .description=${'Choose the country where your business is registered'}
@@ -92,7 +92,7 @@ export const demoFunc = () => html `
92
92
  { option: 'Guest', key: 'guest' }
93
93
  ]}
94
94
  ></dees-input-dropdown>
95
- </div>
95
+ </dees-form>
96
96
  </dees-panel>
97
97
  </dees-demowrapper>
98
98
 
@@ -131,40 +131,42 @@ export const demoFunc = () => html `
131
131
  });
132
132
  }}>
133
133
  <dees-panel .title=${'3. Horizontal Layout'} .subtitle=${'Multiple dropdowns in a horizontal layout for compact forms'}>
134
- <div class="horizontal-group">
135
- <dees-input-dropdown
136
- .label=${'Department'}
137
- .layoutMode=${'horizontal'}
138
- .options=${[
134
+ <dees-form>
135
+ <div class="horizontal-group">
136
+ <dees-input-dropdown
137
+ .label=${'Department'}
138
+ .layoutMode=${'horizontal'}
139
+ .options=${[
139
140
  { option: 'Engineering', key: 'eng' },
140
141
  { option: 'Design', key: 'design' },
141
142
  { option: 'Marketing', key: 'marketing' },
142
143
  { option: 'Sales', key: 'sales' }
143
144
  ]}
144
- ></dees-input-dropdown>
145
-
146
- <dees-input-dropdown
147
- .label=${'Team Size'}
148
- .layoutMode=${'horizontal'}
149
- .enableSearch=${false}
150
- .options=${[
145
+ ></dees-input-dropdown>
146
+
147
+ <dees-input-dropdown
148
+ .label=${'Team Size'}
149
+ .layoutMode=${'horizontal'}
150
+ .enableSearch=${false}
151
+ .options=${[
151
152
  { option: '1-5', key: 'small' },
152
153
  { option: '6-20', key: 'medium' },
153
154
  { option: '21-50', key: 'large' },
154
155
  { option: '50+', key: 'xlarge' }
155
156
  ]}
156
- ></dees-input-dropdown>
157
-
158
- <dees-input-dropdown
159
- .label=${'Location'}
160
- .layoutMode=${'horizontal'}
161
- .options=${[
157
+ ></dees-input-dropdown>
158
+
159
+ <dees-input-dropdown
160
+ .label=${'Location'}
161
+ .layoutMode=${'horizontal'}
162
+ .options=${[
162
163
  { option: 'Remote', key: 'remote' },
163
164
  { option: 'On-site', key: 'onsite' },
164
165
  { option: 'Hybrid', key: 'hybrid' }
165
166
  ]}
166
- ></dees-input-dropdown>
167
- </div>
167
+ ></dees-input-dropdown>
168
+ </div>
169
+ </dees-form>
168
170
  </dees-panel>
169
171
  </dees-demowrapper>
170
172
 
@@ -179,7 +181,7 @@ export const demoFunc = () => html `
179
181
  }
180
182
  }}>
181
183
  <dees-panel .title=${'4. States'} .subtitle=${'Different states and configurations'}>
182
- <div class="input-group">
184
+ <dees-form>
183
185
  <dees-input-dropdown
184
186
  .label=${'Required Field'}
185
187
  .required=${true}
@@ -198,7 +200,7 @@ export const demoFunc = () => html `
198
200
  ]}
199
201
  .selectedOption=${{ option: 'Cannot Select', key: 'disabled' }}
200
202
  ></dees-input-dropdown>
201
- </div>
203
+ </dees-form>
202
204
  </dees-panel>
203
205
  </dees-demowrapper>
204
206
 
@@ -319,4 +321,4 @@ export const demoFunc = () => html `
319
321
  </dees-demowrapper>
320
322
  </div>
321
323
  `;
322
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaW5wdXQvZGVlcy1pbnB1dC1kcm9wZG93bi9kZWVzLWlucHV0LWRyb3Bkb3duLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RCxPQUFPLHdDQUF3QyxDQUFDO0FBQ2hELE9BQU8sK0NBQStDLENBQUM7QUFDdkQsT0FBTywyQ0FBMkMsQ0FBQztBQUNuRCxPQUFPLHlEQUF5RCxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O01BRTVCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBdUNKOzs7O3dDQUltQyxLQUFLLEVBQUUsVUFBdUIsRUFBRSxFQUFFO0lBQ3BFLDREQUE0RDtJQUM1RCxNQUFNLGVBQWUsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLDZDQUE2QyxDQUFDLENBQUM7SUFDaEcsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQywwQ0FBMEMsQ0FBQyxDQUFDO0lBRTFGLDJCQUEyQjtJQUMzQixJQUFJLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsS0FBa0IsRUFBRSxFQUFFO1lBQ3pFLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2pELENBQUMsQ0FBa0IsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCx3QkFBd0I7SUFDeEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQixZQUFZLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLEVB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
324
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaW5wdXQvZGVlcy1pbnB1dC1kcm9wZG93bi9kZWVzLWlucHV0LWRyb3Bkb3duLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RCxPQUFPLHdDQUF3QyxDQUFDO0FBQ2hELE9BQU8sK0NBQStDLENBQUM7QUFDdkQsT0FBTywyQ0FBMkMsQ0FBQztBQUNuRCxPQUFPLHlEQUF5RCxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O01BRTVCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBdUNKOzs7O3dDQUltQyxLQUFLLEVBQUUsVUFBdUIsRUFBRSxFQUFFO0lBQ3BFLDREQUE0RDtJQUM1RCxNQUFNLGVBQWUsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLDZDQUE2QyxDQUFDLENBQUM7SUFDaEcsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQywwQ0FBMEMsQ0FBQyxDQUFDO0lBRTFGLDJCQUEyQjtJQUMzQixJQUFJLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsS0FBa0IsRUFBRSxFQUFFO1lBQ3pFLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2pELENBQUMsQ0FBa0IsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCx3QkFBd0I7SUFDeEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQixZQUFZLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLEVB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
package/dist_ts_web/elements/00group-input/dees-input-fileupload/demo.js CHANGED
@@ -54,41 +54,43 @@ export const demoFunc = () => html `
54
54
  .title=${'Modern file uploader'}
55
55
  .subtitle=${'Shadcn-inspired layout with drag & drop, previews and validation'}
56
56
  >
57
- <div class="demo-grid demo-grid--two">
58
- <div class="demo-stack">
59
- <dees-input-fileupload
60
- .label=${'Attachments'}
61
- .infoText=${'Upload supporting documents for your request'}
62
- .description=${'Accepted formats: images, PDF, and ZIP archives up to 10MB'}
63
- .accept=${'image/*,.pdf,.zip'}
64
- .maxSize=${10 * 1024 * 1024}
65
- ></dees-input-fileupload>
66
-
67
- <dees-input-fileupload
68
- .label=${'Brand assets'}
69
- .infoText=${'Upload high-resolution imagery (JPG/PNG)'}
70
- .accept=${'image/jpeg,image/png'}
71
- .multiple=${false}
72
- .maxSize=${5 * 1024 * 1024}
73
- .buttonText=${'Select cover image'}
74
- ></dees-input-fileupload>
75
- </div>
57
+ <dees-form>
58
+ <div class="demo-grid demo-grid--two">
59
+ <div class="demo-stack">
60
+ <dees-input-fileupload
61
+ .label=${'Attachments'}
62
+ .infoText=${'Upload supporting documents for your request'}
63
+ .description=${'Accepted formats: images, PDF, and ZIP archives up to 10MB'}
64
+ .accept=${'image/*,.pdf,.zip'}
65
+ .maxSize=${10 * 1024 * 1024}
66
+ ></dees-input-fileupload>
67
+
68
+ <dees-input-fileupload
69
+ .label=${'Brand assets'}
70
+ .infoText=${'Upload high-resolution imagery (JPG/PNG)'}
71
+ .accept=${'image/jpeg,image/png'}
72
+ .multiple=${false}
73
+ .maxSize=${5 * 1024 * 1024}
74
+ .buttonText=${'Select cover image'}
75
+ ></dees-input-fileupload>
76
+ </div>
76
77
 
77
- <div class="demo-stack">
78
- <dees-input-fileupload
79
- .label=${'Audio uploads'}
80
- .infoText=${'Share podcast drafts (MP3/WAV, max 25MB each)'}
81
- .accept=${'audio/*'}
82
- .maxSize=${25 * 1024 * 1024}
83
- ></dees-input-fileupload>
84
-
85
- <dees-input-fileupload
86
- .label=${'Disabled example'}
87
- .infoText=${'Uploader is disabled while moderation is pending'}
88
- .disabled=${true}
89
- ></dees-input-fileupload>
78
+ <div class="demo-stack">
79
+ <dees-input-fileupload
80
+ .label=${'Audio uploads'}
81
+ .infoText=${'Share podcast drafts (MP3/WAV, max 25MB each)'}
82
+ .accept=${'audio/*'}
83
+ .maxSize=${25 * 1024 * 1024}
84
+ ></dees-input-fileupload>
85
+
86
+ <dees-input-fileupload
87
+ .label=${'Disabled example'}
88
+ .infoText=${'Uploader is disabled while moderation is pending'}
89
+ .disabled=${true}
90
+ ></dees-input-fileupload>
91
+ </div>
90
92
  </div>
91
- </div>
93
+ </dees-form>
92
94
  </dees-panel>
93
95
 
94
96
  <dees-panel
@@ -97,7 +99,6 @@ export const demoFunc = () => html `
97
99
  >
98
100
  <div class="demo-grid">
99
101
  <dees-form>
100
- <div class="demo-stack">
101
102
  <dees-input-text
102
103
  .label=${'Project name'}
103
104
  .infoText=${'How should we refer to this project internally?'}
@@ -139,7 +140,6 @@ export const demoFunc = () => html `
139
140
  ></dees-input-text>
140
141
 
141
142
  <dees-form-submit .text=${'Submit briefing'}></dees-form-submit>
142
- </div>
143
143
  </dees-form>
144
144
 
145
145
  <div class="demo-note">
@@ -157,4 +157,4 @@ export const demoFunc = () => html `
157
157
  </div>
158
158
  </dees-demowrapper>
159
159
  `;
160
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWlucHV0L2RlZXMtaW5wdXQtZmlsZXVwbG9hZC9kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTywrQ0FBK0MsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7UUFHMUIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzhCQStCbUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzt3QkFDaEUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRSxrQkFBa0IsQ0FBQzttQkFDaEUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzs7Ozs7O21CQU0xRCxVQUFVLENBQUMsT0FBTyxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDOzs7T0FHdEU7Ozs7O2lCQUtVLHNCQUFzQjtvQkFDbkIsa0VBQWtFOzs7Ozt1QkFLL0QsYUFBYTswQkFDViw4Q0FBOEM7NkJBQzNDLDREQUE0RDt3QkFDakUsbUJBQW1CO3lCQUNsQixFQUFFLEdBQUcsSUFBSSxHQUFHLElBQUk7Ozs7dUJBSWxCLGNBQWM7MEJBQ1gsMENBQTBDO3dCQUM1QyxzQkFBc0I7MEJBQ3BCLEtBQUs7eUJBQ04sQ0FBQyxHQUFHLElBQUksR0FBRyxJQUFJOzRCQUNaLG9CQUFvQjs7Ozs7O3VCQU16QixlQUFlOzBCQUNaLCtDQUErQzt3QkFDakQsU0FBUzt5QkFDUixFQUFFLEdBQUcsSUFBSSxHQUFHLElBQUk7Ozs7dUJBSWxCLGtCQUFrQjswQkFDZixrREFBa0Q7MEJBQ2xELElBQUk7Ozs7Ozs7aUJBT2Isa0JBQWtCO29CQUNmLCtEQUErRDs7Ozs7O3lCQU0xRCxjQUFjOzRCQUNYLGlEQUFpRDs0QkFDakQsSUFBSTt1QkFDVCxhQUFhOzs7O3lCQUlYLGVBQWU7NkJBQ1gsT0FBTzs0QkFDUixJQUFJO3VCQUNULGNBQWM7Ozs7eUJBSVosbUJBQW1COzRCQUNoQixtREFBbUQ7NEJBQ25ELElBQUk7MEJBQ04saUJBQWlCOzJCQUNoQixFQUFFLEdBQUcsSUFBSSxHQUFHLElBQUk7NEJBQ2YsS0FBSzt1QkFDVixLQUFLOzs7O3lCQUlILHFCQUFxQjs0QkFDbEIsK0NBQStDOzBCQUNqRCxTQUFTOzRCQUNQLENBQUM7MkJBQ0YsQ0FBQyxHQUFHLElBQUksR0FBRyxJQUFJO3VCQUNuQixZQUFZOzs7O3lCQUlWLE9BQU87NEJBQ0osb0NBQW9DOzZCQUNuQyxVQUFVO3VCQUNoQixPQUFPOzs7d0NBR1UsaUJBQWlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FrQnhELENBQUMifQ==
160
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWlucHV0L2RlZXMtaW5wdXQtZmlsZXVwbG9hZC9kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTywrQ0FBK0MsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7UUFHMUIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzhCQStCbUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzt3QkFDaEUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRSxrQkFBa0IsQ0FBQzttQkFDaEUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzs7Ozs7O21CQU0xRCxVQUFVLENBQUMsT0FBTyxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDOzs7T0FHdEU7Ozs7O2lCQUtVLHNCQUFzQjtvQkFDbkIsa0VBQWtFOzs7Ozs7eUJBTTdELGFBQWE7NEJBQ1YsOENBQThDOytCQUMzQyw0REFBNEQ7MEJBQ2pFLG1CQUFtQjsyQkFDbEIsRUFBRSxHQUFHLElBQUksR0FBRyxJQUFJOzs7O3lCQUlsQixjQUFjOzRCQUNYLDBDQUEwQzswQkFDNUMsc0JBQXNCOzRCQUNwQixLQUFLOzJCQUNOLENBQUMsR0FBRyxJQUFJLEdBQUcsSUFBSTs4QkFDWixvQkFBb0I7Ozs7Ozt5QkFNekIsZUFBZTs0QkFDWiwrQ0FBK0M7MEJBQ2pELFNBQVM7MkJBQ1IsRUFBRSxHQUFHLElBQUksR0FBRyxJQUFJOzs7O3lCQUlsQixrQkFBa0I7NEJBQ2Ysa0RBQWtEOzRCQUNsRCxJQUFJOzs7Ozs7OztpQkFRZixrQkFBa0I7b0JBQ2YsK0RBQStEOzs7Ozt5QkFLMUQsY0FBYzs0QkFDWCxpREFBaUQ7NEJBQ2pELElBQUk7dUJBQ1QsYUFBYTs7Ozt5QkFJWCxlQUFlOzZCQUNYLE9BQU87NEJBQ1IsSUFBSTt1QkFDVCxjQUFjOzs7O3lCQUlaLG1CQUFtQjs0QkFDaEIsbURBQW1EOzRCQUNuRCxJQUFJOzBCQUNOLGlCQUFpQjsyQkFDaEIsRUFBRSxHQUFHLElBQUksR0FBRyxJQUFJOzRCQUNmLEtBQUs7dUJBQ1YsS0FBSzs7Ozt5QkFJSCxxQkFBcUI7NEJBQ2xCLCtDQUErQzswQkFDakQsU0FBUzs0QkFDUCxDQUFDOzJCQUNGLENBQUMsR0FBRyxJQUFJLEdBQUcsSUFBSTt1QkFDbkIsWUFBWTs7Ozt5QkFJVixPQUFPOzRCQUNKLG9DQUFvQzs2QkFDbkMsVUFBVTt1QkFDaEIsT0FBTzs7O3dDQUdVLGlCQUFpQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FpQnhELENBQUMifQ==
package/dist_ts_web/elements/00group-input/dees-input-iban/dees-input-iban.demo.js CHANGED
@@ -29,7 +29,7 @@ export const demoFunc = () => html `
29
29
 
30
30
  <div class="demo-container">
31
31
  <dees-panel .title=${'Basic IBAN Input'} .subtitle=${'International Bank Account Number with automatic formatting'}>
32
- <div class="input-group">
32
+ <dees-form>
33
33
  <dees-input-iban
34
34
  .label=${'Bank Account IBAN'}
35
35
  .infoText=${'Enter your International Bank Account Number'}
@@ -41,27 +41,29 @@ export const demoFunc = () => html `
41
41
  .infoText=${'This IBAN has been verified'}
42
42
  .value=${'DE89370400440532013000'}
43
43
  ></dees-input-iban>
44
- </div>
44
+ </dees-form>
45
45
  </dees-panel>
46
46
 
47
47
  <dees-panel .title=${'Payment Information'} .subtitle=${'IBAN input with horizontal layout for payment forms'}>
48
- <div class="payment-group">
49
- <dees-input-text
50
- .label=${'Account Holder'}
51
- .layoutMode=${'horizontal'}
52
- .value=${'John Doe'}
53
- ></dees-input-text>
54
-
55
- <dees-input-iban
56
- .label=${'IBAN'}
57
- .layoutMode=${'horizontal'}
58
- .value=${'GB82WEST12345698765432'}
59
- ></dees-input-iban>
60
- </div>
48
+ <dees-form>
49
+ <div class="payment-group">
50
+ <dees-input-text
51
+ .label=${'Account Holder'}
52
+ .layoutMode=${'horizontal'}
53
+ .value=${'John Doe'}
54
+ ></dees-input-text>
55
+
56
+ <dees-input-iban
57
+ .label=${'IBAN'}
58
+ .layoutMode=${'horizontal'}
59
+ .value=${'GB82WEST12345698765432'}
60
+ ></dees-input-iban>
61
+ </div>
62
+ </dees-form>
61
63
  </dees-panel>
62
64
 
63
65
  <dees-panel .title=${'Validation & States'} .subtitle=${'Required fields and disabled states'}>
64
- <div class="input-group">
66
+ <dees-form>
65
67
  <dees-input-iban
66
68
  .label=${'Payment Account'}
67
69
  .infoText=${'Required for processing payments'}
@@ -74,7 +76,7 @@ export const demoFunc = () => html `
74
76
  .value=${'FR1420041010050500013M02606'}
75
77
  .disabled=${true}
76
78
  ></dees-input-iban>
77
- </div>
79
+ </dees-form>
78
80
  </dees-panel>
79
81
 
80
82
  <dees-panel .title=${'Bank Transfer Form'} .subtitle=${'Complete form example with IBAN validation'}>
@@ -88,4 +90,4 @@ export const demoFunc = () => html `
88
90
  </div>
89
91
  </dees-demowrapper>
90
92
  `;
91
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1pYmFuLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1pbnB1dC9kZWVzLWlucHV0LWliYW4vZGVlcy1pbnB1dC1pYmFuLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUV4RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7UUFHMUIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O09Bc0JKOzs7OzJCQUlvQixrQkFBa0IsY0FBYyw2REFBNkQ7OztxQkFHbkcsbUJBQW1CO3dCQUNoQiw4Q0FBOEM7MkJBQzNDLCtDQUErQzs7OztxQkFJckQsZUFBZTt3QkFDWiw2QkFBNkI7cUJBQ2hDLHdCQUF3Qjs7Ozs7MkJBS2xCLHFCQUFxQixjQUFjLHFEQUFxRDs7O3FCQUc5RixnQkFBZ0I7MEJBQ1gsWUFBWTtxQkFDakIsVUFBVTs7OztxQkFJVixNQUFNOzBCQUNELFlBQVk7cUJBQ2pCLHdCQUF3Qjs7Ozs7MkJBS2xCLHFCQUFxQixjQUFjLHFDQUFxQzs7O3FCQUc5RSxpQkFBaUI7d0JBQ2Qsa0NBQWtDO3dCQUNsQyxJQUFJOzs7O3FCQUlQLGFBQWE7d0JBQ1YsNkJBQTZCO3FCQUNoQyw2QkFBNkI7d0JBQzFCLElBQUk7Ozs7OzJCQUtELG9CQUFvQixjQUFjLDRDQUE0Qzs7b0NBRXJFLGdCQUFnQixjQUFjLElBQUk7b0NBQ2xDLGdCQUFnQixjQUFjLElBQUk7b0NBQ2xDLG9CQUFvQixjQUFjLHFDQUFxQztvQ0FDdkUsUUFBUSxlQUFlLFFBQVEsY0FBYyxJQUFJOzs7OztDQUtwRixDQUFDIn0=
93
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1pYmFuLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1pbnB1dC9kZWVzLWlucHV0LWliYW4vZGVlcy1pbnB1dC1pYmFuLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUV4RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7UUFHMUIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O09Bc0JKOzs7OzJCQUlvQixrQkFBa0IsY0FBYyw2REFBNkQ7OztxQkFHbkcsbUJBQW1CO3dCQUNoQiw4Q0FBOEM7MkJBQzNDLCtDQUErQzs7OztxQkFJckQsZUFBZTt3QkFDWiw2QkFBNkI7cUJBQ2hDLHdCQUF3Qjs7Ozs7MkJBS2xCLHFCQUFxQixjQUFjLHFEQUFxRDs7Ozt1QkFJNUYsZ0JBQWdCOzRCQUNYLFlBQVk7dUJBQ2pCLFVBQVU7Ozs7dUJBSVYsTUFBTTs0QkFDRCxZQUFZO3VCQUNqQix3QkFBd0I7Ozs7OzsyQkFNcEIscUJBQXFCLGNBQWMscUNBQXFDOzs7cUJBRzlFLGlCQUFpQjt3QkFDZCxrQ0FBa0M7d0JBQ2xDLElBQUk7Ozs7cUJBSVAsYUFBYTt3QkFDViw2QkFBNkI7cUJBQ2hDLDZCQUE2Qjt3QkFDMUIsSUFBSTs7Ozs7MkJBS0Qsb0JBQW9CLGNBQWMsNENBQTRDOztvQ0FFckUsZ0JBQWdCLGNBQWMsSUFBSTtvQ0FDbEMsZ0JBQWdCLGNBQWMsSUFBSTtvQ0FDbEMsb0JBQW9CLGNBQWMscUNBQXFDO29DQUN2RSxRQUFRLGVBQWUsUUFBUSxjQUFjLElBQUk7Ozs7O0NBS3BGLENBQUMifQ==