@substrate-system/radio-input 0.0.4 → 0.0.10
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.cjs +39 -12
- package/dist/index.cjs.map +2 -2
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +38 -9
- package/dist/index.js.map +2 -2
- package/dist/index.min.js +6 -4
- package/dist/index.min.js.map +4 -4
- package/dist/meta.json +10 -5
- package/dist/style.css +11 -8
- package/dist/style.min.css +2 -2
- package/package.json +16 -16
package/dist/index.cjs
CHANGED
|
@@ -17,29 +17,56 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
19
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
-
var
|
|
21
|
-
__export(
|
|
20
|
+
var index_exports = {};
|
|
21
|
+
__export(index_exports, {
|
|
22
22
|
RadioInput: () => RadioInput
|
|
23
23
|
});
|
|
24
|
-
module.exports = __toCommonJS(
|
|
25
|
-
var
|
|
24
|
+
module.exports = __toCommonJS(index_exports);
|
|
25
|
+
var import_attributes = require("@substrate-system/web-component/attributes");
|
|
26
|
+
var import_util = require("@substrate-system/web-component/util");
|
|
26
27
|
class RadioInput extends HTMLElement {
|
|
27
28
|
static {
|
|
28
29
|
__name(this, "RadioInput");
|
|
29
30
|
}
|
|
31
|
+
static TAG = "radio-input";
|
|
32
|
+
static observedAttributes = ["label", "name", "value", "checked"];
|
|
33
|
+
handleChange_label(oldValue, newValue) {
|
|
34
|
+
if (newValue === null) return;
|
|
35
|
+
const label = this.querySelector("label");
|
|
36
|
+
if (!label) return;
|
|
37
|
+
label.childNodes.forEach((node) => {
|
|
38
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
39
|
+
node.textContent = `
|
|
40
|
+
${newValue}
|
|
41
|
+
`;
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
46
|
+
const handler = this[`handleChange_${name}`];
|
|
47
|
+
if (handler) {
|
|
48
|
+
handler.call(this, oldValue, newValue);
|
|
49
|
+
} else {
|
|
50
|
+
this.render();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
disconnectedCallback() {
|
|
54
|
+
}
|
|
30
55
|
connectedCallback() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
56
|
+
this.render();
|
|
57
|
+
}
|
|
58
|
+
render() {
|
|
34
59
|
const labelText = this.getAttribute("label");
|
|
35
|
-
if (!labelText)
|
|
60
|
+
if (!labelText) return;
|
|
61
|
+
const obj = {};
|
|
62
|
+
for (const attr of Array.from(this.attributes)) {
|
|
63
|
+
obj[attr.name] = attr.value;
|
|
64
|
+
}
|
|
36
65
|
this.innerHTML = `<label class="radio-input">
|
|
37
|
-
<input type="radio" />
|
|
66
|
+
<input type="radio" ${(0, import_attributes.toAttributes)(obj)} />
|
|
38
67
|
${labelText}
|
|
39
68
|
</label>`;
|
|
40
|
-
const input = this.querySelector("input");
|
|
41
|
-
(0, import_util.setAttributes)(input, obj);
|
|
42
69
|
}
|
|
43
70
|
}
|
|
44
|
-
|
|
71
|
+
(0, import_util.define)("radio-input", RadioInput);
|
|
45
72
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["import {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"sourcesContent": ["import {\n toAttributes,\n type Attrs\n} from '@substrate-system/web-component/attributes'\nimport { define } from '@substrate-system/web-component/util'\n\n// for docuement.querySelector\ndeclare global {\n interface HTMLElementTagNameMap {\n 'radio-input':RadioInput\n }\n}\n\nexport class RadioInput extends HTMLElement {\n static TAG = 'radio-input'\n static observedAttributes = ['label', 'name', 'value', 'checked']\n\n handleChange_label (oldValue:string, newValue:string) {\n if (newValue === null) return\n const label = this.querySelector('label')\n if (!label) return\n label.childNodes.forEach(node => {\n if (node.nodeType === Node.TEXT_NODE) {\n node.textContent = `\\n ${newValue}\\n `\n }\n })\n }\n\n attributeChangedCallback (\n name:string,\n oldValue:string,\n newValue:string\n ) {\n const handler = this[`handleChange_${name}`]\n if (handler) {\n handler.call(this, oldValue, newValue)\n } else {\n this.render()\n }\n }\n\n disconnectedCallback () {\n }\n\n connectedCallback () {\n this.render()\n }\n\n render () {\n const labelText = this.getAttribute('label')\n if (!labelText) return\n\n const obj:Attrs = {}\n for (const attr of Array.from(this.attributes)) {\n obj[attr.name] = attr.value\n }\n\n this.innerHTML = `<label class=\"radio-input\">\n <input type=\"radio\" ${toAttributes(obj)} />\n ${labelText}\n </label>`\n }\n}\n\ndefine('radio-input', RadioInput)\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAGO;AACP,kBAAuB;AAShB,MAAM,mBAAmB,YAAY;AAAA,EAb5C,OAa4C;AAAA;AAAA;AAAA,EACxC,OAAO,MAAM;AAAA,EACb,OAAO,qBAAqB,CAAC,SAAS,QAAQ,SAAS,SAAS;AAAA,EAEhE,mBAAoB,UAAiB,UAAiB;AAClD,QAAI,aAAa,KAAM;AACvB,UAAM,QAAQ,KAAK,cAAc,OAAO;AACxC,QAAI,CAAC,MAAO;AACZ,UAAM,WAAW,QAAQ,UAAQ;AAC7B,UAAI,KAAK,aAAa,KAAK,WAAW;AAClC,aAAK,cAAc;AAAA,cAAiB,QAAQ;AAAA;AAAA,MAChD;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,yBACI,MACA,UACA,UACF;AACE,UAAM,UAAU,KAAK,gBAAgB,IAAI,EAAE;AAC3C,QAAI,SAAS;AACT,cAAQ,KAAK,MAAM,UAAU,QAAQ;AAAA,IACzC,OAAO;AACH,WAAK,OAAO;AAAA,IAChB;AAAA,EACJ;AAAA,EAEA,uBAAwB;AAAA,EACxB;AAAA,EAEA,oBAAqB;AACjB,SAAK,OAAO;AAAA,EAChB;AAAA,EAEA,SAAU;AACN,UAAM,YAAY,KAAK,aAAa,OAAO;AAC3C,QAAI,CAAC,UAAW;AAEhB,UAAM,MAAY,CAAC;AACnB,eAAW,QAAQ,MAAM,KAAK,KAAK,UAAU,GAAG;AAC5C,UAAI,KAAK,IAAI,IAAI,KAAK;AAAA,IAC1B;AAEA,SAAK,YAAY;AAAA,sCACS,gCAAa,GAAG,CAAC;AAAA,cACrC,SAAS;AAAA;AAAA,EAEnB;AACJ;AAAA,IAEA,oBAAO,eAAe,UAAU;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,12 @@ declare global {
|
|
|
4
4
|
}
|
|
5
5
|
}
|
|
6
6
|
export declare class RadioInput extends HTMLElement {
|
|
7
|
+
static TAG: string;
|
|
8
|
+
static observedAttributes: string[];
|
|
9
|
+
handleChange_label(oldValue: string, newValue: string): void;
|
|
10
|
+
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
11
|
+
disconnectedCallback(): void;
|
|
7
12
|
connectedCallback(): void;
|
|
13
|
+
render(): void;
|
|
8
14
|
}
|
|
9
15
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAC,UAAU,CAAA;KAC3B;CACJ;AAED,qBAAa,UAAW,SAAQ,WAAW;IACvC,MAAM,CAAC,GAAG,SAAgB;IAC1B,MAAM,CAAC,kBAAkB,WAAwC;IAEjE,kBAAkB,CAAE,QAAQ,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM;IAWpD,wBAAwB,CACpB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,MAAM;IAUnB,oBAAoB;IAGpB,iBAAiB;IAIjB,MAAM;CAcT"}
|
package/dist/index.js
CHANGED
|
@@ -1,25 +1,54 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
toAttributes
|
|
5
|
+
} from "@substrate-system/web-component/attributes";
|
|
6
|
+
import { define } from "@substrate-system/web-component/util";
|
|
4
7
|
class RadioInput extends HTMLElement {
|
|
5
8
|
static {
|
|
6
9
|
__name(this, "RadioInput");
|
|
7
10
|
}
|
|
11
|
+
static TAG = "radio-input";
|
|
12
|
+
static observedAttributes = ["label", "name", "value", "checked"];
|
|
13
|
+
handleChange_label(oldValue, newValue) {
|
|
14
|
+
if (newValue === null) return;
|
|
15
|
+
const label = this.querySelector("label");
|
|
16
|
+
if (!label) return;
|
|
17
|
+
label.childNodes.forEach((node) => {
|
|
18
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
19
|
+
node.textContent = `
|
|
20
|
+
${newValue}
|
|
21
|
+
`;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
26
|
+
const handler = this[`handleChange_${name}`];
|
|
27
|
+
if (handler) {
|
|
28
|
+
handler.call(this, oldValue, newValue);
|
|
29
|
+
} else {
|
|
30
|
+
this.render();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
disconnectedCallback() {
|
|
34
|
+
}
|
|
8
35
|
connectedCallback() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
36
|
+
this.render();
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
12
39
|
const labelText = this.getAttribute("label");
|
|
13
|
-
if (!labelText)
|
|
40
|
+
if (!labelText) return;
|
|
41
|
+
const obj = {};
|
|
42
|
+
for (const attr of Array.from(this.attributes)) {
|
|
43
|
+
obj[attr.name] = attr.value;
|
|
44
|
+
}
|
|
14
45
|
this.innerHTML = `<label class="radio-input">
|
|
15
|
-
<input type="radio" />
|
|
46
|
+
<input type="radio" ${toAttributes(obj)} />
|
|
16
47
|
${labelText}
|
|
17
48
|
</label>`;
|
|
18
|
-
const input = this.querySelector("input");
|
|
19
|
-
setAttributes(input, obj);
|
|
20
49
|
}
|
|
21
50
|
}
|
|
22
|
-
|
|
51
|
+
define("radio-input", RadioInput);
|
|
23
52
|
export {
|
|
24
53
|
RadioInput
|
|
25
54
|
};
|
package/dist/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["import {
|
|
5
|
-
"mappings": ";;AAAA,SAAS,
|
|
4
|
+
"sourcesContent": ["import {\n toAttributes,\n type Attrs\n} from '@substrate-system/web-component/attributes'\nimport { define } from '@substrate-system/web-component/util'\n\n// for docuement.querySelector\ndeclare global {\n interface HTMLElementTagNameMap {\n 'radio-input':RadioInput\n }\n}\n\nexport class RadioInput extends HTMLElement {\n static TAG = 'radio-input'\n static observedAttributes = ['label', 'name', 'value', 'checked']\n\n handleChange_label (oldValue:string, newValue:string) {\n if (newValue === null) return\n const label = this.querySelector('label')\n if (!label) return\n label.childNodes.forEach(node => {\n if (node.nodeType === Node.TEXT_NODE) {\n node.textContent = `\\n ${newValue}\\n `\n }\n })\n }\n\n attributeChangedCallback (\n name:string,\n oldValue:string,\n newValue:string\n ) {\n const handler = this[`handleChange_${name}`]\n if (handler) {\n handler.call(this, oldValue, newValue)\n } else {\n this.render()\n }\n }\n\n disconnectedCallback () {\n }\n\n connectedCallback () {\n this.render()\n }\n\n render () {\n const labelText = this.getAttribute('label')\n if (!labelText) return\n\n const obj:Attrs = {}\n for (const attr of Array.from(this.attributes)) {\n obj[attr.name] = attr.value\n }\n\n this.innerHTML = `<label class=\"radio-input\">\n <input type=\"radio\" ${toAttributes(obj)} />\n ${labelText}\n </label>`\n }\n}\n\ndefine('radio-input', RadioInput)\n"],
|
|
5
|
+
"mappings": ";;AAAA;AAAA,EACI;AAAA,OAEG;AACP,SAAS,cAAc;AAShB,MAAM,mBAAmB,YAAY;AAAA,EAb5C,OAa4C;AAAA;AAAA;AAAA,EACxC,OAAO,MAAM;AAAA,EACb,OAAO,qBAAqB,CAAC,SAAS,QAAQ,SAAS,SAAS;AAAA,EAEhE,mBAAoB,UAAiB,UAAiB;AAClD,QAAI,aAAa,KAAM;AACvB,UAAM,QAAQ,KAAK,cAAc,OAAO;AACxC,QAAI,CAAC,MAAO;AACZ,UAAM,WAAW,QAAQ,UAAQ;AAC7B,UAAI,KAAK,aAAa,KAAK,WAAW;AAClC,aAAK,cAAc;AAAA,cAAiB,QAAQ;AAAA;AAAA,MAChD;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,yBACI,MACA,UACA,UACF;AACE,UAAM,UAAU,KAAK,gBAAgB,IAAI,EAAE;AAC3C,QAAI,SAAS;AACT,cAAQ,KAAK,MAAM,UAAU,QAAQ;AAAA,IACzC,OAAO;AACH,WAAK,OAAO;AAAA,IAChB;AAAA,EACJ;AAAA,EAEA,uBAAwB;AAAA,EACxB;AAAA,EAEA,oBAAqB;AACjB,SAAK,OAAO;AAAA,EAChB;AAAA,EAEA,SAAU;AACN,UAAM,YAAY,KAAK,aAAa,OAAO;AAC3C,QAAI,CAAC,UAAW;AAEhB,UAAM,MAAY,CAAC;AACnB,eAAW,QAAQ,MAAM,KAAK,KAAK,UAAU,GAAG;AAC5C,UAAI,KAAK,IAAI,IAAI,KAAK;AAAA,IAC1B;AAEA,SAAK,YAAY;AAAA,kCACS,aAAa,GAAG,CAAC;AAAA,cACrC,SAAS;AAAA;AAAA,EAEnB;AACJ;AAEA,OAAO,eAAe,UAAU;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/index.min.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
var d=Object.defineProperty;var i=(t,e)=>d(t,"name",{value:e,configurable:!0});var f=Object.defineProperty,m=i((t,e)=>f(t,"name",{value:e,configurable:!0}),"__name");function a(t){return Object.keys(t).reduce((e,n)=>{let r=t[n];return r?typeof r=="boolean"?r?(e+` ${n}`).trim():e:Array.isArray(r)?e+` ${n}="${r.join(" ")}"`:(e+` ${n}="${r}"`).trim():e},"")}i(a,"toAttributes");m(a,"toAttributes");var b=Object.defineProperty,s=i((t,e)=>b(t,"name",{value:e,configurable:!0}),"__name");function c(t){return document.createElement(t).constructor!==window.HTMLElement}i(c,"isRegistered");s(c,"isRegistered");function l(t,e){window&&"customElements"in window&&(c(t)||window.customElements.define(t,e))}i(l,"define");s(l,"define");var _=document.querySelector.bind(document),E=document.querySelectorAll.bind(document);function h(t,e){return t.matches||(t=t.parentElement),t.matches(e)?t:t.closest(e)}i(h,"match");s(h,"match");var u=class extends HTMLElement{static{i(this,"RadioInput")}static TAG="radio-input";static observedAttributes=["label","name","value","checked"];handleChange_label(e,n){if(n===null)return;let r=this.querySelector("label");r&&r.childNodes.forEach(o=>{o.nodeType===Node.TEXT_NODE&&(o.textContent=`
|
|
2
|
+
${n}
|
|
3
|
+
`)})}attributeChangedCallback(e,n,r){let o=this[`handleChange_${e}`];o?o.call(this,n,r):this.render()}disconnectedCallback(){}connectedCallback(){this.render()}render(){let e=this.getAttribute("label");if(!e)return;let n={};for(let r of Array.from(this.attributes))n[r.name]=r.value;this.innerHTML=`<label class="radio-input">
|
|
4
|
+
<input type="radio" ${a(n)} />
|
|
5
|
+
${e}
|
|
6
|
+
</label>`}};l("radio-input",u);export{u as RadioInput};
|
|
5
7
|
//# sourceMappingURL=index.min.js.map
|
package/dist/index.min.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../node_modules/@substrate-system/
|
|
4
|
-
"sourcesContent": ["/**\n *
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../node_modules/@substrate-system/web-component/src/attributes.ts", "../node_modules/@substrate-system/web-component/src/util.ts", "../src/index.ts"],
|
|
4
|
+
"sourcesContent": ["export type Attrs = Record<string, undefined|null|string|number|boolean|(string|number)[]>\n\n/**\n * Transform an object into an HTML attributes string. The object should be\n * like `{ attributeName: value }`.\n *\n * @param attrs An object for the attributes.\n * @returns {string} A string suitable for use as HTML attributes.\n */\nexport function toAttributes (attrs:Attrs):string {\n return Object.keys(attrs).reduce((acc, k) => {\n const value = attrs[k]\n if (!value) return acc\n\n if (typeof value === 'boolean') {\n if (value) return (acc + ` ${k}`).trim()\n return acc\n }\n\n if (Array.isArray(value)) {\n return (acc + ` ${k}=\"${value.join(' ')}\"`)\n }\n\n return (acc + ` ${k}=\"${value}\"`).trim()\n }, '')\n}\n", "export { toAttributes } from './attributes.js'\n\n/**\n * Check if the given tag name has been registered.\n *\n * @see {@link https://stackoverflow.com/a/28210364 stackoverflow}\n * @param {string} elName The custom element tag name.\n * @returns {boolean} True if the given name has been registered already.\n */\nexport function isRegistered (elName:string):boolean {\n return document.createElement(elName).constructor !== window.HTMLElement\n}\n\nexport function define (name:string, element:CustomElementConstructor) {\n if (!window) return\n if (!('customElements' in window)) return\n\n if (!isRegistered(name)) {\n window.customElements.define(name, element)\n }\n}\n\nexport const qs = document.querySelector.bind(document)\nexport const qsa = document.querySelectorAll.bind(document)\n\n/**\n * Get the closes parent element matching the given selector.\n * @param el Element to start from\n * @param s Selector for an element\n * @returns {HTMLElement|null} The closes parent element that matches.\n */\nexport function match (el:HTMLElement, s:string):HTMLElement|null {\n if (!el.matches) el = el.parentElement!\n return el.matches(s) ? el : el.closest(s)\n}\n", "import {\n toAttributes,\n type Attrs\n} from '@substrate-system/web-component/attributes'\nimport { define } from '@substrate-system/web-component/util'\n\n// for docuement.querySelector\ndeclare global {\n interface HTMLElementTagNameMap {\n 'radio-input':RadioInput\n }\n}\n\nexport class RadioInput extends HTMLElement {\n static TAG = 'radio-input'\n static observedAttributes = ['label', 'name', 'value', 'checked']\n\n handleChange_label (oldValue:string, newValue:string) {\n if (newValue === null) return\n const label = this.querySelector('label')\n if (!label) return\n label.childNodes.forEach(node => {\n if (node.nodeType === Node.TEXT_NODE) {\n node.textContent = `\\n ${newValue}\\n `\n }\n })\n }\n\n attributeChangedCallback (\n name:string,\n oldValue:string,\n newValue:string\n ) {\n const handler = this[`handleChange_${name}`]\n if (handler) {\n handler.call(this, oldValue, newValue)\n } else {\n this.render()\n }\n }\n\n disconnectedCallback () {\n }\n\n connectedCallback () {\n this.render()\n }\n\n render () {\n const labelText = this.getAttribute('label')\n if (!labelText) return\n\n const obj:Attrs = {}\n for (const attr of Array.from(this.attributes)) {\n obj[attr.name] = attr.value\n }\n\n this.innerHTML = `<label class=\"radio-input\">\n <input type=\"radio\" ${toAttributes(obj)} />\n ${labelText}\n </label>`\n }\n}\n\ndefine('radio-input', RadioInput)\n"],
|
|
5
|
+
"mappings": "sKASO,SAASA,EAAcC,EAAoB,CAC9C,OAAO,OAAO,KAAKA,CAAK,EAAE,OAAO,CAACC,EAAKC,IAAM,CACzC,IAAMC,EAAQH,EAAME,CAAC,EACrB,OAAKC,EAED,OAAOA,GAAU,UACbA,GAAeF,EAAM,IAAIC,CAAC,IAAI,KAAK,EAChCD,EAGP,MAAM,QAAQE,CAAK,EACXF,EAAM,IAAIC,CAAC,KAAKC,EAAM,KAAK,GAAG,CAAC,KAGnCF,EAAM,IAAIC,CAAC,KAAKC,CAAK,KAAK,KAAK,EAXpBF,CAYvB,EAAG,EAAE,CACT,CAhBgBG,EAAAL,EAAA,gBAAAK,EAAAL,EAAA,cAAA,yFCAT,SAASM,EAAcC,EAAuB,CACjD,OAAO,SAAS,cAAcA,CAAM,EAAE,cAAgB,OAAO,WACjE,CAFgBC,EAAAF,EAAA,gBAAAE,EAAAF,EAAA,cAAA,EAIT,SAASG,EAAQC,EAAaC,EAAkC,CAC9D,QACC,mBAAoB,SAErBL,EAAaI,CAAI,GAClB,OAAO,eAAe,OAAOA,EAAMC,CAAO,EAElD,CAPgBH,EAAAC,EAAA,UAAAD,EAAAC,EAAA,QAAA,EAST,IAAMG,EAAK,SAAS,cAAc,KAAK,QAAQ,EACzCC,EAAM,SAAS,iBAAiB,KAAK,QAAQ,EAQnD,SAASC,EAAOC,EAAgBC,EAA2B,CAC9D,OAAKD,EAAG,UAASA,EAAKA,EAAG,eAClBA,EAAG,QAAQC,CAAC,EAAID,EAAKA,EAAG,QAAQC,CAAC,CAC5C,CAHgBR,EAAAM,EAAA,SAAAN,EAAAM,EAAA,OAAA,EClBT,IAAMG,EAAN,cAAyB,WAAY,CAb5C,MAa4C,CAAAC,EAAA,mBACxC,OAAO,IAAM,cACb,OAAO,mBAAqB,CAAC,QAAS,OAAQ,QAAS,SAAS,EAEhE,mBAAoBC,EAAiBC,EAAiB,CAClD,GAAIA,IAAa,KAAM,OACvB,IAAMC,EAAQ,KAAK,cAAc,OAAO,EACnCA,GACLA,EAAM,WAAW,QAAQC,GAAQ,CACzBA,EAAK,WAAa,KAAK,YACvBA,EAAK,YAAc;AAAA,cAAiBF,CAAQ;AAAA,UAEpD,CAAC,CACL,CAEA,yBACIG,EACAJ,EACAC,EACF,CACE,IAAMI,EAAU,KAAK,gBAAgBD,CAAI,EAAE,EACvCC,EACAA,EAAQ,KAAK,KAAML,EAAUC,CAAQ,EAErC,KAAK,OAAO,CAEpB,CAEA,sBAAwB,CACxB,CAEA,mBAAqB,CACjB,KAAK,OAAO,CAChB,CAEA,QAAU,CACN,IAAMK,EAAY,KAAK,aAAa,OAAO,EAC3C,GAAI,CAACA,EAAW,OAEhB,IAAMC,EAAY,CAAC,EACnB,QAAWC,KAAQ,MAAM,KAAK,KAAK,UAAU,EACzCD,EAAIC,EAAK,IAAI,EAAIA,EAAK,MAG1B,KAAK,UAAY;AAAA,kCACSC,EAAaF,CAAG,CAAC;AAAA,cACrCD,CAAS;AAAA,iBAEnB,CACJ,EAEAI,EAAO,cAAeZ,CAAU",
|
|
6
|
+
"names": ["toAttributes", "attrs", "acc", "k", "value", "__name", "isRegistered", "elName", "__name", "define", "name", "element", "qs", "qsa", "match", "el", "s", "RadioInput", "__name", "oldValue", "newValue", "label", "node", "name", "handler", "labelText", "obj", "attr", "toAttributes", "define"]
|
|
7
7
|
}
|
package/dist/meta.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"inputs": {
|
|
3
3
|
"src/index.ts": {
|
|
4
|
-
"bytes":
|
|
4
|
+
"bytes": 1632,
|
|
5
5
|
"imports": [],
|
|
6
6
|
"format": "esm"
|
|
7
7
|
}
|
|
@@ -11,12 +11,17 @@
|
|
|
11
11
|
"imports": [],
|
|
12
12
|
"exports": [],
|
|
13
13
|
"inputs": {},
|
|
14
|
-
"bytes":
|
|
14
|
+
"bytes": 2713
|
|
15
15
|
},
|
|
16
16
|
"dist/index.js": {
|
|
17
17
|
"imports": [
|
|
18
18
|
{
|
|
19
|
-
"path": "@substrate-system/
|
|
19
|
+
"path": "@substrate-system/web-component/attributes",
|
|
20
|
+
"kind": "import-statement",
|
|
21
|
+
"external": true
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "@substrate-system/web-component/util",
|
|
20
25
|
"kind": "import-statement",
|
|
21
26
|
"external": true
|
|
22
27
|
}
|
|
@@ -27,10 +32,10 @@
|
|
|
27
32
|
"entryPoint": "src/index.ts",
|
|
28
33
|
"inputs": {
|
|
29
34
|
"src/index.ts": {
|
|
30
|
-
"bytesInOutput":
|
|
35
|
+
"bytesInOutput": 1334
|
|
31
36
|
}
|
|
32
37
|
},
|
|
33
|
-
"bytes":
|
|
38
|
+
"bytes": 1522
|
|
34
39
|
}
|
|
35
40
|
}
|
|
36
41
|
}
|
package/dist/style.css
CHANGED
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
radio-input .radio-input {
|
|
6
6
|
margin-right: 1rem;
|
|
7
7
|
cursor: pointer;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:is(radio-input .radio-input) input {
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
radio-input .radio-input {
|
|
8
15
|
|
|
9
16
|
font-size: 1.5rem;
|
|
10
17
|
display: grid;
|
|
@@ -12,11 +19,7 @@ radio-input .radio-input {
|
|
|
12
19
|
gap: 0.5em;
|
|
13
20
|
}
|
|
14
21
|
|
|
15
|
-
radio-input .radio-input input {
|
|
16
|
-
cursor: pointer;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
radio-input .radio-input input[type="radio"] {
|
|
22
|
+
:is(radio-input .radio-input) input[type="radio"] {
|
|
20
23
|
appearance: none;
|
|
21
24
|
/* For iOS < 15 to remove gradient background */
|
|
22
25
|
background-color: #fff;
|
|
@@ -31,7 +34,7 @@ radio-input .radio-input input[type="radio"] {
|
|
|
31
34
|
place-content: center;
|
|
32
35
|
}
|
|
33
36
|
|
|
34
|
-
radio-input .radio-input input[type="radio"]::before {
|
|
37
|
+
:is(:is(radio-input .radio-input) input[type="radio"])::before {
|
|
35
38
|
content: "";
|
|
36
39
|
width: 0.65em;
|
|
37
40
|
height: 0.65em;
|
|
@@ -41,9 +44,9 @@ radio-input .radio-input input[type="radio"]::before {
|
|
|
41
44
|
box-shadow: inset 1em 1em var(--form-control-color);
|
|
42
45
|
}
|
|
43
46
|
|
|
44
|
-
radio-input .radio-input input[type="radio"]:checked::before {
|
|
47
|
+
:is(:is(radio-input .radio-input) input[type="radio"]):checked::before {
|
|
45
48
|
appearance: initial;
|
|
46
49
|
transform: scale(1);
|
|
47
50
|
}
|
|
48
51
|
|
|
49
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSw2QkFBNkI7QUFDakM7O0FBR0k7UUFDSSxrQkFBa0I7UUFDbEIsZUFBZTtJQXdDbkI7O0FBdENJO1lBQ0ksZUFBZTtRQUNuQjs7QUFOSjs7UUFRSSxpQkFBaUI7UUFDakIsYUFBYTtRQUNiLCtCQUErQjtRQUMvQixVQUFVO0lBK0JkOztBQTdCSTtZQUNJLGdCQUFnQjtZQUNoQiwrQ0FBK0M7WUFDL0Msc0JBQXNCO1lBQ3RCLFNBQVM7WUFDVCxhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLGFBQWE7WUFDYixjQUFjO1lBQ2QsaUNBQWlDO1lBQ2pDLGtCQUFrQjtZQUNsQixhQUFhO1lBQ2IscUJBQXFCO1FBZ0J6Qjs7QUFkSTtnQkFDSSxXQUFXO2dCQUNYLGFBQWE7Z0JBQ2IsY0FBYztnQkFDZCxrQkFBa0I7Z0JBQ2xCLG1CQUFtQjtnQkFDbkIsdUNBQXVDO2dCQUN2QyxtREFBbUQ7WUFDdkQ7O0FBRUo7Z0JBQ1EsbUJBQW1CO2dCQUNuQixtQkFBbUI7WUFDdkIiLCJmaWxlIjoic3JjL2luZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgICAtLWZvcm0tY29udHJvbC1jb2xvcjogIzQyODFDQjtcbn1cblxucmFkaW8taW5wdXQge1xuICAgICYgLnJhZGlvLWlucHV0IHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgJiBpbnB1dCB7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZW0gYXV0bztcbiAgICAgICAgZ2FwOiAwLjVlbTtcblxuICAgICAgICAmIGlucHV0W3R5cGU9XCJyYWRpb1wiXSB7XG4gICAgICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgLyogRm9yIGlPUyA8IDE1IHRvIHJlbW92ZSBncmFkaWVudCBiYWNrZ3JvdW5kICovXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgICAgICAgIGNvbG9yOiBjdXJyZW50Y29sb3I7XG4gICAgICAgICAgICB3aWR0aDogMS4xNWVtO1xuICAgICAgICAgICAgaGVpZ2h0OiAxLjE1ZW07XG4gICAgICAgICAgICBib3JkZXI6IDAuMTVlbSBzb2xpZCBjdXJyZW50Y29sb3I7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgcGxhY2UtY29udGVudDogY2VudGVyO1xuXG4gICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDAuNjVlbTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDAuNjVlbTtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcbiAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAxMjBtcyB0cmFuc2Zvcm0gZWFzZS1pbi1vdXQ7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMWVtIDFlbSB2YXIoLS1mb3JtLWNvbnRyb2wtY29sb3IpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICY6Y2hlY2tlZDo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhcHBlYXJhbmNlOiBpbml0aWFsO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0= */
|
package/dist/style.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--form-control-color:#4281cb}radio-input .radio-input{cursor:pointer;display:grid;font-size:1.5rem;gap:.5em;grid-template-columns:1em auto
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
:root{--form-control-color:#4281cb}radio-input .radio-input{cursor:pointer;margin-right:1rem}:is(radio-input .radio-input) input{cursor:pointer}radio-input .radio-input{display:grid;font-size:1.5rem;gap:.5em;grid-template-columns:1em auto}:is(radio-input .radio-input) input[type=radio]{appearance:none;background-color:#fff;border:.15em solid;border-radius:50%;color:currentcolor;display:grid;font:inherit;height:1.15em;margin:0;place-content:center;width:1.15em}:is(:is(radio-input .radio-input) input[type=radio]):before{border-radius:50%;box-shadow:inset 1em 1em var(--form-control-color);content:"";height:.65em;transform:scale(0);transition:transform .12s ease-in-out;width:.65em}:is(:is(radio-input .radio-input) input[type=radio]):checked:before{appearance:none;transform:scale(1)}
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFDSSw0QkFDSixDQUdJLHlCQUVJLGNBQWUsQ0FEZixpQkF5Q0osQ0F0Q0ksb0NBQ0ksY0FDSixDQU5KLHlCQVNJLFlBQWEsQ0FEYixnQkFBaUIsQ0FHakIsUUFBVSxDQURWLDhCQWdDSixDQTdCSSxnREFDSSxlQUFnQixDQUVoQixxQkFBc0IsQ0FNdEIsa0JBQWlDLENBQ2pDLGlCQUFrQixDQUpsQixrQkFBbUIsQ0FLbkIsWUFBYSxDQU5iLFlBQWEsQ0FHYixhQUFjLENBSmQsUUFBUyxDQVFULG9CQUFxQixDQUxyQixZQXFCSixDQWRJLDREQUlJLGlCQUFrQixDQUdsQixrREFBbUQsQ0FObkQsVUFBVyxDQUVYLFlBQWMsQ0FFZCxrQkFBbUIsQ0FDbkIscUNBQXVDLENBSnZDLFdBTUosQ0FFSixvRUFDUSxlQUFtQixDQUNuQixrQkFDSiIsImZpbGUiOiJzcmMvaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xuICAgIC0tZm9ybS1jb250cm9sLWNvbG9yOiAjNDI4MUNCO1xufVxuXG5yYWRpby1pbnB1dCB7XG4gICAgJiAucmFkaW8taW5wdXQge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICAmIGlucHV0IHtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFlbSBhdXRvO1xuICAgICAgICBnYXA6IDAuNWVtO1xuXG4gICAgICAgICYgaW5wdXRbdHlwZT1cInJhZGlvXCJdIHtcbiAgICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgICAvKiBGb3IgaU9TIDwgMTUgdG8gcmVtb3ZlIGdyYWRpZW50IGJhY2tncm91bmQgKi9cbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICAgICAgY29sb3I6IGN1cnJlbnRjb2xvcjtcbiAgICAgICAgICAgIHdpZHRoOiAxLjE1ZW07XG4gICAgICAgICAgICBoZWlnaHQ6IDEuMTVlbTtcbiAgICAgICAgICAgIGJvcmRlcjogMC4xNWVtIHNvbGlkIGN1cnJlbnRjb2xvcjtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICB3aWR0aDogMC42NWVtO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMC42NWVtO1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IDEyMG1zIHRyYW5zZm9ybSBlYXNlLWluLW91dDtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAxZW0gMWVtIHZhcigtLWZvcm0tY29udHJvbC1jb2xvcik7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgJjpjaGVja2VkOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U6IGluaXRpYWw7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ== */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@substrate-system/radio-input",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.10",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
7
7
|
"./dist/*"
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
"scripts": {
|
|
10
10
|
"lint": "eslint \"./**/*.{ts,js}\"",
|
|
11
11
|
"build-tests": "esbuild test/index.ts --target=es2020 --bundle --keep-names > test/test-bundle.js",
|
|
12
|
-
"test": "npm run lint && npm run build && npm run
|
|
13
|
-
"test-
|
|
12
|
+
"test": "npm run lint && npm run build && npm run test-tapout",
|
|
13
|
+
"test-tapout": "esbuild test/index.ts --target=es2020 --bundle --keep-names | tapout | tap-spec",
|
|
14
14
|
"build-css": "postcss src/index.css --use postcss-nesting > dist/style.css",
|
|
15
15
|
"build-css:min": "postcss src/index.css --use cssnano postcss-nesting > dist/style.min.css",
|
|
16
16
|
"build-cjs": "esbuild src/*.ts --format=cjs --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --out-extension:.js=.cjs --sourcemap",
|
|
@@ -45,30 +45,30 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@substrate-system/
|
|
48
|
+
"@substrate-system/web-component": "^0.0.46"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@
|
|
52
|
-
"@
|
|
53
|
-
"@
|
|
54
|
-
"@
|
|
55
|
-
"@typescript-eslint/
|
|
51
|
+
"@substrate-system/debug": "^0.9.60",
|
|
52
|
+
"@substrate-system/dom": "^0.1.13",
|
|
53
|
+
"@substrate-system/tapout": "^0.0.37",
|
|
54
|
+
"@substrate-system/tapzero": "^0.10.16",
|
|
55
|
+
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
56
|
+
"@typescript-eslint/parser": "^8.0.0",
|
|
56
57
|
"auto-changelog": "^2.4.0",
|
|
57
58
|
"cssnano": "^7.0.3",
|
|
58
|
-
"esbuild": "^0.
|
|
59
|
+
"esbuild": "^0.27.0",
|
|
59
60
|
"eslint": "^8.57.0",
|
|
60
61
|
"eslint-config-standard": "^17.1.0",
|
|
61
62
|
"markdown-toc": "^1.2.0",
|
|
62
63
|
"postcss": "^8.4.38",
|
|
63
64
|
"postcss-cli": "^11.0.0",
|
|
64
|
-
"postcss-nesting": "^
|
|
65
|
-
"stylelint": "^
|
|
66
|
-
"stylelint-config-standard": "^
|
|
65
|
+
"postcss-nesting": "^14.0.0",
|
|
66
|
+
"stylelint": "^17.1.0",
|
|
67
|
+
"stylelint-config-standard": "^40.0.0",
|
|
67
68
|
"tap-spec": "^5.0.0",
|
|
68
|
-
"
|
|
69
|
-
"typedoc": "^0.26.2",
|
|
69
|
+
"typedoc": "^0.28.1",
|
|
70
70
|
"typescript": "^5.4.5",
|
|
71
|
-
"vite": "^
|
|
71
|
+
"vite": "^7.0.2"
|
|
72
72
|
},
|
|
73
73
|
"author": "nichoth <nichoth@nichoth.com> (https://nichoth.com)",
|
|
74
74
|
"license": "MIT",
|