Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

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

Package Overview
Dependencies
Maintainers
2
Versions
38
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@maggioli-design-system/mds-accordion-timer-item - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/mds-accordion-timer-item/p-5a2b1b94.entry.js

2

dist/cjs/loader.cjs.js

@@ -8,3 +8,3 @@ 'use strict';

/*
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -11,0 +11,0 @@ const patchEsm = () => {

@@ -15,16 +15,2 @@ 'use strict';

this.mouseLeaveActive = index.createEvent(this, "mouseLeaveActive", 7);
// @Element() private element: HTMLMdsAccordionTimerItemElement
// @State() isActive:boolean
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
/**
* A value between 0 and 100 that rapresents the status progress
*/
this.progress = 0;
/**
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
*/
this.uuid = 0;
// componentWillLoad (): void {

@@ -52,2 +38,7 @@ // this.isActive = this.active

};
this.typography = 'h5';
this.active = undefined;
this.description = undefined;
this.progress = 0;
this.uuid = 0;
}

@@ -54,0 +45,0 @@ // @Watch('active')

@@ -6,3 +6,3 @@ 'use strict';

/*
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -9,0 +9,0 @@ const patchBrowser = () => {

@@ -7,3 +7,3 @@ {

"name": "@stencil/core",
"version": "2.18.1",
"version": "2.19.3",
"typescriptVersion": "4.7.4"

@@ -10,0 +10,0 @@ },

@@ -5,16 +5,2 @@ import { Host, h } from '@stencil/core';

constructor() {
// @Element() private element: HTMLMdsAccordionTimerItemElement
// @State() isActive:boolean
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
/**
* A value between 0 and 100 that rapresents the status progress
*/
this.progress = 0;
/**
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
*/
this.uuid = 0;
// componentWillLoad (): void {

@@ -42,2 +28,7 @@ // this.isActive = this.active

};
this.typography = 'h5';
this.active = undefined;
this.description = undefined;
this.progress = 0;
this.uuid = 0;
}

@@ -44,0 +35,0 @@ // @Watch('active')

const typographyDictionary = [
'action',
'caption',
'code',
'snippet',
'detail',

@@ -22,6 +22,6 @@ 'h1',

'read',
'mono',
'code',
];
const typographyMonoDictionary = [
'code',
'snippet',
'hack',

@@ -28,0 +28,0 @@ ];

@@ -13,16 +13,2 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';

this.mouseLeaveActive = createEvent(this, "mouseLeaveActive", 7);
// @Element() private element: HTMLMdsAccordionTimerItemElement
// @State() isActive:boolean
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
/**
* A value between 0 and 100 that rapresents the status progress
*/
this.progress = 0;
/**
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
*/
this.uuid = 0;
// componentWillLoad (): void {

@@ -50,2 +36,7 @@ // this.isActive = this.active

};
this.typography = 'h5';
this.active = undefined;
this.description = undefined;
this.progress = 0;
this.uuid = 0;
}

@@ -52,0 +43,0 @@ // @Watch('active')

@@ -1,1 +0,1 @@

import{r as registerInstance,c as createEvent,h,H as Host}from"./index-2e2e1e5b.js";var mdsAccordionTimerItemCss=".fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var t=this;registerInstance(this,o);this.clickActive=createEvent(this,"clickActive",7);this.mouseEnterActive=createEvent(this,"mouseEnterActive",7);this.mouseLeaveActive=createEvent(this,"mouseLeaveActive",7);this.typography="h5";this.progress=0;this.uuid=0;this.toggle=function(){if(!t.active){t.clickActive.emit(t.description)}};this.mouseEnter=function(){if(t.active){t.mouseEnterActive.emit(t.description)}};this.mouseLeave=function(){if(t.active){t.mouseLeaveActive.emit(t.description)}}}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item};
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-2e2e1e5b.js";var mdsAccordionTimerItemCss=".fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--progress-bar-color:rgb(var(--tone-neutral-03));--progress-bar-background:rgb(var(--tone-neutral-08));--progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--color:var(--progress-bar-color);--background:var(--progress-bar-background);--thickness:var(--progress-bar-thickness)}.action{cursor:pointer;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([active]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([active]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var i=this;registerInstance(this,o);this.clickActive=createEvent(this,"clickActive",7);this.mouseEnterActive=createEvent(this,"mouseEnterActive",7);this.mouseLeaveActive=createEvent(this,"mouseLeaveActive",7);this.toggle=function(){if(!i.active){i.clickActive.emit(i.description)}};this.mouseEnter=function(){if(i.active){i.mouseEnterActive.emit(i.description)}};this.mouseLeave=function(){if(i.active){i.mouseLeaveActive.emit(i.description)}};this.typography="h5";this.active=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.active?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item};
import { p as promiseResolve, b as bootstrapLazy } from './index-2e2e1e5b.js';
/*
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -6,0 +6,0 @@ const patchEsm = () => {

@@ -11,16 +11,2 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-2e2e1e5b.js';

this.mouseLeaveActive = createEvent(this, "mouseLeaveActive", 7);
// @Element() private element: HTMLMdsAccordionTimerItemElement
// @State() isActive:boolean
/**
* Specifies the typography of the element
*/
this.typography = 'h5';
/**
* A value between 0 and 100 that rapresents the status progress
*/
this.progress = 0;
/**
* Used automatically by MdsAccordionTimer wrapper to handle it's siblings
*/
this.uuid = 0;
// componentWillLoad (): void {

@@ -48,2 +34,7 @@ // this.isActive = this.active

};
this.typography = 'h5';
this.active = undefined;
this.description = undefined;
this.progress = 0;
this.uuid = 0;
}

@@ -50,0 +41,0 @@ // @Watch('active')

import { p as promiseResolve, b as bootstrapLazy } from './index-2e2e1e5b.js';
/*
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
*/

@@ -6,0 +6,0 @@ const patchBrowser = () => {

@@ -1,1 +0,1 @@

import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-3d9eb7bb",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)));
import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-5a2b1b94",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)));
{
"timestamp": "2022-11-18T09:21:50",
"timestamp": "2022-12-06T12:51:00",
"compiler": {

@@ -77,17 +77,17 @@ "name": "node",

"./dist/mds-accordion-timer-item/mds-accordion-timer-item.js",
"./dist/mds-accordion-timer-item/p-0121b7d5.system.entry.js",
"./dist/mds-accordion-timer-item/p-3d9eb7bb.entry.js",
"./dist/mds-accordion-timer-item/p-4bbca925.system.js",
"./dist/mds-accordion-timer-item/p-50ea2036.system.js",
"./dist/mds-accordion-timer-item/p-5a2b1b94.entry.js",
"./dist/mds-accordion-timer-item/p-69f67485.js",
"./dist/mds-accordion-timer-item/p-a21f6c71.system.js",
"./dist/mds-accordion-timer-item/p-d73a3ce4.system.entry.js",
"./dist/mds-accordion-timer-item/p-eb0644d6.system.js",
"./www/build/index.esm.js",
"./www/build/mds-accordion-timer-item.esm.js",
"./www/build/mds-accordion-timer-item.js",
"./www/build/p-0121b7d5.system.entry.js",
"./www/build/p-3d9eb7bb.entry.js",
"./www/build/p-4bbca925.system.js",
"./www/build/p-50ea2036.system.js",
"./www/build/p-5a2b1b94.entry.js",
"./www/build/p-69f67485.js",
"./www/build/p-a21f6c71.system.js"
"./www/build/p-a21f6c71.system.js",
"./www/build/p-d73a3ce4.system.entry.js",
"./www/build/p-eb0644d6.system.js"
]

@@ -125,8 +125,8 @@ },

],
"bundleId": "p-3d9eb7bb",
"fileName": "p-3d9eb7bb.entry.js",
"bundleId": "p-5a2b1b94",
"fileName": "p-5a2b1b94.entry.js",
"imports": [
"p-69f67485.js"
],
"originalByteSize": 5389
"originalByteSize": 5108
}

@@ -145,3 +145,3 @@ ],

],
"originalByteSize": 5393
"originalByteSize": 5112
}

@@ -160,3 +160,3 @@ ],

],
"originalByteSize": 5393
"originalByteSize": 5112
}

