@ldmjs/ui 1.0.3 → 1.0.4

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 (4) hide show
  1. package/README.md +25 -323
  2. package/dist/css/index.css +5 -5
  3. package/dist/index.js +167 -138
  4. package/package.json +2 -1
package/README.md CHANGED
@@ -18,6 +18,10 @@ OR
18
18
  yarn add @ldmjs/ui@latest
19
19
  ```
20
20
 
21
+ # Documentation
22
+
23
+ http://172.19.90.47:8101
24
+
21
25
  # Use
22
26
 
23
27
  ```js
@@ -47,37 +51,6 @@ tsconfig.json
47
51
  }
48
52
  ```
49
53
 
50
- # Library
51
-
52
- ## #ld-icon
53
-
54
- ### use icons
55
-
56
- ```js
57
- appComponent.use(ldmui, {
58
- LdIcon: {
59
- path: 'path/to/icons',
60
- map: {
61
- icons: [
62
- ['user', 'user_icon_file_name']
63
- ]
64
- }
65
- }
66
- });
67
- ```
68
-
69
- ```html
70
- <ld-icon>user</ld-icon>
71
- ```
72
-
73
- ## #loader
74
-
75
- ### use loader
76
-
77
- ```html
78
- <loader :options="{ transparent: false, global: true }" :visible="loading" />
79
- ```
80
-
81
54
  ## #vuetify aliases:
82
55
  [
83
56
  small-button,
@@ -105,299 +78,28 @@ const vuetify = createVuetify({
105
78
  })
106
79
  ```
107
80
 
108
- ## #ld-btn
109
-
110
- ### use responsive buttons
111
-
112
- ```js
113
- appComponent.use(ldmui, {
114
- viewport: {
115
- isMobile: 'keyForGlobalMobileViewport',
116
- isTablet: 'keyForGlobalTabletViewport',
117
- isDesktop: 'keyForGlobalDesktopViewport'
118
- }
119
- });
120
- ```
121
-
122
- ```html
123
- <ld-btn
124
- variant="outlined" // text, flat
125
- color="primary"
126
- testid="test-id"
127
- :disabled="false" // non required
128
- :is-desktop-view="true" // non required
129
- :is-tablet-view="false" // non required
130
- :is-mobile-view="false" // non required
131
- @click="func()" // click handler
132
- >
133
- <template #icon>
134
- <ld-icon ... /> // some icon
135
- </template>
136
- <template #text>
137
- button caption // some text
138
- </template>
139
- <template #hidden>
140
- <div>...</div>
141
- </template>
142
- </ld-btn>
143
- ```
144
-
145
- ## #ld-splitter
146
-
147
- ### use splitter
148
-
149
- ```html
150
- <ld-splitter>
151
- <template #left-pane>
152
- <div>Left Pane</div>
153
- </template>
154
- <template #right-pane>
155
- <div>Right Pane</div>
156
- </template>
157
- </ld-splitter>
158
- ```
159
-
160
- ## #ld-toggle-buttons
161
-
162
- ### use toggle buttons
163
-
164
- ```html
165
- <ld-toggle-btn
166
- v-model="toggleModel"
167
- :items="toggleItems"
168
- />
169
- ```
170
-
171
- ```js
172
- toggleItems = [
173
- {
174
- id: 0,
175
- tooltip: 'user',
176
- icon: 'user',
177
- },
178
- {
179
- id: 1,
180
- tooltip: 'group',
181
- icon: 'group',
182
- }
183
- ]
184
- ```
185
-
186
- ## #ld-breadcrumbs
187
-
188
- ### use breadcrumbs
189
-
190
- ```js
191
- appComponent.use(ldmui, {
192
- LdBreadcrumbs: {
193
- home: { // setup route for home page
194
- name: 'home',
195
- path: '/'
196
- }
197
- }
198
- ```
199
-
200
- ```html
201
- <ld-breadcrumbs :breadcrumbs="items" />
202
- ```
203
-
204
- ```js
205
- const items = [
206
- {
207
- text: 'Документы',
208
- route: {
209
- path: '/documents'
210
- }
211
- },
212
- {
213
- text: 'Входящая корреспонденция',
214
- route: {
215
- path: '/documents/123456'
216
- }
217
- }
218
- ]
219
- ```
220
-
221
- ## #ld-edit-text
222
-
223
- ### use edit text
224
-
225
- ```html
226
- <ld-edit-text v-model="value" label="ФИО" />
227
- <ld-edit-text v-model="value" :only-numbers="true" label="Номер" />
228
- ```
229
-
230
- ## #ld-datepicker
231
-
232
- ### use datepicker
233
-
234
- ```html
235
- <ld-datepicker v-model="value" :dateonly="false" label="Ld datepicker" />
236
- ```
237
-
238
- ## #ld-tabs
239
-
240
- ### use tabs
241
-
242
- ```html
243
- <ld-tabs v-model="value" :mobile="false">
244
- <ld-tab index="0" heading="Tab 1">Content</ld-tab>
245
- <ld-tab index="1" heading="Tab 1">Content</ld-tab>
246
- </ld-tabs>
247
- ```
248
-
249
- ## #ld-page-toolbar
250
-
251
- ### use page toolbar
252
-
253
- ```html
254
- <ld-page-toolbar :preview="isMobile">
255
- <template #breadcrumbs>
256
- <ld-breadcrumbs :breadcrumbs="breadcrumbs" />
257
- </template>
258
- <template #content>
259
- <span>Header</span>
260
- </template>
261
- <template #action-panel>
262
- <ld-button>Button</ld-button>
263
- </template>
264
- </ld-page-toolbar>
265
- ```
266
-
267
- ## #ld-select-list-box
268
-
269
- ### use select list box
270
-
271
- ```html
272
- <ld-select-list-box
273
- ref="selectListBox"
274
- v-model="selectedValue"
275
- v-model:modelItems="selectedItems"
276
- :handlers="handlers"
277
- :multiselect="multiselect"
278
- :required="required"
279
- label="Ld Select List Box"
280
- :persistent-hint="persistentHint"
281
- :option-hint="optionHint"
282
- input-hint="Select Box Hint"
283
- >
284
- <template #tag="{ item, onRemove, canRemove }">
285
- tag template
286
- </template>
287
- <template #option="{ item, isSelected }">
288
- option template
289
- </template>
290
- <template #option-icon="{ item, isSelected }">
291
- option icon
292
- </template>
293
- <template #option-hint="{ item }">
294
- option hint
295
- </template>
296
- </ld-select-list-box>
297
- ```
298
-
299
- ```js
300
- // methods for work with vacabularies
301
- const handlers = {
302
- fetchData: () => { return [] },
303
- fetchItem: (ids) => { return [] },
304
- serverSearch: (searchTerm) => { return [] },
305
- select: () => { return [] },
306
- }
307
- ```
308
- ## #ld-radiogroup
309
-
310
- ### use radio inputs
311
-
312
- ```html
313
- <ld-radiogroup v-model="radioValue" label="Ld Radio Buttons">
314
- <ld-radiobutton label="Radio Button 1" :value="0" />
315
- <ld-radiobutton label="Radio Button 2" :value="1" />
316
- </ld-radiogroup>
317
- ```
318
-
319
- ## #ld-textarea
320
-
321
- ### use textarea
322
-
323
- ```html
324
- <ld-textarea v-model="commentValue" label="Ld Textarea" label-on-top :rows="4" />
325
- ```
326
-
327
- ## #ld-select
328
-
329
- ### use select
330
-
331
- ```html
332
- <ld-select v-model="selectedElement" :items="elements" label="Ld select" />
333
- ```
334
-
335
- ## ld-combobox
336
-
337
- ### use combobox
338
-
339
- ```html
340
- <ld-combobox
341
- v-model="comboboxValue"
342
- label="Ld Combobox"
343
- :multiselect="false"
344
- item-title="title"
345
- :items="comboboxItems"
346
- required
347
- />
348
- ```
349
-
350
- ```js
351
- const comboboxItems = [
352
- {
353
- id: 1,
354
- title: '1'
355
- },
356
- {
357
- id: 2,
358
- title: '2'
359
- }
360
- ]
361
- ```
362
-
363
- ## ld-text-viewer
364
-
365
- ### use textviewer
366
-
367
- ```html
368
- <ld-text-viewer :text="'Link http://yandex.ru'" active-links label="Ld TextViewer" />
369
- ```
370
-
371
- ## ld-timepicker
372
-
373
- ### use timepicker
374
-
375
- ```html
376
- <ld-timepicker v-model="timeValue" label="Ld Timepicker" required />
377
- ```
378
-
379
- ## ld-edit-masked-text
380
-
381
- ### use masked text
382
-
383
- ```html
384
- <ld-edit-masked-text v-model="maskedText" mask="000-000-000 00" label="Ld Edit Masked Text" />
385
- ```
386
- ## ld-text-markup
387
-
388
- ### use text markup
389
-
390
- ```html
391
- <ld-text-markup v-model="textMarkup" required label="Ld Text Markup" />
392
- ```
393
-
394
- ## ld-switch
395
-
396
- ### use switch
81
+ # Library
397
82
 
398
- ```html
399
- <ld-switch label="Ld Switch" v-model="toggle" />
400
- ```
83
+ - ld-icon
84
+ - loader
85
+ - ld-btn
86
+ - ld-splitter
87
+ - ld-toggle-buttons
88
+ - ld-breadcrumbs
89
+ - ld-edit-text
90
+ - ld-tabs
91
+ - ld-datepicker
92
+ - ld-page-toolbar
93
+ - ld-select-list-box
94
+ - ld-radiogroup
95
+ - ld-textarea
96
+ - ld-select
97
+ - ld-combobox
98
+ - ld-text-viewer
99
+ - ld-timepicker
100
+ - ld-edit-masked-text
101
+ - ld-text-markup
102
+ - ld-switch
401
103
 
402
104
  # Utilities
403
105
 
package/dist/css/index.css CHANGED
@@ -6,13 +6,13 @@
6
6
 
7
7
  .ld-edit-text[data-v-3f17f967]{min-width:100%}.input-class[data-v-3f17f967]{height:var(--input-height);font-size:var(--font-size);max-width:100%;border-radius:var(--border-radius);border:1px solid var(--grey-l-5);padding:0 6px}.input-class[data-v-3f17f967]:not(.disabled){background-color:var(--white)}.input-class[data-v-3f17f967]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-3f17f967]{position:absolute;top:3px;right:6px;color:var(--label)}
8
8
 
9
- .ld-datepicker[data-v-b65d2d3a]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-b65d2d3a]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-b65d2d3a]{overflow:hidden;height:20px}.custom-time-picker[data-v-b65d2d3a]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-b65d2d3a]{overflow:hidden;height:20px}.date-input[data-v-b65d2d3a]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-b65d2d3a]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-b65d2d3a]{padding-right:5px}.dt-col[data-v-b65d2d3a]{max-width:110px}.time-selector[data-v-b65d2d3a]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-b65d2d3a]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-b65d2d3a]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-b65d2d3a] .vc-popover-content-wrapper{position:fixed !important}[data-v-b65d2d3a] .v-input--is-disabled input{color:var(--text) !important}[data-v-b65d2d3a] .vc-popover-content{border-color:var(--grey-l-5)}[data-v-b65d2d3a] .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-b65d2d3a] .vc-arrow{color:var(--grey)}[data-v-b65d2d3a] .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-b65d2d3a] .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-b65d2d3a] .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-b65d2d3a] .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
9
+ .ld-datepicker[data-v-98da67e2]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-98da67e2]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-98da67e2]{overflow:hidden;height:20px}.custom-time-picker[data-v-98da67e2]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-98da67e2]{overflow:hidden;height:20px}.date-input[data-v-98da67e2]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-98da67e2]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-98da67e2]{padding-right:5px}.dt-col[data-v-98da67e2]{max-width:110px}.time-selector[data-v-98da67e2]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-98da67e2]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-98da67e2]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-98da67e2] .vc-popover-content-wrapper{position:fixed !important}[data-v-98da67e2] .v-input--is-disabled input{color:var(--text) !important}[data-v-98da67e2] .vc-popover-content{border-color:var(--grey-l-5)}[data-v-98da67e2] .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-98da67e2] .vc-arrow{color:var(--grey)}[data-v-98da67e2] .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-98da67e2] .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-98da67e2] .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-98da67e2] .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
10
10
 
11
11
  .ld-tabs[data-v-c97ca996]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-c97ca996]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-c97ca996]{height:100%}.ld-tabs .vertical-body[data-v-c97ca996]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-c97ca996]{background-color:var(--white);box-shadow:1px 0 var(--grey-l-5),-1px 0 0 var(--grey-l-5);overflow-y:auto;height:100%;width:100%}.vertical-window.v-window[data-v-c97ca996]{padding:10px 12px;border-bottom:1px solid var(--grey-l-5);border-right:1px solid var(--grey-l-5);border-top:1px solid var(--grey-l-5)}.vertical-window.v-window--no-padding[data-v-c97ca996]{padding:0 !important}[data-v-c97ca996] .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-c97ca996] .ld-tabs .v-tabs--vertical .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-bottom:none;border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-c97ca996] .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:transparent}[data-v-c97ca996] .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-c97ca996] .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-c97ca996] .ld-tabs .v-tabs--vertical .v-slide-group__content .v-btn__content{text-overflow:ellipsis;display:inline-flex;justify-content:flex-start;gap:4px;white-space:nowrap;overflow:hidden}[data-v-c97ca996] .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-c97ca996] .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-c97ca996] .ld-tabs .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;letter-spacing:0 !important}[data-v-c97ca996] .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-c97ca996] .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-c97ca996] .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-c97ca996] .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-c97ca996] .v-tabs-bar{flex:none;height:fit-content;height:-moz-max-content;max-height:fit-content;max-height:-moz-max-content;z-index:1}[data-v-c97ca996] .v-window-item{height:100%}[data-v-c97ca996] .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-c97ca996] .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-c97ca996] .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-c97ca996] .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
12
12
 
13
13
  .v-toolbar[data-v-79e04ede]{position:relative;background-color:var(--white);box-shadow:var(--shadow-1);z-index:1}.toolbar-wrapper[data-v-79e04ede]{display:grid;width:100%;height:100%;padding:0 12px}.toolbar-wrapper[data-v-79e04ede]:not(.--preview){grid-template-columns:100%;grid-template-rows:var(--input-height);row-gap:4px}.toolbar-wrapper.--preview[data-v-79e04ede]{grid-template-columns:1fr}.toolbar-inner[data-v-79e04ede]{display:grid;grid-template-rows:100%;grid-template-columns:1fr max-content;column-gap:8px}.toolbar-caption[data-v-79e04ede]{--left: calc(var(--input-height) + 8px);display:flex;align-items:center;position:absolute;height:100%;width:calc(100% - var(--left));top:0;left:var(--left)}
14
14
 
15
- .ld-select-list-box[data-v-755f197e]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-755f197e]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-755f197e]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-755f197e]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-755f197e 1.4s linear;animation-iteration-count:infinite}@keyframes loading-755f197e{from{transform:translateX(-300%)}to{transform:translateX(500%)}}[data-v-755f197e] .ld-select-list-box.column{flex-flow:column}[data-v-755f197e] .ld-select-list-box.column .multiselect__tags-wrap{flex-flow:wrap;align-items:normal}
15
+ .ld-select-list-box[data-v-4e01d376]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-4e01d376]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-4e01d376]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-4e01d376]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-4e01d376 1.4s linear;animation-iteration-count:infinite}@keyframes loading-4e01d376{from{transform:translateX(-300%)}to{transform:translateX(500%)}}[data-v-4e01d376] .ld-select-list-box.column{flex-flow:column}[data-v-4e01d376] .ld-select-list-box.column .multiselect__tags-wrap{flex-flow:wrap;align-items:normal}
16
16
 
17
17
  .ld-checkbox{display:flex;align-items:center;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type='checkbox']+.v-icon{display:block;width:12px !important;height:12px !important;font-size:10px !important;background-color:var(--white);color:transparent;border:1px solid var(--grey-l-5)}.ld-checkbox input[type='checkbox']:checked+.v-icon{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type='checkbox']:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
18
18
 
@@ -24,11 +24,11 @@
24
24
 
25
25
  .ld-select[data-v-eee64366]{position:relative;min-width:100%}.ld-select[data-v-eee64366] .v-field__append-inner{display:none}.ld-select[data-v-eee64366] .v-select:before{display:block;position:absolute;right:20px;top:calc(var(--input-height) / 2);margin-top:-2px;color:var(--grey);border-style:solid;border-width:5px 5px 0;border-color:var(--grey) transparent transparent;transition:transform 0.2s ease;content:'';z-index:1}.ld-select[data-v-eee64366] .v-select--active-menu:before{transform:rotate(180deg)}input[type='checkbox']+.v-icon[data-v-eee64366]{display:block;width:12px !important;height:12px !important;font-size:10px !important;background-color:var(--white);color:transparent;border:1px solid var(--grey-l-5)}input[type='checkbox']:checked+.v-icon[data-v-eee64366]{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.v-list-item--density-compact.v-list-item--one-line[data-v-eee64366]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-eee64366] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-eee64366] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
26
26
 
27
- .ld-combobox[data-v-ce928a06]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-ce928a06]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-ce928a06]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-combobox .combobox-loading[data-v-ce928a06]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-ce928a06 1.4s linear;animation-iteration-count:infinite}@keyframes loading-ce928a06{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
27
+ .ld-combobox[data-v-54095ac6]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-54095ac6]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-54095ac6]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-combobox .combobox-loading[data-v-54095ac6]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-54095ac6 1.4s linear;animation-iteration-count:infinite}@keyframes loading-54095ac6{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
28
28
 
29
- .time-selector[data-v-256abd0d]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-256abd0d]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-256abd0d]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}.ld-timepicker-validate[data-v-256abd0d]{overflow:hidden;height:20px}
29
+ .time-selector[data-v-468c023f]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-468c023f]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-468c023f]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}.ld-timepicker-validate[data-v-468c023f]{overflow:hidden;height:20px}
30
30
 
31
- .ld-text-viewer[data-v-1fbb0f7b]{min-width:100%;display:flex;flex-direction:column;white-space:break-spaces;font-size:var(--font-size)}.ld-text-viewer .column[data-v-1fbb0f7b]{flex-flow:column}
31
+ .ld-text-viewer[data-v-4b6c886c]{min-width:100%;display:flex;flex-direction:column;white-space:break-spaces;font-size:var(--font-size)}.ld-text-viewer .column[data-v-4b6c886c]{flex-flow:column}
32
32
 
33
33
  .ld-edit-masked-text[data-v-24642be2]{min-width:100%;font-size:inherit !important;display:flex}.ld-edit-masked-text .column[data-v-24642be2]{flex-flow:column}input[data-v-24642be2]{border:1px solid var(--grey-l-5);border-radius:var(--border-radius);width:100%;flex:1 1 auto;padding:0 8px;font-size:var(--font-size);height:var(--input-height)}input[data-v-24642be2]:focus,input[data-v-24642be2]:active{outline:none;border:1px solid var(--grey-l-4)}.ld-edit-masked-text-validate[data-v-24642be2]{overflow:hidden;height:20px}
34
34
 
package/dist/index.js CHANGED
@@ -2784,9 +2784,6 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
2784
2784
  .map(i => '•')
2785
2785
  .join('');
2786
2786
  }
2787
- /* eslint-disable no-console */
2788
- console.log('onUpdateModelValue');
2789
- console.log('debounced', this.debounced);
2790
2787
  if (this.debounced) {
2791
2788
  this.debouncedFunc(value);
2792
2789
  }
@@ -3016,15 +3013,15 @@ function ld_edit_text_reg(vue, options) {
3016
3013
  }
3017
3014
  /* harmony default export */ const src_ld_edit_text = (ld_edit_text_reg);
3018
3015
 
3019
- ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=b65d2d3a&scoped=true
3016
+ ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=98da67e2&scoped=true
3020
3017
 
3021
3018
 
3022
- const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_withScopeId = n => (_pushScopeId("data-v-b65d2d3a"),n=n(),_popScopeId(),n)
3023
- const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_1 = { class: "time-selector" }
3024
- const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_2 = { key: 0 }
3025
- const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_3 = { key: 1 }
3019
+ const ld_datepickervue_type_template_id_98da67e2_scoped_true_withScopeId = n => (_pushScopeId("data-v-98da67e2"),n=n(),_popScopeId(),n)
3020
+ const ld_datepickervue_type_template_id_98da67e2_scoped_true_hoisted_1 = { class: "time-selector" }
3021
+ const ld_datepickervue_type_template_id_98da67e2_scoped_true_hoisted_2 = { key: 0 }
3022
+ const ld_datepickervue_type_template_id_98da67e2_scoped_true_hoisted_3 = { key: 1 }
3026
3023
 
3027
- function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
3024
+ function ld_datepickervue_type_template_id_98da67e2_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
3028
3025
  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
3029
3026
  const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon")
3030
3027
  const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
@@ -3059,15 +3056,15 @@ function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _ca
3059
3056
  default: (0,external_vue_.withCtx)(() => [
3060
3057
  (0,external_vue_.createVNode)(_component_v_menu, {
3061
3058
  transition: "toggle-slide-y-transition",
3062
- location: "bottom",
3063
3059
  modelValue: _ctx.dateMenu,
3064
3060
  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((_ctx.dateMenu) = $event)),
3065
3061
  "max-width": "250",
3066
3062
  "max-height": "270",
3067
3063
  "min-width": "250",
3068
3064
  "min-height": "270",
3065
+ "scroll-strategy": "close",
3069
3066
  "close-on-content-click": false,
3070
- "scroll-strategy": "close"
3067
+ "no-click-animation": true
3071
3068
  }, {
3072
3069
  activator: (0,external_vue_.withCtx)(({ props }) => [
3073
3070
  (0,external_vue_.createElementVNode)("div", (0,external_vue_.mergeProps)({ class: "d-flex align-center" }, props, { style: {"position":"relative"} }), [
@@ -3085,25 +3082,32 @@ function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _ca
3085
3082
  onEnter: _ctx.onInputDateEnter
3086
3083
  }, null, 40, ["model-value", "id", "placeholder", "disabled", "tabindex", "autofocus", "onFocus", "onEnter"])),
3087
3084
  (0,external_vue_.createTextVNode)(),
3088
- (0,external_vue_.createVNode)(_component_square_button, {
3089
- icon: "",
3090
- style: {"position":"absolute","top":"0","right":"var(--input-height)"},
3091
- onClick: (0,external_vue_.withModifiers)(_ctx.clear, ["stop"])
3092
- }, {
3093
- default: (0,external_vue_.withCtx)(() => [
3094
- (0,external_vue_.createVNode)(_component_ld_icon, null, {
3085
+ (_ctx.canClear && !_ctx.disabled && !_ctx.readonly)
3086
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
3087
+ key: 0,
3088
+ icon: "",
3089
+ style: (0,external_vue_.normalizeStyle)({
3090
+ position: 'absolute',
3091
+ top: '0',
3092
+ right: _ctx.showDatePicker ? 'var(--input-height)' : '0'
3093
+ }),
3094
+ onClick: (0,external_vue_.withModifiers)(_ctx.clear, ["stop"])
3095
+ }, {
3095
3096
  default: (0,external_vue_.withCtx)(() => [
3096
- (0,external_vue_.createTextVNode)("close")
3097
+ (0,external_vue_.createVNode)(_component_ld_icon, null, {
3098
+ default: (0,external_vue_.withCtx)(() => [
3099
+ (0,external_vue_.createTextVNode)("close")
3100
+ ]),
3101
+ _: 1
3102
+ })
3097
3103
  ]),
3098
3104
  _: 1
3099
- })
3100
- ]),
3101
- _: 1
3102
- }, 8, ["onClick"]),
3105
+ }, 8, ["style", "onClick"]))
3106
+ : (0,external_vue_.createCommentVNode)("", true),
3103
3107
  (0,external_vue_.createTextVNode)(),
3104
3108
  (_ctx.showDatePicker && !_ctx.disabled && !_ctx.readonly)
3105
3109
  ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
3106
- key: 0,
3110
+ key: 1,
3107
3111
  icon: "",
3108
3112
  style: {"position":"absolute","top":"0","right":"0"},
3109
3113
  onClick: _cache[0] || (_cache[0] = (0,external_vue_.withModifiers)($event => (_ctx.dateMenu = !_ctx.dateMenu), ["stop"]))
@@ -3230,13 +3234,13 @@ function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _ca
3230
3234
  style: {"border":"1px solid var(--grey-l-5)"}
3231
3235
  }, {
3232
3236
  default: (0,external_vue_.withCtx)(() => [
3233
- (0,external_vue_.createElementVNode)("div", ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_1, [
3237
+ (0,external_vue_.createElementVNode)("div", ld_datepickervue_type_template_id_98da67e2_scoped_true_hoisted_1, [
3234
3238
  (_ctx.isHours)
3235
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_2, "Часы"))
3239
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_98da67e2_scoped_true_hoisted_2, "Часы"))
3236
3240
  : (0,external_vue_.createCommentVNode)("", true),
3237
3241
  (0,external_vue_.createTextVNode)(),
3238
3242
  (_ctx.isMinutes)
3239
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_3, "Минуты"))
3243
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_98da67e2_scoped_true_hoisted_3, "Минуты"))
3240
3244
  : (0,external_vue_.createCommentVNode)("", true),
3241
3245
  (0,external_vue_.createTextVNode)(),
3242
3246
  (0,external_vue_.createElementVNode)("div", null, [
@@ -3313,8 +3317,8 @@ function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _ca
3313
3317
  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
3314
3318
  default: (0,external_vue_.withCtx)(() => [
3315
3319
  (0,external_vue_.createElementVNode)("span", {
3316
- style: {"line-height":"12px","font-size":"var(--font-size--1)"},
3317
- class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.warningHint })
3320
+ style: {"font-size":"var(--font-size--1)"},
3321
+ class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.warningHint, 'grey--text': !_ctx.warningHint })
3318
3322
  }, (0,external_vue_.toDisplayString)(_ctx.validationMessage || _ctx.inputHint), 3)
3319
3323
  ]),
3320
3324
  _: 1
@@ -3336,7 +3340,7 @@ function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _ca
3336
3340
  _: 1
3337
3341
  }))
3338
3342
  }
3339
- ;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=b65d2d3a&scoped=true
3343
+ ;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=98da67e2&scoped=true
3340
3344
 
3341
3345
  ;// CONCATENATED MODULE: ./node_modules/imask/esm/core/utils.js
3342
3346
  /** Checks if value is string */
@@ -7245,8 +7249,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7245
7249
  this.errorsHandler = [];
7246
7250
  this.isHours = true;
7247
7251
  this.isMinutes = false;
7248
- this.imaskOnChange = null;
7249
- this.imaskTimeOnChange = null;
7250
7252
  this.datepickerScrollHandler = null;
7251
7253
  }
7252
7254
  emitUpdateModelValue(value) {
@@ -7371,8 +7373,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7371
7373
  options.max = this.maxDate;
7372
7374
  }
7373
7375
  this.dateMask = IMask(inputEl, options);
7374
- this.dateMask._onChange = this.onDateMaskChange.bind(this);
7375
- this.imaskOnChange = this.dateMask._onChange;
7376
7376
  this.dateMask._unbindEvents();
7377
7377
  this.dateMask._bindEvents();
7378
7378
  this.dateMask.on('complete', () => this.onMaskedValueChanged(this.dateMask.value));
@@ -7416,6 +7416,9 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7416
7416
  * @param e объект события
7417
7417
  */
7418
7418
  onDateMaskChange(e) {
7419
+ if (this.dateMenu) {
7420
+ return;
7421
+ }
7419
7422
  try {
7420
7423
  // проверим валидность ввода даты
7421
7424
  let value;
@@ -7461,7 +7464,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7461
7464
  this.timeString = time;
7462
7465
  e.target.value = time;
7463
7466
  }
7464
- this.imaskTimeOnChange(e);
7465
7467
  }
7466
7468
  onMaskedValueChanged(value) {
7467
7469
  if (!value) {
@@ -7491,8 +7493,22 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7491
7493
  this.emitInput(dt);
7492
7494
  this.$nextTick(() => this.validate());
7493
7495
  }
7496
+ onInputDateFocus(e) {
7497
+ this.event = e;
7498
+ }
7499
+ onInputDateEnter(e) {
7500
+ const value = e.target.value;
7501
+ let d = this.parseDate(value);
7502
+ if (d) {
7503
+ if (this.timeString) {
7504
+ d = this.addTimeToDate(d);
7505
+ }
7506
+ const dt = this.$utils.datetime.dateLocalToISO(d.toLocaleDateString(this.locale));
7507
+ this.onSelectDate(dt);
7508
+ }
7509
+ }
7494
7510
  async onSelectDate(date) {
7495
- await this.$nextTick(); // подождем пока компонент замаунтится
7511
+ await this.$nextTick();
7496
7512
  if (!date) {
7497
7513
  return;
7498
7514
  }
@@ -7505,14 +7521,12 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7505
7521
  // 1 Хак для https://github.com/uNmAnNeR/imaskjs/issues/100
7506
7522
  d?.setDate(d.getDate() - 1);
7507
7523
  // после этого вызова сработает onMaskedValueChanged
7508
- this.imaskOnChange(this.event);
7524
+ this.dateMenu = false;
7525
+ this.onDateMaskChange(this.event);
7509
7526
  this.event = null;
7510
7527
  // 2 Хак для https://github.com/uNmAnNeR/imaskjs/issues/100
7511
7528
  d?.setDate(d.getDate() + 1);
7512
7529
  }
7513
- onInputDateFocus(e) {
7514
- this.event = e;
7515
- }
7516
7530
  changeHours(value) {
7517
7531
  const h = ('0' + value).slice(-2);
7518
7532
  this.isHours = false;
@@ -7555,20 +7569,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7555
7569
  cb();
7556
7570
  }
7557
7571
  }
7558
- includedHtmls() {
7559
- return [document.querySelector('.vc-popover-content')];
7560
- }
7561
- onInputDateEnter(e) {
7562
- const value = e.target.value;
7563
- let d = this.parseDate(value);
7564
- if (d) {
7565
- if (this.timeString) {
7566
- d = this.addTimeToDate(d);
7567
- }
7568
- const dt = this.$utils.datetime.dateLocalToISO(d.toLocaleDateString(this.locale));
7569
- this.onSelectDate(dt);
7570
- }
7571
- }
7572
7572
  clear() {
7573
7573
  if (this.dateMask) {
7574
7574
  this.dateMask.el.value = '';
@@ -7576,9 +7576,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7576
7576
  if (this.timeMask) {
7577
7577
  this.clearTimeValue();
7578
7578
  }
7579
- if (this.imaskOnChange) {
7580
- // this.imaskOnChange(this.event);
7581
- }
7582
7579
  /**
7583
7580
  * dateString сбросим к текущей дате, чтобы календарь переключился на нее
7584
7581
  * date ставим null, чтобы обнулить модель
@@ -7591,7 +7588,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7591
7588
  clearTimeValue() {
7592
7589
  if (this.isMobileGlobal) {
7593
7590
  this.timeMask.el.value = '';
7594
- this.imaskTimeOnChange(this.event);
7595
7591
  }
7596
7592
  if (!this.date) {
7597
7593
  this.date = new Date();
@@ -7645,9 +7641,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
7645
7641
  },
7646
7642
  };
7647
7643
  this.timeMask = IMask(inputEl, timeOptions);
7648
- this.imaskTimeOnChange = this.timeMask._onChange;
7649
- // eslint-disable-next-line @typescript-eslint/unbound-method
7650
- this.timeMask._onChange = this.onTimeMaskChange;
7651
7644
  this.timeMask._unbindEvents();
7652
7645
  this.timeMask._bindEvents();
7653
7646
  this.timeMask.on('complete', () => this.onTimeMaskedValueChanged(this.timeMask.value));
@@ -7872,7 +7865,7 @@ DatepickerComponent = ld_datepickervue_type_script_lang_js_external_decorate([
7872
7865
  ;
7873
7866
 
7874
7867
 
7875
- const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render],['__scopeId',"data-v-b65d2d3a"]])
7868
+ const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',ld_datepickervue_type_template_id_98da67e2_scoped_true_render],['__scopeId',"data-v-98da67e2"]])
7876
7869
 
7877
7870
  /* harmony default export */ const ld_datepicker = (ld_datepicker_exports_);
7878
7871
  ;// CONCATENATED MODULE: ./src/ld-datepicker/index.ts
@@ -8410,33 +8403,33 @@ function ld_page_toolbar_reg(vue, options) {
8410
8403
  }
8411
8404
  /* harmony default export */ const src_ld_page_toolbar = (ld_page_toolbar_reg);
8412
8405
 
8413
- ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=755f197e&scoped=true&ts=true
8406
+ ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=4e01d376&scoped=true&ts=true
8414
8407
 
8415
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-755f197e"), n = n(), _popScopeId(), n);
8416
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
8417
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_2 = {
8408
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-4e01d376"), n = n(), _popScopeId(), n);
8409
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
8410
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_2 = {
8418
8411
  key: 0,
8419
8412
  class: "d-flex align-center"
8420
8413
  };
8421
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
8422
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_4 = {
8414
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
8415
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_4 = {
8423
8416
  key: 0,
8424
8417
  class: "grey--text",
8425
8418
  style: { "font-size": "var(--font-size--1)" }
8426
8419
  };
8427
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_5 = {
8420
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_5 = {
8428
8421
  key: 1,
8429
8422
  class: "select-list-box-loading"
8430
8423
  };
8431
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_6 = {
8424
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_6 = {
8432
8425
  key: 0,
8433
8426
  class: "select-list-box-validate"
8434
8427
  };
8435
- const ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_7 = {
8428
+ const ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_7 = {
8436
8429
  key: 0,
8437
8430
  class: "select-list-textbox-validate"
8438
8431
  };
8439
- function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
8432
+ function ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
8440
8433
  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
8441
8434
  const _component_small_chip = (0,external_vue_.resolveComponent)("small-chip");
8442
8435
  const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
@@ -8514,12 +8507,25 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8514
8507
  "onClick:close": ($event) => (_ctx.onRemoveItem(option))
8515
8508
  }, {
8516
8509
  default: (0,external_vue_.withCtx)(() => [
8517
- (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
8510
+ (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
8518
8511
  ]),
8519
8512
  _: 2
8520
8513
  }, 1032, ["color", "closable", "onClick:close"]))
8521
8514
  ], true)
8522
8515
  ]),
8516
+ "tag-overflow": (0,external_vue_.withCtx)(({ limit, count }) => [
8517
+ (0,external_vue_.renderSlot)(_ctx.$slots, "tag-overflow", {
8518
+ limit: limit,
8519
+ count: count
8520
+ }, () => [
8521
+ (0,external_vue_.createVNode)(_component_small_chip, { closable: false }, {
8522
+ default: (0,external_vue_.withCtx)(() => [
8523
+ (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(`overflow => limit: ${limit}, count: ${count}`), 1)
8524
+ ]),
8525
+ _: 2
8526
+ }, 1024)
8527
+ ], true)
8528
+ ]),
8523
8529
  option: (0,external_vue_.withCtx)(({ option }) => [
8524
8530
  (0,external_vue_.createVNode)(_component_v_row, {
8525
8531
  "no-gutters": "",
@@ -8529,7 +8535,7 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8529
8535
  (0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center" }, {
8530
8536
  default: (0,external_vue_.withCtx)(() => [
8531
8537
  (_ctx.multiselect)
8532
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_2, [
8538
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_2, [
8533
8539
  ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-checkbox']), {
8534
8540
  key: JSON.stringify(option),
8535
8541
  "model-value": _ctx.checkedItems,
@@ -8544,13 +8550,13 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8544
8550
  }, [
8545
8551
  (0,external_vue_.renderSlot)(_ctx.$slots, "option-icon", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), undefined, true),
8546
8552
  (0,external_vue_.createTextVNode)(),
8547
- (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_3, [
8553
+ (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_3, [
8548
8554
  (0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
8549
8555
  (0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
8550
8556
  ], true),
8551
8557
  (0,external_vue_.createTextVNode)(),
8552
8558
  (_ctx.optionHint)
8553
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_4, [
8559
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_4, [
8554
8560
  (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
8555
8561
  (0,external_vue_.createTextVNode)("\r\n no slot \"option-hint\" found\r\n ")
8556
8562
  ], true)
@@ -8596,7 +8602,7 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8596
8602
  : (0,external_vue_.createCommentVNode)("", true),
8597
8603
  (0,external_vue_.createTextVNode)(),
8598
8604
  (_ctx.loading)
8599
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_5))
8605
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_5))
8600
8606
  : (0,external_vue_.createCommentVNode)("", true)
8601
8607
  ]),
8602
8608
  _: 3
@@ -8606,7 +8612,7 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8606
8612
  }),
8607
8613
  (0,external_vue_.createTextVNode)(),
8608
8614
  (!_ctx.hideDetails)
8609
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_6, [
8615
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_6, [
8610
8616
  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
8611
8617
  default: (0,external_vue_.withCtx)(() => [
8612
8618
  (_ctx.showHint)
@@ -8647,7 +8653,7 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8647
8653
  ], true),
8648
8654
  (0,external_vue_.createTextVNode)(),
8649
8655
  (!_ctx.hideDetails)
8650
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_hoisted_7))
8656
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_hoisted_7))
8651
8657
  : (0,external_vue_.createCommentVNode)("", true)
8652
8658
  ]),
8653
8659
  _: 3
@@ -8658,7 +8664,7 @@ function ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_ren
8658
8664
  }));
8659
8665
  }
8660
8666
 
8661
- ;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=755f197e&scoped=true&ts=true
8667
+ ;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=4e01d376&scoped=true&ts=true
8662
8668
 
8663
8669
  // EXTERNAL MODULE: external "./multiselect.js"
8664
8670
  var external_multiselect_js_ = __webpack_require__(9225);
@@ -11308,7 +11314,7 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
11308
11314
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
11309
11315
  ], SelectListBoxComponent.prototype, "optionHint", void 0);
11310
11316
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
11311
- (0,external_vue_property_decorator_.Prop)(),
11317
+ (0,external_vue_property_decorator_.Prop)({ default: 9999 }),
11312
11318
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Number)
11313
11319
  ], SelectListBoxComponent.prototype, "limit", void 0);
11314
11320
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
@@ -11391,7 +11397,7 @@ SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_deco
11391
11397
  ;
11392
11398
 
11393
11399
 
11394
- const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',ld_select_list_boxvue_type_template_id_755f197e_scoped_true_ts_true_render],['__scopeId',"data-v-755f197e"]])
11400
+ const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',ld_select_list_boxvue_type_template_id_4e01d376_scoped_true_ts_true_render],['__scopeId',"data-v-4e01d376"]])
11395
11401
 
11396
11402
  /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
11397
11403
  ;// CONCATENATED MODULE: ./src/ld-select-list-box/index.ts
@@ -12792,29 +12798,29 @@ function ld_select_reg(vue, options) {
12792
12798
  }
12793
12799
  /* harmony default export */ const src_ld_select = (ld_select_reg);
12794
12800
 
12795
- ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-combobox/ld-combobox.vue?vue&type=template&id=ce928a06&scoped=true&ts=true
12801
+ ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-combobox/ld-combobox.vue?vue&type=template&id=54095ac6&scoped=true&ts=true
12796
12802
 
12797
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-ce928a06"), n = n(), _popScopeId(), n);
12798
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
12799
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_2 = {
12803
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-54095ac6"), n = n(), _popScopeId(), n);
12804
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
12805
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_2 = {
12800
12806
  key: 0,
12801
12807
  class: "d-flex align-center"
12802
12808
  };
12803
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
12804
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_4 = {
12809
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
12810
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_4 = {
12805
12811
  key: 0,
12806
12812
  class: "grey--text",
12807
12813
  style: { "font-size": "var(--font-size--1)" }
12808
12814
  };
12809
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_5 = {
12815
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_5 = {
12810
12816
  key: 0,
12811
12817
  class: "combobox-loading"
12812
12818
  };
12813
- const ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_6 = {
12819
+ const ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_6 = {
12814
12820
  key: 0,
12815
12821
  class: "combobox-validate"
12816
12822
  };
12817
- function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
12823
+ function ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
12818
12824
  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
12819
12825
  const _component_small_chip = (0,external_vue_.resolveComponent)("small-chip");
12820
12826
  const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
@@ -12890,14 +12896,17 @@ function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ct
12890
12896
  "onClick:close": ($event) => (_ctx.onRemoveItem(option))
12891
12897
  }, {
12892
12898
  default: (0,external_vue_.withCtx)(() => [
12893
- (0,external_vue_.createElementVNode)("span", ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
12899
+ (0,external_vue_.createElementVNode)("span", ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
12894
12900
  ]),
12895
12901
  _: 2
12896
12902
  }, 1032, ["color", "closable", "onClick:close"]))
12897
12903
  ], true)
12898
12904
  ]),
