@duskmoon-dev/el-chip 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/cjs/index.js +259 -0
- package/dist/cjs/index.js.map +11 -0
- package/dist/cjs/register.js +262 -0
- package/dist/cjs/register.js.map +12 -0
- package/dist/esm/index.js +227 -0
- package/dist/esm/index.js.map +11 -0
- package/dist/esm/register.js +226 -0
- package/dist/esm/register.js.map +12 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/el-dm-chip.d.ts +71 -0
- package/dist/types/el-dm-chip.d.ts.map +1 -0
- package/dist/types/index.d.ts +19 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/register.d.ts +2 -0
- package/dist/types/register.d.ts.map +1 -0
- package/package.json +58 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DuskMoon Chip Element
|
|
3
|
+
*
|
|
4
|
+
* A chip component for displaying tags, filters, or selections.
|
|
5
|
+
* Uses styles from @duskmoon-dev/core for consistent theming.
|
|
6
|
+
*
|
|
7
|
+
* @element el-dm-chip
|
|
8
|
+
*
|
|
9
|
+
* @attr {string} variant - Chip variant: filled, outlined, soft
|
|
10
|
+
* @attr {string} color - Chip color: primary, secondary, tertiary, success, warning, error, info
|
|
11
|
+
* @attr {string} size - Chip size: sm, md, lg
|
|
12
|
+
* @attr {boolean} deletable - Whether the chip shows a delete button
|
|
13
|
+
* @attr {boolean} selected - Whether the chip is in selected state
|
|
14
|
+
* @attr {boolean} disabled - Whether the chip is disabled
|
|
15
|
+
*
|
|
16
|
+
* @slot - Default slot for chip content
|
|
17
|
+
* @slot icon - Slot for leading icon
|
|
18
|
+
*
|
|
19
|
+
* @csspart chip - The chip container
|
|
20
|
+
* @csspart icon - The icon container
|
|
21
|
+
* @csspart delete - The delete button
|
|
22
|
+
*
|
|
23
|
+
* @fires delete - Fired when delete button is clicked
|
|
24
|
+
* @fires click - Fired when chip is clicked
|
|
25
|
+
*/
|
|
26
|
+
import { BaseElement } from '@duskmoon-dev/el-core';
|
|
27
|
+
export type ChipVariant = 'filled' | 'outlined' | 'soft';
|
|
28
|
+
export type ChipColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' | 'info';
|
|
29
|
+
export type ChipSize = 'sm' | 'md' | 'lg';
|
|
30
|
+
export declare class ElDmChip extends BaseElement {
|
|
31
|
+
static properties: {
|
|
32
|
+
variant: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
reflect: boolean;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
color: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
reflect: boolean;
|
|
40
|
+
};
|
|
41
|
+
size: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
reflect: boolean;
|
|
44
|
+
};
|
|
45
|
+
deletable: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
reflect: boolean;
|
|
48
|
+
};
|
|
49
|
+
selected: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
reflect: boolean;
|
|
52
|
+
};
|
|
53
|
+
disabled: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
reflect: boolean;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
variant: ChipVariant;
|
|
59
|
+
color: ChipColor;
|
|
60
|
+
size: ChipSize;
|
|
61
|
+
deletable: boolean;
|
|
62
|
+
selected: boolean;
|
|
63
|
+
disabled: boolean;
|
|
64
|
+
constructor();
|
|
65
|
+
private _handleDelete;
|
|
66
|
+
private _handleClick;
|
|
67
|
+
private _getChipClasses;
|
|
68
|
+
render(): string;
|
|
69
|
+
update(): void;
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=el-dm-chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"el-dm-chip.d.ts","sourceRoot":"","sources":["../../src/el-dm-chip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,WAAW,EAAO,MAAM,uBAAuB,CAAC;AAyBzD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACzD,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AACX,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsI1C,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;;IAO1B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe;IAsBvB,MAAM,IAAI,MAAM;IAehB,MAAM,IAAI,IAAI;CASf"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @duskmoon-dev/el-chip
|
|
3
|
+
*
|
|
4
|
+
* DuskMoon Chip custom element
|
|
5
|
+
*/
|
|
6
|
+
import { ElDmChip } from './el-dm-chip.js';
|
|
7
|
+
export { ElDmChip };
|
|
8
|
+
export type { ChipVariant, ChipColor, ChipSize } from './el-dm-chip.js';
|
|
9
|
+
/**
|
|
10
|
+
* Register the el-dm-chip custom element
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```ts
|
|
14
|
+
* import { register } from '@duskmoon-dev/el-chip';
|
|
15
|
+
* register();
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export declare function register(): void;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAExE;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,IAAI,IAAI,CAI/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/register.ts"],"names":[],"mappings":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@duskmoon-dev/el-chip",
|
|
3
|
+
"version": "0.4.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/cjs/index.js",
|
|
6
|
+
"module": "./dist/esm/index.js",
|
|
7
|
+
"types": "./dist/types/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./dist/types/index.d.ts",
|
|
11
|
+
"import": "./dist/esm/index.js",
|
|
12
|
+
"require": "./dist/cjs/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./register": {
|
|
15
|
+
"types": "./dist/types/register.d.ts",
|
|
16
|
+
"import": "./dist/esm/register.js",
|
|
17
|
+
"require": "./dist/cjs/register.js"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"files": [
|
|
21
|
+
"dist"
|
|
22
|
+
],
|
|
23
|
+
"scripts": {
|
|
24
|
+
"prebuild": "bun run clean",
|
|
25
|
+
"build": "bun run build:esm && bun run build:cjs && bun run build:types",
|
|
26
|
+
"build:esm": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-core --external @duskmoon-dev/core",
|
|
27
|
+
"build:cjs": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/cjs --format cjs --sourcemap --external @duskmoon-dev/el-core --external @duskmoon-dev/core",
|
|
28
|
+
"build:types": "tsc --emitDeclarationOnly --outDir ./dist/types",
|
|
29
|
+
"dev": "bun build ./src/index.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-core --watch",
|
|
30
|
+
"clean": "del-cli dist",
|
|
31
|
+
"test": "bun test",
|
|
32
|
+
"typecheck": "tsc --noEmit",
|
|
33
|
+
"format": "prettier --write 'src/**/*.ts' '*.json' ",
|
|
34
|
+
"format:check": "prettier --check 'src/**/*.ts' '*.json' ",
|
|
35
|
+
"lint": "eslint src",
|
|
36
|
+
"lint:check": "eslint src --max-warnings 0",
|
|
37
|
+
"lint:fix": "eslint src --fix",
|
|
38
|
+
"release": "bun publish",
|
|
39
|
+
"release:dry-run": "bun publish --dry-run"
|
|
40
|
+
},
|
|
41
|
+
"dependencies": {
|
|
42
|
+
"@duskmoon-dev/el-core": "0.3.0",
|
|
43
|
+
"@duskmoon-dev/core": "^1.1.1"
|
|
44
|
+
},
|
|
45
|
+
"devDependencies": {
|
|
46
|
+
"typescript": "^5.7.2"
|
|
47
|
+
},
|
|
48
|
+
"publishConfig": {
|
|
49
|
+
"access": "public"
|
|
50
|
+
},
|
|
51
|
+
"keywords": [
|
|
52
|
+
"duskmoon-dev",
|
|
53
|
+
"custom-elements",
|
|
54
|
+
"web-components",
|
|
55
|
+
"chip",
|
|
56
|
+
"tag"
|
|
57
|
+
]
|
|
58
|
+
}
|