Socket
Socket
Sign inDemoInstall

@maggioli-design-system/mds-accordion-timer-item

Package Overview
Dependencies
11
Maintainers
2
Versions
27
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 3.8.0 to 3.8.1

27

dist/collection/common/keyboard-manager.js
export class KeyboardManager {
constructor() {
this.elements = [];
this.elements = new Map();
this.handleClickBehaviorDispatchEvent = (event) => {
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
if (event.code === 'Enter' || event.code === 'NumpadEnter') {
event.target.click();

@@ -15,16 +15,21 @@ }

this.addElement = (el, name = 'element') => {
this.elements[name] = el;
if (!el) {
throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`);
}
this.elements.set(name, el);
};
this.removeElement = (name = 'element') => {
this.detachClickBehavior(name);
this.elements.delete(name);
};
this.attachClickBehavior = (name = 'element') => {
if (this.elements[name]) {
this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
}
var _a;
(_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
};
this.detachClickBehavior = (name = 'element') => {
if (this.elements[name]) {
this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
}
var _a;
(_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
};
this.attachEscapeBehavior = (callBack) => {
this.escapeCallback = callBack;
this.attachEscapeBehavior = (callback) => {
this.escapeCallback = callback;
if (window !== undefined) {

@@ -31,0 +36,0 @@ window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));

{
"timestamp": "2024-02-13T14:07:57",
"timestamp": "2024-02-16T18:41:02",
"compiler": {

@@ -4,0 +4,0 @@ "name": "@stencil/core",

{
"timestamp": "2024-02-13T14:07:57",
"timestamp": "2024-02-16T18:41:02",
"compiler": {

@@ -4,0 +4,0 @@ "name": "node",

@@ -7,6 +7,7 @@ export declare class KeyboardManager {

addElement: (el: HTMLElement, name?: string) => void;
removeElement: (name?: string) => void;
attachClickBehavior: (name?: string) => void;
detachClickBehavior: (name?: string) => void;
attachEscapeBehavior: (callBack: () => void) => void;
attachEscapeBehavior: (callback: () => void) => void;
detachEscapeBehavior: () => void;
}
{
"timestamp": "2024-02-13T13:44:43",
"timestamp": "2024-02-16T18:14:59",
"compiler": {

@@ -471,2 +471,7 @@ "name": "@stencil/core",

},
"src/components/mds-horizontal-scroll/meta/types.ts::ViewportType": {
"declaration": "export type ViewportType =\n | 'all'\n | 'tv'\n | 'xlarge'\n | 'large'\n | 'wide'\n | 'desktop'\n | 'tablet'\n | 'none'",
"docstring": "",
"path": "src/components/mds-horizontal-scroll/meta/types.ts"
},
"src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {

@@ -562,6 +567,6 @@ "declaration": "export type SnapType =\n | 'center'\n | 'end'\n | 'none'\n | 'start'",

},
"src/type/input.ts::InputValueType": {
"declaration": "export type InputValueType =\n | null\n | number\n | string\n | undefined",
"src/components/mds-input-switch/meta/event-detail.ts::MdsInputSwitchEventDetail": {
"declaration": "export interface MdsInputSwitchEventDetail {\n name: string\n checked: boolean\n value: string\n}",
"docstring": "",
"path": "src/type/input.ts"
"path": "src/components/mds-input-switch/meta/event-detail.ts"
},

@@ -568,0 +573,0 @@ "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {

{
"name": "@maggioli-design-system/mds-accordion-timer-item",
"version": "3.8.0",
"version": "3.8.1",
"description": "mds-accordion-timer-item is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",

@@ -28,3 +28,3 @@ "main": "dist/index.cjs.js",

"@maggioli-design-system/mds-progress": "2.9.0",
"@maggioli-design-system/mds-text": "4.3.2",
"@maggioli-design-system/mds-text": "4.3.3",
"@maggioli-design-system/styles": "14.2.1",

@@ -31,0 +31,0 @@ "@stencil/core": "4.10.0"

export class KeyboardManager {
private escapeCallback: () => void
private elements = []
private elements = new Map<string, HTMLElement>()
private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
if (event.code === 'Enter' || event.code === 'NumpadEnter') {
(event.target as HTMLElement).click()

@@ -18,19 +18,23 @@ }

addElement = (el: HTMLElement, name = 'element'): void => {
this.elements[name] = el
if (!el) {
throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`)
}
this.elements.set(name, el)
}
removeElement = (name: string = 'element'): void => {
this.detachClickBehavior(name)
this.elements.delete(name)
}
attachClickBehavior = (name = 'element'): void => {
if (this.elements[name]) {
this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
}
this.elements.get(name)?.addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
}
detachClickBehavior = (name = 'element'): void => {
if (this.elements[name]) {
this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
}
this.elements.get(name)?.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
}
attachEscapeBehavior = (callBack: () => void): void => {
this.escapeCallback = callBack
attachEscapeBehavior = (callback: () => void): void => {
this.escapeCallback = callback
if (window !== undefined) {

@@ -42,3 +46,3 @@ window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))

detachEscapeBehavior = (): void => {
this.escapeCallback = () => {return}
this.escapeCallback = () => { return }
if (window !== undefined) {

@@ -45,0 +49,0 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))

@@ -54,2 +54,3 @@ [

"mgg/card-stamping",
"mgg/check-small",
"mgg/checklist",

@@ -56,0 +57,0 @@ "mgg/checklist-settings",

@@ -42,2 +42,3 @@ [

"mgg/card-stamping",
"mgg/check-small",
"mgg/checklist-settings",

@@ -44,0 +45,0 @@ "mgg/checklist",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc