kempo-ui 0.3.17 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Progress.js +86 -0
- package/dist/components/Spinner.js +2 -2
- package/docs/components/accordion.html +3 -0
- package/docs/components/aside.html +3 -0
- package/docs/components/card.html +3 -0
- package/docs/components/code-editor.html +3 -0
- package/docs/components/color-picker.html +3 -0
- package/docs/components/combobox.html +3 -0
- package/docs/components/content-slider.html +3 -0
- package/docs/components/context.html +3 -0
- package/docs/components/dialog.html +3 -0
- package/docs/components/dropdown.html +3 -0
- package/docs/components/filter-list.html +3 -0
- package/docs/components/focus-capture.html +3 -0
- package/docs/components/html-editor.html +3 -0
- package/docs/components/hybrid-component.html +3 -0
- package/docs/components/icon.html +3 -0
- package/docs/components/import.html +3 -0
- package/docs/components/light-component.html +3 -0
- package/docs/components/nav-spacer.html +3 -0
- package/docs/components/nav.html +3 -0
- package/docs/components/photo-viewer.html +3 -0
- package/docs/components/progress.html +625 -0
- package/docs/components/resize.html +3 -0
- package/docs/components/shadow-component.html +3 -0
- package/docs/components/show-more.html +3 -0
- package/docs/components/sortable.html +3 -0
- package/docs/components/spinner.html +3 -0
- package/docs/components/split.html +3 -0
- package/docs/components/table.html +3 -0
- package/docs/components/tableControls.html +3 -0
- package/docs/components/tableCustomFields.html +3 -0
- package/docs/components/tableFetchRecords.html +3 -0
- package/docs/components/tableFieldSortHide.html +3 -0
- package/docs/components/tablePagination.html +3 -0
- package/docs/components/tablePlaceholder.html +3 -0
- package/docs/components/tableRecordEditing.html +3 -0
- package/docs/components/tableRecordFiltering.html +3 -0
- package/docs/components/tableRecordHiding.html +3 -0
- package/docs/components/tableRecordSearching.html +3 -0
- package/docs/components/tableRecordSelection.html +3 -0
- package/docs/components/tableRowControls.html +3 -0
- package/docs/components/tableServerSync.html +3 -0
- package/docs/components/tableSorting.html +3 -0
- package/docs/components/tabs.html +3 -0
- package/docs/components/tags.html +3 -0
- package/docs/components/theme-select.html +3 -0
- package/docs/components/theme-switcher.html +3 -0
- package/docs/components/timestamp.html +3 -0
- package/docs/components/toast.html +3 -0
- package/docs/components/toggle.html +3 -0
- package/docs/components/tree.html +3 -0
- package/docs/index.html +9 -0
- package/docs/src/components/Progress.js +86 -0
- package/docs/src/components/Spinner.js +2 -2
- package/docs/utils/context.html +3 -0
- package/docs/utils/cookie.html +3 -0
- package/docs/utils/debounce.html +3 -0
- package/docs/utils/drag.html +3 -0
- package/docs/utils/elevation.html +3 -0
- package/docs/utils/formatTimestamp.html +3 -0
- package/docs/utils/object.html +3 -0
- package/docs/utils/propConverters.html +3 -0
- package/docs/utils/string.html +3 -0
- package/docs/utils/theme.html +3 -0
- package/docs/utils/toTitleCase.html +3 -0
- package/docs/utils/type.html +3 -0
- package/docs/utils/wait.html +3 -0
- package/docs-src/components/progress.page.html +182 -0
- package/docs-src/index.page.html +6 -0
- package/docs-src/nav.fragment.html +3 -0
- package/package.json +2 -2
- package/src/components/Progress.js +148 -0
- package/src/components/Spinner.js +19 -18
- package/tests/components/Progress.browser-test.js +444 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import{html as t,css as e}from"../lit-all.min.js";import i from"./ShadowComponent.js";import{boolExists as r}from"../utils/propConverters.js";export default class a extends i{static properties={percentage:{type:String},offset:{type:String},color:{type:String},label:{type:Boolean,converter:r},indeterminate:{type:String,reflect:!0}};constructor(){super(),this.percentage="25",this.offset="0",this.color="var(--c_primary)",this.indeterminate=null}get bars(){const t=(this.percentage||"25").split("|").map(t=>t.trim()),e=(this.offset||0).split("|").map(t=>t.trim()),i=(this.color||"var(--c_primary)").split("|").map(t=>t.trim());return t.map((t,r)=>{let a=e[0];e.length>r&&(a=e[r]);let n=i[0];return i.length>r&&(n=i[r]),{percentage:t,offset:a,color:n}})}render(){const[{color:e}]=this.bars;return null!==this.indeterminate?t`
|
|
2
|
+
<div id="bar1" class="bar indeterminate" style="background:${e};animation-duration:${this.indeterminate||"2s"}"></div>
|
|
3
|
+
<div id="bar2" class="bar indeterminate" style="background:${e};animation-duration:${this.indeterminate||"2s"}"></div>
|
|
4
|
+
`:t`${this.bars.map(({percentage:e,offset:i,color:r})=>t`
|
|
5
|
+
<div
|
|
6
|
+
class="bar"
|
|
7
|
+
style="left:${i}%;width:${e}%;background:${r}"
|
|
8
|
+
>
|
|
9
|
+
${this.label?t`<div class="label">${e}%</div>`:""}
|
|
10
|
+
</div>
|
|
11
|
+
`)}`}static styles=e`
|
|
12
|
+
:host {
|
|
13
|
+
--radius: 99999px;
|
|
14
|
+
|
|
15
|
+
display: block;
|
|
16
|
+
height: 1rem;
|
|
17
|
+
width: 100%;
|
|
18
|
+
background-color: var(--c_border);
|
|
19
|
+
position: relative;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
color: var(--tc_on_primary);
|
|
22
|
+
font-size: 0.75rem;
|
|
23
|
+
border-radius: var(--radius);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.bar {
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
height: 100%;
|
|
30
|
+
transition: width 0.3s ease;
|
|
31
|
+
position: absolute;
|
|
32
|
+
left: 0;
|
|
33
|
+
border-radius: var(--radius);
|
|
34
|
+
}
|
|
35
|
+
.label {
|
|
36
|
+
padding: 0 var(--spacer);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
:host([indeterminate]) .bar {
|
|
40
|
+
width: 25%;
|
|
41
|
+
transition: none;
|
|
42
|
+
}
|
|
43
|
+
:host([indeterminate]) #bar1 {
|
|
44
|
+
animation-name: indeterminate-bar1;
|
|
45
|
+
animation-timing-function: linear;
|
|
46
|
+
animation-iteration-count: infinite;
|
|
47
|
+
}
|
|
48
|
+
:host([indeterminate]) #bar2 {
|
|
49
|
+
animation-name: indeterminate-bar2;
|
|
50
|
+
animation-timing-function: linear;
|
|
51
|
+
animation-iteration-count: infinite;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes indeterminate-bar1 {
|
|
55
|
+
0% {
|
|
56
|
+
left: 0%;
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
left: 100%;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
@keyframes indeterminate-bar2 {
|
|
63
|
+
0% {
|
|
64
|
+
left: 0%;
|
|
65
|
+
opacity: 1;
|
|
66
|
+
}
|
|
67
|
+
74% {
|
|
68
|
+
opacity: 1;
|
|
69
|
+
}
|
|
70
|
+
75% {
|
|
71
|
+
left: 75%;
|
|
72
|
+
opacity: 0;
|
|
73
|
+
}
|
|
74
|
+
76% {
|
|
75
|
+
left: -24%;
|
|
76
|
+
opacity: 0;
|
|
77
|
+
}
|
|
78
|
+
76.5% {
|
|
79
|
+
opacity: 1;
|
|
80
|
+
}
|
|
81
|
+
100% {
|
|
82
|
+
left: 0%;
|
|
83
|
+
opacity: 1;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
`}customElements.define("k-progress",a);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{html as r,css as n}from"../lit-all.min.js";import s from"./ShadowComponent.js";export default class e extends s{static properties={size:{type:String,reflect:!0},variant:{type:String,reflect:!0}};constructor(){super(),this.size="md",this.variant="spinner"}static styles=n`
|
|
1
|
+
import{html as r,css as n}from"../lit-all.min.js";import s from"./ShadowComponent.js";export default class e extends s{static properties={size:{type:String,reflect:!0},variant:{type:String,reflect:!0}};constructor(){super(),this.size="md",this.variant="spinner"}render(){switch(this.variant){case"dots":return r`<div class="dots"><span></span><span></span><span></span></div>`;case"bars":return r`<div class="bars"><span></span><span></span><span></span><span></span></div>`;case"pulse":return r`<div class="pulse"></div>`;case"ring":return r`<div class="ring"></div>`;default:return r`<div class="spinner"></div>`}}static styles=n`
|
|
2
2
|
:host {
|
|
3
3
|
--spinner-size: 2rem;
|
|
4
4
|
--spinner-border-width: 3px;
|
|
@@ -110,4 +110,4 @@ import{html as r,css as n}from"../lit-all.min.js";import s from"./ShadowComponen
|
|
|
110
110
|
75% { border-color: transparent transparent transparent var(--spinner-color); }
|
|
111
111
|
100% { transform: rotate(360deg); border-color: var(--spinner-color) transparent transparent transparent; }
|
|
112
112
|
}
|
|
113
|
-
|
|
113
|
+
`}customElements.define("k-spinner",e);
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
package/docs/components/nav.html
CHANGED
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|
|
@@ -104,6 +104,8 @@
|
|
|
104
104
|
<k-filter-item filter-keywords="photo viewer photoviewer components"><a
|
|
105
105
|
href="../components/photo-viewer.html"
|
|
106
106
|
>Photo Viewer<br><small>Component</small></a></k-filter-item>
|
|
107
|
+
<k-filter-item filter-keywords="progress loading components"><a
|
|
108
|
+
href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
|
|
107
109
|
<k-filter-item filter-keywords="resize components"><a
|
|
108
110
|
href="../components/resize.html">Resize<br><small>Component</small></a></k-filter-item>
|
|
109
111
|
<k-filter-item filter-keywords="show more showmore components"><a
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
<a href="../components/nav.html">Nav</a>
|
|
281
283
|
<a href="../components/nav-spacer.html">Nav Spacer</a>
|
|
282
284
|
<a href="../components/photo-viewer.html">Photo Viewer</a>
|
|
285
|
+
<a href="../components/progress.html">Progress</a>
|
|
283
286
|
<a href="../components/resize.html">Resize</a>
|
|
284
287
|
<a href="../components/show-more.html">Show More</a>
|
|
285
288
|
<a href="../components/sortable.html">Sortable</a>
|