voom-presenters 0.1.7 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/.circleci/config.yml +1 -1
  3. data/Gemfile.lock +5 -5
  4. data/app/demo/components/date_fields.pom +2 -2
  5. data/app/demo/components/datetime_fields.pom +6 -5
  6. data/app/demo/components/headers.pom +5 -0
  7. data/app/demo/components/lists.pom +11 -0
  8. data/app/demo/components/time_fields.pom +2 -2
  9. data/app/demo/events/actions/dialogs/trigger.pom +2 -2
  10. data/app/demo/events/actions/toggle_visiblity.pom +4 -4
  11. data/app/demo/shared/context_list.pom +1 -1
  12. data/component-status.yml +11 -11
  13. data/lib/voom/presenters/dsl/components/button.rb +2 -2
  14. data/lib/voom/presenters/dsl/components/checkbox.rb +2 -1
  15. data/lib/voom/presenters/dsl/components/datetime_base.rb +2 -1
  16. data/lib/voom/presenters/dsl/components/event.rb +25 -6
  17. data/lib/voom/presenters/dsl/components/expansion_panel.rb +3 -0
  18. data/lib/voom/presenters/dsl/components/header.rb +23 -0
  19. data/lib/voom/presenters/dsl/components/icon_toggle.rb +2 -2
  20. data/lib/voom/presenters/dsl/components/list.rb +18 -4
  21. data/lib/voom/presenters/dsl/components/lists/action.rb +1 -1
  22. data/lib/voom/presenters/dsl/components/lists/header.rb +19 -0
  23. data/lib/voom/presenters/dsl/components/lists/line.rb +15 -5
  24. data/lib/voom/presenters/dsl/components/menu.rb +2 -1
  25. data/lib/voom/presenters/dsl/components/mixins/typography.rb +0 -1
  26. data/lib/voom/presenters/dsl/components/toggle_base.rb +2 -2
  27. data/lib/voom/presenters/version.rb +1 -1
  28. data/lib/voom/presenters/web_client/app.rb +23 -5
  29. data/public/bundle.css +266 -153
  30. data/public/bundle.js +148 -41
  31. data/scripts/bump.sh +3 -0
  32. data/scripts/deploy-demo.sh +2 -0
  33. data/scripts/release.sh +4 -0
  34. data/views/mdc/assets/js/components/datetime.js +9 -5
  35. data/views/mdc/assets/js/components/events.js +6 -7
  36. data/views/mdc/assets/js/components/events/clears.js +26 -0
  37. data/views/mdc/assets/js/components/events/toggle_visibility.js +26 -0
  38. data/views/mdc/assets/js/components/forms.js +8 -0
  39. data/views/mdc/assets/js/components/lists.js +84 -1
  40. data/views/mdc/assets/js/components/text-fields.js +8 -0
  41. data/views/mdc/assets/scss/components/datetime.scss +5 -0
  42. data/views/mdc/assets/scss/components/list.scss +11 -0
  43. data/views/mdc/assets/scss/theme.scss +49 -2
  44. data/views/mdc/body/drawer.erb +2 -2
  45. data/views/mdc/body/header.erb +6 -0
  46. data/views/mdc/components/checkbox.erb +4 -1
  47. data/views/mdc/components/datetime.erb +2 -2
  48. data/views/mdc/components/expansion_panel.erb +1 -1
  49. data/views/mdc/components/list.erb +2 -1
  50. data/views/mdc/components/list/checkbox.erb +1 -1
  51. data/views/mdc/components/list/header.erb +35 -0
  52. data/views/mdc/components/list/line.erb +2 -1
  53. data/views/mdc/components/menu.erb +1 -1
  54. metadata +9 -4
  55. data/views/mdc/assets/js/components/events/selects.js +0 -28
  56. data/views/mdc/assets/js/components/events/toggle_visiblity.js +0 -19
data/lib/voom/presenters/dsl/components/lists/action.rb CHANGED
@@ -61,7 +61,7 @@ module Voom
61
61
  def button(text=nil, **attribs, &block)
62
62
  return @button if locked?
63
63
  @action_type = :button
64
- @button = Button.new(text: text, parent: self, context: context, **attribs, &block)
64
+ @button = Components::Button.new(text: text, parent: self, context: context, **attribs, &block)
65
65
  end
66
66
  end
67
67
  end
data/lib/voom/presenters/dsl/components/lists/header.rb ADDED
@@ -0,0 +1,19 @@
1
+ module Voom
2
+ module Presenters
3
+ module DSL
4
+ module Components
5
+ module Lists
6
+ class Header < Line
7
+ attr_accessor :total_lines
8
+
9
+ def initialize(context:, **attribs_, &block)
10
+ super(type: :header, context: context, **attribs_, &block)
11
+ @total_lines = attribs.delete(:total_lines) || 0
12
+ expand!
13
+ end
14
+ end
15
+ end
16
+ end
17
+ end
18
+ end
19
+ end
data/lib/voom/presenters/dsl/components/lists/line.rb CHANGED
@@ -10,18 +10,20 @@ module Voom
10
10
  module Components
11
11
  module Lists
12
12
  class Line < EventBase
13
- attr_accessor :actions, :selected
13
+ attr_accessor :selected, :selectable
14
14
 
15
15
  def initialize(context:, **attribs_, &block)
16
16
  super(type: :line, context: context, **attribs_, &block)
17
- @selected = attribs.delete(:selected)
17
+ @selected = attribs.delete(:selected) { false }
18
+ @selectable = attribs.delete(:selectable) { false }
18
19
  self.text(attribs.delete(:text)) if attribs.key?(:text)
19
20
  self.subtitle(attribs.delete(:subtitle)) if attribs.key?(:subtitle)
20
21
  self.info(attribs.delete(:info)) if attribs.key?(:info)
21
22
  self.body(attribs.delete(:body)) if attribs.key?(:body)
22
23
  self.avatar(attribs.delete(:avatar)) if attribs.key?(:avatar)
23
24
  self.icon(attribs.delete(:icon)) if attribs.key?(:icon)
24
- self.checkbox(attribs.delete(:ccheckbox)) if attribs.key?(:checkbox)
25
+ self.checkbox(attribs.delete(:checkbox)) if attribs.key?(:checkbox) && !@selectable
26
+ self.checkbox(attribs.slice(:name, :value)) if @selectable
25
27
 
26
28
  @actions = []
27
29
  expand!
@@ -63,7 +65,12 @@ module Voom
63
65
 
64
66
  def checkbox(**attributes, &block)
65
67
  return @checkbox if locked?
66
- @checkbox = Components::Checkbox.new(parent: self, context: context, **attributes, &block)
68
+ field_name = @selectable ? "#{attributes.delete(:name)}[]" : attributes.delete(:name)
69
+ @checkbox = Components::Checkbox.new(parent: self,
70
+ context: context,
71
+ name: field_name,
72
+ **attributes,
73
+ &block)
67
74
  end
68
75
 
69
76
  def menu(**attributes, &block)
@@ -71,10 +78,13 @@ module Voom
71
78
  @menu = Components::Menu.new(parent: self, context: context, **attributes, &block)
72
79
  end
73
80
 
74
- def action(**attribs, &block)
81
+ def actions(**attribs, &block)
82
+ return @actions if locked?
75
83
  @actions << Lists::Action.new(parent: self,
76
84
  **attribs, &block)
77
85
  end
86
+ alias action actions
87
+
78
88
  end
79
89
  end
80
90
  end
data/lib/voom/presenters/dsl/components/menu.rb CHANGED
@@ -36,12 +36,13 @@ module Voom
36
36
  class Item < EventBase
37
37
  include Mixins::Tooltips
38
38
 
39
- attr_accessor :text, :disabled
39
+ attr_accessor :text, :disabled, :selected
40
40
 
41
41
  def initialize(**attribs_, &block)
42
42
  super(type: :item, **attribs_, &block)
43
43
  @text = attribs.delete(:text)
44
44
  @disabled = attribs.delete(:disabled)
45
+ @selected = attribs.delete(:selected) { false }
45
46
  expand!
46
47
  end
47
48
 
data/lib/voom/presenters/dsl/components/mixins/typography.rb CHANGED
@@ -17,7 +17,6 @@ module Voom
17
17
  self << Components::Typography.new(parent: self, type: :headline, text: text, context: context, **attributes, &block)
18
18
  end
19
19
 
20
-
21
20
  def title(*text, **attributes, &block)
22
21
  self << Components::Typography.new(parent: self, type: :title, text: text, context: context, **attributes, &block)
23
22
  end
data/lib/voom/presenters/dsl/components/toggle_base.rb CHANGED
@@ -12,9 +12,9 @@ module Voom
12
12
  def initialize(**attribs_, &block)
13
13
  super(**attribs_, &block)
14
14
  @text = attribs.delete(:text)
15
- @checked = attribs.delete(:checked) || false
15
+ @checked = attribs.delete(:checked) { false }
16
16
  @value = attribs.delete(:value)
17
- @disabled = attribs.delete(:disabled) || false
17
+ @disabled = attribs.delete(:disabled) { false }
18
18
  end
19
19
  end
20
20
  end
data/lib/voom/presenters/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Voom
2
2
  module Presenters
3
- VERSION = '0.1.7'.freeze
3
+ VERSION = '0.1.8'.freeze
4
4
  end
5
5
  end
data/lib/voom/presenters/web_client/app.rb CHANGED
@@ -51,7 +51,7 @@ module Voom
51
51
  end
52
52
 
53
53
  def expand_text(text)
54
- self.markdown(Array(text).join("\n\n"))#.gsub("\n\n", "<br/>")
54
+ self.markdown(Array(text).join("\n\n")) #.gsub("\n\n", "<br/>")
55
55
  end
56
56
 
57
57
  def color_classname(comp)
@@ -63,14 +63,32 @@ module Voom
63
63
  "#{affects}color: #{comp.color};" unless %w(primary secondary).include?(comp.color.to_s) || comp.color.nil?
64
64
  end
65
65
 
66
- def snake_to_camel(hash, except:[])
67
- Hash[hash.map{ |k, v|
68
- next [k,v] if except.include?(k)
66
+ def snake_to_camel(hash, except: [])
67
+ Hash[hash.map {|k, v|
68
+ next [k, v] if except.include?(k)
69
69
  newKey = k.to_s.split('_').collect(&:capitalize).join
70
70
  newKey[0] = newKey[0].downcase
71
- [newKey, v] }
71
+ [newKey, v]}
72
72
  ]
73
73
  end
74
+
75
+ def to_hash(ostruct_or_hash)
76
+ {}.tap do |h|
77
+ ostruct_or_hash.to_h.each {|key, value| h[key.to_sym] = transform(value)}
78
+ end
79
+ end
80
+
81
+ def transform(thing)
82
+ case thing
83
+ when OpenStruct
84
+ to_hash(thing)
85
+ when Array
86
+ thing.map {|v| transform(v)}
87
+ else
88
+ thing
89
+ end
90
+ end
91
+
74
92
  end
75
93
 
76
94
  get '/' do
data/public/bundle.css CHANGED
@@ -5935,6 +5935,34 @@ iframe.heightSet {
5935
5935
  .demo-wrapper iframe {
5936
5936
  border: 1px solid rgba(0, 0, 0, 0.5); }
5937
5937
 
5938
+ .mdl-layout__header {
5939
+ background-color: #EBF0F4; }
5940
+ .mdl-layout__header .mdl-layout__header-row {
5941
+ background-color: #263138;
5942
+ color: #839098; }
5943
+ .mdl-layout__header .mdl-layout__drawer-button {
5944
+ background-color: #37424a; }
5945
+ .mdl-layout__header h1 {
5946
+ padding-left: 24px;
5947
+ color: #71818c;
5948
+ font-size: 30px; }
5949
+ .mdl-layout__header h1 i {
5950
+ font-size: 30px;
5951
+ vertical-align: middle; }
5952
+
5953
+ .mdl-layout__drawer {
5954
+ background-color: #37424a;
5955
+ border-right: 1px solid #37424a;
5956
+ color: #71818c; }
5957
+ .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
5958
+ color: #71818c; }
5959
+ .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.v-menu-item__selected {
5960
+ color: #a9b3ba;
5961
+ font-weight: bold; }
5962
+ .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
5963
+ background-color: #37424a;
5964
+ color: #a9b3ba; }
5965
+
5938
5966
  @keyframes mdc-ripple-fg-radius-in {
5939
5967
  from {
5940
5968
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -6009,7 +6037,7 @@ iframe.heightSet {
6009
6037
  --mdc-ripple-fg-scale: 1;
6010
6038
  --mdc-ripple-fg-translate-end: 0;
6011
6039
  --mdc-ripple-fg-translate-start: 0;
6012
- -webkit-tap-highlight-color: transparent;
6040
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6013
6041
  will-change: transform, opacity;
6014
6042
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
6015
6043
  display: inline-flex;
@@ -6028,7 +6056,7 @@ iframe.heightSet {
6028
6056
  -moz-appearance: none;
6029
6057
  -webkit-appearance: none;
6030
6058
  overflow: hidden;
6031
- background-color: #ffab40;
6059
+ background-color: #E58D36;
6032
6060
  color: rgba(0, 0, 0, 0.87);
6033
6061
  /* @alternate */
6034
6062
  color: var(--mdc-theme-text-primary-on-secondary, rgba(0, 0, 0, 0.87)); }
@@ -6083,7 +6111,7 @@ iframe.heightSet {
6083
6111
  @supports not (-ms-ime-align: auto) {
6084
6112
  .mdc-fab {
6085
6113
  /* @alternate */
6086
- background-color: var(--mdc-theme-secondary, #ffab40); } }
6114
+ background-color: var(--mdc-theme-secondary, #E58D36); } }
6087
6115
  .mdc-fab::before, .mdc-fab::after {
6088
6116
  background-color: rgba(0, 0, 0, 0.87); }
6089
6117
  @supports not (-ms-ime-align: auto) {
@@ -6327,7 +6355,7 @@ iframe.heightSet {
6327
6355
  --mdc-ripple-fg-scale: 1;
6328
6356
  --mdc-ripple-fg-translate-end: 0;
6329
6357
  --mdc-ripple-fg-translate-start: 0;
6330
- -webkit-tap-highlight-color: transparent;
6358
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6331
6359
  will-change: transform, opacity;
6332
6360
  padding-right: 8px;
6333
6361
  padding-left: 8px;
@@ -6397,15 +6425,15 @@ iframe.heightSet {
6397
6425
  .mdc-button:not(:disabled) {
6398
6426
  background-color: transparent; }
6399
6427
  .mdc-button:not(:disabled) {
6400
- color: #607d8b;
6428
+ color: #5488b2;
6401
6429
  /* @alternate */
6402
- color: var(--mdc-theme-primary, #607d8b); }
6430
+ color: var(--mdc-theme-primary, #5488b2); }
6403
6431
  .mdc-button::before, .mdc-button::after {
6404
- background-color: #607d8b; }
6432
+ background-color: #5488b2; }
6405
6433
  @supports not (-ms-ime-align: auto) {
6406
6434
  .mdc-button::before, .mdc-button::after {
6407
6435
  /* @alternate */
6408
- background-color: var(--mdc-theme-primary, #607d8b); } }
6436
+ background-color: var(--mdc-theme-primary, #5488b2); } }
6409
6437
  .mdc-button:hover::before {
6410
6438
  opacity: 0.04; }
6411
6439
  .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
@@ -6465,12 +6493,12 @@ iframe.heightSet {
6465
6493
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); }
6466
6494
  .mdc-button--raised:not(:disabled),
6467
6495
  .mdc-button--unelevated:not(:disabled) {
6468
- background-color: #607d8b; }
6496
+ background-color: #5488b2; }
6469
6497
  @supports not (-ms-ime-align: auto) {
6470
6498
  .mdc-button--raised:not(:disabled),
6471
6499
  .mdc-button--unelevated:not(:disabled) {
6472
6500
  /* @alternate */
6473
- background-color: var(--mdc-theme-primary, #607d8b); } }
6501
+ background-color: var(--mdc-theme-primary, #5488b2); } }
6474
6502
  .mdc-button--raised:not(:disabled),
6475
6503
  .mdc-button--unelevated:not(:disabled) {
6476
6504
  color: white;
@@ -6528,9 +6556,9 @@ iframe.heightSet {
6528
6556
  .mdc-button--stroked.mdc-button--dense {
6529
6557
  line-height: 27px; }
6530
6558
  .mdc-button--stroked:not(:disabled) {
6531
- border-color: #607d8b;
6559
+ border-color: #5488b2;
6532
6560
  /* @alternate */
6533
- border-color: var(--mdc-theme-primary, #607d8b); }
6561
+ border-color: var(--mdc-theme-primary, #5488b2); }
6534
6562
 
6535
6563
  .mdc-button--dense {
6536
6564
  height: 32px;
@@ -6538,7 +6566,7 @@ iframe.heightSet {
6538
6566
  line-height: 32px; }
6539
6567
 
6540
6568
  .mdc-button.v-secondary-filled-button:not(:disabled) {
6541
- background-color: #ffab40; }
6569
+ background-color: #E58D36; }
6542
6570
 
6543
6571
  .mdc-button.v-secondary-filled-button:not(:disabled) {
6544
6572
  color: rgba(0, 0, 0, 0.87);
@@ -6570,14 +6598,14 @@ iframe.heightSet {
6570
6598
  --mdc-ripple-fg-opacity: 0.16; }
6571
6599
 
6572
6600
  .mdc-button.v-secondary-text-button:not(:disabled) {
6573
- color: #ffab40; }
6601
+ color: #E58D36; }
6574
6602
 
6575
6603
  .mdc-button.v-secondary-text-button::before, .mdc-button.v-secondary-text-button::after {
6576
- background-color: #ffab40; }
6604
+ background-color: #E58D36; }
6577
6605
  @supports not (-ms-ime-align: auto) {
6578
6606
  .mdc-button.v-secondary-text-button::before, .mdc-button.v-secondary-text-button::after {
6579
6607
  /* @alternate */
6580
- background-color: var(--mdc-theme-secondary, #ffab40); } }
6608
+ background-color: var(--mdc-theme-secondary, #E58D36); } }
6581
6609
 
6582
6610
  .mdc-button.v-secondary-text-button:hover::before {
6583
6611
  opacity: 0.08; }
@@ -6863,7 +6891,7 @@ v-card-title-position-left {
6863
6891
  --mdc-ripple-fg-scale: 1;
6864
6892
  --mdc-ripple-fg-translate-end: 0;
6865
6893
  --mdc-ripple-fg-translate-start: 0;
6866
- -webkit-tap-highlight-color: transparent;
6894
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6867
6895
  will-change: transform, opacity; }
6868
6896
  .mdc-checkbox::before, .mdc-checkbox::after {
6869
6897
  position: absolute;
@@ -6892,11 +6920,11 @@ v-card-title-position-left {
6892
6920
  animation: 150ms mdc-ripple-fg-opacity-out;
6893
6921
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
6894
6922
  .mdc-checkbox::before, .mdc-checkbox::after {
6895
- background-color: #ffab40; }
6923
+ background-color: #E58D36; }
6896
6924
  @supports not (-ms-ime-align: auto) {
6897
6925
  .mdc-checkbox::before, .mdc-checkbox::after {
6898
6926
  /* @alternate */
6899
- background-color: var(--mdc-theme-secondary, #ffab40); } }
6927
+ background-color: var(--mdc-theme-secondary, #E58D36); } }
6900
6928
  .mdc-checkbox:hover::before {
6901
6929
  opacity: 0.08; }
6902
6930
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
@@ -6932,44 +6960,45 @@ v-card-title-position-left {
6932
6960
  background-color: white; }
6933
6961
 
6934
6962
  .mdc-checkbox__background::before {
6935
- background-color: #ffab40; }
6963
+ background-color: #E58D36; }
6936
6964
  @supports not (-ms-ime-align: auto) {
6937
6965
  .mdc-checkbox__background::before {
6938
6966
  /* @alternate */
6939
- background-color: var(--mdc-theme-secondary, #ffab40); } }
6967
+ background-color: var(--mdc-theme-secondary, #E58D36); } }
6940
6968
 
6941
6969
  .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
6942
6970
  border-color: rgba(0, 0, 0, 0.54);
6943
6971
  background-color: transparent; }
6944
6972
 
6945
- .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
6946
- border-color: #ffab40;
6973
+ .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
6974
+ .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
6975
+ border-color: #E58D36;
6947
6976
  /* @alternate */
6948
- border-color: var(--mdc-theme-secondary, #ffab40);
6949
- background-color: #ffab40;
6977
+ border-color: var(--mdc-theme-secondary, #E58D36);
6978
+ background-color: #E58D36;
6950
6979
  /* @alternate */
6951
- background-color: var(--mdc-theme-secondary, #ffab40); }
6980
+ background-color: var(--mdc-theme-secondary, #E58D36); }
6952
6981
 
6953
6982
  @keyframes mdc-checkbox-fade-in-background-0 {
6954
6983
  0% {
6955
6984
  border-color: rgba(0, 0, 0, 0.54);
6956
6985
  background-color: transparent; }
6957
6986
  50% {
6958
- border-color: #ffab40;
6987
+ border-color: #E58D36;
6959
6988
  /* @alternate */
6960
- border-color: var(--mdc-theme-secondary, #ffab40);
6961
- background-color: #ffab40;
6989
+ border-color: var(--mdc-theme-secondary, #E58D36);
6990
+ background-color: #E58D36;
6962
6991
  /* @alternate */
6963
- background-color: var(--mdc-theme-secondary, #ffab40); } }
6992
+ background-color: var(--mdc-theme-secondary, #E58D36); } }
6964
6993
 
6965
6994
  @keyframes mdc-checkbox-fade-out-background-0 {
6966
6995
  0%, 80% {
6967
- border-color: #ffab40;
6996
+ border-color: #E58D36;
6968
6997
  /* @alternate */
6969
- border-color: var(--mdc-theme-secondary, #ffab40);
6970
- background-color: #ffab40;
6998
+ border-color: var(--mdc-theme-secondary, #E58D36);
6999
+ background-color: #E58D36;
6971
7000
  /* @alternate */
6972
- background-color: var(--mdc-theme-secondary, #ffab40); }
7001
+ background-color: var(--mdc-theme-secondary, #E58D36); }
6973
7002
  100% {
6974
7003
  border-color: rgba(0, 0, 0, 0.54);
6975
7004
  background-color: transparent; } }
@@ -6983,7 +7012,8 @@ v-card-title-position-left {
6983
7012
  .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
6984
7013
  border-color: rgba(0, 0, 0, 0.26); }
6985
7014
 
6986
- .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
7015
+ .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
7016
+ .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
6987
7017
  border-color: transparent;
6988
7018
  background-color: rgba(0, 0, 0, 0.26); }
6989
7019
 
@@ -7240,88 +7270,112 @@ v-card-title-position-left {
7240
7270
  @supports (display: grid) {
7241
7271
  .mdc-layout-grid__cell {
7242
7272
  margin: 0; } }
7243
- .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop {
7273
+ .mdc-layout-grid__cell--span-1,
7274
+ .mdc-layout-grid__cell--span-1-desktop {
7244
7275
  width: calc(8.33333% - 24px);
7245
7276
  width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7246
7277
  @supports (display: grid) {
7247
- .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop {
7278
+ .mdc-layout-grid__cell--span-1,
7279
+ .mdc-layout-grid__cell--span-1-desktop {
7248
7280
  width: auto;
7249
7281
  grid-column-end: span 1; } }
7250
- .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop {
7282
+ .mdc-layout-grid__cell--span-2,
7283
+ .mdc-layout-grid__cell--span-2-desktop {
7251
7284
  width: calc(16.66667% - 24px);
7252
7285
  width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7253
7286
  @supports (display: grid) {
7254
- .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop {
7287
+ .mdc-layout-grid__cell--span-2,
7288
+ .mdc-layout-grid__cell--span-2-desktop {
7255
7289
  width: auto;
7256
7290
  grid-column-end: span 2; } }
7257
- .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop {
7291
+ .mdc-layout-grid__cell--span-3,
7292
+ .mdc-layout-grid__cell--span-3-desktop {
7258
7293
  width: calc(25% - 24px);
7259
7294
  width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7260
7295
  @supports (display: grid) {
7261
- .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop {
7296
+ .mdc-layout-grid__cell--span-3,
7297
+ .mdc-layout-grid__cell--span-3-desktop {
7262
7298
  width: auto;
7263
7299
  grid-column-end: span 3; } }
7264
- .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop {
7300
+ .mdc-layout-grid__cell--span-4,
7301
+ .mdc-layout-grid__cell--span-4-desktop {
7265
7302
  width: calc(33.33333% - 24px);
7266
7303
  width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7267
7304
  @supports (display: grid) {
7268
- .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop {
7305
+ .mdc-layout-grid__cell--span-4,
7306
+ .mdc-layout-grid__cell--span-4-desktop {
7269
7307
  width: auto;
7270
7308
  grid-column-end: span 4; } }
7271
- .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop {
7309
+ .mdc-layout-grid__cell--span-5,
7310
+ .mdc-layout-grid__cell--span-5-desktop {
7272
7311
  width: calc(41.66667% - 24px);
7273
7312
  width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7274
7313
  @supports (display: grid) {
7275
- .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop {
7314
+ .mdc-layout-grid__cell--span-5,
7315
+ .mdc-layout-grid__cell--span-5-desktop {
7276
7316
  width: auto;
7277
7317
  grid-column-end: span 5; } }
7278
- .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop {
7318
+ .mdc-layout-grid__cell--span-6,
7319
+ .mdc-layout-grid__cell--span-6-desktop {
7279
7320
  width: calc(50% - 24px);
7280
7321
  width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7281
7322
  @supports (display: grid) {
7282
- .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop {
7323
+ .mdc-layout-grid__cell--span-6,
7324
+ .mdc-layout-grid__cell--span-6-desktop {
7283
7325
  width: auto;
7284
7326
  grid-column-end: span 6; } }
7285
- .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop {
7327
+ .mdc-layout-grid__cell--span-7,
7328
+ .mdc-layout-grid__cell--span-7-desktop {
7286
7329
  width: calc(58.33333% - 24px);
7287
7330
  width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7288
7331
  @supports (display: grid) {
7289
- .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop {
7332
+ .mdc-layout-grid__cell--span-7,
7333
+ .mdc-layout-grid__cell--span-7-desktop {
7290
7334
  width: auto;
7291
7335
  grid-column-end: span 7; } }
7292
- .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop {
7336
+ .mdc-layout-grid__cell--span-8,
7337
+ .mdc-layout-grid__cell--span-8-desktop {
7293
7338
  width: calc(66.66667% - 24px);
7294
7339
  width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7295
7340
  @supports (display: grid) {
7296
- .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop {
7341
+ .mdc-layout-grid__cell--span-8,
7342
+ .mdc-layout-grid__cell--span-8-desktop {
7297
7343
  width: auto;
7298
7344
  grid-column-end: span 8; } }
7299
- .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop {
7345
+ .mdc-layout-grid__cell--span-9,
7346
+ .mdc-layout-grid__cell--span-9-desktop {
7300
7347
  width: calc(75% - 24px);
7301
7348
  width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7302
7349
  @supports (display: grid) {
7303
- .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop {
7350
+ .mdc-layout-grid__cell--span-9,
7351
+ .mdc-layout-grid__cell--span-9-desktop {
7304
7352
  width: auto;
7305
7353
  grid-column-end: span 9; } }
7306
- .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop {
7354
+ .mdc-layout-grid__cell--span-10,
7355
+ .mdc-layout-grid__cell--span-10-desktop {
7307
7356
  width: calc(83.33333% - 24px);
7308
7357
  width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7309
7358
  @supports (display: grid) {
7310
- .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop {
7359
+ .mdc-layout-grid__cell--span-10,
7360
+ .mdc-layout-grid__cell--span-10-desktop {
7311
7361
  width: auto;
7312
7362
  grid-column-end: span 10; } }
7313
- .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop {
7363
+ .mdc-layout-grid__cell--span-11,
7364
+ .mdc-layout-grid__cell--span-11-desktop {
7314
7365
  width: calc(91.66667% - 24px);
7315
7366
  width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7316
7367
  @supports (display: grid) {
7317
- .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop {
7368
+ .mdc-layout-grid__cell--span-11,
7369
+ .mdc-layout-grid__cell--span-11-desktop {
7318
7370
  width: auto;
7319
7371
  grid-column-end: span 11; } }
7320
- .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop {
7372
+ .mdc-layout-grid__cell--span-12,
7373
+ .mdc-layout-grid__cell--span-12-desktop {
7321
7374
  width: calc(100% - 24px);
7322
7375
  width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
7323
7376
  @supports (display: grid) {
7324
- .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop {
7377
+ .mdc-layout-grid__cell--span-12,
7378
+ .mdc-layout-grid__cell--span-12-desktop {
7325
7379
  width: auto;
7326
7380
  grid-column-end: span 12; } } }
7327
7381
 
@@ -7339,88 +7393,112 @@ v-card-title-position-left {
7339
7393
  @supports (display: grid) {
7340
7394
  .mdc-layout-grid__cell {
7341
7395
  margin: 0; } }
7342
- .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet {
7396
+ .mdc-layout-grid__cell--span-1,
7397
+ .mdc-layout-grid__cell--span-1-tablet {
7343
7398
  width: calc(12.5% - 16px);
7344
7399
  width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7345
7400
  @supports (display: grid) {
7346
- .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet {
7401
+ .mdc-layout-grid__cell--span-1,
7402
+ .mdc-layout-grid__cell--span-1-tablet {
7347
7403
  width: auto;
7348
7404
  grid-column-end: span 1; } }
7349
- .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet {
7405
+ .mdc-layout-grid__cell--span-2,
7406
+ .mdc-layout-grid__cell--span-2-tablet {
7350
7407
  width: calc(25% - 16px);
7351
7408
  width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7352
7409
  @supports (display: grid) {
7353
- .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet {
7410
+ .mdc-layout-grid__cell--span-2,
7411
+ .mdc-layout-grid__cell--span-2-tablet {
7354
7412
  width: auto;
7355
7413
  grid-column-end: span 2; } }
7356
- .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet {
7414
+ .mdc-layout-grid__cell--span-3,
7415
+ .mdc-layout-grid__cell--span-3-tablet {
7357
7416
  width: calc(37.5% - 16px);
7358
7417
  width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7359
7418
  @supports (display: grid) {
7360
- .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet {
7419
+ .mdc-layout-grid__cell--span-3,
7420
+ .mdc-layout-grid__cell--span-3-tablet {
7361
7421
  width: auto;
7362
7422
  grid-column-end: span 3; } }
7363
- .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet {
7423
+ .mdc-layout-grid__cell--span-4,
7424
+ .mdc-layout-grid__cell--span-4-tablet {
7364
7425
  width: calc(50% - 16px);
7365
7426
  width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7366
7427
  @supports (display: grid) {
7367
- .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet {
7428
+ .mdc-layout-grid__cell--span-4,
7429
+ .mdc-layout-grid__cell--span-4-tablet {
7368
7430
  width: auto;
7369
7431
  grid-column-end: span 4; } }
7370
- .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet {
7432
+ .mdc-layout-grid__cell--span-5,
7433
+ .mdc-layout-grid__cell--span-5-tablet {
7371
7434
  width: calc(62.5% - 16px);
7372
7435
  width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7373
7436
  @supports (display: grid) {
7374
- .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet {
7437
+ .mdc-layout-grid__cell--span-5,
7438
+ .mdc-layout-grid__cell--span-5-tablet {
7375
7439
  width: auto;
7376
7440
  grid-column-end: span 5; } }
7377
- .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet {
7441
+ .mdc-layout-grid__cell--span-6,
7442
+ .mdc-layout-grid__cell--span-6-tablet {
7378
7443
  width: calc(75% - 16px);
7379
7444
  width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7380
7445
  @supports (display: grid) {
7381
- .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet {
7446
+ .mdc-layout-grid__cell--span-6,
7447
+ .mdc-layout-grid__cell--span-6-tablet {
7382
7448
  width: auto;
7383
7449
  grid-column-end: span 6; } }
7384
- .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet {
7450
+ .mdc-layout-grid__cell--span-7,
7451
+ .mdc-layout-grid__cell--span-7-tablet {
7385
7452
  width: calc(87.5% - 16px);
7386
7453
  width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7387
7454
  @supports (display: grid) {
7388
- .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet {
7455
+ .mdc-layout-grid__cell--span-7,
7456
+ .mdc-layout-grid__cell--span-7-tablet {
7389
7457
  width: auto;
7390
7458
  grid-column-end: span 7; } }
7391
- .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet {
7459
+ .mdc-layout-grid__cell--span-8,
7460
+ .mdc-layout-grid__cell--span-8-tablet {
7392
7461
  width: calc(100% - 16px);
7393
7462
  width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7394
7463
  @supports (display: grid) {
7395
- .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet {
7464
+ .mdc-layout-grid__cell--span-8,
7465
+ .mdc-layout-grid__cell--span-8-tablet {
7396
7466
  width: auto;
7397
7467
  grid-column-end: span 8; } }
7398
- .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet {
7468
+ .mdc-layout-grid__cell--span-9,
7469
+ .mdc-layout-grid__cell--span-9-tablet {
7399
7470
  width: calc(100% - 16px);
7400
7471
  width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7401
7472
  @supports (display: grid) {
7402
- .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet {
7473
+ .mdc-layout-grid__cell--span-9,
7474
+ .mdc-layout-grid__cell--span-9-tablet {
7403
7475
  width: auto;
7404
7476
  grid-column-end: span 8; } }
7405
- .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet {
7477
+ .mdc-layout-grid__cell--span-10,
7478
+ .mdc-layout-grid__cell--span-10-tablet {
7406
7479
  width: calc(100% - 16px);
7407
7480
  width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7408
7481
  @supports (display: grid) {
7409
- .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet {
7482
+ .mdc-layout-grid__cell--span-10,
7483
+ .mdc-layout-grid__cell--span-10-tablet {
7410
7484
  width: auto;
7411
7485
  grid-column-end: span 8; } }
7412
- .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet {
7486
+ .mdc-layout-grid__cell--span-11,
7487
+ .mdc-layout-grid__cell--span-11-tablet {
7413
7488
  width: calc(100% - 16px);
7414
7489
  width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7415
7490
  @supports (display: grid) {
7416
- .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet {
7491
+ .mdc-layout-grid__cell--span-11,
7492
+ .mdc-layout-grid__cell--span-11-tablet {
7417
7493
  width: auto;
7418
7494
  grid-column-end: span 8; } }
7419
- .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet {
7495
+ .mdc-layout-grid__cell--span-12,
7496
+ .mdc-layout-grid__cell--span-12-tablet {
7420
7497
  width: calc(100% - 16px);
7421
7498
  width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
7422
7499
  @supports (display: grid) {
7423
- .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet {
7500
+ .mdc-layout-grid__cell--span-12,
7501
+ .mdc-layout-grid__cell--span-12-tablet {
7424
7502
  width: auto;
7425
7503
  grid-column-end: span 8; } } }
7426
7504
 
@@ -7438,88 +7516,112 @@ v-card-title-position-left {
7438
7516
  @supports (display: grid) {
7439
7517
  .mdc-layout-grid__cell {
7440
7518
  margin: 0; } }
7441
- .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone {
7519
+ .mdc-layout-grid__cell--span-1,
7520
+ .mdc-layout-grid__cell--span-1-phone {
7442
7521
  width: calc(25% - 16px);
7443
7522
  width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7444
7523
  @supports (display: grid) {
7445
- .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone {
7524
+ .mdc-layout-grid__cell--span-1,
7525
+ .mdc-layout-grid__cell--span-1-phone {
7446
7526
  width: auto;
7447
7527
  grid-column-end: span 1; } }
7448
- .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone {
7528
+ .mdc-layout-grid__cell--span-2,
7529
+ .mdc-layout-grid__cell--span-2-phone {
7449
7530
  width: calc(50% - 16px);
7450
7531
  width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7451
7532
  @supports (display: grid) {
7452
- .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone {
7533
+ .mdc-layout-grid__cell--span-2,
7534
+ .mdc-layout-grid__cell--span-2-phone {
7453
7535
  width: auto;
7454
7536
  grid-column-end: span 2; } }
7455
- .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone {
7537
+ .mdc-layout-grid__cell--span-3,
7538
+ .mdc-layout-grid__cell--span-3-phone {
7456
7539
  width: calc(75% - 16px);
7457
7540
  width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7458
7541
  @supports (display: grid) {
7459
- .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone {
7542
+ .mdc-layout-grid__cell--span-3,
7543
+ .mdc-layout-grid__cell--span-3-phone {
7460
7544
  width: auto;
7461
7545
  grid-column-end: span 3; } }
7462
- .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone {
7546
+ .mdc-layout-grid__cell--span-4,
7547
+ .mdc-layout-grid__cell--span-4-phone {
7463
7548
  width: calc(100% - 16px);
7464
7549
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7465
7550
  @supports (display: grid) {
7466
- .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone {
7551
+ .mdc-layout-grid__cell--span-4,
7552
+ .mdc-layout-grid__cell--span-4-phone {
7467
7553
  width: auto;
7468
7554
  grid-column-end: span 4; } }
7469
- .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone {
7555
+ .mdc-layout-grid__cell--span-5,
7556
+ .mdc-layout-grid__cell--span-5-phone {
7470
7557
  width: calc(100% - 16px);
7471
7558
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7472
7559
  @supports (display: grid) {
7473
- .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone {
7560
+ .mdc-layout-grid__cell--span-5,
7561
+ .mdc-layout-grid__cell--span-5-phone {
7474
7562
  width: auto;
7475
7563
  grid-column-end: span 4; } }
7476
- .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone {
7564
+ .mdc-layout-grid__cell--span-6,
7565
+ .mdc-layout-grid__cell--span-6-phone {
7477
7566
  width: calc(100% - 16px);
7478
7567
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7479
7568
  @supports (display: grid) {
7480
- .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone {
7569
+ .mdc-layout-grid__cell--span-6,
7570
+ .mdc-layout-grid__cell--span-6-phone {
7481
7571
  width: auto;
7482
7572
  grid-column-end: span 4; } }
7483
- .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone {
7573
+ .mdc-layout-grid__cell--span-7,
7574
+ .mdc-layout-grid__cell--span-7-phone {
7484
7575
  width: calc(100% - 16px);
7485
7576
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7486
7577
  @supports (display: grid) {
7487
- .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone {
7578
+ .mdc-layout-grid__cell--span-7,
7579
+ .mdc-layout-grid__cell--span-7-phone {
7488
7580
  width: auto;
7489
7581
  grid-column-end: span 4; } }
7490
- .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone {
7582
+ .mdc-layout-grid__cell--span-8,
7583
+ .mdc-layout-grid__cell--span-8-phone {
7491
7584
  width: calc(100% - 16px);
7492
7585
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7493
7586
  @supports (display: grid) {
7494
- .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone {
7587
+ .mdc-layout-grid__cell--span-8,
7588
+ .mdc-layout-grid__cell--span-8-phone {
7495
7589
  width: auto;
7496
7590
  grid-column-end: span 4; } }
7497
- .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone {
7591
+ .mdc-layout-grid__cell--span-9,
7592
+ .mdc-layout-grid__cell--span-9-phone {
7498
7593
  width: calc(100% - 16px);
7499
7594
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7500
7595
  @supports (display: grid) {
7501
- .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone {
7596
+ .mdc-layout-grid__cell--span-9,
7597
+ .mdc-layout-grid__cell--span-9-phone {
7502
7598
  width: auto;
7503
7599
  grid-column-end: span 4; } }
7504
- .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone {
7600
+ .mdc-layout-grid__cell--span-10,
7601
+ .mdc-layout-grid__cell--span-10-phone {
7505
7602
  width: calc(100% - 16px);
7506
7603
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7507
7604
  @supports (display: grid) {
7508
- .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone {
7605
+ .mdc-layout-grid__cell--span-10,
7606
+ .mdc-layout-grid__cell--span-10-phone {
7509
7607
  width: auto;
7510
7608
  grid-column-end: span 4; } }
7511
- .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone {
7609
+ .mdc-layout-grid__cell--span-11,
7610
+ .mdc-layout-grid__cell--span-11-phone {
7512
7611
  width: calc(100% - 16px);
7513
7612
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7514
7613
  @supports (display: grid) {
7515
- .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone {
7614
+ .mdc-layout-grid__cell--span-11,
7615
+ .mdc-layout-grid__cell--span-11-phone {
7516
7616
  width: auto;
7517
7617
  grid-column-end: span 4; } }
7518
- .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone {
7618
+ .mdc-layout-grid__cell--span-12,
7619
+ .mdc-layout-grid__cell--span-12-phone {
7519
7620
  width: calc(100% - 16px);
7520
7621
  width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
7521
7622
  @supports (display: grid) {
7522
- .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone {
7623
+ .mdc-layout-grid__cell--span-12,
7624
+ .mdc-layout-grid__cell--span-12-phone {
7523
7625
  width: auto;
7524
7626
  grid-column-end: span 4; } } }
7525
7627
 
@@ -8036,9 +8138,9 @@ v-card-title-position-left {
8036
8138
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
8037
8139
  border-bottom-color: black; }
8038
8140
  .mdc-text-field .mdc-line-ripple {
8039
- background-color: #607d8b;
8141
+ background-color: #5488b2;
8040
8142
  /* @alternate */
8041
- background-color: var(--mdc-theme-primary, #607d8b); }
8143
+ background-color: var(--mdc-theme-primary, #5488b2); }
8042
8144
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
8043
8145
  color: rgba(0, 0, 0, 0.87);
8044
8146
  /* @alternate */
@@ -8095,9 +8197,9 @@ v-card-title-position-left {
8095
8197
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path {
8096
8198
  stroke: rgba(0, 0, 0, 0.87); }
8097
8199
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
8098
- stroke: #607d8b;
8200
+ stroke: #5488b2;
8099
8201
  /* @alternate */
8100
- stroke: var(--mdc-theme-primary, #607d8b); }
8202
+ stroke: var(--mdc-theme-primary, #5488b2); }
8101
8203
  .mdc-text-field--outlined .mdc-floating-label--float-above {
8102
8204
  transform: translateY(-130%) scale(0.75); }
8103
8205
  .mdc-text-field--outlined .mdc-floating-label--shake {
@@ -8164,7 +8266,7 @@ v-card-title-position-left {
8164
8266
  --mdc-ripple-fg-scale: 1;
8165
8267
  --mdc-ripple-fg-translate-end: 0;
8166
8268
  --mdc-ripple-fg-translate-start: 0;
8167
- -webkit-tap-highlight-color: transparent;
8269
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
8168
8270
  will-change: transform, opacity;
8169
8271
  border-radius: 4px 4px 0 0;
8170
8272
  display: inline-flex;
@@ -8499,14 +8601,14 @@ v-card-title-position-left {
8499
8601
  align-self: flex-start; }
8500
8602
 
8501
8603
  .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
8502
- color: #607d8b;
8604
+ color: #5488b2;
8503
8605
  /* @alternate */
8504
- color: var(--mdc-theme-primary, #607d8b); }
8606
+ color: var(--mdc-theme-primary, #5488b2); }
8505
8607
 
8506
8608
  .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
8507
- color: #607d8b;
8609
+ color: #5488b2;
8508
8610
  /* @alternate */
8509
- color: var(--mdc-theme-primary, #607d8b); }
8611
+ color: var(--mdc-theme-primary, #5488b2); }
8510
8612
 
8511
8613
  .mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after {
8512
8614
  color: #d50000; }
@@ -8515,13 +8617,13 @@ v-card-title-position-left {
8515
8617
  opacity: 1; }
8516
8618
 
8517
8619
  .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) {
8518
- border-color: #607d8b;
8620
+ border-color: #5488b2;
8519
8621
  /* @alternate */
8520
- border-color: var(--mdc-theme-primary, #607d8b); }
8622
+ border-color: var(--mdc-theme-primary, #5488b2); }
8521
8623
  .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
8522
- border-color: #607d8b;
8624
+ border-color: #5488b2;
8523
8625
  /* @alternate */
8524
- border-color: var(--mdc-theme-primary, #607d8b); }
8626
+ border-color: var(--mdc-theme-primary, #5488b2); }
8525
8627
 
8526
8628
  .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
8527
8629
  border-bottom-color: #d50000; }
@@ -9054,14 +9156,14 @@ v-card-title-position-left {
9054
9156
 
9055
9157
  .mdc-list-item--selected,
9056
9158
  .mdc-list-item--activated {
9057
- color: #607d8b;
9159
+ color: #5488b2;
9058
9160
  /* @alternate */
9059
- color: var(--mdc-theme-primary, #607d8b); }
9161
+ color: var(--mdc-theme-primary, #5488b2); }
9060
9162
  .mdc-list-item--selected .mdc-list-item__graphic,
9061
9163
  .mdc-list-item--activated .mdc-list-item__graphic {
9062
- color: #607d8b;
9164
+ color: #5488b2;
9063
9165
  /* @alternate */
9064
- color: var(--mdc-theme-primary, #607d8b); }
9166
+ color: var(--mdc-theme-primary, #5488b2); }
9065
9167
 
9066
9168
  .mdc-list-item__graphic {
9067
9169
  /* @noflip */
@@ -9156,7 +9258,7 @@ v-card-title-position-left {
9156
9258
  --mdc-ripple-fg-scale: 1;
9157
9259
  --mdc-ripple-fg-translate-end: 0;
9158
9260
  --mdc-ripple-fg-translate-start: 0;
9159
- -webkit-tap-highlight-color: transparent;
9261
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9160
9262
  will-change: transform, opacity; }
9161
9263
  :not(.mdc-list--non-interactive) > .mdc-list-item::before, :not(.mdc-list--non-interactive) > .mdc-list-item::after {
9162
9264
  position: absolute;
@@ -9210,11 +9312,11 @@ v-card-title-position-left {
9210
9312
  :not(.mdc-list--non-interactive) > .mdc-list-item--activated::before {
9211
9313
  opacity: 0.12; }
9212
9314
  :not(.mdc-list--non-interactive) > .mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > .mdc-list-item--activated::after {
9213
- background-color: #607d8b; }
9315
+ background-color: #5488b2; }
9214
9316
  @supports not (-ms-ime-align: auto) {
9215
9317
  :not(.mdc-list--non-interactive) > .mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > .mdc-list-item--activated::after {
9216
9318
  /* @alternate */
9217
- background-color: var(--mdc-theme-primary, #607d8b); } }
9319
+ background-color: var(--mdc-theme-primary, #5488b2); } }
9218
9320
  :not(.mdc-list--non-interactive) > .mdc-list-item--activated:hover::before {
9219
9321
  opacity: 0.16; }
9220
9322
  :not(.mdc-list--non-interactive) > .mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
@@ -9230,11 +9332,11 @@ v-card-title-position-left {
9230
9332
  :not(.mdc-list--non-interactive) > .mdc-list-item--selected::before {
9231
9333
  opacity: 0.08; }
9232
9334
  :not(.mdc-list--non-interactive) > .mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > .mdc-list-item--selected::after {
9233
- background-color: #607d8b; }
9335
+ background-color: #5488b2; }
9234
9336
  @supports not (-ms-ime-align: auto) {
9235
9337
  :not(.mdc-list--non-interactive) > .mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > .mdc-list-item--selected::after {
9236
9338
  /* @alternate */
9237
- background-color: var(--mdc-theme-primary, #607d8b); } }
9339
+ background-color: var(--mdc-theme-primary, #5488b2); } }
9238
9340
  :not(.mdc-list--non-interactive) > .mdc-list-item--selected:hover::before {
9239
9341
  opacity: 0.12; }
9240
9342
  :not(.mdc-list--non-interactive) > .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
@@ -9330,6 +9432,14 @@ a.mdc-list-item {
9330
9432
  /* @alternate */
9331
9433
  background-color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }
9332
9434
 
9435
+ .v-list-item--header {
9436
+ background-color: #F5F5F5; }
9437
+
9438
+ #list-item-select-all-header {
9439
+ height: 45px; }
9440
+ #list-item-select-all-header > span {
9441
+ margin: auto; }
9442
+
9333
9443
  /** postcss-bem-linter: define icon-toggle */
9334
9444
  .mdc-icon-toggle {
9335
9445
  --mdc-ripple-fg-size: 0;
@@ -9338,7 +9448,7 @@ a.mdc-list-item {
9338
9448
  --mdc-ripple-fg-scale: 1;
9339
9449
  --mdc-ripple-fg-translate-end: 0;
9340
9450
  --mdc-ripple-fg-translate-start: 0;
9341
- -webkit-tap-highlight-color: transparent;
9451
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9342
9452
  will-change: transform, opacity;
9343
9453
  color: rgba(0, 0, 0, 0.87);
9344
9454
  /* @alternate */
@@ -9430,7 +9540,7 @@ a.mdc-list-item {
9430
9540
  color: black; }
9431
9541
 
9432
9542
  .v-toggle-icon--on {
9433
- color: #607d8b; }
9543
+ color: #5488b2; }
9434
9544
 
9435
9545
  /**
9436
9546
  * The css property used for elevation. In most cases this should not be changed. It is exposed
@@ -10104,15 +10214,15 @@ a.mdc-list-item {
10104
10214
  .mdc-select:not(.mdc-select--disabled) .mdc-select__bottom-line {
10105
10215
  background-color: rgba(0, 0, 0, 0.5); }
10106
10216
  .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-select__bottom-line {
10107
- background-color: #607d8b;
10217
+ background-color: #5488b2;
10108
10218
  /* @alternate */
10109
- background-color: var(--mdc-theme-primary, #607d8b); }
10219
+ background-color: var(--mdc-theme-primary, #5488b2); }
10110
10220
  .mdc-select:not(.mdc-select--disabled) .mdc-select__bottom-line::after {
10111
- background-color: #607d8b;
10221
+ background-color: #5488b2;
10112
10222
  /* @alternate */
10113
- background-color: var(--mdc-theme-primary, #607d8b); }
10223
+ background-color: var(--mdc-theme-primary, #5488b2); }
10114
10224
  .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-select__label {
10115
- color: rgba(96, 125, 139, 0.87); }
10225
+ color: rgba(84, 136, 178, 0.87); }
10116
10226
  [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] {
10117
10227
  background-position: left 8px bottom 12px; }
10118
10228
  .mdc-select__native-control {
@@ -10158,7 +10268,7 @@ a.mdc-list-item {
10158
10268
  --mdc-ripple-fg-scale: 1;
10159
10269
  --mdc-ripple-fg-translate-end: 0;
10160
10270
  --mdc-ripple-fg-translate-start: 0;
10161
- -webkit-tap-highlight-color: transparent;
10271
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
10162
10272
  will-change: transform, opacity;
10163
10273
  height: 56px;
10164
10274
  border-radius: 4px 4px 0 0;
@@ -10282,7 +10392,7 @@ select {
10282
10392
  --mdc-ripple-fg-scale: 1;
10283
10393
  --mdc-ripple-fg-translate-end: 0;
10284
10394
  --mdc-ripple-fg-translate-start: 0;
10285
- -webkit-tap-highlight-color: transparent;
10395
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
10286
10396
  will-change: transform, opacity;
10287
10397
  border-radius: 16px;
10288
10398
  background-color: rgba(0, 0, 0, 0.08);
@@ -10348,11 +10458,11 @@ select {
10348
10458
  .mdc-chip.mdc-chip--selected::before {
10349
10459
  opacity: 0.08; }
10350
10460
  .mdc-chip.mdc-chip--selected::before, .mdc-chip.mdc-chip--selected::after {
10351
- background-color: #607d8b; }
10461
+ background-color: #5488b2; }
10352
10462
  @supports not (-ms-ime-align: auto) {
10353
10463
  .mdc-chip.mdc-chip--selected::before, .mdc-chip.mdc-chip--selected::after {
10354
10464
  /* @alternate */
10355
- background-color: var(--mdc-theme-primary, #607d8b); } }
10465
+ background-color: var(--mdc-theme-primary, #5488b2); } }
10356
10466
  .mdc-chip.mdc-chip--selected:hover::before {
10357
10467
  opacity: 0.12; }
10358
10468
  .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before {
@@ -10366,17 +10476,17 @@ select {
10366
10476
  .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
10367
10477
  --mdc-ripple-fg-opacity: 0.24; }
10368
10478
  .mdc-chip.mdc-chip--selected {
10369
- color: #607d8b;
10479
+ color: #5488b2;
10370
10480
  /* @alternate */
10371
- color: var(--mdc-theme-primary, #607d8b); }
10481
+ color: var(--mdc-theme-primary, #5488b2); }
10372
10482
  .mdc-chip.mdc-chip--selected:hover {
10373
- color: #607d8b;
10483
+ color: #5488b2;
10374
10484
  /* @alternate */
10375
- color: var(--mdc-theme-primary, #607d8b); }
10485
+ color: var(--mdc-theme-primary, #5488b2); }
10376
10486
  .mdc-chip .mdc-chip__checkmark-path {
10377
- stroke: #607d8b;
10487
+ stroke: #5488b2;
10378
10488
  /* @alternate */
10379
- stroke: var(--mdc-theme-primary, #607d8b); }
10489
+ stroke: var(--mdc-theme-primary, #5488b2); }
10380
10490
  .mdc-chip:hover {
10381
10491
  color: black; }
10382
10492
 
@@ -10464,14 +10574,14 @@ select {
10464
10574
  padding-left: 0; }
10465
10575
 
10466
10576
  .v-chip__primary {
10467
- background-color: #607d8b; }
10577
+ background-color: #5488b2; }
10468
10578
  .v-chip__primary:not(:disabled) {
10469
10579
  color: white;
10470
10580
  /* @alternate */
10471
10581
  color: var(--mdc-theme-text-primary-on-dark, white); }
10472
10582
 
10473
10583
  .v-chip__secondary {
10474
- background-color: #ffab40; }
10584
+ background-color: #E58D36; }
10475
10585
 
10476
10586
  /**
10477
10587
  * The css property used for elevation. In most cases this should not be changed. It is exposed
@@ -10706,7 +10816,7 @@ select {
10706
10816
  --mdc-ripple-fg-scale: 1;
10707
10817
  --mdc-ripple-fg-translate-end: 0;
10708
10818
  --mdc-ripple-fg-translate-start: 0;
10709
- -webkit-tap-highlight-color: transparent;
10819
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
10710
10820
  will-change: transform, opacity;
10711
10821
  display: flex;
10712
10822
  flex-direction: column;
@@ -11191,9 +11301,9 @@ select {
11191
11301
  letter-spacing: 0.04em;
11192
11302
  text-decoration: none;
11193
11303
  text-transform: uppercase;
11194
- color: #ffab40;
11304
+ color: #E58D36;
11195
11305
  /* @alternate */
11196
- color: var(--mdc-theme-secondary, #ffab40);
11306
+ color: var(--mdc-theme-secondary, #E58D36);
11197
11307
  padding: 0;
11198
11308
  transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
11199
11309
  border: none;
@@ -11401,10 +11511,10 @@ form .mdl-switch {
11401
11511
  font-size: 24px; }
11402
11512
 
11403
11513
  .v-icon__primary {
11404
- color: #607d8b; }
11514
+ color: #5488b2; }
11405
11515
 
11406
11516
  .v-icon__secondary {
11407
- color: #ffab40; }
11517
+ color: #E58D36; }
11408
11518
 
11409
11519
  .flatpickr-calendar {
11410
11520
  background: transparent;
@@ -12079,6 +12189,9 @@ span.flatpickr-weekday {
12079
12189
  padding-right: 48px;
12080
12190
  padding-left: 48px; }
12081
12191
 
12192
+ i:focus.v-datetime--clear {
12193
+ outline: none; }
12194
+
12082
12195
  .v-actionable {
12083
12196
  cursor: pointer; }
12084
12197