@ldmjs/ui 1.0.0-dev-19 → 1.0.0-dev-21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/css/index.css +10 -6
- package/dist/index.js +1252 -300
- package/dist/multiselect.js +1 -1
- package/dist/scss/_inputs.scss +1 -1
- package/dist/scss/_multiselect.scss +1 -1
- package/dist/types/options.d.ts +2 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -263,7 +263,7 @@ const items = [
|
|
|
263
263
|
:option-hint="optionHint"
|
|
264
264
|
input-hint="Select Box Hint"
|
|
265
265
|
>
|
|
266
|
-
<template #tag="{ item, onRemove }">
|
|
266
|
+
<template #tag="{ item, onRemove, canRemove }">
|
|
267
267
|
tag template
|
|
268
268
|
</template>
|
|
269
269
|
<template #option="{ item, isSelected }">
|
package/dist/css/index.css
CHANGED
|
@@ -1,26 +1,30 @@
|
|
|
1
1
|
.loader[data-v-a5beedac]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity 0.15s linear}.loader__icon[data-v-a5beedac]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-a5beedac]{color:var(--grey-l-5)}.loader .circle.small[data-v-a5beedac]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-a5beedac]{width:calc(var(--font-size) * 3);height:calc(var(--font-size) * 3);border-width:3px}.loader .circle[data-v-a5beedac]{animation:rotating-a5beedac 0.7s linear infinite;width:calc(var(--font-size) * 2);height:calc(var(--font-size) * 2);border-radius:50%;border:2px solid transparent}.loader.loader__color-primary[data-v-a5beedac]:not(.loader__transparent){background:rgba(255,255,255,0.5)}.loader.loader__color-primary .circle[data-v-a5beedac]{border-right-color:var(--primary);border-bottom-color:var(--primary)}.loader.loader__color-white[data-v-a5beedac]{background:none}.loader.loader__color-white .circle[data-v-a5beedac]{border-right-color:var(--white);border-bottom-color:var(--white)}.loader.loader__white-bg[data-v-a5beedac]:not(.loader__transparent){background:#fff}.loading-mask-global[data-v-a5beedac]{position:fixed !important;width:100vw !important;height:100vh !important}.loading-mask[data-v-a5beedac]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.loader__relative[data-v-a5beedac]{position:relative}@-moz-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
|
|
2
2
|
|
|
3
|
-
.ld-splitter[data-v-
|
|
3
|
+
.ld-splitter[data-v-4f01e865]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-4f01e865]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-4f01e865]{display:flex;align-items:center;width:7px;background-color:var(--white) !important;border-width:0 1px;border-color:var(--grey-l-5);border-style:solid}.ld-splitter.splitter[data-v-4f01e865]{width:100%;border-left:none;border-right:none}
|
|
4
4
|
|
|
5
5
|
.label[data-v-12071c41]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-12071c41]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-12071c41]::after{content:'*';display:inline-block;color:var(--error)}
|
|
6
6
|
|
|
7
7
|
.ld-edit-text[data-v-5dac00fe]{min-width:100%}.input-class[data-v-5dac00fe]{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-5dac00fe]:not(.disabled){background-color:var(--white)}.input-class[data-v-5dac00fe]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-5dac00fe]{position:absolute;top:3px;right:6px;color:var(--label)}
|
|
8
8
|
|
|
9
|
-
.ld-datepicker[data-v-
|
|
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}
|
|
10
10
|
|
|
11
11
|
.ld-tabs[data-v-de9a059c]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-de9a059c]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-de9a059c]{height:100%}.ld-tabs .body[data-v-de9a059c]{display:flex;flex-flow:column nowrap;max-width:100%;width:100%;height:100%;justify-content:space-between;padding-top:3px}.ld-tabs .vertical-body[data-v-de9a059c]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-de9a059c]{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-de9a059c]{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-de9a059c]{padding:0 !important}[data-v-de9a059c] .ld-tabs .v-tab{background-color:transparent}[data-v-de9a059c] .ld-tabs .v-slide-group-item--active{background-color:var(--white)}[data-v-de9a059c] .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-de9a059c] .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-de9a059c] .vertical-tab .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-de9a059c] .vertical-tab .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-de9a059c] .vertical-tab .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-de9a059c] .vertical-tab .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-de9a059c] .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;border-bottom:none !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;background-color:var(--white);letter-spacing:0 !important}[data-v-de9a059c] .v-tab.v-slide-group-item--active{border-right-color:transparent}[data-v-de9a059c] .v-slide-group-item--active .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-de9a059c] .v-btn:hover::before{background-color:inherit}[data-v-de9a059c] .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-de9a059c] .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-de9a059c] .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-de9a059c] .v-window-item{height:100%}[data-v-de9a059c] .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-de9a059c] .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-de9a059c] .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-de9a059c] .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-
|
|
15
|
+
.ld-select-list-box[data-v-f07bf04a]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-f07bf04a]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-f07bf04a]{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-f07bf04a]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-f07bf04a 1.4s linear;animation-iteration-count:infinite}@keyframes loading-f07bf04a{from{transform:translateX(-300%)}to{transform:translateX(500%)}}[data-v-f07bf04a] .ld-select-list-box.column{flex-flow:column}[data-v-f07bf04a] .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%;color:var(--label) !important}.checkbox-label--disabled{color:var(--grey-l-3) !important}
|
|
18
18
|
|
|
19
|
-
.ld-radiobutton[data-v-
|
|
19
|
+
.ld-radiobutton[data-v-2d8a7abd]{display:flex;align-items:center;font-size:var(--font-size)}
|
|
20
20
|
|
|
21
|
-
.ld-ragiogroup .validate[data-v-
|
|
21
|
+
.ld-ragiogroup .validate[data-v-1c1e9efc]{overflow:hidden;height:20px}.ld-ragiogroup--row[data-v-1c1e9efc] .ld-radiobutton:not(:first-child){margin-left:8px}
|
|
22
22
|
|
|
23
23
|
.ld-textarea[data-v-515ad14b]{display:flex;min-width:100%;max-width:100%;width:100%}[data-v-515ad14b] .none-resizable textarea{resize:none}
|
|
24
24
|
|
|
25
|
-
.ld-select[data-v-
|
|
25
|
+
.ld-select[data-v-f3fdbf56]{position:relative;min-width:100%}.ld-select[data-v-f3fdbf56] .v-field__append-inner{display:none}.ld-select[data-v-f3fdbf56] .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-f3fdbf56] .v-select--active-menu:before{transform:rotate(180deg)}input[type='checkbox']+.v-icon[data-v-f3fdbf56]{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-f3fdbf56]{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-f3fdbf56]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-f3fdbf56] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-f3fdbf56] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
|
|
26
|
+
|
|
27
|
+
.ld-combobox[data-v-7bbbdbd8]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-7bbbdbd8]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-7bbbdbd8]{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-7bbbdbd8]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-7bbbdbd8 1.4s linear;animation-iteration-count:infinite}@keyframes loading-7bbbdbd8{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
|
|
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}
|
|
26
30
|
|