12899
12905
  "tag-overflow": (0,external_vue_.withCtx)(({ limit, count }) => [
12900
- (0,external_vue_.renderSlot)(_ctx.$slots, "tag-overflow", {}, () => [
12906
+ (0,external_vue_.renderSlot)(_ctx.$slots, "tag-overflow", {
12907
+ limit: limit,
12908
+ count: count
12909
+ }, () => [
12901
12910
  (0,external_vue_.createVNode)(_component_small_chip, { closable: false }, {
12902
12911
  default: (0,external_vue_.withCtx)(() => [
12903
12912
  (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(`overflow => limit: ${limit}, count: ${count}`), 1)
@@ -12915,7 +12924,7 @@ function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ct
12915
12924
  (0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center py-1" }, {
12916
12925
  default: (0,external_vue_.withCtx)(() => [
12917
12926
  (_ctx.multiselect)
12918
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_2, [
12927
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_2, [
12919
12928
  ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-checkbox']), {
12920
12929
  key: JSON.stringify(option),
12921
12930
  "model-value": _ctx.checkedItems,
@@ -12930,13 +12939,13 @@ function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ct
12930
12939
  }, [
12931
12940
  (0,external_vue_.renderSlot)(_ctx.$slots, "option-icon", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), undefined, true),
12932
12941
  (0,external_vue_.createTextVNode)(),
12933
- (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_3, [
12942
+ (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_3, [
12934
12943
  (0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
12935
12944
  (0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
12936
12945
  ], true),
12937
12946
  (0,external_vue_.createTextVNode)(),
12938
12947
  (_ctx.optionHint)
12939
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_4, [
12948
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_4, [
12940
12949
  (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), undefined, true)
12941
12950
  ]))
12942
12951
  : (0,external_vue_.createCommentVNode)("", true)
@@ -12956,7 +12965,7 @@ function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ct
12956
12965
  }, 8, ["modelValue", "multiple", "placeholder", "options", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "onClose", "onOpen", "onSearchChange", "onUpdate:modelValue"]),
12957
12966
  (0,external_vue_.createTextVNode)(),
12958
12967
  (_ctx.loading)
12959
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_5))
12968
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_5))
12960
12969
  : (0,external_vue_.createCommentVNode)("", true)
12961
12970
  ]),
12962
12971
  _: 3
@@ -12966,7 +12975,7 @@ function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ct
12966
12975
  }),
12967
12976
  (0,external_vue_.createTextVNode)(),
12968
12977
  (!_ctx.hideDetails)
12969
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_hoisted_6, [
12978
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_hoisted_6, [
12970
12979
  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
12971
12980
  default: (0,external_vue_.withCtx)(() => [
12972
12981
  (_ctx.showHint)
@@ -12989,7 +12998,7 @@ function ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render(_ct
12989
12998
  }));
12990
12999
  }
12991
13000
 
12992
- ;// CONCATENATED MODULE: ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=ce928a06&scoped=true&ts=true
13001
+ ;// CONCATENATED MODULE: ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=54095ac6&scoped=true&ts=true
12993
13002
 
12994
13003
  ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-combobox/ld-combobox.ts?vue&type=script&lang=ts&external
12995
13004
  var ld_comboboxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -13447,7 +13456,7 @@ ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent = ld_combobox
13447
13456
  ;
13448
13457
 
13449
13458
 
13450
- const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_ce928a06_scoped_true_ts_true_render],['__scopeId',"data-v-ce928a06"]])
13459
+ const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_54095ac6_scoped_true_ts_true_render],['__scopeId',"data-v-54095ac6"]])
13451
13460
 
13452
13461
  /* harmony default export */ const ld_combobox = (ld_combobox_exports_);
13453
13462
  ;// CONCATENATED MODULE: ./src/ld-combobox/index.ts
@@ -13457,18 +13466,18 @@ function ld_combobox_reg(vue, options) {
13457
13466
  }
13458
13467
  /* harmony default export */ const src_ld_combobox = (ld_combobox_reg);
13459
13468
 
13460
- ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-timepicker/ld-timepicker.vue?vue&type=template&id=256abd0d&scoped=true&ts=true
13469
+ ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-timepicker/ld-timepicker.vue?vue&type=template&id=468c023f&scoped=true&ts=true
13461
13470
 
13462
- const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-256abd0d"), n = n(), _popScopeId(), n);
13463
- const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_1 = { class: "ld-timepicker" };
13464
- const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_2 = { class: "time-selector" };
13465
- const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_3 = { key: 0 };
13466
- const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_4 = { key: 1 };
13467
- const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_5 = {
13471
+ const ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-468c023f"), n = n(), _popScopeId(), n);
13472
+ const ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_1 = { class: "ld-timepicker" };
13473
+ const ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_2 = { class: "time-selector" };
13474
+ const ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_3 = { key: 0 };
13475
+ const ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_4 = { key: 1 };
13476
+ const ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_5 = {
13468
13477
  key: 0,
13469
13478
  class: "ld-timepicker-validate"
13470
13479
  };
13471
- function ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
13480
+ function ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
13472
13481
  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
13473
13482
  const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon");
13474
13483
  const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
@@ -13476,7 +13485,7 @@ function ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render(_
13476
13485
  const _component_v_menu = (0,external_vue_.resolveComponent)("v-menu");
13477
13486
  const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
13478
13487
  const _component_v_row = (0,external_vue_.resolveComponent)("v-row");
13479
- return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_1, [
13488
+ return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_1, [
13480
13489
  (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
13481
13490
  default: (0,external_vue_.withCtx)(() => [
13482
13491
  (_ctx.label)
@@ -13559,13 +13568,13 @@ function ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render(_
13559
13568
  width: "190px"
13560
13569
  }, {
13561
13570
  default: (0,external_vue_.withCtx)(() => [
13562
- (0,external_vue_.createElementVNode)("div", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_2, [
13571
+ (0,external_vue_.createElementVNode)("div", ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_2, [
13563
13572
  (_ctx.isHours)
13564
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_3, "Часы"))
13573
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_3, "Часы"))
13565
13574
  : (0,external_vue_.createCommentVNode)("", true),
13566
13575
  (0,external_vue_.createTextVNode)(),
13567
13576
  (_ctx.isMinutes)
13568
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_4, "Минуты"))
13577
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_4, "Минуты"))
13569
13578
  : (0,external_vue_.createCommentVNode)("", true),
13570
13579
  (0,external_vue_.createTextVNode)(),
13571
13580
  (0,external_vue_.createElementVNode)("div", null, [
@@ -13614,12 +13623,12 @@ function ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render(_
13614
13623
  }, 8, ["modelValue", "disabled"]),
13615
13624
  (0,external_vue_.createTextVNode)(),
13616
13625
  (!_ctx.hideDetails)
13617
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_5, [
13626
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_hoisted_5, [
13618
13627
  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
13619
13628
  default: (0,external_vue_.withCtx)(() => [
13620
13629
  (0,external_vue_.createElementVNode)("span", {
13621
13630
  style: { "font-size": "var(--font-size--1)" },
13622
- class: (0,external_vue_.normalizeClass)({ 'error--text': Boolean(_ctx.validationMessage) })
13631
+ class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.warningHint, 'grey--text': !_ctx.warningHint })
13623
13632
  }, (0,external_vue_.toDisplayString)(_ctx.validationMessage || _ctx.inputHint), 3)
13624
13633
  ]),
13625
13634
  _: 1
@@ -13635,7 +13644,7 @@ function ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render(_
13635
13644
  ]));
13636
13645
  }
13637
13646
 
13638
- ;// CONCATENATED MODULE: ./src/ld-timepicker/ld-timepicker.vue?vue&type=template&id=256abd0d&scoped=true&ts=true
13647
+ ;// CONCATENATED MODULE: ./src/ld-timepicker/ld-timepicker.vue?vue&type=template&id=468c023f&scoped=true&ts=true
13639
13648
 
13640
13649
  ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-timepicker/ld-timepicker.ts?vue&type=script&lang=ts&external
13641
13650
  var ld_timepickervue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -13764,6 +13773,9 @@ let TimepickerComponent = class TimepickerComponent extends (0,external_vue_clas
13764
13773
  }
13765
13774
  return `${this.hoursString}:${this.minutesString}`;
13766
13775
  }
13776
+ get warningHint() {
13777
+ return Boolean(this.validationMessage);
13778
+ }
13767
13779
  };
13768
13780
  ld_timepickervue_type_script_lang_ts_external_decorate([
13769
13781
  (0,external_vue_property_decorator_.Prop)(),
@@ -13826,7 +13838,7 @@ TimepickerComponent = ld_timepickervue_type_script_lang_ts_external_decorate([
13826
13838
  ;
13827
13839
 
13828
13840
 
13829
- const ld_timepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_timepickervue_type_script_lang_ts_external, [['render',ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render],['__scopeId',"data-v-256abd0d"]])
13841
+ const ld_timepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_timepickervue_type_script_lang_ts_external, [['render',ld_timepickervue_type_template_id_468c023f_scoped_true_ts_true_render],['__scopeId',"data-v-468c023f"]])
13830
13842
 
13831
13843
  /* harmony default export */ const ld_timepicker = (ld_timepicker_exports_);
13832
13844
  ;// CONCATENATED MODULE: ./src/ld-timepicker/index.ts
@@ -13836,29 +13848,30 @@ function ld_timepicker_reg(vue, options) {
13836
13848
  }
13837
13849
  /* harmony default export */ const src_ld_timepicker = (ld_timepicker_reg);
13838
13850
 
13839
- ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=1fbb0f7b&scoped=true
13851
+ ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=4b6c886c&scoped=true
13840
13852
 
13841
13853
 
13842
- const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_withScopeId = n => (_pushScopeId("data-v-1fbb0f7b"),n=n(),_popScopeId(),n)
13843
- const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_1 = { class: "ld-text-viewer" }
13844
- const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_2 = ["innerHTML"]
13845
- const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_3 = ["innerHTML"]
13846
- const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_4 = {
13854
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_withScopeId = n => (_pushScopeId("data-v-4b6c886c"),n=n(),_popScopeId(),n)
13855
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_1 = { class: "ld-text-viewer" }
13856
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_2 = ["innerHTML"]
13857
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_3 = ["innerHTML"]
13858
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_4 = {
13847
13859
  key: 1,
13848
13860
  class: "text-left"
13849
13861
  }
13850
- const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_5 = {
13862
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_5 = ["innerHTML"]
13863
+ const ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_6 = {
13851
13864
  key: 2,
13852
13865
  class: "italic",
13853
13866
  style: {"color":"var(--grey-l-2)"}
13854
13867
  }
13855
13868
 
13856
- function ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
13869
+ function ld_text_viewervue_type_template_id_4b6c886c_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
13857
13870
  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
13858
13871
  const _component_v_row = (0,external_vue_.resolveComponent)("v-row")
13859
13872
  const _component_v_col = (0,external_vue_.resolveComponent)("v-col")
13860
13873
 
13861
- return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_1, [
13874
+ return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_1, [
13862
13875
  (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
13863
13876
  default: (0,external_vue_.withCtx)(() => [
13864
13877
  (_ctx.label)
@@ -13885,7 +13898,7 @@ function ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render(_ctx, _c
13885
13898
  (0,external_vue_.createElementVNode)("span", {
13886
13899
  class: "text-left",
13887
13900
  innerHTML: _ctx.textWithHyperlinks
13888
- }, null, 8, ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_2)
13901
+ }, null, 8, ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_2)
13889
13902
  ]),
13890
13903
  _: 1
13891
13904
  }))
@@ -13900,15 +13913,20 @@ function ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render(_ctx, _c
13900
13913
  key: 0,
13901
13914
  class: "text-left",
13902
13915
  innerHTML: _ctx.text
13903
- }, null, 8, ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_3))
13916
+ }, null, 8, ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_3))
13904
13917
  : (_ctx.hasSlot)
13905
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_4, [
13906
- (0,external_vue_.renderSlot)(_ctx.$slots, "default", {}, undefined, true)
13918
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_4, [
13919
+ (_ctx.textWithHyperlinks)
13920
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
13921
+ key: 0,
13922
+ innerHTML: _ctx.textWithHyperlinks
13923
+ }, null, 8, ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_5))
13924
+ : (0,external_vue_.renderSlot)(_ctx.$slots, "default", { key: 1 }, undefined, true)
13907
13925
  ]))
