@duskmoon-dev/el-form-group 1.0.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/cjs/index.js +88 -0
- package/dist/cjs/index.js.map +10 -0
- package/dist/cjs/register.js +83 -0
- package/dist/cjs/register.js.map +11 -0
- package/dist/esm/index.js +46 -0
- package/dist/esm/index.js.map +10 -0
- package/dist/esm/register.js +45 -0
- package/dist/esm/register.js.map +11 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/el-dm-form-group.d.ts +15 -0
- package/dist/types/el-dm-form-group.d.ts.map +1 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/register.d.ts +8 -0
- package/dist/types/register.d.ts.map +1 -0
- package/package.json +61 -0
- package/src/duskmoon-core.d.ts +7 -0
- package/src/el-dm-form-group.ts +46 -0
- package/src/index.ts +7 -0
- package/src/register.ts +10 -0
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
function __accessProp(key) {
|
|
6
|
+
return this[key];
|
|
7
|
+
}
|
|
8
|
+
var __toCommonJS = (from) => {
|
|
9
|
+
var entry = (__moduleCache ??= new WeakMap).get(from), desc;
|
|
10
|
+
if (entry)
|
|
11
|
+
return entry;
|
|
12
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (var key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(entry, key))
|
|
16
|
+
__defProp(entry, key, {
|
|
17
|
+
get: __accessProp.bind(from, key),
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
__moduleCache.set(from, entry);
|
|
22
|
+
return entry;
|
|
23
|
+
};
|
|
24
|
+
var __moduleCache;
|
|
25
|
+
var __returnValue = (v) => v;
|
|
26
|
+
function __exportSetter(name, newValue) {
|
|
27
|
+
this[name] = __returnValue.bind(null, newValue);
|
|
28
|
+
}
|
|
29
|
+
var __export = (target, all) => {
|
|
30
|
+
for (var name in all)
|
|
31
|
+
__defProp(target, name, {
|
|
32
|
+
get: all[name],
|
|
33
|
+
enumerable: true,
|
|
34
|
+
configurable: true,
|
|
35
|
+
set: __exportSetter.bind(all, name)
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
// src/index.ts
|
|
40
|
+
var exports_src = {};
|
|
41
|
+
__export(exports_src, {
|
|
42
|
+
register: () => register,
|
|
43
|
+
ElDmFormGroup: () => ElDmFormGroup
|
|
44
|
+
});
|
|
45
|
+
module.exports = __toCommonJS(exports_src);
|
|
46
|
+
|
|
47
|
+
// src/el-dm-form-group.ts
|
|
48
|
+
var import_el_base = require("@duskmoon-dev/el-base");
|
|
49
|
+
var import_form_group = require("@duskmoon-dev/core/components/form-group");
|
|
50
|
+
var coreStyles = import_form_group.css.replace(/@layer\s+components\s*\{/, "").replace(/\}\s*$/, "");
|
|
51
|
+
var styles = import_el_base.css`
|
|
52
|
+
:host {
|
|
53
|
+
display: block;
|
|
54
|
+
width: 100%;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host([hidden]) {
|
|
58
|
+
display: none !important;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
${coreStyles}
|
|
62
|
+
`;
|
|
63
|
+
|
|
64
|
+
class ElDmFormGroup extends import_el_base.BaseElement {
|
|
65
|
+
static properties = {
|
|
66
|
+
orientation: { type: String, reflect: true, default: "vertical" }
|
|
67
|
+
};
|
|
68
|
+
constructor() {
|
|
69
|
+
super();
|
|
70
|
+
this.attachStyles(styles);
|
|
71
|
+
}
|
|
72
|
+
render() {
|
|
73
|
+
const orientationClass = this.orientation === "horizontal" ? "form-group form-group-horizontal" : "form-group";
|
|
74
|
+
return `
|
|
75
|
+
<div class="${orientationClass}">
|
|
76
|
+
<slot></slot>
|
|
77
|
+
</div>
|
|
78
|
+
`;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
function register() {
|
|
82
|
+
if (!customElements.get("el-dm-form-group")) {
|
|
83
|
+
customElements.define("el-dm-form-group", ElDmFormGroup);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
//# debugId=7C84DE68116C92AE64756E2164756E21
|
|
88
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/el-dm-form-group.ts"],
|
|
4
|
+
"sourcesContent": [
|
|
5
|
+
"import { BaseElement, css } from '@duskmoon-dev/el-base';\nimport { css as formGroupCSS } from '@duskmoon-dev/core/components/form-group';\n\nconst coreStyles = formGroupCSS.replace(/@layer\\s+components\\s*\\{/, '').replace(/\\}\\s*$/, '');\n\nconst styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n ${coreStyles}\n`;\n\nexport class ElDmFormGroup extends BaseElement {\n static properties = {\n orientation: { type: String, reflect: true, default: 'vertical' },\n };\n\n declare orientation: 'vertical' | 'horizontal';\n\n constructor() {\n super();\n this.attachStyles(styles);\n }\n\n render(): string {\n const orientationClass =\n this.orientation === 'horizontal' ? 'form-group form-group-horizontal' : 'form-group';\n return `\n <div class=\"${orientationClass}\">\n <slot></slot>\n </div>\n `;\n }\n}\n\nexport function register(): void {\n if (!customElements.get('el-dm-form-group')) {\n customElements.define('el-dm-form-group', ElDmFormGroup);\n }\n}\n"
|
|
6
|
+
],
|
|
7
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAiC,IAAjC;AACoC,IAApC;AAEA,IAAM,aAAa,sBAAa,QAAQ,4BAA4B,EAAE,EAAE,QAAQ,UAAU,EAAE;AAE5F,IAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX;AAAA;AAAA;AAGG,MAAM,sBAAsB,2BAAY;AAAA,SACtC,aAAa;AAAA,IAClB,aAAa,EAAE,MAAM,QAAQ,SAAS,MAAM,SAAS,WAAW;AAAA,EAClE;AAAA,EAIA,WAAW,GAAG;AAAA,IACZ,MAAM;AAAA,IACN,KAAK,aAAa,MAAM;AAAA;AAAA,EAG1B,MAAM,GAAW;AAAA,IACf,MAAM,mBACJ,KAAK,gBAAgB,eAAe,qCAAqC;AAAA,IAC3E,OAAO;AAAA,oBACS;AAAA;AAAA;AAAA;AAAA;AAKpB;AAEO,SAAS,QAAQ,GAAS;AAAA,EAC/B,IAAI,CAAC,eAAe,IAAI,kBAAkB,GAAG;AAAA,IAC3C,eAAe,OAAO,oBAAoB,aAAa;AAAA,EACzD;AAAA;",
|
|
8
|
+
"debugId": "7C84DE68116C92AE64756E2164756E21",
|
|
9
|
+
"names": []
|
|
10
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
function __accessProp(key) {
|
|
6
|
+
return this[key];
|
|
7
|
+
}
|
|
8
|
+
var __toCommonJS = (from) => {
|
|
9
|
+
var entry = (__moduleCache ??= new WeakMap).get(from), desc;
|
|
10
|
+
if (entry)
|
|
11
|
+
return entry;
|
|
12
|
+
entry = __defProp({}, "__esModule", { value: true });
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (var key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(entry, key))
|
|
16
|
+
__defProp(entry, key, {
|
|
17
|
+
get: __accessProp.bind(from, key),
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
__moduleCache.set(from, entry);
|
|
22
|
+
return entry;
|
|
23
|
+
};
|
|
24
|
+
var __moduleCache;
|
|
25
|
+
var __returnValue = (v) => v;
|
|
26
|
+
function __exportSetter(name, newValue) {
|
|
27
|
+
this[name] = __returnValue.bind(null, newValue);
|
|
28
|
+
}
|
|
29
|
+
var __export = (target, all) => {
|
|
30
|
+
for (var name in all)
|
|
31
|
+
__defProp(target, name, {
|
|
32
|
+
get: all[name],
|
|
33
|
+
enumerable: true,
|
|
34
|
+
configurable: true,
|
|
35
|
+
set: __exportSetter.bind(all, name)
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
// src/el-dm-form-group.ts
|
|
40
|
+
var import_el_base = require("@duskmoon-dev/el-base");
|
|
41
|
+
var import_form_group = require("@duskmoon-dev/core/components/form-group");
|
|
42
|
+
var coreStyles = import_form_group.css.replace(/@layer\s+components\s*\{/, "").replace(/\}\s*$/, "");
|
|
43
|
+
var styles = import_el_base.css`
|
|
44
|
+
:host {
|
|
45
|
+
display: block;
|
|
46
|
+
width: 100%;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:host([hidden]) {
|
|
50
|
+
display: none !important;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
${coreStyles}
|
|
54
|
+
`;
|
|
55
|
+
|
|
56
|
+
class ElDmFormGroup extends import_el_base.BaseElement {
|
|
57
|
+
static properties = {
|
|
58
|
+
orientation: { type: String, reflect: true, default: "vertical" }
|
|
59
|
+
};
|
|
60
|
+
constructor() {
|
|
61
|
+
super();
|
|
62
|
+
this.attachStyles(styles);
|
|
63
|
+
}
|
|
64
|
+
render() {
|
|
65
|
+
const orientationClass = this.orientation === "horizontal" ? "form-group form-group-horizontal" : "form-group";
|
|
66
|
+
return `
|
|
67
|
+
<div class="${orientationClass}">
|
|
68
|
+
<slot></slot>
|
|
69
|
+
</div>
|
|
70
|
+
`;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
function register() {
|
|
74
|
+
if (!customElements.get("el-dm-form-group")) {
|
|
75
|
+
customElements.define("el-dm-form-group", ElDmFormGroup);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// src/register.ts
|
|
80
|
+
register();
|
|
81
|
+
|
|
82
|
+
//# debugId=FC3A44108609591D64756E2164756E21
|
|
83
|
+
//# sourceMappingURL=register.js.map
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/el-dm-form-group.ts", "../../src/register.ts"],
|
|
4
|
+
"sourcesContent": [
|
|
5
|
+
"import { BaseElement, css } from '@duskmoon-dev/el-base';\nimport { css as formGroupCSS } from '@duskmoon-dev/core/components/form-group';\n\nconst coreStyles = formGroupCSS.replace(/@layer\\s+components\\s*\\{/, '').replace(/\\}\\s*$/, '');\n\nconst styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n ${coreStyles}\n`;\n\nexport class ElDmFormGroup extends BaseElement {\n static properties = {\n orientation: { type: String, reflect: true, default: 'vertical' },\n };\n\n declare orientation: 'vertical' | 'horizontal';\n\n constructor() {\n super();\n this.attachStyles(styles);\n }\n\n render(): string {\n const orientationClass =\n this.orientation === 'horizontal' ? 'form-group form-group-horizontal' : 'form-group';\n return `\n <div class=\"${orientationClass}\">\n <slot></slot>\n </div>\n `;\n }\n}\n\nexport function register(): void {\n if (!customElements.get('el-dm-form-group')) {\n customElements.define('el-dm-form-group', ElDmFormGroup);\n }\n}\n",
|
|
6
|
+
"/**\n * Auto-registration entry point for el-dm-form-group\n *\n * Import this module to automatically register the custom element:\n * import '@duskmoon-dev/el-form-group/register';\n */\n\nimport { register } from './el-dm-form-group.js';\n\nregister();\n"
|
|
7
|
+
],
|
|
8
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAiC,IAAjC;AACoC,IAApC;AAEA,IAAM,aAAa,sBAAa,QAAQ,4BAA4B,EAAE,EAAE,QAAQ,UAAU,EAAE;AAE5F,IAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX;AAAA;AAAA;AAGG,MAAM,sBAAsB,2BAAY;AAAA,SACtC,aAAa;AAAA,IAClB,aAAa,EAAE,MAAM,QAAQ,SAAS,MAAM,SAAS,WAAW;AAAA,EAClE;AAAA,EAIA,WAAW,GAAG;AAAA,IACZ,MAAM;AAAA,IACN,KAAK,aAAa,MAAM;AAAA;AAAA,EAG1B,MAAM,GAAW;AAAA,IACf,MAAM,mBACJ,KAAK,gBAAgB,eAAe,qCAAqC;AAAA,IAC3E,OAAO;AAAA,oBACS;AAAA;AAAA;AAAA;AAAA;AAKpB;AAEO,SAAS,QAAQ,GAAS;AAAA,EAC/B,IAAI,CAAC,eAAe,IAAI,kBAAkB,GAAG;AAAA,IAC3C,eAAe,OAAO,oBAAoB,aAAa;AAAA,EACzD;AAAA;;;ACnCF,SAAS;",
|
|
9
|
+
"debugId": "FC3A44108609591D64756E2164756E21",
|
|
10
|
+
"names": []
|
|
11
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// src/el-dm-form-group.ts
|
|
2
|
+
import { BaseElement, css } from "@duskmoon-dev/el-base";
|
|
3
|
+
import { css as formGroupCSS } from "@duskmoon-dev/core/components/form-group";
|
|
4
|
+
var coreStyles = formGroupCSS.replace(/@layer\s+components\s*\{/, "").replace(/\}\s*$/, "");
|
|
5
|
+
var styles = css`
|
|
6
|
+
:host {
|
|
7
|
+
display: block;
|
|
8
|
+
width: 100%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:host([hidden]) {
|
|
12
|
+
display: none !important;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
${coreStyles}
|
|
16
|
+
`;
|
|
17
|
+
|
|
18
|
+
class ElDmFormGroup extends BaseElement {
|
|
19
|
+
static properties = {
|
|
20
|
+
orientation: { type: String, reflect: true, default: "vertical" }
|
|
21
|
+
};
|
|
22
|
+
constructor() {
|
|
23
|
+
super();
|
|
24
|
+
this.attachStyles(styles);
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
const orientationClass = this.orientation === "horizontal" ? "form-group form-group-horizontal" : "form-group";
|
|
28
|
+
return `
|
|
29
|
+
<div class="${orientationClass}">
|
|
30
|
+
<slot></slot>
|
|
31
|
+
</div>
|
|
32
|
+
`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
function register() {
|
|
36
|
+
if (!customElements.get("el-dm-form-group")) {
|
|
37
|
+
customElements.define("el-dm-form-group", ElDmFormGroup);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
export {
|
|
41
|
+
register,
|
|
42
|
+
ElDmFormGroup
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
//# debugId=B8432F91CFD7FEF664756E2164756E21
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/el-dm-form-group.ts"],
|
|
4
|
+
"sourcesContent": [
|
|
5
|
+
"import { BaseElement, css } from '@duskmoon-dev/el-base';\nimport { css as formGroupCSS } from '@duskmoon-dev/core/components/form-group';\n\nconst coreStyles = formGroupCSS.replace(/@layer\\s+components\\s*\\{/, '').replace(/\\}\\s*$/, '');\n\nconst styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n ${coreStyles}\n`;\n\nexport class ElDmFormGroup extends BaseElement {\n static properties = {\n orientation: { type: String, reflect: true, default: 'vertical' },\n };\n\n declare orientation: 'vertical' | 'horizontal';\n\n constructor() {\n super();\n this.attachStyles(styles);\n }\n\n render(): string {\n const orientationClass =\n this.orientation === 'horizontal' ? 'form-group form-group-horizontal' : 'form-group';\n return `\n <div class=\"${orientationClass}\">\n <slot></slot>\n </div>\n `;\n }\n}\n\nexport function register(): void {\n if (!customElements.get('el-dm-form-group')) {\n customElements.define('el-dm-form-group', ElDmFormGroup);\n }\n}\n"
|
|
6
|
+
],
|
|
7
|
+
"mappings": ";AAAA;AACA,gBAAS;AAET,IAAM,aAAa,aAAa,QAAQ,4BAA4B,EAAE,EAAE,QAAQ,UAAU,EAAE;AAE5F,IAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX;AAAA;AAAA;AAGG,MAAM,sBAAsB,YAAY;AAAA,SACtC,aAAa;AAAA,IAClB,aAAa,EAAE,MAAM,QAAQ,SAAS,MAAM,SAAS,WAAW;AAAA,EAClE;AAAA,EAIA,WAAW,GAAG;AAAA,IACZ,MAAM;AAAA,IACN,KAAK,aAAa,MAAM;AAAA;AAAA,EAG1B,MAAM,GAAW;AAAA,IACf,MAAM,mBACJ,KAAK,gBAAgB,eAAe,qCAAqC;AAAA,IAC3E,OAAO;AAAA,oBACS;AAAA;AAAA;AAAA;AAAA;AAKpB;AAEO,SAAS,QAAQ,GAAS;AAAA,EAC/B,IAAI,CAAC,eAAe,IAAI,kBAAkB,GAAG;AAAA,IAC3C,eAAe,OAAO,oBAAoB,aAAa;AAAA,EACzD;AAAA;",
|
|
8
|
+
"debugId": "B8432F91CFD7FEF664756E2164756E21",
|
|
9
|
+
"names": []
|
|
10
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
// src/el-dm-form-group.ts
|
|
2
|
+
import { BaseElement, css } from "@duskmoon-dev/el-base";
|
|
3
|
+
import { css as formGroupCSS } from "@duskmoon-dev/core/components/form-group";
|
|
4
|
+
var coreStyles = formGroupCSS.replace(/@layer\s+components\s*\{/, "").replace(/\}\s*$/, "");
|
|
5
|
+
var styles = css`
|
|
6
|
+
:host {
|
|
7
|
+
display: block;
|
|
8
|
+
width: 100%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:host([hidden]) {
|
|
12
|
+
display: none !important;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
${coreStyles}
|
|
16
|
+
`;
|
|
17
|
+
|
|
18
|
+
class ElDmFormGroup extends BaseElement {
|
|
19
|
+
static properties = {
|
|
20
|
+
orientation: { type: String, reflect: true, default: "vertical" }
|
|
21
|
+
};
|
|
22
|
+
constructor() {
|
|
23
|
+
super();
|
|
24
|
+
this.attachStyles(styles);
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
const orientationClass = this.orientation === "horizontal" ? "form-group form-group-horizontal" : "form-group";
|
|
28
|
+
return `
|
|
29
|
+
<div class="${orientationClass}">
|
|
30
|
+
<slot></slot>
|
|
31
|
+
</div>
|
|
32
|
+
`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
function register() {
|
|
36
|
+
if (!customElements.get("el-dm-form-group")) {
|
|
37
|
+
customElements.define("el-dm-form-group", ElDmFormGroup);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// src/register.ts
|
|
42
|
+
register();
|
|
43
|
+
|
|
44
|
+
//# debugId=D572A25D58CE2AB964756E2164756E21
|
|
45
|
+
//# sourceMappingURL=register.js.map
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/el-dm-form-group.ts", "../../src/register.ts"],
|
|
4
|
+
"sourcesContent": [
|
|
5
|
+
"import { BaseElement, css } from '@duskmoon-dev/el-base';\nimport { css as formGroupCSS } from '@duskmoon-dev/core/components/form-group';\n\nconst coreStyles = formGroupCSS.replace(/@layer\\s+components\\s*\\{/, '').replace(/\\}\\s*$/, '');\n\nconst styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n ${coreStyles}\n`;\n\nexport class ElDmFormGroup extends BaseElement {\n static properties = {\n orientation: { type: String, reflect: true, default: 'vertical' },\n };\n\n declare orientation: 'vertical' | 'horizontal';\n\n constructor() {\n super();\n this.attachStyles(styles);\n }\n\n render(): string {\n const orientationClass =\n this.orientation === 'horizontal' ? 'form-group form-group-horizontal' : 'form-group';\n return `\n <div class=\"${orientationClass}\">\n <slot></slot>\n </div>\n `;\n }\n}\n\nexport function register(): void {\n if (!customElements.get('el-dm-form-group')) {\n customElements.define('el-dm-form-group', ElDmFormGroup);\n }\n}\n",
|
|
6
|
+
"/**\n * Auto-registration entry point for el-dm-form-group\n *\n * Import this module to automatically register the custom element:\n * import '@duskmoon-dev/el-form-group/register';\n */\n\nimport { register } from './el-dm-form-group.js';\n\nregister();\n"
|
|
7
|
+
],
|
|
8
|
+
"mappings": ";AAAA;AACA,gBAAS;AAET,IAAM,aAAa,aAAa,QAAQ,4BAA4B,EAAE,EAAE,QAAQ,UAAU,EAAE;AAE5F,IAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX;AAAA;AAAA;AAGG,MAAM,sBAAsB,YAAY;AAAA,SACtC,aAAa;AAAA,IAClB,aAAa,EAAE,MAAM,QAAQ,SAAS,MAAM,SAAS,WAAW;AAAA,EAClE;AAAA,EAIA,WAAW,GAAG;AAAA,IACZ,MAAM;AAAA,IACN,KAAK,aAAa,MAAM;AAAA;AAAA,EAG1B,MAAM,GAAW;AAAA,IACf,MAAM,mBACJ,KAAK,gBAAgB,eAAe,qCAAqC;AAAA,IAC3E,OAAO;AAAA,oBACS;AAAA;AAAA;AAAA;AAAA;AAKpB;AAEO,SAAS,QAAQ,GAAS;AAAA,EAC/B,IAAI,CAAC,eAAe,IAAI,kBAAkB,GAAG;AAAA,IAC3C,eAAe,OAAO,oBAAoB,aAAa;AAAA,EACzD;AAAA;;;ACnCF,SAAS;",
|
|
9
|
+
"debugId": "D572A25D58CE2AB964756E2164756E21",
|
|
10
|
+
"names": []
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"fileNames":["../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2021.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2021.promise.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2021.string.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2021.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.array.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.error.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.intl.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.object.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.string.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/.bun/typescript@6.0.2/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../src/duskmoon-core.d.ts","../../../packages/base/dist/types/base-element.d.ts","../../../packages/base/dist/types/styles.d.ts","../../../packages/base/dist/types/animations.d.ts","../../../packages/base/dist/types/themes.d.ts","../../../packages/base/dist/types/mixins.d.ts","../../../packages/base/dist/types/types.d.ts","../../../packages/base/dist/types/validation.d.ts","../../../packages/base/dist/types/performance.d.ts","../../../packages/base/dist/types/index.d.ts","../src/el-dm-form-group.ts","../src/index.ts","../src/register.ts"],"fileIdsList":[[60,69],[70],[61,62,63,64,65,66,67,68],[61],[66]],"fileInfos":[{"version":"bcd24271a113971ba9eb71ff8cb01bc6b0f872a85c23fdbe5d93065b375933cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f88bedbeb09c6f5a6645cb24c7c55f1aa22d19ae96c8e6959cbd8b85a707bc6","impliedFormat":1},{"version":"7fe93b39b810eadd916be8db880dd7f0f7012a5cc6ffb62de8f62a2117fa6f1f","impliedFormat":1},{"version":"bb0074cc08b84a2374af33d8bf044b80851ccc9e719a5e202eacf40db2c31600","impliedFormat":1},{"version":"1a7daebe4f45fb03d9ec53d60008fbf9ac45a697fdc89e4ce218bc94b94f94d6","impliedFormat":1},{"version":"f94b133a3cb14a288803be545ac2683e0d0ff6661bcd37e31aaaec54fc382aed","impliedFormat":1},{"version":"f59d0650799f8782fd74cf73c19223730c6d1b9198671b1c5b3a38e1188b5953","impliedFormat":1},{"version":"8a15b4607d9a499e2dbeed9ec0d3c0d7372c850b2d5f1fb259e8f6d41d468a84","impliedFormat":1},{"version":"26e0fe14baee4e127f4365d1ae0b276f400562e45e19e35fd2d4c296684715e6","impliedFormat":1},{"version":"d6b1eba8496bdd0eed6fc8a685768fe01b2da4a0388b5fe7df558290bffcf32f","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"eadcffda2aa84802c73938e589b9e58248d74c59cb7fcbca6474e3435ac15504","affectsGlobalScope":true,"impliedFormat":1},{"version":"105ba8ff7ba746404fe1a2e189d1d3d2e0eb29a08c18dded791af02f29fb4711","affectsGlobalScope":true,"impliedFormat":1},{"version":"00343ca5b2e3d48fa5df1db6e32ea2a59afab09590274a6cccb1dbae82e60c7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"ebd9f816d4002697cb2864bea1f0b70a103124e18a8cd9645eeccc09bdf80ab4","affectsGlobalScope":true,"impliedFormat":1},{"version":"2c1afac30a01772cd2a9a298a7ce7706b5892e447bb46bdbeef720f7b5da77ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b0225f483e4fa685625ebe43dd584bb7973bbd84e66a6ba7bbe175ee1048b4f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0a4b8ac6ce74679c1da2b3795296f5896e31c38e888469a8e0f99dc3305de60","affectsGlobalScope":true,"impliedFormat":1},{"version":"3084a7b5f569088e0146533a00830e206565de65cae2239509168b11434cd84f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5079c53f0f141a0698faa903e76cb41cd664e3efb01cc17a5c46ec2eb0bef42","affectsGlobalScope":true,"impliedFormat":1},{"version":"32cafbc484dea6b0ab62cf8473182bbcb23020d70845b406f80b7526f38ae862","affectsGlobalScope":true,"impliedFormat":1},{"version":"fca4cdcb6d6c5ef18a869003d02c9f0fd95df8cfaf6eb431cd3376bc034cad36","affectsGlobalScope":true,"impliedFormat":1},{"version":"b93ec88115de9a9dc1b602291b85baf825c85666bf25985cc5f698073892b467","affectsGlobalScope":true,"impliedFormat":1},{"version":"f5c06dcc3fe849fcb297c247865a161f995cc29de7aa823afdd75aaaddc1419b","affectsGlobalScope":true,"impliedFormat":1},{"version":"b77e16112127a4b169ef0b8c3a4d730edf459c5f25fe52d5e436a6919206c4d7","affectsGlobalScope":true,"impliedFormat":1},{"version":"fbffd9337146eff822c7c00acbb78b01ea7ea23987f6c961eba689349e744f8c","affectsGlobalScope":true,"impliedFormat":1},{"version":"a995c0e49b721312f74fdfb89e4ba29bd9824c770bbb4021d74d2bf560e4c6bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c7b3542146734342e440a84b213384bfa188835537ddbda50d30766f0593aff9","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce6180fa19b1cccd07ee7f7dbb9a367ac19c0ed160573e4686425060b6df7f57","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f02e2476bccb9dbe21280d6090f0df17d2f66b74711489415a8aa4df73c9675","affectsGlobalScope":true,"impliedFormat":1},{"version":"45e3ab34c1c013c8ab2dc1ba4c80c780744b13b5676800ae2e3be27ae862c40c","affectsGlobalScope":true,"impliedFormat":1},{"version":"805c86f6cca8d7702a62a844856dbaa2a3fd2abef0536e65d48732441dde5b5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e42e397f1a5a77994f0185fd1466520691456c772d06bf843e5084ceb879a0ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"f4c2b41f90c95b1c532ecc874bd3c111865793b23aebcc1c3cbbabcd5d76ffb0","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab26191cfad5b66afa11b8bf935ef1cd88fabfcb28d30b2dfa6fad877d050332","affectsGlobalScope":true,"impliedFormat":1},{"version":"2088bc26531e38fb05eedac2951480db5309f6be3fa4a08d2221abb0f5b4200d","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb9d366c425fea79716a8fb3af0d78e6b22ebbab3bd64d25063b42dc9f531c1e","affectsGlobalScope":true,"impliedFormat":1},{"version":"500934a8089c26d57ebdb688fc9757389bb6207a3c8f0674d68efa900d2abb34","affectsGlobalScope":true,"impliedFormat":1},{"version":"689da16f46e647cef0d64b0def88910e818a5877ca5379ede156ca3afb780ac3","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc21cc8b6fee4f4c2440d08035b7ea3c06b3511314c8bab6bef7a92de58a2593","affectsGlobalScope":true,"impliedFormat":1},{"version":"7ca53d13d2957003abb47922a71866ba7cb2068f8d154877c596d63c359fed25","affectsGlobalScope":true,"impliedFormat":1},{"version":"54725f8c4df3d900cb4dac84b64689ce29548da0b4e9b7c2de61d41c79293611","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5594bc3076ac29e6c1ebda77939bc4c8833de72f654b6e376862c0473199323","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f3eb332c2d73e729f3364fcc0c2b375e72a121e8157d25a82d67a138c83a95c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f4427f9642ce8d500970e4e69d1397f64072ab73b97e476b4002a646ac743b1","affectsGlobalScope":true,"impliedFormat":1},{"version":"48915f327cd1dea4d7bd358d9dc7732f58f9e1626a29cc0c05c8c692419d9bb7","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7bf9377723203b5a6a4b920164df22d56a43f593269ba6ae1fdc97774b68855","affectsGlobalScope":true,"impliedFormat":1},{"version":"db9709688f82c9e5f65a119c64d835f906efe5f559d08b11642d56eb85b79357","affectsGlobalScope":true,"impliedFormat":1},{"version":"4b25b8c874acd1a4cf8444c3617e037d444d19080ac9f634b405583fd10ce1f7","affectsGlobalScope":true,"impliedFormat":1},{"version":"37be57d7c90cf1f8112ee2636a068d8fd181289f82b744160ec56a7dc158a9f5","affectsGlobalScope":true,"impliedFormat":1},{"version":"a917a49ac94cd26b754ab84e113369a75d1a47a710661d7cd25e961cc797065f","affectsGlobalScope":true,"impliedFormat":1},{"version":"6d3261badeb7843d157ef3e6f5d1427d0eeb0af0cf9df84a62cfd29fd47ac86e","affectsGlobalScope":true,"impliedFormat":1},{"version":"195daca651dde22f2167ac0d0a05e215308119a3100f5e6268e8317d05a92526","affectsGlobalScope":true,"impliedFormat":1},{"version":"8b11e4285cd2bb164a4dc09248bdec69e9842517db4ca47c1ba913011e44ff2f","affectsGlobalScope":true,"impliedFormat":1},{"version":"0508571a52475e245b02bc50fa1394065a0a3d05277fbf5120c3784b85651799","affectsGlobalScope":true,"impliedFormat":1},{"version":"8f9af488f510c3015af3cc8c267a9e9d96c4dd38a1fdff0e11dc5a544711415b","affectsGlobalScope":true,"impliedFormat":1},{"version":"fc611fea8d30ea72c6bbfb599c9b4d393ce22e2f5bfef2172534781e7d138104","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ce14b81c5cc821994aa8ec1d42b220dd41b27fcc06373bce3958af7421b77d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3a048b3e9302ef9a34ef4ebb9aecfb28b66abb3bce577206a79fee559c230da","affectsGlobalScope":true,"impliedFormat":1},"370a91cc924cfca2beed183ca945953445e50e70c5ee5add1b97d986d071ed18","42526b6de804c10fd86f1cf55a6c660a74ee448e381f0f78356f223b75982280","28914adcfb92fa94199e1c887da7d67a7d9d736d9571627d6b02e55ff82f577b","b0a69607a92876948c2a42e3aa6703b0d724699468ed7e3c6e2a237d119a9db9","cdacb8e4ac607a46494d1187e073382c43e7269e8bf698502a285a8ccb470925","f5091ebbd718ea236a7f503df569deb07aff0621aa8f73ed90e419de88f006aa","d3a328c0eccf652bc8b6c14515a8b848a558b9d684e15a7c0c2e15de5016df57","1b5193795ee478857bf1115fed004151284dd4da883a5a4f22e62631c3b414ad","3be01044afc63501423c361deb531d3e95f5c2677f1f7a628802bd346988d62c","78d8d1ca7d54a437702c8a8c08764b6a49f2cf2ca357d0e459bfe89a06abf50a",{"version":"4690eadc0db30d92f5a58fa8740e9564c01d67e90ee999744864ae29c114d972","signature":"9b31406b53030b79b0b8f90349f6ada63246231cc1c291f272c45fdda040a0e7"},{"version":"affb00ef67a8780bfb46994c65055ef197c233832c6b9fd899d1f0ca715ce9ec","signature":"7c81e487b567db5cad87b968a20b6f6b39725f5474d5535911500b065667c5dd"},{"version":"dfaeb718c75651c0ea81e8e327a8b6b807c838e7a37a5baa38fd94985da6a944","signature":"013d342f34e567bc8c9be5a666922de8fe174a835a10fe3800e14354413ec02a"}],"root":[60,[70,72]],"options":{"composite":true,"declaration":true,"declarationMap":true,"emitDeclarationOnly":true,"esModuleInterop":true,"module":99,"outDir":"./types","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":9},"referencedMap":[[70,1],[71,2],[72,2],[69,3],[65,4],[67,5]],"latestChangedDtsFile":"./types/register.d.ts","version":"6.0.2"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BaseElement } from '@duskmoon-dev/el-base';
|
|
2
|
+
export declare class ElDmFormGroup extends BaseElement {
|
|
3
|
+
static properties: {
|
|
4
|
+
orientation: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
reflect: boolean;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
orientation: 'vertical' | 'horizontal';
|
|
11
|
+
constructor();
|
|
12
|
+
render(): string;
|
|
13
|
+
}
|
|
14
|
+
export declare function register(): void;
|
|
15
|
+
//# sourceMappingURL=el-dm-form-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"el-dm-form-group.d.ts","sourceRoot":"","sources":["../../src/el-dm-form-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAO,MAAM,uBAAuB,CAAC;AAkBzD,qBAAa,aAAc,SAAQ,WAAW;IAC5C,MAAM,CAAC,UAAU;;;;;;MAEf;IAEM,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;;IAO/C,MAAM,IAAI,MAAM;CASjB;AAED,wBAAgB,QAAQ,IAAI,IAAI,CAI/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/register.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}
|
package/package.json
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@duskmoon-dev/el-form-group",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "DuskMoon FormGroup custom element for grouping form fields",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/cjs/index.js",
|
|
7
|
+
"module": "./dist/esm/index.js",
|
|
8
|
+
"types": "./dist/types/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/types/index.d.ts",
|
|
12
|
+
"import": "./dist/esm/index.js",
|
|
13
|
+
"require": "./dist/cjs/index.js"
|
|
14
|
+
},
|
|
15
|
+
"./register": {
|
|
16
|
+
"types": "./dist/types/register.d.ts",
|
|
17
|
+
"import": "./dist/esm/register.js",
|
|
18
|
+
"require": "./dist/cjs/register.js"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"files": [
|
|
22
|
+
"dist",
|
|
23
|
+
"src"
|
|
24
|
+
],
|
|
25
|
+
"scripts": {
|
|
26
|
+
"prebuild": "bun run clean",
|
|
27
|
+
"build": "bun run build:esm && bun run build:cjs && bun run build:types",
|
|
28
|
+
"build:esm": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-base --external @duskmoon-dev/core",
|
|
29
|
+
"build:cjs": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/cjs --format cjs --sourcemap --external @duskmoon-dev/el-base --external @duskmoon-dev/core",
|
|
30
|
+
"build:types": "tsc --emitDeclarationOnly --outDir ./dist/types",
|
|
31
|
+
"dev": "bun build ./src/index.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-base --external @duskmoon-dev/core --watch",
|
|
32
|
+
"clean": "rm -rf dist",
|
|
33
|
+
"test": "bun test",
|
|
34
|
+
"typecheck": "tsc --noEmit"
|
|
35
|
+
},
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"@duskmoon-dev/el-base": "0.11.2",
|
|
38
|
+
"@duskmoon-dev/core": "^1.15.0"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"typescript": "^6.0.2"
|
|
42
|
+
},
|
|
43
|
+
"publishConfig": {
|
|
44
|
+
"access": "public"
|
|
45
|
+
},
|
|
46
|
+
"repository": {
|
|
47
|
+
"type": "git",
|
|
48
|
+
"url": "https://github.com/AkaraChen/duskmoon-elements.git",
|
|
49
|
+
"directory": "elements/form-group"
|
|
50
|
+
},
|
|
51
|
+
"keywords": [
|
|
52
|
+
"web-components",
|
|
53
|
+
"custom-elements",
|
|
54
|
+
"form-group",
|
|
55
|
+
"form",
|
|
56
|
+
"layout",
|
|
57
|
+
"duskmoon"
|
|
58
|
+
],
|
|
59
|
+
"author": "AkaraChen",
|
|
60
|
+
"license": "MIT"
|
|
61
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { BaseElement, css } from '@duskmoon-dev/el-base';
|
|
2
|
+
import { css as formGroupCSS } from '@duskmoon-dev/core/components/form-group';
|
|
3
|
+
|
|
4
|
+
const coreStyles = formGroupCSS.replace(/@layer\s+components\s*\{/, '').replace(/\}\s*$/, '');
|
|
5
|
+
|
|
6
|
+
const styles = css`
|
|
7
|
+
:host {
|
|
8
|
+
display: block;
|
|
9
|
+
width: 100%;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:host([hidden]) {
|
|
13
|
+
display: none !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
${coreStyles}
|
|
17
|
+
`;
|
|
18
|
+
|
|
19
|
+
export class ElDmFormGroup extends BaseElement {
|
|
20
|
+
static properties = {
|
|
21
|
+
orientation: { type: String, reflect: true, default: 'vertical' },
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
declare orientation: 'vertical' | 'horizontal';
|
|
25
|
+
|
|
26
|
+
constructor() {
|
|
27
|
+
super();
|
|
28
|
+
this.attachStyles(styles);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
render(): string {
|
|
32
|
+
const orientationClass =
|
|
33
|
+
this.orientation === 'horizontal' ? 'form-group form-group-horizontal' : 'form-group';
|
|
34
|
+
return `
|
|
35
|
+
<div class="${orientationClass}">
|
|
36
|
+
<slot></slot>
|
|
37
|
+
</div>
|
|
38
|
+
`;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export function register(): void {
|
|
43
|
+
if (!customElements.get('el-dm-form-group')) {
|
|
44
|
+
customElements.define('el-dm-form-group', ElDmFormGroup);
|
|
45
|
+
}
|
|
46
|
+
}
|
package/src/index.ts
ADDED
package/src/register.ts
ADDED