@maggioli-design-system/mds-img - npm Package Compare versions

Comparing version 1.2.0 to 2.0.0

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-09378c70.js');
+const index = require('./index-08babcf5.js');
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

dist/cjs/mds-img.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-09378c70.js');
+const index = require('./index-08babcf5.js');
 
@@ -21,12 +21,12 @@ const setAttributeIfEmpty = (element, attribute, value) => {
     index.registerInstance(this, hostRef);
-    this.loadError = index.createEvent(this, "loadError", 7);
-    this.loadSuccess = index.createEvent(this, "loadSuccess", 7);
+    this.loadErrorEvent = index.createEvent(this, "mdsImgLoadError", 7);
+    this.loadSuccessEvent = index.createEvent(this, "mdsImgLoadSuccess", 7);
     this.aspectRatioModern = false;
     this.onError = (ev) => {
       this.image = ev.target;
-      this.loadError.emit(this.image);
+      this.loadErrorEvent.emit(this.image);
     };
     this.onSuccess = (ev) => {
       this.image = ev.target;
-      this.loadSuccess.emit(this.image);
+      this.loadSuccessEvent.emit(this.image);
     };
@@ -33,0 +33,0 @@ this.alt = undefined;

dist/cjs/mds-img.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-09378c70.js');
+const index = require('./index-08babcf5.js');
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "2.22.1",
+    "version": "2.22.2",
     "typescriptVersion": "4.9.4"
@@ -10,0 +10,0 @@ },

dist/collection/components/mds-img/mds-img.js

@@ -8,7 +8,7 @@ import { Host, h } from '@stencil/core';
       this.image = ev.target;
-      this.loadError.emit(this.image);
+      this.loadErrorEvent.emit(this.image);
     };
     this.onSuccess = (ev) => {
       this.image = ev.target;
-      this.loadSuccess.emit(this.image);
+      this.loadSuccessEvent.emit(this.image);
     };
@@ -163,3 +163,3 @@ this.alt = undefined;
               "location": "import",
-              "path": "../../types/loading"
+              "path": "@type/loading"
             }
@@ -273,4 +273,4 @@ }
     return [{
-        "method": "loadError",
-        "name": "loadError",
+        "method": "loadErrorEvent",
+        "name": "mdsImgLoadError",
         "bubbles": true,
@@ -281,3 +281,3 @@ "cancelable": true,
           "tags": [],
-          "text": "Emits when the accordion changes it's item"
+          "text": "Emits when the image is not loaded"
         },
@@ -294,4 +294,4 @@ "complexType": {
       }, {
-        "method": "loadSuccess",
-        "name": "loadSuccess",
+        "method": "loadSuccessEvent",
+        "name": "mdsImgLoadSuccess",
         "bubbles": true,
@@ -302,3 +302,3 @@ "cancelable": true,
           "tags": [],
-          "text": "Emits when the accordion changes it's item"
+          "text": "Emits when the image is successfully loaded"
         },
@@ -305,0 +305,0 @@ "complexType": {

dist/collection/dictionary/icon.js

 import jsonIconsDictionary from '../fixtures/icons.json';
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json';
 const iconsDictionary = jsonIconsDictionary;
-export { iconsDictionary, };
+const mggIconsDictionary = jsonMggIconsDictionary;
+export { iconsDictionary, mggIconsDictionary, };

dist/collection/dictionary/typography.js

@@ -24,2 +24,6 @@ const typographyDictionary = [
 ];
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+];
 const typographyMonoDictionary = [
@@ -60,2 +64,2 @@ 'snippet',
 ];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

dist/components/mds-img.js

@@ -18,12 +18,12 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
     this.__attachShadow();
-    this.loadError = createEvent(this, "loadError", 7);
-    this.loadSuccess = createEvent(this, "loadSuccess", 7);
+    this.loadErrorEvent = createEvent(this, "mdsImgLoadError", 7);
+    this.loadSuccessEvent = createEvent(this, "mdsImgLoadSuccess", 7);
     this.aspectRatioModern = false;
     this.onError = (ev) => {
       this.image = ev.target;
-      this.loadError.emit(this.image);
+      this.loadErrorEvent.emit(this.image);
     };
     this.onSuccess = (ev) => {
       this.image = ev.target;
-      this.loadSuccess.emit(this.image);
+      this.loadSuccessEvent.emit(this.image);
     };
@@ -30,0 +30,0 @@ this.alt = undefined;

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-74112015.js";export{s as setNonce}from"./index-74112015.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,s){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-7558ddd4.js";export{s as setNonce}from"./index-7558ddd4.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,s){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)}))};export{defineCustomElements};

dist/esm-es5/mds-img.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-74112015.js";var setAttributeIfEmpty=function(t,e,i){if(t.hasAttribute(e)){return t.getAttribute(e)}t.setAttribute(e,i);return i};var mdsImgCss=".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.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{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}img{width:100%}";var MdsImg=function(){function t(t){var e=this;registerInstance(this,t);this.loadError=createEvent(this,"loadError",7);this.loadSuccess=createEvent(this,"loadSuccess",7);this.aspectRatioModern=false;this.onError=function(t){e.image=t.target;e.loadError.emit(e.image)};this.onSuccess=function(t){e.image=t.target;e.loadSuccess.emit(e.image)};this.alt=undefined;this.aspectRatio=undefined;this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}t.prototype.aspectRatioPaddingTop=function(){var t=parseInt(this.aspectRatio.split("/")[1]);var e=parseInt(this.aspectRatio.split("/")[0]);return"".concat((t/e*100).toFixed(2),"%")};t.prototype.aspectRatioSanitized=function(){return"".concat(this.aspectRatio.split("/")[0]," / ").concat(this.aspectRatio.split("/")[1])};t.prototype.getAspectRatio=function(){if(this.aspectRatioModern){return{aspectRatio:this.aspectRatioSanitized()}}return{paddingTop:this.aspectRatioPaddingTop()}};t.prototype.autoAltName=function(){if(this.src){var t=this.src.lastIndexOf("/")+1;return this.src.substr(t)}};t.prototype.componentWillLoad=function(){this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.setAriaAttributes=function(){if(this.aspectRatio!==undefined){setAttributeIfEmpty(this.host,"aria-label",this.alt)}};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){if(this.aspectRatio!==undefined){return h(Host,{"aria-label":this.alt,role:"img",style:Object.assign(Object.assign({},this.getAspectRatio()),{backgroundImage:"url(".concat(this.src,")"),width:"100%"})})}return h(Host,{"aria-label":this.alt,role:"img"},h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsImg.style=mdsImgCss;export{MdsImg as mds_img};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7558ddd4.js";var setAttributeIfEmpty=function(t,e,i){if(t.hasAttribute(e)){return t.getAttribute(e)}t.setAttribute(e,i);return i};var mdsImgCss=".fixed{position:fixed}.absolute{position:absolute}.flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.gap-6{gap:1.5rem}.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{display:-ms-flexbox;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}img{width:100%}";var MdsImg=function(){function t(t){var e=this;registerInstance(this,t);this.loadErrorEvent=createEvent(this,"mdsImgLoadError",7);this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess",7);this.aspectRatioModern=false;this.onError=function(t){e.image=t.target;e.loadErrorEvent.emit(e.image)};this.onSuccess=function(t){e.image=t.target;e.loadSuccessEvent.emit(e.image)};this.alt=undefined;this.aspectRatio=undefined;this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}t.prototype.aspectRatioPaddingTop=function(){var t=parseInt(this.aspectRatio.split("/")[1]);var e=parseInt(this.aspectRatio.split("/")[0]);return"".concat((t/e*100).toFixed(2),"%")};t.prototype.aspectRatioSanitized=function(){return"".concat(this.aspectRatio.split("/")[0]," / ").concat(this.aspectRatio.split("/")[1])};t.prototype.getAspectRatio=function(){if(this.aspectRatioModern){return{aspectRatio:this.aspectRatioSanitized()}}return{paddingTop:this.aspectRatioPaddingTop()}};t.prototype.autoAltName=function(){if(this.src){var t=this.src.lastIndexOf("/")+1;return this.src.substr(t)}};t.prototype.componentWillLoad=function(){this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.setAriaAttributes=function(){if(this.aspectRatio!==undefined){setAttributeIfEmpty(this.host,"aria-label",this.alt)}};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){if(this.aspectRatio!==undefined){return h(Host,{"aria-label":this.alt,role:"img",style:Object.assign(Object.assign({},this.getAspectRatio()),{backgroundImage:"url(".concat(this.src,")"),width:"100%"})})}return h(Host,{"aria-label":this.alt,role:"img"},h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsImg.style=mdsImgCss;export{MdsImg as mds_img};

dist/esm-es5/mds-img.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-74112015.js";export{s as setNonce}from"./index-74112015.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-7558ddd4.js";export{s as setNonce}from"./index-7558ddd4.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-img",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],r)}));

dist/esm/loader.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-74112015.js';
-export { s as setNonce } from './index-74112015.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-7558ddd4.js';
+export { s as setNonce } from './index-7558ddd4.js';
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchEsm = () => {

dist/esm/mds-img.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-74112015.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7558ddd4.js';
 
@@ -16,12 +16,12 @@ const setAttributeIfEmpty = (element, attribute, value) => {
     registerInstance(this, hostRef);
-    this.loadError = createEvent(this, "loadError", 7);
-    this.loadSuccess = createEvent(this, "loadSuccess", 7);
+    this.loadErrorEvent = createEvent(this, "mdsImgLoadError", 7);
+    this.loadSuccessEvent = createEvent(this, "mdsImgLoadSuccess", 7);
     this.aspectRatioModern = false;
     this.onError = (ev) => {
       this.image = ev.target;
-      this.loadError.emit(this.image);
+      this.loadErrorEvent.emit(this.image);
     };
     this.onSuccess = (ev) => {
       this.image = ev.target;
-      this.loadSuccess.emit(this.image);
+      this.loadSuccessEvent.emit(this.image);
     };
@@ -28,0 +28,0 @@ this.alt = undefined;

dist/esm/mds-img.js

@@ -1,6 +0,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-74112015.js';
-export { s as setNonce } from './index-74112015.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-7558ddd4.js';
+export { s as setNonce } from './index-7558ddd4.js';
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
@@ -7,0 +7,0 @@ const patchBrowser = () => {

dist/mds-img/mds-img.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-f917e581.js";export{s as setNonce}from"./p-f917e581.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((s=>e([["p-0fdb59c7",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));
+import{p as r,b as t}from"./p-7f3a874d.js";export{s as setNonce}from"./p-7f3a874d.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),r(t)})().then((s=>t([["p-84718a3c",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));

dist/stats.json

 {
-  "timestamp": "2023-01-20T18:22:54",
+  "timestamp": "2023-03-09T10:52:48",
   "compiler": {
@@ -12,9 +12,10 @@ "name": "node",
     "entries": 1,
-    "bundles": 67,
+    "bundles": 68,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 26,
+        "files": 27,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-img/mds-img.js",
@@ -36,11 +37,11 @@ "./dist/collection/components/mds-img/meta/storybook.js",
           "./dist/collection/interface/input-value.js",
-          "./dist/collection/types/autocomplete.js",
-          "./dist/collection/types/button.js",
-          "./dist/collection/types/floating-ui.js",
-          "./dist/collection/types/form-rel.js",
-          "./dist/collection/types/input-text-type.js",
-          "./dist/collection/types/input-value-type.js",
-          "./dist/collection/types/loading.js",
-          "./dist/collection/types/typography.js",
-          "./dist/collection/types/variant.js"
+          "./dist/collection/type/autocomplete.js",
+          "./dist/collection/type/button.js",
+          "./dist/collection/type/floating-ui.js",
+          "./dist/collection/type/form-rel.js",
+          "./dist/collection/type/input-text-type.js",
+          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/loading.js",
+          "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant.js"
         ]
@@ -62,3 +63,3 @@ },
         "generatedFiles": [
-          "./dist/cjs/index-09378c70.js",
+          "./dist/cjs/index-08babcf5.js",
           "./dist/cjs/index.cjs.js",
@@ -68,3 +69,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-img.cjs.js",
-          "./dist/esm-es5/index-74112015.js",
+          "./dist/esm-es5/index-7558ddd4.js",
           "./dist/esm-es5/index.js",
@@ -74,3 +75,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-img.js",
-          "./dist/esm/index-74112015.js",
+          "./dist/esm/index-7558ddd4.js",
           "./dist/esm/index.js",
@@ -85,17 +86,17 @@ "./dist/esm/loader.js",
           "./dist/mds-img/mds-img.js",
-          "./dist/mds-img/p-0fdb59c7.entry.js",
+          "./dist/mds-img/p-03945c45.system.js",
+          "./dist/mds-img/p-06abc38d.system.entry.js",
           "./dist/mds-img/p-50ea2036.system.js",
-          "./dist/mds-img/p-9c58632b.system.entry.js",
-          "./dist/mds-img/p-bb9cea48.system.js",
-          "./dist/mds-img/p-bfb1b34d.system.js",
-          "./dist/mds-img/p-f917e581.js",
+          "./dist/mds-img/p-7f3a874d.js",
+          "./dist/mds-img/p-84718a3c.entry.js",
+          "./dist/mds-img/p-bdd213e4.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-img.esm.js",
           "./www/build/mds-img.js",
-          "./www/build/p-0fdb59c7.entry.js",
+          "./www/build/p-03945c45.system.js",
+          "./www/build/p-06abc38d.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-9c58632b.system.entry.js",
-          "./www/build/p-bb9cea48.system.js",
-          "./www/build/p-bfb1b34d.system.js",
-          "./www/build/p-f917e581.js"
+          "./www/build/p-7f3a874d.js",
+          "./www/build/p-84718a3c.entry.js",
+          "./www/build/p-bdd213e4.system.js"
         ]
@@ -133,8 +134,8 @@ },
         ],
-        "bundleId": "p-0fdb59c7",
-        "fileName": "p-0fdb59c7.entry.js",
+        "bundleId": "p-84718a3c",
+        "fileName": "p-84718a3c.entry.js",
         "imports": [
-          "p-f917e581.js"
+          "p-7f3a874d.js"
         ],
-        "originalByteSize": 3529
+        "originalByteSize": 3561
       }
@@ -151,5 +152,5 @@ ],
         "imports": [
-          "index-74112015.js"
+          "index-7558ddd4.js"
         ],
-        "originalByteSize": 3533
+        "originalByteSize": 3565
       }
@@ -166,5 +167,5 @@ ],
         "imports": [
-          "index-74112015.js"
+          "index-7558ddd4.js"
         ],
-        "originalByteSize": 3533
+        "originalByteSize": 3565
       }
@@ -178,8 +179,8 @@ ],
         ],
-        "bundleId": "p-9c58632b.system",
-        "fileName": "p-9c58632b.system.entry.js",
+        "bundleId": "p-06abc38d.system",
+        "fileName": "p-06abc38d.system.entry.js",
         "imports": [
-          "p-bb9cea48.system.js"
+          "p-bdd213e4.system.js"
         ],
-        "originalByteSize": 4240
+        "originalByteSize": 4272
       }
@@ -196,5 +197,5 @@ ],
         "imports": [
-          "index-09378c70.js"
+          "index-08babcf5.js"
         ],
-        "originalByteSize": 3598
+        "originalByteSize": 3630
       }
@@ -223,4 +224,4 @@ ]
         {
-          "name": "loadError",
-          "method": "loadError",
+          "name": "mdsImgLoadError",
+          "method": "loadErrorEvent",
           "bubbles": true,
@@ -231,3 +232,3 @@ "cancelable": true,
             "tags": [],
-            "text": "Emits when the accordion changes it's item"
+            "text": "Emits when the image is not loaded"
           },
@@ -246,4 +247,4 @@ "complexType": {
         {
-          "name": "loadSuccess",
-          "method": "loadSuccess",
+          "name": "mdsImgLoadSuccess",
+          "method": "loadSuccessEvent",
           "bubbles": true,
@@ -254,3 +255,3 @@ "cancelable": true,
             "tags": [],
-            "text": "Emits when the accordion changes it's item"
+            "text": "Emits when the image is successfully loaded"
           },
@@ -373,3 +374,3 @@ "complexType": {
                 "location": "import",
-                "path": "../../types/loading"
+                "path": "@type/loading"
               }
@@ -599,3 +600,3 @@ }
                     "location": "import",
-                    "path": "../../types/loading"
+                    "path": "@type/loading"
                   }
@@ -718,4 +719,4 @@ }
             {
-              "name": "loadError",
-              "method": "loadError",
+              "name": "mdsImgLoadError",
+              "method": "loadErrorEvent",
               "bubbles": true,
@@ -726,3 +727,3 @@ "cancelable": true,
                 "tags": [],
-                "text": "Emits when the accordion changes it's item"
+                "text": "Emits when the image is not loaded"
               },
@@ -741,4 +742,4 @@ "complexType": {
             {
-              "name": "loadSuccess",
-              "method": "loadSuccess",
+              "name": "mdsImgLoadSuccess",
+              "method": "loadSuccessEvent",
               "bubbles": true,
@@ -749,3 +750,3 @@ "cancelable": true,
                 "tags": [],
-                "text": "Emits when the accordion changes it's item"
+                "text": "Emits when the image is successfully loaded"
               },
@@ -870,3 +871,3 @@ "complexType": {
     "sc-mds-img": [
-      "p-f917e581.js"
+      "p-7f3a874d.js"
     ]
@@ -876,2 +877,3 @@ },
     "./src/common/aria.ts": [],
+    "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-img/mds-img.tsx": [],
@@ -891,3 +893,4 @@ "./src/components/mds-img/meta/storybook.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json"
+      "./src/fixtures/icons.json",
+      "./src/fixtures/iconsauce.json"
     ],
@@ -900,13 +903,13 @@ "./src/dictionary/input-text-type.ts": [],
     "./src/interface/input-value.ts": [],
-    "./src/types/autocomplete.ts": [],
-    "./src/types/button.ts": [],
-    "./src/types/floating-ui.ts": [],
-    "./src/types/form-rel.ts": [],
-    "./src/types/input-text-type.ts": [],
-    "./src/types/input-value-type.ts": [],
-    "./src/types/loading.ts": [],
-    "./src/types/typography.ts": [],
-    "./src/types/variant.ts": []
+    "./src/type/autocomplete.ts": [],
+    "./src/type/button.ts": [],
+    "./src/type/floating-ui.ts": [],
+    "./src/type/form-rel.ts": [],
+    "./src/type/input-text-type.ts": [],
+    "./src/type/input-value-type.ts": [],
+    "./src/type/loading.ts": [],
+    "./src/type/typography.ts": [],
+    "./src/type/variant.ts": []
   },
   "collections": []
 }

dist/types/components.d.ts

@@ -9,3 +9,3 @@ /* eslint-disable */
 import { CrossoriginType, ReferrerpolicyType } from "./components/mds-img/meta/types";
-import { LoadingType } from "./types/loading";
+import { LoadingType } from "@type/loading";
 export namespace Components {
@@ -93,9 +93,9 @@ interface MdsImg {
         /**
-          * Emits when the accordion changes it's item
+          * Emits when the image is not loaded
          */
-        "onLoadError"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
+        "onMdsImgLoadError"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
         /**
-          * Emits when the accordion changes it's item
+          * Emits when the image is successfully loaded
          */
-        "onLoadSuccess"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
+        "onMdsImgLoadSuccess"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
         /**
@@ -102,0 +102,0 @@ * Specifies which referrer information to use when fetching an image.

dist/types/components/mds-img/mds-img.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
 import { CrossoriginType, ReferrerpolicyType } from './meta/types';
-import { LoadingType } from '../../types/loading';
+import { LoadingType } from '@type/loading';
 export declare class MdsImg {
@@ -58,10 +58,10 @@ private aspectRatioModern;
   /**
-   * Emits when the accordion changes it's item
+   * Emits when the image is not loaded
    */
-  loadError: EventEmitter<HTMLImageElement>;
+  loadErrorEvent: EventEmitter<HTMLImageElement>;
   private onError;
   /**
-   * Emits when the accordion changes it's item
+   * Emits when the image is successfully loaded
    */
-  loadSuccess: EventEmitter<HTMLImageElement>;
+  loadSuccessEvent: EventEmitter<HTMLImageElement>;
   private onSuccess;
@@ -68,0 +68,0 @@ private autoAltName;

dist/types/dictionary/icon.d.ts

 declare const iconsDictionary: string[];
-export { iconsDictionary, };
+declare const mggIconsDictionary: string[];
+export { iconsDictionary, mggIconsDictionary, };

dist/types/dictionary/typography.d.ts

 declare const typographyDictionary: string[];
 declare const typographyVariationsDictionary: string[];
+declare const typographyReadingVariationsDictionary: string[];
 declare const typographyMonoDictionary: string[];
@@ -9,2 +10,2 @@ declare const typographyTitleDictionary: string[];
 declare const typographyTooltipDictionary: string[];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

dist/types/stencil-public-runtime.d.ts

@@ -488,2 +488,10 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
@@ -535,2 +543,5 @@ vtag?: string | number | Function;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
@@ -537,0 +548,0 @@ $flags$: number;

package.json

 {
   "name": "@maggioli-design-system/mds-img",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "mds-img 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.",
@@ -25,3 +25,3 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@stencil/core": "^2.22.1"
+    "@stencil/core": "^2.22.2"
   },
@@ -28,0 +28,0 @@ "license": "MIT",

readme.md

@@ -26,6 +26,6 @@ # mds-img
 
-| Event         | Description                                | Type                            |
-| ------------- | ------------------------------------------ | ------------------------------- |
-| `loadError`   | Emits when the accordion changes it's item | `CustomEvent<HTMLImageElement>` |
-| `loadSuccess` | Emits when the accordion changes it's item | `CustomEvent<HTMLImageElement>` |
+| Event               | Description                                 | Type                            |
+| ------------------- | ------------------------------------------- | ------------------------------- |
+| `mdsImgLoadError`   | Emits when the image is not loaded          | `CustomEvent<HTMLImageElement>` |
+| `mdsImgLoadSuccess` | Emits when the image is successfully loaded | `CustomEvent<HTMLImageElement>` |
 
@@ -32,0 +32,0 @@

src/components.d.ts

@@ -9,3 +9,3 @@ /* eslint-disable */
 import { CrossoriginType, ReferrerpolicyType } from "./components/mds-img/meta/types";
-import { LoadingType } from "./types/loading";
+import { LoadingType } from "@type/loading";
 export namespace Components {
@@ -93,9 +93,9 @@ interface MdsImg {
         /**
-          * Emits when the accordion changes it's item
+          * Emits when the image is not loaded
          */
-        "onLoadError"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
+        "onMdsImgLoadError"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
         /**
-          * Emits when the accordion changes it's item
+          * Emits when the image is successfully loaded
          */
-        "onLoadSuccess"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
+        "onMdsImgLoadSuccess"?: (event: MdsImgCustomEvent<HTMLImageElement>) => void;
         /**
@@ -102,0 +102,0 @@ * Specifies which referrer information to use when fetching an image.

src/components/mds-img/readme.md

@@ -26,6 +26,6 @@ # mds-img
 
-| Event         | Description                                | Type                            |
-| ------------- | ------------------------------------------ | ------------------------------- |
-| `loadError`   | Emits when the accordion changes it's item | `CustomEvent<HTMLImageElement>` |
-| `loadSuccess` | Emits when the accordion changes it's item | `CustomEvent<HTMLImageElement>` |
+| Event               | Description                                 | Type                            |
+| ------------------- | ------------------------------------------- | ------------------------------- |
+| `mdsImgLoadError`   | Emits when the image is not loaded          | `CustomEvent<HTMLImageElement>` |
+| `mdsImgLoadSuccess` | Emits when the image is successfully loaded | `CustomEvent<HTMLImageElement>` |
 
@@ -32,0 +32,0 @@

src/dictionary/icon.ts

 import jsonIconsDictionary from '../fixtures/icons.json'
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
 const iconsDictionary = jsonIconsDictionary
+const mggIconsDictionary = jsonMggIconsDictionary
+
 export {
   iconsDictionary,
+  mggIconsDictionary,
 }

src/dictionary/typography.ts

@@ -26,2 +26,7 @@ const typographyDictionary = [
 
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+]
+
 const typographyMonoDictionary = [
@@ -70,9 +75,10 @@ 'snippet',
   typographyDictionary,
-  typographyVariationsDictionary,
+  typographyInfoDictionary,
+  typographyReadingVariationsDictionary,
   typographyMonoDictionary,
-  typographyTitleDictionary,
-  typographyInfoDictionary,
   typographyReadDictionary,
   typographySmallerDictionary,
+  typographyTitleDictionary,
   typographyTooltipDictionary,
+  typographyVariationsDictionary,
 }

src/fixtures/icons.json

@@ -13,2 +13,175 @@ [
     "mdi/vector-curve",
+    "mgg/abitazione-principale",
+    "mgg/action-hide-down-side",
+    "mgg/action-hide-left-side",
+    "mgg/action-hide-right-side",
+    "mgg/action-hide-sidebar-left",
+    "mgg/action-hide-sidebar-right",
+    "mgg/action-show-down-side",
+    "mgg/action-show-left-side",
+    "mgg/action-show-right-side",
+    "mgg/action-show-sidebar-left",
+    "mgg/action-show-sidebar-right",
+    "mgg/add-document-settings",
+    "mgg/additional-contents",
+    "mgg/address-book-off",
+    "mgg/address-book-on",
+    "mgg/adv-denied",
+    "mgg/area-edificabile",
+    "mgg/area-weather",
+    "mgg/box-multiple",
+    "mgg/breadcrumb",
+    "mgg/calendar-euro",
+    "mgg/calendar-multiple",
+    "mgg/calendar-schedule",
+    "mgg/car-license",
+    "mgg/card-stamping",
+    "mgg/checklist",
+    "mgg/checklist-settings",
+    "mgg/citizenship",
+    "mgg/city-bin",
+    "mgg/copy-paste",
+    "mgg/data-analytics-alt",
+    "mgg/data-analytics-search",
+    "mgg/data-analytics-time",
+    "mgg/data-category-alt",
+    "mgg/data-civil-union",
+    "mgg/data-death-civil-union",
+    "mgg/data-death-marriage",
+    "mgg/data-end-civil-union",
+    "mgg/data-end-marriage",
+    "mgg/dataset",
+    "mgg/document-magic",
+    "mgg/document-rename",
+    "mgg/electronic-document",
+    "mgg/email-open-check",
+    "mgg/email-open-off",
+    "mgg/face-to-face-meeting",
+    "mgg/farmer",
+    "mgg/field",
+    "mgg/file-download",
+    "mgg/file-folder-tree",
+    "mgg/file-folder-tree-open",
+    "mgg/file-import",
+    "mgg/file-odt",
+    "mgg/file-rtf",
+    "mgg/file-settings-alt",
+    "mgg/file-stack",
+    "mgg/file-stack-alt",
+    "mgg/file-sub",
+    "mgg/file-type-document-attachment",
+    "mgg/file-type-document-multiple-attachment",
+    "mgg/file-type-document-rubber-stamp",
+    "mgg/file-type-home",
+    "mgg/file-type-pdf",
+    "mgg/file-type-success",
+    "mgg/file-type-warning",
+    "mgg/finance-euro-cashback",
+    "mgg/fit-horizontal",
+    "mgg/fit-vertical",
+    "mgg/fullscreen-on-alt",
+    "mgg/google-check-small",
+    "mgg/google-place-item",
+    "mgg/heart",
+    "mgg/heart-outline",
+    "mgg/historic-building",
+    "mgg/historic-building-unusable",
+    "mgg/home-hammer",
+    "mgg/home-number",
+    "mgg/inagibile",
+    "mgg/input-calendar-costs",
+    "mgg/input-calendar-period",
+    "mgg/input-calendar-time",
+    "mgg/isbn",
+    "mgg/judge-hammer",
+    "mgg/land-registry",
+    "mgg/layers",
+    "mgg/list-dot",
+    "mgg/logo-girasole-camuno",
+    "mgg/logo-gpl",
+    "mgg/logo-ilibro",
+    "mgg/map-marker-settings",
+    "mgg/military-draft",
+    "mgg/money-bag-settings",
+    "mgg/money-on-hand",
+    "mgg/move-down",
+    "mgg/move-left",
+    "mgg/move-right",
+    "mgg/move-row-down",
+    "mgg/move-row-up",
+    "mgg/move-up",
+    "mgg/multiple-payments",
+    "mgg/national-document",
+    "mgg/national-document-off",
+    "mgg/order-return-down-left-to-right",
+    "mgg/order-return-down-left-to-up",
+    "mgg/order-return-down-right-to-left",
+    "mgg/order-return-down-right-to-up",
+    "mgg/order-return-up-left-to-down",
+    "mgg/order-return-up-left-to-right",
+    "mgg/order-return-up-right-to-down",
+    "mgg/order-return-up-right-to-left",
+    "mgg/order-zigzag-down-left-to-right",
+    "mgg/order-zigzag-down-left-to-up",
+    "mgg/order-zigzag-down-right-to-left",
+    "mgg/order-zigzag-down-right-to-up",
+    "mgg/order-zigzag-up-left-to-down",
+    "mgg/order-zigzag-up-left-to-right",
+    "mgg/order-zigzag-up-right-to-down",
+    "mgg/order-zigzag-up-right-to-left",
+    "mgg/other-properties",
+    "mgg/other-properties-off",
+    "mgg/partial-wall",
+    "mgg/payment-settings",
+    "mgg/places-green",
+    "mgg/places-green-doc",
+    "mgg/places-green-history",
+    "mgg/places-green-info",
+    "mgg/places-holiday-beach",
+    "mgg/places-market",
+    "mgg/places-park",
+    "mgg/places-park-alt",
+    "mgg/places-store-access-denied",
+    "mgg/property-owner",
+    "mgg/relevance",
+    "mgg/reporting-abuse",
+    "mgg/residency-permit",
+    "mgg/rubber-stamp",
+    "mgg/rurale",
+    "mgg/search-maggioli",
+    "mgg/send-progress",
+    "mgg/settings-attachment",
+    "mgg/sign-shop",
+    "mgg/square-viewfinder",
+    "mgg/stamp",
+    "mgg/status-progress-a-quarter",
+    "mgg/status-progress-complete",
+    "mgg/status-progress-half",
+    "mgg/status-progress-three-quarter",
+    "mgg/stuck-codes",
+    "mgg/tea-light",
+    "mgg/terminal",
+    "mgg/todo",
+    "mgg/todo-completed",
+    "mgg/todo-completed-re-executable",
+    "mgg/todo-in-charge-by-me",
+    "mgg/todo-in-charge-by-others",
+    "mgg/todo-in-evaluation",
+    "mgg/todo-in-evaluation-by-others",
+    "mgg/todo-incoming-in-charge",
+    "mgg/todo-incoming-rejected",
+    "mgg/todo-pause",
+    "mgg/todo-running-completed",
+    "mgg/todo-suspended",
+    "mgg/traffic-cone",
+    "mgg/trending-down",
+    "mgg/tributes",
+    "mgg/urban-city",
+    "mgg/user-dead",
+    "mgg/user-family",
+    "mgg/user-location",
+    "mgg/user-location-off",
+    "mgg/view-chart-gantt",
+    "mgg/view-side-by-side",
+    "mgg/work-book",
     "mi/baseline/account-balance",
@@ -33,2 +206,3 @@ "mi/baseline/account-balance-wallet",
     "mi/baseline/done",
+    "mi/baseline/downhill-skiing",
     "mi/baseline/eco",
@@ -35,0 +209,0 @@ "mi/baseline/email",

www/build/mds-img.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-f917e581.js";export{s as setNonce}from"./p-f917e581.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((s=>e([["p-0fdb59c7",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));
+import{p as r,b as t}from"./p-7f3a874d.js";export{s as setNonce}from"./p-7f3a874d.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),r(t)})().then((s=>t([["p-84718a3c",[[1,"mds-img",{alt:[1537],aspectRatio:[1,"aspect-ratio"],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],width:[1]}]]]],s)));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

775145

increased by2.57%

Number of package files

150

increased by2.74%

Lines of code

10628

increased by5.8%

Dependency changes

• Updated@stencil/core@^2.22.2