playbook_ui 10.15.0 → 10.17.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/pb_background/background.test.js +22 -0
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +3 -0
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +3 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb +26 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx +37 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_caption/_caption.jsx +17 -4
- data/app/pb_kits/playbook/pb_caption/_caption.scss +25 -8
- data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +17 -0
- data/app/pb_kits/playbook/pb_caption/caption.rb +5 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_example.html.erb +3 -0
- data/app/pb_kits/playbook/pb_caption/docs/_caption_example.jsx +27 -0
- data/app/pb_kits/playbook/pb_caption/docs/_caption_example.md +1 -0
- data/app/pb_kits/playbook/pb_caption/docs/example.yml +7 -4
- data/app/pb_kits/playbook/pb_caption/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_card/_card.jsx +1 -3
- data/app/pb_kits/playbook/pb_card/_card.scss +0 -6
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -8
- data/app/pb_kits/playbook/pb_card/card.html.erb +2 -0
- data/app/pb_kits/playbook/pb_card/card.rb +0 -8
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx +3 -0
- data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +6 -0
- data/app/pb_kits/playbook/pb_docs/kit_example.rb +4 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb +4 -0
- data/app/pb_kits/playbook/pb_flex/_flex.jsx +4 -0
- data/app/pb_kits/playbook/pb_flex/_flex.scss +17 -1
- data/app/pb_kits/playbook/pb_flex/_flex_item.jsx +6 -2
- data/app/pb_kits/playbook/pb_flex/_flex_item.scss +22 -0
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb +12 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item.md +2 -0
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.html.erb +89 -0
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +210 -0
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.md +5 -0
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +27 -0
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md +2 -0
- data/app/pb_kits/playbook/pb_flex/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_flex/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_flex/flex.rb +14 -1
- data/app/pb_kits/playbook/pb_flex/flex_item.rb +16 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +4 -0
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +2 -0
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +4 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb +26 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx +37 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md +2 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +3 -0
- data/app/pb_kits/playbook/pb_list/list.rb +2 -0
- data/app/pb_kits/playbook/pb_select/select.rb +3 -0
- data/app/pb_kits/playbook/pb_source/source.rb +3 -0
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -0
- data/app/pb_kits/playbook/plugins/pb_chart.js +4 -3
- data/app/pb_kits/playbook/utilities/_shadow.scss +11 -0
- data/app/pb_kits/playbook/utilities/globalProps.js +7 -1
- data/lib/playbook/classnames.rb +1 -0
- data/lib/playbook/kit_base.rb +2 -0
- data/lib/playbook/markdown/helper.rb +2 -2
- data/lib/playbook/pb_doc_helper.rb +4 -0
- data/lib/playbook/props/base.rb +2 -2
- data/lib/playbook/shadow.rb +29 -0
- data/lib/playbook/version.rb +2 -2
- data/lib/playbook.rb +1 -0
- metadata +40 -25
@@ -74,7 +74,7 @@ class pbChart {
|
|
74
74
|
} else if (this.options.type == 'gauge') {
|
75
75
|
this.setupGauge()
|
76
76
|
} else {
|
77
|
-
this.setupChart()
|
77
|
+
this.setupChart(options)
|
78
78
|
}
|
79
79
|
}
|
80
80
|
|
@@ -155,6 +155,7 @@ class pbChart {
|
|
155
155
|
text: this.defaults.title,
|
156
156
|
},
|
157
157
|
chart: {
|
158
|
+
height: this.defaults.height,
|
158
159
|
type: this.defaults.type,
|
159
160
|
events: {
|
160
161
|
render: (event) => alignBlockElement(event),
|
@@ -172,7 +173,6 @@ class pbChart {
|
|
172
173
|
format: this.defaults.dataLabelHtml,
|
173
174
|
},
|
174
175
|
showInLegend: this.defaults.showInLegend,
|
175
|
-
|
176
176
|
},
|
177
177
|
},
|
178
178
|
|
@@ -195,7 +195,7 @@ class pbChart {
|
|
195
195
|
})
|
196
196
|
}
|
197
197
|
|
198
|
-
setupChart() {
|
198
|
+
setupChart(options) {
|
199
199
|
Highcharts.setOptions(highchartsTheme)
|
200
200
|
|
201
201
|
const configOptions = {
|
@@ -222,6 +222,7 @@ class pbChart {
|
|
222
222
|
legend: {
|
223
223
|
enabled: this.defaults.legend,
|
224
224
|
},
|
225
|
+
colors: options.colors !== undefined && options.colors.length > 0 ? mapColors(options.colors) : highchartsTheme.colors,
|
225
226
|
plotOptions: {
|
226
227
|
series: {
|
227
228
|
pointStart: this.defaults.pointStart,
|
@@ -57,10 +57,16 @@ const zIndexProps = ({ zIndex }) => {
|
|
57
57
|
return css
|
58
58
|
}
|
59
59
|
|
60
|
+
const shadowProps = ({ shadow }) => {
|
61
|
+
let css = ''
|
62
|
+
css += shadow ? `shadow_${shadow} ` : ''
|
63
|
+
return css
|
64
|
+
}
|
65
|
+
|
60
66
|
// All Exported as a single function
|
61
67
|
export const globalProps = (props, defaultProps = {}) => {
|
62
68
|
const allProps = { ...props, ...defaultProps }
|
63
|
-
return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps)
|
69
|
+
return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps) + shadowProps(allProps)
|
64
70
|
}
|
65
71
|
|
66
72
|
export const deprecatedProps = (kit, props = []) => {
|
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/kit_base.rb
CHANGED
@@ -4,6 +4,7 @@ require "playbook/classnames"
|
|
4
4
|
require "playbook/spacing"
|
5
5
|
require "playbook/z_index"
|
6
6
|
require "playbook/number_spacing"
|
7
|
+
require "playbook/shadow"
|
7
8
|
|
8
9
|
module Playbook
|
9
10
|
class KitBase < ViewComponent::Base
|
@@ -13,6 +14,7 @@ module Playbook
|
|
13
14
|
include Playbook::Spacing
|
14
15
|
include Playbook::ZIndex
|
15
16
|
include Playbook::NumberSpacing
|
17
|
+
include Playbook::Shadow
|
16
18
|
|
17
19
|
prop :id
|
18
20
|
prop :data, type: Playbook::Props::Hash, default: {}
|
@@ -80,7 +80,7 @@ module Playbook
|
|
80
80
|
loop do
|
81
81
|
break unless @headers.include?(permalink)
|
82
82
|
|
83
|
-
permalink.gsub!(
|
83
|
+
permalink.gsub!(/_(\d+)$/, "_#{Regexp.last_match(1).to_i + 1}")
|
84
84
|
end
|
85
85
|
end
|
86
86
|
@headers << permalink
|
@@ -121,7 +121,7 @@ module Playbook
|
|
121
121
|
if @list_items[0].include?("[do]") || @list_items[0].include?("[dont]")
|
122
122
|
@element_items = []
|
123
123
|
@list_items.each do |item, _index|
|
124
|
-
item.gsub(%r{
|
124
|
+
item.gsub(%r{<li>(.*)</li>}) do
|
125
125
|
@element_items.push(Regexp.last_match(1))
|
126
126
|
end
|
127
127
|
end
|
@@ -26,6 +26,7 @@ module Playbook
|
|
26
26
|
end
|
27
27
|
|
28
28
|
# Deal with lists of kits, used in Playbook doc and Externally
|
29
|
+
# rubocop:disable Style/StringConcatenation
|
29
30
|
def pb_kits(type: "rails", limit_examples: false, dark_mode: false)
|
30
31
|
display_kits = []
|
31
32
|
kits = get_kits
|
@@ -40,6 +41,7 @@ module Playbook
|
|
40
41
|
end
|
41
42
|
raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
|
42
43
|
end
|
44
|
+
# rubocop:enable Style/StringConcatenation
|
43
45
|
|
44
46
|
# rubocop:disable Naming/AccessorMethodName
|
45
47
|
def get_kits
|
@@ -48,12 +50,14 @@ module Playbook
|
|
48
50
|
end
|
49
51
|
# rubocop:enable Naming/AccessorMethodName
|
50
52
|
|
53
|
+
# rubocop:disable Style/OptionalBooleanParameter
|
51
54
|
def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
|
52
55
|
title = pb_doc_render_clickable_title(kit, type)
|
53
56
|
ui = raw("<div class='pb--docItem-ui'>
|
54
57
|
#{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
|
55
58
|
title + ui
|
56
59
|
end
|
60
|
+
# rubocop:enable Style/OptionalBooleanParameter
|
57
61
|
|
58
62
|
private
|
59
63
|
|
data/lib/playbook/props/base.rb
CHANGED
@@ -7,7 +7,7 @@ module Playbook
|
|
7
7
|
class Base
|
8
8
|
attr_reader :default, :deprecated, :required, :name, :kit
|
9
9
|
|
10
|
-
def initialize(default: nil, deprecated: false, required: false
|
10
|
+
def initialize(name:, kit:, default: nil, deprecated: false, required: false)
|
11
11
|
@default = default
|
12
12
|
@deprecated = deprecated
|
13
13
|
@required = required
|
@@ -39,7 +39,7 @@ module Playbook
|
|
39
39
|
end
|
40
40
|
|
41
41
|
def log(message)
|
42
|
-
logger = ActiveSupport::Logger.new(
|
42
|
+
logger = ActiveSupport::Logger.new($stdout)
|
43
43
|
@logger ||= ActiveSupport::TaggedLogging.new(logger)
|
44
44
|
@logger.log(0, message)
|
45
45
|
end
|
@@ -0,0 +1,29 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
module Playbook
|
4
|
+
module Shadow
|
5
|
+
def self.included(base)
|
6
|
+
base.prop :shadow
|
7
|
+
end
|
8
|
+
|
9
|
+
def shadow_props
|
10
|
+
selected_props = shadow_options.keys.select { |sk| try(sk) }
|
11
|
+
return nil unless selected_props.present?
|
12
|
+
|
13
|
+
selected_props.map do |k|
|
14
|
+
shadow_value = send(k)
|
15
|
+
"shadow_#{shadow_value}" if shadow_values.include? shadow_value
|
16
|
+
end.compact.join(" ")
|
17
|
+
end
|
18
|
+
|
19
|
+
def shadow_options
|
20
|
+
{
|
21
|
+
shadow: "shadow",
|
22
|
+
}
|
23
|
+
end
|
24
|
+
|
25
|
+
def shadow_values
|
26
|
+
%w[none deep deeper deepest]
|
27
|
+
end
|
28
|
+
end
|
29
|
+
end
|
data/lib/playbook/version.rb
CHANGED
data/lib/playbook.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 10.
|
4
|
+
version: 10.17.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2021-
|
12
|
+
date: 2021-12-10 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -95,20 +95,6 @@ dependencies:
|
|
95
95
|
- - "~>"
|
96
96
|
- !ruby/object:Gem::Version
|
97
97
|
version: '3.15'
|
98
|
-
- !ruby/object:Gem::Dependency
|
99
|
-
name: rubocop-performance
|
100
|
-
requirement: !ruby/object:Gem::Requirement
|
101
|
-
requirements:
|
102
|
-
- - "~>"
|
103
|
-
- !ruby/object:Gem::Version
|
104
|
-
version: 1.9.2
|
105
|
-
type: :runtime
|
106
|
-
prerelease: false
|
107
|
-
version_requirements: !ruby/object:Gem::Requirement
|
108
|
-
requirements:
|
109
|
-
- - "~>"
|
110
|
-
- !ruby/object:Gem::Version
|
111
|
-
version: 1.9.2
|
112
98
|
- !ruby/object:Gem::Dependency
|
113
99
|
name: view_component
|
114
100
|
requirement: !ruby/object:Gem::Requirement
|
@@ -197,36 +183,50 @@ dependencies:
|
|
197
183
|
name: rspec-rails
|
198
184
|
requirement: !ruby/object:Gem::Requirement
|
199
185
|
requirements:
|
200
|
-
- - ">="
|
201
|
-
- !ruby/object:Gem::Version
|
202
|
-
version: 3.8.0
|
203
186
|
- - "~>"
|
204
187
|
- !ruby/object:Gem::Version
|
205
188
|
version: '3.8'
|
189
|
+
- - ">="
|
190
|
+
- !ruby/object:Gem::Version
|
191
|
+
version: 3.8.0
|
206
192
|
type: :development
|
207
193
|
prerelease: false
|
208
194
|
version_requirements: !ruby/object:Gem::Requirement
|
209
195
|
requirements:
|
210
|
-
- - ">="
|
211
|
-
- !ruby/object:Gem::Version
|
212
|
-
version: 3.8.0
|
213
196
|
- - "~>"
|
214
197
|
- !ruby/object:Gem::Version
|
215
198
|
version: '3.8'
|
199
|
+
- - ">="
|
200
|
+
- !ruby/object:Gem::Version
|
201
|
+
version: 3.8.0
|
216
202
|
- !ruby/object:Gem::Dependency
|
217
203
|
name: rubocop
|
218
204
|
requirement: !ruby/object:Gem::Requirement
|
219
205
|
requirements:
|
220
206
|
- - '='
|
221
207
|
- !ruby/object:Gem::Version
|
222
|
-
version:
|
208
|
+
version: 1.20.0
|
223
209
|
type: :development
|
224
210
|
prerelease: false
|
225
211
|
version_requirements: !ruby/object:Gem::Requirement
|
226
212
|
requirements:
|
227
213
|
- - '='
|
228
214
|
- !ruby/object:Gem::Version
|
229
|
-
version:
|
215
|
+
version: 1.20.0
|
216
|
+
- !ruby/object:Gem::Dependency
|
217
|
+
name: rubocop-performance
|
218
|
+
requirement: !ruby/object:Gem::Requirement
|
219
|
+
requirements:
|
220
|
+
- - "~>"
|
221
|
+
- !ruby/object:Gem::Version
|
222
|
+
version: 1.11.5
|
223
|
+
type: :development
|
224
|
+
prerelease: false
|
225
|
+
version_requirements: !ruby/object:Gem::Requirement
|
226
|
+
requirements:
|
227
|
+
- - "~>"
|
228
|
+
- !ruby/object:Gem::Version
|
229
|
+
version: 1.11.5
|
230
230
|
- !ruby/object:Gem::Dependency
|
231
231
|
name: spring
|
232
232
|
requirement: !ruby/object:Gem::Requirement
|
@@ -322,6 +322,7 @@ files:
|
|
322
322
|
- app/pb_kits/playbook/pb_background/_background.scss
|
323
323
|
- app/pb_kits/playbook/pb_background/background.html.erb
|
324
324
|
- app/pb_kits/playbook/pb_background/background.rb
|
325
|
+
- app/pb_kits/playbook/pb_background/background.test.js
|
325
326
|
- app/pb_kits/playbook/pb_background/docs/_background_category.html.erb
|
326
327
|
- app/pb_kits/playbook/pb_background/docs/_background_category.jsx
|
327
328
|
- app/pb_kits/playbook/pb_background/docs/_background_category.md
|
@@ -357,6 +358,9 @@ files:
|
|
357
358
|
- app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
|
358
359
|
- app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
|
359
360
|
- app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
|
361
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb
|
362
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx
|
363
|
+
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md
|
360
364
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
|
361
365
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
|
362
366
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
|
@@ -444,6 +448,9 @@ files:
|
|
444
448
|
- app/pb_kits/playbook/pb_caption/caption.rb
|
445
449
|
- app/pb_kits/playbook/pb_caption/docs/_caption_block.html.erb
|
446
450
|
- app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx
|
451
|
+
- app/pb_kits/playbook/pb_caption/docs/_caption_example.html.erb
|
452
|
+
- app/pb_kits/playbook/pb_caption/docs/_caption_example.jsx
|
453
|
+
- app/pb_kits/playbook/pb_caption/docs/_caption_example.md
|
447
454
|
- app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
|
448
455
|
- app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
|
449
456
|
- app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
|
@@ -861,6 +868,9 @@ files:
|
|
861
868
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
|
862
869
|
- app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
|
863
870
|
- app/pb_kits/playbook/pb_flex/docs/_flex_item.md
|
871
|
+
- app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.html.erb
|
872
|
+
- app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx
|
873
|
+
- app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.md
|
864
874
|
- app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx
|
865
875
|
- app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
|
866
876
|
- app/pb_kits/playbook/pb_flex/docs/_flex_justify.html.erb
|
@@ -1153,6 +1163,9 @@ files:
|
|
1153
1163
|
- app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
|
1154
1164
|
- app/pb_kits/playbook/pb_line_graph/_line_graph.scss
|
1155
1165
|
- app/pb_kits/playbook/pb_line_graph/docs/_description.md
|
1166
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
|
1167
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
|
1168
|
+
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md
|
1156
1169
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
|
1157
1170
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
|
1158
1171
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
|
@@ -2023,6 +2036,7 @@ files:
|
|
2023
2036
|
- app/pb_kits/playbook/utilities/_max_width.scss
|
2024
2037
|
- app/pb_kits/playbook/utilities/_number_spacing.scss
|
2025
2038
|
- app/pb_kits/playbook/utilities/_positioning.scss
|
2039
|
+
- app/pb_kits/playbook/utilities/_shadow.scss
|
2026
2040
|
- app/pb_kits/playbook/utilities/_spacing.scss
|
2027
2041
|
- app/pb_kits/playbook/utilities/globalProps.js
|
2028
2042
|
- app/pb_kits/playbook/utilities/props.js
|
@@ -2067,6 +2081,7 @@ files:
|
|
2067
2081
|
- lib/playbook/props/percentage.rb
|
2068
2082
|
- lib/playbook/props/proc.rb
|
2069
2083
|
- lib/playbook/props/string.rb
|
2084
|
+
- lib/playbook/shadow.rb
|
2070
2085
|
- lib/playbook/spacing.rb
|
2071
2086
|
- lib/playbook/version.rb
|
2072
2087
|
- lib/playbook/z_index.rb
|
@@ -2090,7 +2105,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
2090
2105
|
- !ruby/object:Gem::Version
|
2091
2106
|
version: '0'
|
2092
2107
|
requirements: []
|
2093
|
-
rubygems_version: 3.
|
2108
|
+
rubygems_version: 3.1.6
|
2094
2109
|
signing_key:
|
2095
2110
|
specification_version: 4
|
2096
2111
|
summary: Playbook Design System
|