@public-ui/hydrate 1.5.2-rc.0 → 1.5.2-rc.1
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/index.js +8 -4
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -17549,14 +17549,14 @@ class KolPopover {
|
|
|
17549
17549
|
}; }
|
|
17550
17550
|
}
|
|
17551
17551
|
|
|
17552
|
-
const defaultStyleCss$b = "/*!@:host*/.sc-kol-progress-default-h{--a11y-min-size:44px}/*!@**/*.sc-kol-progress-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-progress-default,button.sc-kol-progress-default:not([role='link']),kol-input.sc-kol-progress-default .input.sc-kol-progress-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-progress-default,button.sc-kol-progress-default,h1.sc-kol-progress-default,h2.sc-kol-progress-default,h3.sc-kol-progress-default,h4.sc-kol-progress-default,h5.sc-kol-progress-default,h6.sc-kol-progress-default,input.sc-kol-progress-default,option.sc-kol-progress-default,select.sc-kol-progress-default,textarea.sc-kol-progress-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-progress-default:is(a,button).sc-kol-progress-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-progress-default-h{max-width:100%}/*!@**/*.sc-kol-progress-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-progress-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-progress-default>span.sc-kol-progress-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-progress-default,button.sc-kol-progress-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-progress-default,input.sc-kol-progress-default,option.sc-kol-progress-default,select.sc-kol-progress-default,textarea.sc-kol-progress-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-progress-default>kol-span-wc.sc-kol-progress-default>span.sc-kol-progress-default>span.sc-kol-progress-default{display:none}/*!@progress*/progress.sc-kol-progress-default{display:block;height:0;overflow:hidden;width:0}/*!@.
|
|
17552
|
+
const defaultStyleCss$b = "/*!@:host*/.sc-kol-progress-default-h{--a11y-min-size:44px}/*!@**/*.sc-kol-progress-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-progress-default,button.sc-kol-progress-default:not([role='link']),kol-input.sc-kol-progress-default .input.sc-kol-progress-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-progress-default,button.sc-kol-progress-default,h1.sc-kol-progress-default,h2.sc-kol-progress-default,h3.sc-kol-progress-default,h4.sc-kol-progress-default,h5.sc-kol-progress-default,h6.sc-kol-progress-default,input.sc-kol-progress-default,option.sc-kol-progress-default,select.sc-kol-progress-default,textarea.sc-kol-progress-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-progress-default:is(a,button).sc-kol-progress-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-progress-default-h{max-width:100%}/*!@**/*.sc-kol-progress-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-progress-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-progress-default>span.sc-kol-progress-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-progress-default,button.sc-kol-progress-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-progress-default,input.sc-kol-progress-default,option.sc-kol-progress-default,select.sc-kol-progress-default,textarea.sc-kol-progress-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-progress-default>kol-span-wc.sc-kol-progress-default>span.sc-kol-progress-default>span.sc-kol-progress-default{display:none}/*!@progress*/progress.sc-kol-progress-default{display:block;height:0;overflow:hidden;width:0}/*!@.progress*/.progress.sc-kol-progress-default{transition:0.5s ease-in-out 0.25s}/*!@.cycle .progress*/.cycle.sc-kol-progress-default .progress.sc-kol-progress-default{transform-origin:50% 50%;transform:rotate(-90deg)}";
|
|
17553
17553
|
|
|
17554
17554
|
const createProgressSVG = (state) => {
|
|
17555
17555
|
switch (state._type) {
|
|
17556
17556
|
case 'cycle':
|
|
17557
|
-
return (hAsync("svg", { width: "100", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { fill: "none", stroke: "#efefef", cx: "6px", cy: "6px", r: "5px" }), hAsync("text", { "aria-hidden": "true", "font-size": "0.1em", x: "50%", y: "50%", "text-anchor": "middle", fill: "currentColor" }, state._label && (hAsync("tspan", { "text-anchor": "middle", x: "50%", dy: "-0.5em" }, state._label)), hAsync("tspan", { "text-anchor": "middle", x: "50%", dy: state._label ? '1em' : '0em' }, state._value, state._unit)), hAsync("circle", { class: "
|
|
17557
|
+
return (hAsync("svg", { class: "cycle", width: "100", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { fill: "none", stroke: "#efefef", cx: "6px", cy: "6px", r: "5px" }), hAsync("text", { "aria-hidden": "true", "font-size": "0.1em", x: "50%", y: "50%", "text-anchor": "middle", fill: "currentColor" }, state._label && (hAsync("tspan", { "text-anchor": "middle", x: "50%", dy: "-0.5em" }, state._label)), hAsync("tspan", { "text-anchor": "middle", x: "50%", dy: state._label ? '1em' : '0em' }, state._value, state._unit)), hAsync("circle", { class: "progress", "stroke-linecap": "round", "stroke-dasharray": `${Math.round((state._value / state._max) * 32)}px 32px`, fill: "none", stroke: "#0075ff", cx: "6px", cy: "6px", r: "5px" })));
|
|
17558
17558
|
default:
|
|
17559
|
-
return (hAsync("div",
|
|
17559
|
+
return (hAsync("div", { class: "bar" }, state._label && hAsync("div", null, state._label), hAsync("div", { style: { display: 'flex', gap: '0.3em' } }, hAsync("svg", { width: "100", viewBox: "0 0 24 2", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { "stroke-width": "2", x1: "1", "stroke-linecap": "round", y1: "1", x2: "23", y2: "1", fill: "#efefef", stroke: "#efefef" }), hAsync("line", { class: "progress", "stroke-width": "2", x1: "1", "stroke-linecap": "round", y1: "1", x2: `${1 + Math.round((state._value / state._max) * 22)}`, y2: "1", fill: "#0075ff", stroke: "#0075ff" })), hAsync("text", { "aria-hidden": "true", "font-size": "0.1em", "text-anchor": "middle", "dominant-baseline": "central", fill: "currentColor" }, state._value, state._unit))));
|
|
17560
17560
|
}
|
|
17561
17561
|
};
|
|
17562
17562
|
class KolProcess {
|
|
@@ -18160,6 +18160,10 @@ class KolSpanWc {
|
|
|
18160
18160
|
}; }
|
|
18161
18161
|
}
|
|
18162
18162
|
|
|
18163
|
+
const validateSpinVariant = (component, value) => {
|
|
18164
|
+
watchValidator(component, '_variant', (value) => value === 'default' || value === 'none', new Set(['default', 'none']), value);
|
|
18165
|
+
};
|
|
18166
|
+
|
|
18163
18167
|
const defaultStyleCss$6 = "/*!@:host*/.sc-kol-spin-default-h{--a11y-min-size:44px}/*!@**/*.sc-kol-spin-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-spin-default,button.sc-kol-spin-default:not([role='link']),kol-input.sc-kol-spin-default .input.sc-kol-spin-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-spin-default,button.sc-kol-spin-default,h1.sc-kol-spin-default,h2.sc-kol-spin-default,h3.sc-kol-spin-default,h4.sc-kol-spin-default,h5.sc-kol-spin-default,h6.sc-kol-spin-default,input.sc-kol-spin-default,option.sc-kol-spin-default,select.sc-kol-spin-default,textarea.sc-kol-spin-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-spin-default:is(a,button).sc-kol-spin-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-spin-default-h{max-width:100%}/*!@**/*.sc-kol-spin-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-spin-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-spin-default>span.sc-kol-spin-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-spin-default,button.sc-kol-spin-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-spin-default,input.sc-kol-spin-default,option.sc-kol-spin-default,select.sc-kol-spin-default,textarea.sc-kol-spin-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-spin-default>kol-span-wc.sc-kol-spin-default>span.sc-kol-spin-default>span.sc-kol-spin-default{display:none}/*!@.spin*/.spin.sc-kol-spin-default{display:inline-block;height:1rem;position:relative;width:3rem}/*!@.spin span*/.spin.sc-kol-spin-default span.sc-kol-spin-default{animation-timing-function:cubic-bezier(0, 1, 1, 0);border-radius:50%;border:0.1rem solid #fff;height:0.8rem;position:absolute;top:0.1rem;width:0.8rem}/*!@.spin span:first-child*/.spin.sc-kol-spin-default span.sc-kol-spin-default:first-child{background-color:#fc0;z-index:0;animation:2s infinite spin1;left:0.1rem}/*!@.spin span:nth-child(2)*/.spin.sc-kol-spin-default span.sc-kol-spin-default:nth-child(2){background-color:red;z-index:1;animation:2s infinite spin2;left:0.1rem}/*!@.spin span:nth-child(3)*/.spin.sc-kol-spin-default span.sc-kol-spin-default:nth-child(3){background-color:#000;z-index:1;animation:2s infinite spin2;left:1.1rem}/*!@.spin span:nth-child(4)*/.spin.sc-kol-spin-default span.sc-kol-spin-default:nth-child(4){background-color:#666;z-index:0;animation:2s infinite spin3;left:2.1rem}@keyframes spin1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes spin2{0%{transform:translate(0, 0)}100%{transform:translate(1rem, 0)}}@keyframes spin3{0%{transform:scale(1)}100%{transform:scale(0)}}";
|
|
18164
18168
|
|
|
18165
18169
|
class KolSpin {
|
|
@@ -18180,7 +18184,7 @@ class KolSpin {
|
|
|
18180
18184
|
watchBoolean(this, '_show', value);
|
|
18181
18185
|
}
|
|
18182
18186
|
validateVariant(value) {
|
|
18183
|
-
|
|
18187
|
+
validateSpinVariant(this, value);
|
|
18184
18188
|
}
|
|
18185
18189
|
componentWillLoad() {
|
|
18186
18190
|
this.validateShow(this._show);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "1.5.2-rc.
|
|
3
|
+
"version": "1.5.2-rc.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": "https://github.com/public-ui/kolibri",
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
"prepack": "rimraf dist/package.json"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@public-ui/components": "1.5.2-rc.
|
|
48
|
+
"@public-ui/components": "1.5.2-rc.1",
|
|
49
49
|
"rimraf": "3.0.2"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "1.5.2-rc.
|
|
52
|
+
"@public-ui/components": "1.5.2-rc.1"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|