@neovici/cosmoz-dropdown 6.4.0 → 7.0.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.
Files changed (3) hide show
  1. package/dist/connectable.d.ts +27 -11
  2. package/dist/cosmoz-dropdown.js +0 -30
  3. package/package.json +10 -10
package/dist/connectable.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const connectable: (base?: {
14
14
  accessKey: string;
15
15
  readonly accessKeyLabel: string;
16
16
  autocapitalize: string;
17
+ autocorrect: boolean;
17
18
  dir: string;
18
19
  draggable: boolean;
19
20
  hidden: boolean;
@@ -35,13 +36,14 @@ export declare const connectable: (base?: {
35
36
  click(): void;
36
37
  hidePopover(): void;
37
38
  showPopover(): void;
38
- togglePopover(force?: boolean): boolean;
39
+ togglePopover(options?: boolean): boolean;
39
40
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
40
41
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
41
42
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
42
43
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
43
44
  readonly attributes: NamedNodeMap;
44
- readonly classList: DOMTokenList;
45
+ get classList(): DOMTokenList;
46
+ set classList(value: string);
45
47
  className: string;
46
48
  readonly clientHeight: number;
47
49
  readonly clientLeft: number;
@@ -56,7 +58,8 @@ export declare const connectable: (base?: {
56
58
  onfullscreenerror: ((this: Element, ev: Event) => any) | null;
57
59
  outerHTML: string;
58
60
  readonly ownerDocument: Document;
59
- readonly part: DOMTokenList;
61
+ get part(): DOMTokenList;
62
+ set part(value: string);
60
63
  readonly prefix: string | null;
61
64
  readonly scrollHeight: number;
62
65
  scrollLeft: number;
@@ -119,6 +122,8 @@ export declare const connectable: (base?: {
119
122
  setPointerCapture(pointerId: number): void;
120
123
  toggleAttribute(qualifiedName: string, force?: boolean): boolean;
121
124
  webkitMatchesSelector(selectors: string): boolean;
125
+ get textContent(): string;
126
+ set textContent(value: string | null);
122
127
  readonly baseURI: string;
123
128
  readonly childNodes: NodeListOf<ChildNode>;
124
129
  readonly firstChild: ChildNode | null;
@@ -131,9 +136,8 @@ export declare const connectable: (base?: {
131
136
  readonly parentElement: HTMLElement | null;
132
137
  readonly parentNode: ParentNode | null;
133
138
  readonly previousSibling: ChildNode | null;
134
- textContent: string | null;
135
139
  appendChild<T extends Node>(node: T): T;
136
- cloneNode(deep?: boolean): Node;
140
+ cloneNode(subtree?: boolean): Node;
137
141
  compareDocumentPosition(other: Node): number;
138
142
  contains(other: Node | null): boolean;
139
143
  getRootNode(options?: GetRootNodeOptions): Node;
@@ -166,6 +170,7 @@ export declare const connectable: (base?: {
166
170
  readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
167
171
  readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
168
172
  dispatchEvent(event: Event): boolean;
173
+ ariaActiveDescendantElement: Element | null;
169
174
  ariaAtomic: string | null;
170
175
  ariaAutoComplete: string | null;
171
176
  ariaBrailleLabel: string | null;
@@ -176,25 +181,33 @@ export declare const connectable: (base?: {
176
181
  ariaColIndex: string | null;
177
182
  ariaColIndexText: string | null;
178
183
  ariaColSpan: string | null;
184
+ ariaControlsElements: ReadonlyArray<Element> | null;
179
185
  ariaCurrent: string | null;
186
+ ariaDescribedByElements: ReadonlyArray<Element> | null;
180
187
  ariaDescription: string | null;
188
+ ariaDetailsElements: ReadonlyArray<Element> | null;
181
189
  ariaDisabled: string | null;
190
+ ariaErrorMessageElements: ReadonlyArray<Element> | null;
182
191
  ariaExpanded: string | null;
192
+ ariaFlowToElements: ReadonlyArray<Element> | null;
183
193
  ariaHasPopup: string | null;
184
194
  ariaHidden: string | null;
185
195
  ariaInvalid: string | null;
186
196
  ariaKeyShortcuts: string | null;
187
197
  ariaLabel: string | null;
198
+ ariaLabelledByElements: ReadonlyArray<Element> | null;
188
199
  ariaLevel: string | null;
189
200
  ariaLive: string | null;
190
201
  ariaModal: string | null;
191
202
  ariaMultiLine: string | null;
192
203
  ariaMultiSelectable: string | null;
193
204
  ariaOrientation: string | null;
205
+ ariaOwnsElements: ReadonlyArray<Element> | null;
194
206
  ariaPlaceholder: string | null;
195
207
  ariaPosInSet: string | null;
196
208
  ariaPressed: string | null;
197
209
  ariaReadOnly: string | null;
210
+ ariaRelevant: string | null;
198
211
  ariaRequired: string | null;
199
212
  ariaRoleDescription: string | null;
200
213
  ariaRowCount: string | null;
@@ -236,7 +249,8 @@ export declare const connectable: (base?: {
236
249
  replaceChildren(...nodes: (Node | string)[]): void;
237
250
  readonly assignedSlot: HTMLSlotElement | null;
238
251
  readonly attributeStyleMap: StylePropertyMap;
239
- readonly style: CSSStyleDeclaration;
252
+ get style(): CSSStyleDeclaration;
253
+ set style(cssText: string);
240
254
  contentEditable: string;
241
255
  enterKeyHint: string;
242
256
  inputMode: string;
@@ -246,18 +260,19 @@ export declare const connectable: (base?: {
246
260
  onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
247
261
  onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
248
262
  onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
249
- onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
263
+ onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
250
264
  onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
251
- onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
265
+ onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
266
+ onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
252
267
  onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
253
268
  oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
254
269
  oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
255
270
  oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
256
271
  onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
257
- onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
272
+ onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
258
273
  onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
259
274
  oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
260
- oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
275
+ oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
261
276
  oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
262
277
  oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
263
278
  oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -305,6 +320,7 @@ export declare const connectable: (base?: {
305
320
  onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
306
321
  onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
307
322
  onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
323
+ onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
308
324
  onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
309
325
  onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
310
326
  onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -323,7 +339,7 @@ export declare const connectable: (base?: {
323
339
  onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
324
340
  onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
325
341
  ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
326
- ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
342
+ ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
327
343
  ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
328
344
  ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
329
345
  ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
package/dist/cosmoz-dropdown.js CHANGED
@@ -14,37 +14,7 @@ const style = css `
14
14
  padding: var(--cosmoz-dropdown-anchor-spacing);
15
15
  }
16
16
  button {
17
- border: none;
18
- cursor: pointer;
19
- position: relative;
20
17
  pointer-events: auto;
21
- outline: none;
22
- background: var(
23
- --cosmoz-dropdown-button-bg-color,
24
- var(--cosmoz-button-bg-color, #101010)
25
- );
26
- --color: var(
27
- --cosmoz-dropdown-button-color,
28
- var(--cosmoz-button-color, #fff)
29
- );
30
- color: var(--color);
31
- border-radius: var(--cosmoz-dropdown-button-radius, 50%);
32
- width: var(
33
- --cosmoz-dropdown-button-width,
34
- var(--cosmoz-dropdown-button-size, 40px)
35
- );
36
- height: var(
37
- --cosmoz-dropdown-button-height,
38
- var(--cosmoz-dropdown-button-size, 40px)
39
- );
40
- padding: var(--cosmoz-dropdown-button-padding);
41
- }
42
- button:hover {
43
- background: var(
44
- --cosmoz-dropdown-button-hover-bg-color,
45
- var(--cosmoz-button-hover-bg-color, #3a3f44)
46
- );
47
- color: var(--cosmoz-dropdown-button-hover-color, var(--color));
48
18
  }
49
19
  ::slotted(svg) {
50
20
  pointer-events: none;
package/package.json CHANGED
@@ -1,18 +1,18 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-dropdown",
3
- "version": "6.4.0",
3
+ "version": "7.0.1",
4
4
  "description": "A simple dropdown web component",
5
5
  "keywords": [
6
6
  "lit-html",
7
7
  "web-components"
8
8
  ],
9
- "homepage": "https://github.com/neovici/cosmoz-dropdown#readme",
9
+ "homepage": "https://github.com/Neovici/cosmoz-dropdown#readme",
10
10
  "bugs": {
11
- "url": "https://github.com/neovici/cosmoz-dropdown/issues"
11
+ "url": "https://github.com/Neovici/cosmoz-dropdown/issues"
12
12
  },
13
13
  "repository": {
14
14
  "type": "git",
15
- "url": "git+https://github.com/neovici/cosmoz-dropdown.git"
15
+ "url": "git+https://github.com/Neovici/cosmoz-dropdown.git"
16
16
  },
17
17
  "license": "Apache-2.0",
18
18
  "author": "",
@@ -77,21 +77,21 @@
77
77
  "lit-html": "^3.1.2"
78
78
  },
79
79
  "devDependencies": {
80
- "@commitlint/cli": "^19.2.1",
81
- "@commitlint/config-conventional": "^19.1.0",
80
+ "@commitlint/cli": "^20.0.0",
81
+ "@commitlint/config-conventional": "^20.0.0",
82
82
  "@neovici/cfg": "^1.51.0",
83
83
  "@open-wc/testing": "^4.0.0",
84
84
  "@semantic-release/changelog": "^6.0.0",
85
85
  "@semantic-release/git": "^10.0.0",
86
86
  "@storybook/web-components-vite": "^9.1.5",
87
87
  "@types/mocha": "^10.0.6",
88
- "@types/node": "^22.10.2",
89
- "esbuild": "^0.24.0",
88
+ "@types/node": "^24.0.0",
89
+ "esbuild": "^0.25.0",
90
90
  "http-server": "^14.1.1",
91
91
  "husky": "^9.0.11",
92
92
  "rollup-plugin-esbuild": "^6.1.1",
93
- "semantic-release": "^24.0.0",
94
- "sinon": "^19.0.0",
93
+ "semantic-release": "^25.0.0",
94
+ "sinon": "^21.0.0",
95
95
  "storybook": "^9.1.5",
96
96
  "typescript": "^5.4.3"
97
97
  },