voom-presenters 2.0.3 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -2
- data/app/demo/components/multi_selects.pom +29 -0
- data/app/demo/components/nav/menu.pom +1 -0
- data/app/demo/components/selects.pom +2 -1
- data/lib/voom/presenters/dsl/components/mixins/selects.rb +6 -0
- data/lib/voom/presenters/dsl/components/multi_select.rb +56 -0
- data/lib/voom/presenters/dsl/components/select.rb +0 -3
- data/lib/voom/presenters/version.rb +1 -1
- data/public/bundle.css +85 -50
- data/public/bundle.js +1205 -1048
- data/public/wc.js +795 -638
- data/views/mdc/assets/js/components/initialize.js +2 -0
- data/views/mdc/assets/js/components/multi-select.js +75 -0
- data/views/mdc/assets/scss/app.scss +1 -0
- data/views/mdc/assets/scss/components/multi-select.scss +44 -0
- data/views/mdc/components/multi_select.erb +33 -0
- data/views/mdc/package-lock.json +6 -6
- metadata +7 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b17d9ebbc37dcb3cfac3e2aa5421adb40b7f1bd74a5632a7da0917af5e1c7908
|
4
|
+
data.tar.gz: 1eda103b83777c5a72af1420ee0d8f10c0346a0b0f2052a5263009ebb9e5fe89
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: eb9908b33ad14d4de3d8d4d34a6cddf680f4ebb397c024dd2be76332d4e9fad5b6ba74d418494519e88e327b060238a78613f63ae74ddce4cc46336ea1b22f78
|
7
|
+
data.tar.gz: 8a405a60bf6ace8cee644c28bddb5df16c97163b6bb00c4a2d44f2e280eef10c80b2c678e88ea95b1adfcd70fdbcc4ec470b5c59bd81505bda8f70e14b8eda7e
|
data/CHANGELOG.md
CHANGED
@@ -1,9 +1,15 @@
|
|
1
|
-
|
1
|
+
# [2.1.0](https://github.com/rx/presenters/compare/v2.0.3...v2.1.0) (2021-03-17)
|
2
2
|
|
3
3
|
|
4
4
|
### Bug Fixes
|
5
5
|
|
6
|
-
*
|
6
|
+
* requested PR changes - fix demo, removed commented code and unused ([daeb63f](https://github.com/rx/presenters/commit/daeb63f2a348dd049eef827501667902b00a6f3f))
|
7
|
+
* Update mark-up and styles for multi-select component to fix z-index ([564a593](https://github.com/rx/presenters/commit/564a593c5c3aa2c00108dce71c8575e3b46666ad))
|
8
|
+
|
9
|
+
|
10
|
+
### Features
|
11
|
+
|
12
|
+
* Add multiple selection dropdown component ([9bf6798](https://github.com/rx/presenters/commit/9bf67985f8d1869f2d37ffec1c195298e8c9597d))
|
7
13
|
|
8
14
|
# Changelog
|
9
15
|
|
@@ -0,0 +1,29 @@
|
|
1
|
+
require_relative '../helpers/indented_grid'
|
2
|
+
|
3
|
+
Voom::Presenters.define(:multi_selects) do
|
4
|
+
helpers Demo::Helpers::IndentedGrid
|
5
|
+
attach :top_nav
|
6
|
+
attach :component_drawer
|
7
|
+
page_title 'Multi Select Fields'
|
8
|
+
|
9
|
+
indented_grid do
|
10
|
+
content do
|
11
|
+
multi_select do
|
12
|
+
label 'Multi Select Field'
|
13
|
+
check_option value: 'value1', text: 'First value', selected: true
|
14
|
+
check_option value: 'value2', text: 'Second value', selected: true
|
15
|
+
check_option value: 'value3', text: 'Third value', selected: true
|
16
|
+
end
|
17
|
+
|
18
|
+
multi_select do
|
19
|
+
label 'One Selection'
|
20
|
+
check_option value: 'value1', text: 'First value', selected: true
|
21
|
+
check_option value: 'value2', text: 'Second value', selected: false
|
22
|
+
check_option value: 'value3', text: 'Third value', selected: false
|
23
|
+
end
|
24
|
+
|
25
|
+
end
|
26
|
+
|
27
|
+
attach :code, file: __FILE__
|
28
|
+
end
|
29
|
+
end
|
@@ -0,0 +1,56 @@
|
|
1
|
+
module Voom
|
2
|
+
module Presenters
|
3
|
+
module DSL
|
4
|
+
module Components
|
5
|
+
class MultiSelect < Select
|
6
|
+
|
7
|
+
def initialize(**attribs_, &block)
|
8
|
+
super(type: :multi_select, **attribs_, &block)
|
9
|
+
@required = attribs.delete(:required)
|
10
|
+
@full_width = attribs.delete(:full_width){ true }
|
11
|
+
@outlined = attribs.delete(:outlined){ true }
|
12
|
+
@options = []
|
13
|
+
expand!
|
14
|
+
end
|
15
|
+
|
16
|
+
def check_option(**attribs, &block)
|
17
|
+
@options << CheckOption.new(parent: self,
|
18
|
+
name: @name,
|
19
|
+
tag: @tag,
|
20
|
+
**attribs.delete_if{ |k,v| [:tag, :name].include?(k) }, &block)
|
21
|
+
end
|
22
|
+
|
23
|
+
class CheckOption < EventBase
|
24
|
+
|
25
|
+
attr_reader :selected, :disabled
|
26
|
+
|
27
|
+
def initialize(**attribs_, &block)
|
28
|
+
super(type: :multi_select_option, **attribs_, &block)
|
29
|
+
@value = attribs.delete(:value)
|
30
|
+
@text = attribs.delete(:text)
|
31
|
+
@selected = attribs.delete(:selected){ true }
|
32
|
+
@disabled = attribs.delete(:disabled)
|
33
|
+
self.checkbox(name: "#{attribs[:name]}[]",
|
34
|
+
value: @value,
|
35
|
+
text: @text,
|
36
|
+
tag: tag,
|
37
|
+
checked: @selected,
|
38
|
+
disabled: @disabled,
|
39
|
+
&block)
|
40
|
+
expand!
|
41
|
+
end
|
42
|
+
|
43
|
+
def checkbox(**attributes, &block)
|
44
|
+
return @checkbox if locked?
|
45
|
+
@checkbox = Components::Checkbox.new(parent: self,
|
46
|
+
**attributes,
|
47
|
+
&block)
|
48
|
+
end
|
49
|
+
|
50
|
+
end
|
51
|
+
|
52
|
+
end
|
53
|
+
end
|
54
|
+
end
|
55
|
+
end
|
56
|
+
end
|
data/public/bundle.css
CHANGED
@@ -7335,7 +7335,7 @@ svg.mdc-button__icon {
|
|
7335
7335
|
/* @alternate */
|
7336
7336
|
background-color: var(--mdc-theme-secondary, #E58D36); }
|
7337
7337
|
|
7338
|
-
@keyframes mdc-checkbox-fade-in-background-
|
7338
|
+
@keyframes mdc-checkbox-fade-in-background-u8a3e297b {
|
7339
7339
|
0% {
|
7340
7340
|
border-color: rgba(0, 0, 0, 0.54);
|
7341
7341
|
background-color: transparent; }
|
@@ -7347,7 +7347,7 @@ svg.mdc-button__icon {
|
|
7347
7347
|
/* @alternate */
|
7348
7348
|
background-color: var(--mdc-theme-secondary, #E58D36); } }
|
7349
7349
|
|
7350
|
-
@keyframes mdc-checkbox-fade-out-background-
|
7350
|
+
@keyframes mdc-checkbox-fade-out-background-u8a3e297b {
|
7351
7351
|
0%,
|
7352
7352
|
80% {
|
7353
7353
|
border-color: #E58D36;
|
@@ -7361,10 +7361,10 @@ svg.mdc-button__icon {
|
|
7361
7361
|
background-color: transparent; } }
|
7362
7362
|
|
7363
7363
|
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
|
7364
|
-
animation-name: mdc-checkbox-fade-in-background-
|
7364
|
+
animation-name: mdc-checkbox-fade-in-background-u8a3e297b; }
|
7365
7365
|
|
7366
7366
|
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
|
7367
|
-
animation-name: mdc-checkbox-fade-out-background-
|
7367
|
+
animation-name: mdc-checkbox-fade-out-background-u8a3e297b; }
|
7368
7368
|
|
7369
7369
|
.mdc-checkbox__checkmark {
|
7370
7370
|
color: #fff; }
|
@@ -12419,7 +12419,7 @@ a.mdc-list-item {
|
|
12419
12419
|
opacity: 1;
|
12420
12420
|
will-change: initial; }
|
12421
12421
|
|
12422
|
-
.mdc-select {
|
12422
|
+
.mdc-select, .v-multi-select-container .v-multi-select {
|
12423
12423
|
--mdc-ripple-fg-size: 0;
|
12424
12424
|
--mdc-ripple-left: 0;
|
12425
12425
|
--mdc-ripple-top: 0;
|
@@ -12434,121 +12434,123 @@ a.mdc-list-item {
|
|
12434
12434
|
overflow: hidden;
|
12435
12435
|
/* @alternate */
|
12436
12436
|
will-change: opacity, transform, color; }
|
12437
|
-
.mdc-select:not(.mdc-select--disabled) {
|
12437
|
+
.mdc-select:not(.mdc-select--disabled), .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) {
|
12438
12438
|
background-color: whitesmoke; }
|
12439
|
-
.mdc-select::before, .mdc-select::after {
|
12439
|
+
.mdc-select::before, .v-multi-select-container .v-multi-select::before, .mdc-select::after, .v-multi-select-container .v-multi-select::after {
|
12440
12440
|
position: absolute;
|
12441
12441
|
border-radius: 50%;
|
12442
12442
|
opacity: 0;
|
12443
12443
|
pointer-events: none;
|
12444
12444
|
content: ""; }
|
12445
|
-
.mdc-select::before {
|
12445
|
+
.mdc-select::before, .v-multi-select-container .v-multi-select::before {
|
12446
12446
|
transition: opacity 15ms linear, background-color 15ms linear;
|
12447
12447
|
z-index: 1; }
|
12448
|
-
.mdc-select.mdc-ripple-upgraded::before {
|
12448
|
+
.mdc-select.mdc-ripple-upgraded::before, .v-multi-select-container .mdc-ripple-upgraded.v-multi-select::before {
|
12449
12449
|
transform: scale(var(--mdc-ripple-fg-scale, 1)); }
|
12450
|
-
.mdc-select.mdc-ripple-upgraded::after {
|
12450
|
+
.mdc-select.mdc-ripple-upgraded::after, .v-multi-select-container .mdc-ripple-upgraded.v-multi-select::after {
|
12451
12451
|
top: 0;
|
12452
12452
|
/* @noflip */
|
12453
12453
|
left: 0;
|
12454
12454
|
transform: scale(0);
|
12455
12455
|
transform-origin: center center; }
|
12456
|
-
.mdc-select.mdc-ripple-upgraded--unbounded::after {
|
12456
|
+
.mdc-select.mdc-ripple-upgraded--unbounded::after, .v-multi-select-container .mdc-ripple-upgraded--unbounded.v-multi-select::after {
|
12457
12457
|
top: var(--mdc-ripple-top, 0);
|
12458
12458
|
/* @noflip */
|
12459
12459
|
left: var(--mdc-ripple-left, 0); }
|
12460
|
-
.mdc-select.mdc-ripple-upgraded--foreground-activation::after {
|
12460
|
+
.mdc-select.mdc-ripple-upgraded--foreground-activation::after, .v-multi-select-container .mdc-ripple-upgraded--foreground-activation.v-multi-select::after {
|
12461
12461
|
animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
|
12462
|
-
.mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
|
12462
|
+
.mdc-select.mdc-ripple-upgraded--foreground-deactivation::after, .v-multi-select-container .mdc-ripple-upgraded--foreground-deactivation.v-multi-select::after {
|
12463
12463
|
animation: mdc-ripple-fg-opacity-out 150ms;
|
12464
12464
|
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
|
12465
|
-
.mdc-select::before, .mdc-select::after {
|
12465
|
+
.mdc-select::before, .v-multi-select-container .v-multi-select::before, .mdc-select::after, .v-multi-select-container .v-multi-select::after {
|
12466
12466
|
top: calc(50% - 100%);
|
12467
12467
|
/* @noflip */
|
12468
12468
|
left: calc(50% - 100%);
|
12469
12469
|
width: 200%;
|
12470
12470
|
height: 200%; }
|
12471
|
-
.mdc-select.mdc-ripple-upgraded::after {
|
12471
|
+
.mdc-select.mdc-ripple-upgraded::after, .v-multi-select-container .mdc-ripple-upgraded.v-multi-select::after {
|
12472
12472
|
width: var(--mdc-ripple-fg-size, 100%);
|
12473
12473
|
height: var(--mdc-ripple-fg-size, 100%); }
|
12474
|
-
.mdc-select::before, .mdc-select::after {
|
12474
|
+
.mdc-select::before, .v-multi-select-container .v-multi-select::before, .mdc-select::after, .v-multi-select-container .v-multi-select::after {
|
12475
12475
|
background-color: rgba(0, 0, 0, 0.87); }
|
12476
|
-
.mdc-select:hover::before {
|
12476
|
+
.mdc-select:hover::before, .v-multi-select-container .v-multi-select:hover::before {
|
12477
12477
|
opacity: 0.04; }
|
12478
|
-
.mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before {
|
12478
|
+
.mdc-select:not(.mdc-ripple-upgraded):focus::before, .v-multi-select-container .v-multi-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before, .v-multi-select-container .mdc-ripple-upgraded--background-focused.v-multi-select::before {
|
12479
12479
|
transition-duration: 75ms;
|
12480
12480
|
opacity: 0.12; }
|
12481
|
-
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
|
12482
|
-
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text
|
12481
|
+
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__native-control,
|
12482
|
+
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text,
|
12483
|
+
.v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__selected-text {
|
12483
12484
|
color: rgba(0, 0, 0, 0.87); }
|
12484
|
-
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
|
12485
|
+
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-floating-label {
|
12485
12486
|
color: rgba(0, 0, 0, 0.6); }
|
12486
|
-
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
|
12487
|
-
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text
|
12487
|
+
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__native-control,
|
12488
|
+
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text,
|
12489
|
+
.v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__selected-text {
|
12488
12490
|
border-bottom-color: rgba(0, 0, 0, 0.42); }
|
12489
|
-
.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
|
12491
|
+
.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
|
12490
12492
|
color: rgba(0, 0, 0, 0.6); }
|
12491
|
-
.mdc-select, .mdc-select__native-control {
|
12493
|
+
.mdc-select, .v-multi-select-container .v-multi-select, .mdc-select__native-control {
|
12492
12494
|
border-radius: 4px 4px 0 0; }
|
12493
|
-
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
|
12495
|
+
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
|
12494
12496
|
background-color: #5488b2;
|
12495
12497
|
/* @alternate */
|
12496
12498
|
background-color: var(--mdc-theme-primary, #5488b2); }
|
12497
|
-
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
|
12499
|
+
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
|
12498
12500
|
color: rgba(84, 136, 178, 0.87); }
|
12499
|
-
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
|
12501
|
+
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
|
12500
12502
|
border-bottom-color: rgba(0, 0, 0, 0.87); }
|
12501
|
-
.mdc-select .mdc-floating-label--float-above {
|
12503
|
+
.mdc-select .mdc-floating-label--float-above, .v-multi-select-container .v-multi-select .mdc-floating-label--float-above {
|
12502
12504
|
transform: translateY(-70%) scale(0.75); }
|
12503
|
-
.mdc-select .mdc-floating-label {
|
12505
|
+
.mdc-select .mdc-floating-label, .v-multi-select-container .v-multi-select .mdc-floating-label {
|
12504
12506
|
/* @noflip */
|
12505
12507
|
left: 16px;
|
12506
12508
|
/* @noflip */
|
12507
12509
|
right: initial;
|
12508
12510
|
top: 21px;
|
12509
12511
|
pointer-events: none; }
|
12510
|
-
[dir="rtl"] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir="rtl"] {
|
12512
|
+
[dir="rtl"] .mdc-select .mdc-floating-label, [dir="rtl"] .v-multi-select-container .v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .v-multi-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir="rtl"], .v-multi-select-container .v-multi-select .mdc-floating-label[dir="rtl"] {
|
12511
12513
|
/* @noflip */
|
12512
12514
|
left: initial;
|
12513
12515
|
/* @noflip */
|
12514
12516
|
right: 16px; }
|
12515
|
-
.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
|
12517
|
+
.mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .v-multi-select-container .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label {
|
12516
12518
|
/* @noflip */
|
12517
12519
|
left: 48px;
|
12518
12520
|
/* @noflip */
|
12519
12521
|
right: initial; }
|
12520
|
-
[dir="rtl"] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
|
12522
|
+
[dir="rtl"] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, [dir="rtl"] .v-multi-select-container .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"], .v-multi-select-container .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label[dir="rtl"] {
|
12521
12523
|
/* @noflip */
|
12522
12524
|
left: initial;
|
12523
12525
|
/* @noflip */
|
12524
12526
|
right: 48px; }
|
12525
|
-
.mdc-select.mdc-select--outlined .mdc-floating-label {
|
12527
|
+
.mdc-select.mdc-select--outlined .mdc-floating-label, .v-multi-select-container .mdc-select--outlined.v-multi-select .mdc-floating-label {
|
12526
12528
|
/* @noflip */
|
12527
12529
|
left: 4px;
|
12528
12530
|
/* @noflip */
|
12529
12531
|
right: initial;
|
12530
12532
|
top: 17px; }
|
12531
|
-
[dir="rtl"] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir="rtl"] {
|
12533
|
+
[dir="rtl"] .mdc-select.mdc-select--outlined .mdc-floating-label, [dir="rtl"] .v-multi-select-container .mdc-select--outlined.v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .mdc-select--outlined.v-multi-select .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir="rtl"], .v-multi-select-container .mdc-select--outlined.v-multi-select .mdc-floating-label[dir="rtl"] {
|
12532
12534
|
/* @noflip */
|
12533
12535
|
left: initial;
|
12534
12536
|
/* @noflip */
|
12535
12537
|
right: 4px; }
|
12536
|
-
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
|
12538
|
+
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label {
|
12537
12539
|
/* @noflip */
|
12538
12540
|
left: 36px;
|
12539
12541
|
/* @noflip */
|
12540
12542
|
right: initial; }
|
12541
|
-
[dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
|
12543
|
+
[dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, [dir="rtl"] .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"], .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label[dir="rtl"] {
|
12542
12544
|
/* @noflip */
|
12543
12545
|
left: initial;
|
12544
12546
|
/* @noflip */
|
12545
12547
|
right: 36px; }
|
12546
|
-
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
|
12548
|
+
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above {
|
12547
12549
|
/* @noflip */
|
12548
12550
|
left: 36px;
|
12549
12551
|
/* @noflip */
|
12550
12552
|
right: initial; }
|
12551
|
-
[dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] {
|
12553
|
+
[dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, [dir="rtl"] .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above, .v-multi-select-container [dir="rtl"] .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir="rtl"], .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above[dir="rtl"] {
|
12552
12554
|
/* @noflip */
|
12553
12555
|
left: initial;
|
12554
12556
|
/* @noflip */
|
@@ -12577,11 +12579,11 @@ a.mdc-list-item {
|
|
12577
12579
|
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); }
|
12578
12580
|
.mdc-select__native-control {
|
12579
12581
|
padding-top: 20px; }
|
12580
|
-
.mdc-select.mdc-select--focused .mdc-line-ripple::after {
|
12582
|
+
.mdc-select.mdc-select--focused .mdc-line-ripple::after, .v-multi-select-container .mdc-select--focused.v-multi-select .mdc-line-ripple::after {
|
12581
12583
|
transform: scale(1, 2);
|
12582
12584
|
opacity: 1; }
|
12583
12585
|
|
12584
|
-
.mdc-select + .mdc-select-helper-text {
|
12586
|
+
.mdc-select + .mdc-select-helper-text, .v-multi-select-container .v-multi-select + .mdc-select-helper-text {
|
12585
12587
|
margin-right: 12px;
|
12586
12588
|
margin-left: 12px; }
|
12587
12589
|
|
@@ -12941,7 +12943,7 @@ select {
|
|
12941
12943
|
line-height: 1.15;
|
12942
12944
|
margin: 0; }
|
12943
12945
|
|
12944
|
-
.v-select {
|
12946
|
+
.v-select, .v-multi-select-container .v-multi-select {
|
12945
12947
|
margin-top: 16px;
|
12946
12948
|
margin-bottom: 8px; }
|
12947
12949
|
|
@@ -15885,7 +15887,7 @@ button.mdc-chip {
|
|
15885
15887
|
/* @alternate */
|
15886
15888
|
background-color: var(--mdc-theme-primary, #5488b2); }
|
15887
15889
|
|
15888
|
-
@keyframes mdc-checkbox-fade-in-background-
|
15890
|
+
@keyframes mdc-checkbox-fade-in-background-u0555ed94 {
|
15889
15891
|
0% {
|
15890
15892
|
border-color: rgba(0, 0, 0, 0.54);
|
15891
15893
|
background-color: transparent; }
|
@@ -15897,7 +15899,7 @@ button.mdc-chip {
|
|
15897
15899
|
/* @alternate */
|
15898
15900
|
background-color: var(--mdc-theme-primary, #5488b2); } }
|
15899
15901
|
|
15900
|
-
@keyframes mdc-checkbox-fade-out-background-
|
15902
|
+
@keyframes mdc-checkbox-fade-out-background-u0555ed94 {
|
15901
15903
|
0%,
|
15902
15904
|
80% {
|
15903
15905
|
border-color: #5488b2;
|
@@ -15913,12 +15915,12 @@ button.mdc-chip {
|
|
15913
15915
|
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
|
15914
15916
|
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
|
15915
15917
|
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
|
15916
|
-
animation-name: mdc-checkbox-fade-in-background-
|
15918
|
+
animation-name: mdc-checkbox-fade-in-background-u0555ed94; }
|
15917
15919
|
|
15918
15920
|
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
|
15919
15921
|
.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
|
15920
15922
|
.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
|
15921
|
-
animation-name: mdc-checkbox-fade-out-background-
|
15923
|
+
animation-name: mdc-checkbox-fade-out-background-u0555ed94; }
|
15922
15924
|
|
15923
15925
|
.mdc-data-table .mdc-list-item__graphic {
|
15924
15926
|
margin-right: 0px; }
|
@@ -15953,13 +15955,13 @@ button.mdc-chip {
|
|
15953
15955
|
.v-paging__per-page-label {
|
15954
15956
|
margin-right: 20px; }
|
15955
15957
|
|
15956
|
-
.v-paging__per-page-value .v-select {
|
15958
|
+
.v-paging__per-page-value .v-select, .v-paging__per-page-value .v-multi-select-container .v-multi-select, .v-multi-select-container .v-paging__per-page-value .v-multi-select {
|
15957
15959
|
width: auto;
|
15958
15960
|
height: auto; }
|
15959
|
-
.v-paging__per-page-value .v-select .mdc-select__native-control {
|
15961
|
+
.v-paging__per-page-value .v-select .mdc-select__native-control, .v-paging__per-page-value .v-multi-select-container .v-multi-select .mdc-select__native-control, .v-multi-select-container .v-paging__per-page-value .v-multi-select .mdc-select__native-control {
|
15960
15962
|
padding-top: 0px;
|
15961
15963
|
border-bottom: none; }
|
15962
|
-
.v-paging__per-page-value .v-select .mdc-select__native-control:not(.mdc-select--disabled) {
|
15964
|
+
.v-paging__per-page-value .v-select .mdc-select__native-control:not(.mdc-select--disabled), .v-paging__per-page-value .v-multi-select-container .v-multi-select .mdc-select__native-control:not(.mdc-select--disabled), .v-multi-select-container .v-paging__per-page-value .v-multi-select .mdc-select__native-control:not(.mdc-select--disabled) {
|
15963
15965
|
color: rgba(0, 0, 0, 0.54); }
|
15964
15966
|
|
15965
15967
|
.v-paging__per-page + .v-paging__count {
|
@@ -15988,6 +15990,39 @@ button.mdc-chip {
|
|
15988
15990
|
border-bottom: none;
|
15989
15991
|
border-top: none; }
|
15990
15992
|
|
15993
|
+
.v-multi-select-container .v-multi-select--options-list {
|
15994
|
+
position: absolute;
|
15995
|
+
width: 100%;
|
15996
|
+
top: 71px;
|
15997
|
+
border: 1px solid #C2C2C2;
|
15998
|
+
border-radius: 4px;
|
15999
|
+
background-color: #FFFFFF;
|
16000
|
+
z-index: 1;
|
16001
|
+
overflow: visible; }
|
16002
|
+
.v-multi-select-container .v-multi-select--options-list > div {
|
16003
|
+
display: block;
|
16004
|
+
text-align: left; }
|
16005
|
+
.v-multi-select-container .v-multi-select--options-list > div label {
|
16006
|
+
line-height: 3em; }
|
16007
|
+
|
16008
|
+
.v-multi-select-container .v-multi-select {
|
16009
|
+
overflow: visible;
|
16010
|
+
background-color: #FFFFFF; }
|
16011
|
+
.v-multi-select-container .v-multi-select .v-multi-select--current-values {
|
16012
|
+
padding: 19px;
|
16013
|
+
overflow: hidden; }
|
16014
|
+
.v-multi-select-container .v-multi-select:not(.mdc-select--disabled) {
|
16015
|
+
background-color: #FFFFFF; }
|
16016
|
+
.v-multi-select-container .v-multi-select:hover {
|
16017
|
+
background: transparent; }
|
16018
|
+
.v-multi-select-container .v-multi-select:hover .mdc-notched-outline .mdc-notched-outline__leading,
|
16019
|
+
.v-multi-select-container .v-multi-select:hover .mdc-notched-outline .mdc-notched-outline__notch,
|
16020
|
+
.v-multi-select-container .v-multi-select:hover .mdc-notched-outline .mdc-notched-outline__trailing {
|
16021
|
+
border-color: rgba(0, 0, 0, 0.87); }
|
16022
|
+
|
16023
|
+
.v-multi-select-container .mdc-select:before, .v-multi-select-container .v-multi-select:before {
|
16024
|
+
background-color: transparent; }
|
16025
|
+
|
15991
16026
|
.v-expansion {
|
15992
16027
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
|
15993
16028
|
.v-expansion__summary {
|
@@ -18068,7 +18103,7 @@ i:focus.v-datetime--clear {
|
|
18068
18103
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
|
18069
18104
|
font-size: 10px; }
|
18070
18105
|
|
18071
|
-
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
|
18106
|
+
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
|
18072
18107
|
font-size: 18px; }
|
18073
18108
|
|
18074
18109
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
|