phlexy_ui 0.1.13 → 0.1.15
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/phlexy_ui/radial_progress.rb +102 -46
- data/lib/phlexy_ui/skeleton.rb +25 -0
- data/lib/phlexy_ui/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 54f0cc8b2a831ce17e7db2594b848d14c374e2d59d057a0fea04c9695cc3d059
|
4
|
+
data.tar.gz: f3c4226ae079c44c46ba49da6ca0e0b53709414f4022264bca190d23de3e05e4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6bc67b1c3b0321b1f4c3d78b7e1e7524d5fad019b97925f226be89a27721d90cc13f904f26797f72bc42e169ffc0b18dfc5e4128f23431c668fabbdb63943dac
|
7
|
+
data.tar.gz: 246e8df27ac5d8c48377e05fb91be4513fcfcdcb9aa4da3e1bfb40af1c62cfe5ce9a95930ca1fb4f90e8202bed4310732dc171df5ae742a6cbfbc4b2633199c0
|
@@ -20,9 +20,25 @@ module PhlexyUI
|
|
20
20
|
style = options.delete(:style)
|
21
21
|
|
22
22
|
if style.nil?
|
23
|
-
style = "--value: #{value};
|
23
|
+
style = "--value: #{value};"
|
24
|
+
|
25
|
+
if size && !size.empty?
|
26
|
+
style += " --size: #{size};"
|
27
|
+
end
|
28
|
+
|
29
|
+
if thickness && !thickness.empty?
|
30
|
+
style += " --thickness: #{thickness};"
|
31
|
+
end
|
24
32
|
elsif style.is_a?(String)
|
25
|
-
style = "#{style} --value: #{value};
|
33
|
+
style = "#{style} --value: #{value};"
|
34
|
+
|
35
|
+
if size && !size.empty?
|
36
|
+
style += " --size: #{size};"
|
37
|
+
end
|
38
|
+
|
39
|
+
if thickness && !thickness.empty?
|
40
|
+
style += " --thickness: #{thickness};"
|
41
|
+
end
|
26
42
|
end
|
27
43
|
|
28
44
|
public_send(as, role: :progressbar, class: classes, style:, **options, &)
|
@@ -34,50 +50,90 @@ module PhlexyUI
|
|
34
50
|
attr_reader :value, :size, :thickness
|
35
51
|
|
36
52
|
register_modifiers(
|
37
|
-
# "sm:bg-primary sm:text-primary-content"
|
38
|
-
# "md:bg-primary md:text-primary-content"
|
39
|
-
# "lg:bg-primary lg:text-primary-content"
|
40
|
-
primary: "bg-primary text-primary-content",
|
41
|
-
# "sm:
|
42
|
-
# "md:
|
43
|
-
# "lg:
|
44
|
-
|
45
|
-
# "sm:bg-
|
46
|
-
# "md:bg-
|
47
|
-
# "lg:bg-
|
48
|
-
|
49
|
-
# "sm:
|
50
|
-
# "md:
|
51
|
-
# "lg:
|
52
|
-
|
53
|
-
# "sm:bg-
|
54
|
-
# "md:bg-
|
55
|
-
# "lg:bg-
|
56
|
-
|
57
|
-
# "sm:
|
58
|
-
# "md:
|
59
|
-
# "lg:
|
60
|
-
|
61
|
-
# "sm:bg-
|
62
|
-
# "md:bg-
|
63
|
-
# "lg:bg-
|
64
|
-
|
65
|
-
# "sm:
|
66
|
-
# "md:
|
67
|
-
# "lg:
|
68
|
-
|
69
|
-
# "sm:bg-
|
70
|
-
# "md:bg-
|
71
|
-
# "lg:bg-
|
72
|
-
|
73
|
-
# "sm:
|
74
|
-
# "md:
|
75
|
-
# "lg:
|
76
|
-
|
77
|
-
# "sm:bg-
|
78
|
-
# "md:bg-
|
79
|
-
# "lg:bg-
|
80
|
-
|
53
|
+
# "sm:bg-primary sm:text-primary-content border-primary"
|
54
|
+
# "md:bg-primary md:text-primary-content border-primary"
|
55
|
+
# "lg:bg-primary lg:text-primary-content border-primary"
|
56
|
+
primary: "bg-primary text-primary-content border-primary",
|
57
|
+
# "sm:text-primary"
|
58
|
+
# "md:text-primary"
|
59
|
+
# "lg:text-primary"
|
60
|
+
primary_outline: "text-primary",
|
61
|
+
# "sm:bg-secondary sm:text-secondary-content border-secondary"
|
62
|
+
# "md:bg-secondary md:text-secondary-content border-secondary"
|
63
|
+
# "lg:bg-secondary lg:text-secondary-content border-secondary"
|
64
|
+
secondary: "bg-secondary text-secondary-content border-secondary",
|
65
|
+
# "sm:text-secondary"
|
66
|
+
# "md:text-secondary"
|
67
|
+
# "lg:text-secondary"
|
68
|
+
secondary_outline: "text-secondary",
|
69
|
+
# "sm:bg-accent sm:text-accent-content border-accent"
|
70
|
+
# "md:bg-accent md:text-accent-content border-accent"
|
71
|
+
# "lg:bg-accent lg:text-accent-content border-accent"
|
72
|
+
accent: "bg-accent text-accent-content border-accent",
|
73
|
+
# "sm:text-accent"
|
74
|
+
# "md:text-accent"
|
75
|
+
# "lg:text-accent"
|
76
|
+
accent_outline: "text-accent",
|
77
|
+
# "sm:bg-neutral sm:text-neutral-content border-neutral"
|
78
|
+
# "md:bg-neutral md:text-neutral-content border-neutral"
|
79
|
+
# "lg:bg-neutral lg:text-neutral-content border-neutral"
|
80
|
+
neutral: "bg-neutral text-neutral-content border-neutral",
|
81
|
+
# "sm:text-neutral"
|
82
|
+
# "md:text-neutral"
|
83
|
+
# "lg:text-neutral"
|
84
|
+
neutral_outline: "text-neutral",
|
85
|
+
# "sm:bg-base-100 sm:text-base-content border-base-100"
|
86
|
+
# "md:bg-base-100 md:text-base-content border-base-100"
|
87
|
+
# "lg:bg-base-100 lg:text-base-content border-base-100"
|
88
|
+
base_100: "bg-base-100 text-base-content border-base-100",
|
89
|
+
# "sm:text-base-100"
|
90
|
+
# "md:text-base-100"
|
91
|
+
# "lg:text-base-100"
|
92
|
+
base_100_outline: "text-base-100",
|
93
|
+
# "sm:bg-base-200 sm:text-base-content border-base-200"
|
94
|
+
# "md:bg-base-200 md:text-base-content border-base-200"
|
95
|
+
# "lg:bg-base-200 lg:text-base-content border-base-200"
|
96
|
+
base_200: "bg-base-200 text-base-content border-base-200",
|
97
|
+
# "sm:text-base-200"
|
98
|
+
# "md:text-base-200"
|
99
|
+
# "lg:text-base-200"
|
100
|
+
base_200_outline: "text-base-200",
|
101
|
+
# "sm:bg-base-300 sm:text-base-content border-base-300"
|
102
|
+
# "md:bg-base-300 md:text-base-content border-base-300"
|
103
|
+
# "lg:bg-base-300 lg:text-base-content border-base-300"
|
104
|
+
base_300: "bg-base-300 text-base-content border-base-300",
|
105
|
+
# "sm:text-base-300"
|
106
|
+
# "md:text-base-300"
|
107
|
+
# "lg:text-base-300"
|
108
|
+
base_300_outline: "text-base-300",
|
109
|
+
# "sm:bg-info sm:text-info-content border-info"
|
110
|
+
# "md:bg-info md:text-info-content border-info"
|
111
|
+
# "lg:bg-info lg:text-info-content border-info"
|
112
|
+
info: "bg-info text-info-content border-info",
|
113
|
+
# "sm:text-info"
|
114
|
+
# "md:text-info"
|
115
|
+
# "lg:text-info"
|
116
|
+
info_outline: "text-info",
|
117
|
+
# "sm:bg-success sm:text-success-content border-success"
|
118
|
+
# "md:bg-success md:text-success-content border-success"
|
119
|
+
# "lg:bg-success lg:text-success-content border-success"
|
120
|
+
success: "bg-success text-success-content border-success",
|
121
|
+
# "sm:text-success"
|
122
|
+
# "md:text-success"
|
123
|
+
# "lg:text-success"
|
124
|
+
success_outline: "text-success",
|
125
|
+
# "sm:bg-warning sm:text-warning-content border-warning"
|
126
|
+
# "md:bg-warning md:text-warning-content border-warning"
|
127
|
+
# "lg:bg-warning lg:text-warning-content border-warning"
|
128
|
+
warning: "bg-warning text-warning-content border-warning",
|
129
|
+
# "sm:text-warning"
|
130
|
+
# "md:text-warning"
|
131
|
+
# "lg:text-warning"
|
132
|
+
warning_outline: "text-warning",
|
133
|
+
# "sm:bg-error sm:text-error-content border-error"
|
134
|
+
# "md:bg-error md:text-error-content border-error"
|
135
|
+
# "lg:bg-error lg:text-error-content border-error"
|
136
|
+
error: "bg-error text-error-content border-error"
|
81
137
|
)
|
82
138
|
end
|
83
139
|
end
|
@@ -0,0 +1,25 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
module PhlexyUI
|
4
|
+
class Skeleton < Base
|
5
|
+
def initialize(*, as: :div, **)
|
6
|
+
super(*, **)
|
7
|
+
@as = as
|
8
|
+
end
|
9
|
+
|
10
|
+
def view_template(&)
|
11
|
+
generate_classes!(
|
12
|
+
component_html_class: :skeleton,
|
13
|
+
modifiers_map: modifiers,
|
14
|
+
base_modifiers:,
|
15
|
+
options:
|
16
|
+
).then do |classes|
|
17
|
+
public_send(as, class: classes, **options, &)
|
18
|
+
end
|
19
|
+
end
|
20
|
+
|
21
|
+
private
|
22
|
+
|
23
|
+
register_modifiers({})
|
24
|
+
end
|
25
|
+
end
|
data/lib/phlexy_ui/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: phlexy_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.15
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- David Alejandro Aguilar Ramos
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2024-10-
|
11
|
+
date: 2024-10-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: phlex
|
@@ -117,6 +117,7 @@ files:
|
|
117
117
|
- lib/phlexy_ui/modal.rb
|
118
118
|
- lib/phlexy_ui/navbar.rb
|
119
119
|
- lib/phlexy_ui/radial_progress.rb
|
120
|
+
- lib/phlexy_ui/skeleton.rb
|
120
121
|
- lib/phlexy_ui/sub_menu.rb
|
121
122
|
- lib/phlexy_ui/tab.rb
|
122
123
|
- lib/phlexy_ui/tab_with_content.rb
|