13908
13926
  : (0,external_vue_.createCommentVNode)("", true),
13909
13927
  (0,external_vue_.createTextVNode)(),
13910
13928
  (_ctx.showPlaceholder)
13911
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_5, (0,external_vue_.toDisplayString)(_ctx.noDataPlaceholder), 1))
13929
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", ld_text_viewervue_type_template_id_4b6c886c_scoped_true_hoisted_6, (0,external_vue_.toDisplayString)(_ctx.noDataPlaceholder), 1))
13912
13930
  : (0,external_vue_.createCommentVNode)("", true)
13913
13931
  ]),
13914
13932
  _: 3
@@ -13921,7 +13939,7 @@ function ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render(_ctx, _c
13921
13939
  })
13922
13940
  ]))
13923
13941
  }
13924
- ;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=1fbb0f7b&scoped=true
13942
+ ;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=4b6c886c&scoped=true
13925
13943
 
13926
13944
  ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-text-viewer/ld-text-viewer.ts?vue&type=script&lang=js&external
13927
13945
  var ld_text_viewervue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -13960,17 +13978,28 @@ let CardTextViewer = class CardTextViewer extends (0,external_vue_class_componen
13960
13978
  return this.hasSlotContent(this.$slots.default);
13961
13979
  }
13962
13980
  get src() {
13963
- if (!this.text) {
13964
- return;
13981
+ if (this.text) {
13982
+ return this.text.replace(/\n/g, '<br>');
13983
+ }
13984
+ if (this.hasSlot) {
13985
+ const slots = this.$slots.default();
13986
+ let result = '';
13987
+ for (const s of slots) {
13988
+ result += s.children.trim();
13989
+ }
13990
+ return result;
13965
13991
  }
13966
- return this.text.replace(/\n/g, '<br>');
13992
+ return '';
13967
13993
  }
13968
13994
  get textWithHyperlinks() {
13969
13995
  if (!this.src) {
13970
13996
  return;
13971
13997
  }
13972
- const globalUrlRegExp = new RegExp(this.$utils.urlRegexp, 'ig');
13973
- return this.src.replace(globalUrlRegExp, '<a href="$1" target="_blank">$1</a>');
13998
+ if (this.activeLinks) {
13999
+ const globalUrlRegExp = new RegExp(this.$utils.urlRegexp, 'ig');
14000
+ return this.src.replace(globalUrlRegExp, '<a href="$1" target="_blank">$1</a>');
14001
+ }
14002
+ return this.src;
13974
14003
  }
13975
14004
  get showPlaceholder() {
13976
14005
  return !this.text && !this.hasSlot;
@@ -14007,7 +14036,7 @@ CardTextViewer = ld_text_viewervue_type_script_lang_js_external_decorate([
14007
14036
  ;
14008
14037
 
14009
14038
 
14010
- const ld_text_viewer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_text_viewervue_type_script_lang_js_external, [['render',ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render],['__scopeId',"data-v-1fbb0f7b"]])
14039
+ const ld_text_viewer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_text_viewervue_type_script_lang_js_external, [['render',ld_text_viewervue_type_template_id_4b6c886c_scoped_true_render],['__scopeId',"data-v-4b6c886c"]])
14011
14040
 
14012
14041
  /* harmony default export */ const ld_text_viewer = (ld_text_viewer_exports_);
14013
14042
  ;// CONCATENATED MODULE: ./src/ld-text-viewer/index.ts
@@ -14628,7 +14657,7 @@ let TextMarkupComponent = class TextMarkupComponent extends (0,external_vue_clas
14628
14657
  }
14629
14658
  catch (e) {
14630
14659
  /* eslint-disable no-console */
14631
- console.log(e);
14660
+ console.error(e);
14632
14661
  }
14633
14662
  }
14634
14663
  get showError() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ldmjs/ui",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "ldm ui",
5
5
  "main": "dist/index.js",
6
6
  "engines": {
@@ -64,6 +64,7 @@
64
64
  "css-loader": "6.8.1",
65
65
  "eslint": "8.56.0",
66
66
  "html-webpack-plugin": "5.6.0",
67
+ "imask": "7.6.1",
67
68
  "jest": "29.2.2",
68
69
  "jest-environment-jsdom": "29.2.2",
69
70
  "jest-transform-stub": "2.0.0",