@@ -170,8 +170,8 @@ ],

],
"bundleId": "p-0121b7d5.system",
"fileName": "p-0121b7d5.system.entry.js",
"bundleId": "p-d73a3ce4.system",
"fileName": "p-d73a3ce4.system.entry.js",
"imports": [
"p-a21f6c71.system.js"
],
"originalByteSize": 5923
"originalByteSize": 5588
}

@@ -190,3 +190,3 @@ ],

],
"originalByteSize": 5499
"originalByteSize": 5218
}

@@ -193,0 +193,0 @@ ]

@@ -226,2 +226,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;

* @param ref a reference to the node to get styles for
* @returns the current mode or undefined, if not found
*/

@@ -241,2 +242,3 @@ export declare function getMode<T = string | undefined>(ref: any): T;

* used in conjunction with the base asset path
* @returns the base path
*/

@@ -257,2 +259,3 @@ export declare function getAssetPath(path: string): string;

* @param path the asset path to set
* @returns the set path
*/

@@ -263,2 +266,3 @@ export declare function setAssetPath(path: string): string;

* @param ref the ref to get the Stencil element for
* @returns a reference to the element
*/

@@ -276,2 +280,3 @@ export declare function getElement(ref: any): HTMLStencilElement;

* getRenderingRef
* @returns the rendering ref
*/

@@ -278,0 +283,0 @@ export declare function getRenderingRef(): any;

@@ -1,3 +0,3 @@

export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
export declare type TypographyVariants = 'title' | 'info' | 'read' | 'mono';
export declare type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
export declare type TypographyVariants = 'title' | 'info' | 'read' | 'code';
export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

@@ -7,3 +7,3 @@ export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';

export declare type TypographySmallerType = 'tip' | 'option';
export declare type TypographyMonoType = 'code' | 'hack';
export declare type TypographyMonoType = 'snippet' | 'hack';
export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';
{
"name": "@maggioli-design-system/mds-accordion-timer-item",
"version": "2.1.0",
"version": "2.1.1",
"description": "mds-accordion-timer-item is a web-component from Maggioli Design System Magma, 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.",

@@ -26,6 +26,6 @@ "main": "dist/index.cjs.js",

"dependencies": {
"@maggioli-design-system/mds-progress": "^2.1.0",
"@maggioli-design-system/mds-text": "^2.0.2",
"@maggioli-design-system/styles": "^9.0.0",
"@stencil/core": "^2.18.1"
"@maggioli-design-system/mds-progress": "^2.1.1",
"@maggioli-design-system/mds-text": "^3.0.0",
"@maggioli-design-system/styles": "^10.0.0",
"@stencil/core": "^2.19.3"
},

@@ -32,0 +32,0 @@ "license": "MIT",

const typographyDictionary = [
'action',
'caption',
'code',
'snippet',
'detail',

@@ -23,7 +23,7 @@ 'h1',

'read',
'mono',
'code',
]
const typographyMonoDictionary = [
'code',
'snippet',
'hack',

@@ -30,0 +30,0 @@ ]

@@ -21,6 +21,6 @@ [

"mi/baseline/border-all",
"mi/baseline/cancel",
"mi/baseline/check-box",
"mi/baseline/check-box-outline-blank",
"mi/baseline/check-circle",
"mi/baseline/check-circle-outline",
"mi/baseline/close",

@@ -32,3 +32,3 @@ "mi/baseline/css",

"mi/baseline/email",
"mi/baseline/error-outline",
"mi/baseline/error",
"mi/baseline/explore",

@@ -35,0 +35,0 @@ "mi/baseline/folder-zip",

export type TypographyType =
| 'action'
| 'caption'
| 'code'
| 'snippet'
| 'detail'

@@ -22,3 +22,3 @@ | 'h1'

| 'read'
| 'mono'
| 'code'

@@ -52,3 +52,3 @@ export type TypographyTitleType =

export type TypographyMonoType =
| 'code'
| 'snippet'
| 'hack'

@@ -55,0 +55,0 @@

@@ -1,1 +0,1 @@

import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-3d9eb7bb",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)));
import{p as r,b as i}from"./p-69f67485.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),r(o)})().then((r=>i([["p-5a2b1b94",[[1,"mds-accordion-timer-item",{typography:[1],active:[516],description:[1],progress:[2],uuid:[2]}]]]],r)));

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc