@lrnwebcomponents/responsive-utility - npm Package Compare versions

Comparing version 2.7.7 to 2.7.10

analysis.json

@@ -15,3 +15,3 @@ {
         "end": {
-          "line": 119,
+          "line": 117,
           "column": 1
@@ -41,3 +41,3 @@ }
             "end": {
-              "line": 20,
+              "line": 18,
               "column": 3
@@ -55,7 +55,7 @@ }
             "start": {
-              "line": 36,
+              "line": 34,
               "column": 2
             },
             "end": {
-              "line": 48,
+              "line": 46,
               "column": 3
@@ -76,7 +76,7 @@ }
             "start": {
-              "line": 49,
+              "line": 47,
               "column": 2
             },
             "end": {
-              "line": 60,
+              "line": 58,
               "column": 3
@@ -97,7 +97,7 @@ }
             "start": {
-              "line": 67,
+              "line": 65,
               "column": 2
             },
             "end": {
-              "line": 81,
+              "line": 79,
               "column": 3
@@ -124,7 +124,7 @@ }
             "start": {
-              "line": 83,
+              "line": 81,
               "column": 2
             },
             "end": {
-              "line": 94,
+              "line": 92,
               "column": 3
@@ -146,7 +146,7 @@ }
             "start": {
-              "line": 99,
+              "line": 97,
               "column": 2
             },
             "end": {
-              "line": 101,
+              "line": 99,
               "column": 3
@@ -177,3 +177,3 @@ }
         "end": {
-          "line": 128,
+          "line": 126,
           "column": 1
@@ -202,3 +202,3 @@ }
             "end": {
-              "line": 71,
+              "line": 69,
               "column": 5
@@ -216,7 +216,7 @@ }
             "start": {
-              "line": 84,
+              "line": 82,
               "column": 4
             },
             "end": {
-              "line": 103,
+              "line": 101,
               "column": 5
@@ -237,7 +237,7 @@ }
             "start": {
-              "line": 107,
+              "line": 105,
               "column": 4
             },
             "end": {
-              "line": 117,
+              "line": 115,
               "column": 5
@@ -262,3 +262,3 @@ }
         "end": {
-          "line": 118,
+          "line": 116,
           "column": 3
@@ -265,0 +265,0 @@ }

lib/responsive-utility-behaviors.js

@@ -12,3 +12,3 @@ import { LitElement, html, css } from "lit-element/lit-element.js";
 
-export const ResponsiveUtilityBehaviors = SuperClass => {
+export const ResponsiveUtilityBehaviors = (SuperClass) => {
   return class extends SuperClass {
@@ -28,3 +28,3 @@ static get properties() {
           attribute: "responsive-size",
-          reflect: true
+          reflect: true,
         },
@@ -37,3 +37,3 @@ /*
           attribute: "responsive-width",
-          reflect: true
+          reflect: true,
         },
@@ -45,3 +45,3 @@ /*
           type: Number,
-          attribute: "sm"
+          attribute: "sm",
         },
@@ -53,3 +53,3 @@ /*
           type: Number,
-          attribute: "md"
+          attribute: "md",
         },
@@ -61,3 +61,3 @@ /*
           type: Number,
-          attribute: "lg"
+          attribute: "lg",
         },
@@ -69,4 +69,4 @@ /**
           type: Number,
-          attribute: "xl"
-        }
+          attribute: "xl",
+        },
       };
@@ -76,5 +76,3 @@ }
     render() {
-      return html`
-        <slot></slot>
-      `;
+      return html` <slot></slot> `;
     }
@@ -108,4 +106,4 @@
             lg: this.lg,
-            xl: this.xl
-          }
+            xl: this.xl,
+          },
         })
@@ -123,3 +121,3 @@ );
           composed: true,
-          detail: this
+          detail: this,
         })
@@ -126,0 +124,0 @@ );

package.json

@@ -15,3 +15,3 @@ {
   },
-  "version": "2.7.7",
+  "version": "2.7.10",
   "description": "Automated conversion of responsive-utility/",
@@ -27,9 +27,9 @@ "repository": {
   "scripts": {
-    "test": "../../node_modules/.bin/wct --configFile ../../wct.conf.json node_modules/@lrnwebcomponents/responsive-utility/test/",
+    "test": "wct --configFile ../../wct.conf.json node_modules/@lrnwebcomponents/responsive-utility/test/",
     "start": "yarn run dev",
-    "build": "../../node_modules/.bin/gulp --gulpfile=gulpfile.cjs && ../../node_modules/.bin/rollup -c && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}' && wca analyze \"**/*.js\" --format vscode --outFile vscode-html-custom-data.json",
-    "dev": "../../node_modules/.bin/concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
-    "watch": "../../node_modules/.bin/gulp dev --gulpfile=gulpfile.cjs",
-    "serve": "../../node_modules/.bin/es-dev-server -c ../../es-dev-server.config.js",
-    "lighthouse": "../../node_modules/.bin/gulp lighthouse --gulpfile=gulpfile.cjs"
+    "build": "gulp --gulpfile=gulpfile.cjs && rollup -c && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile vscode-html-custom-data.json",
+    "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
+    "watch": "gulp dev --gulpfile=gulpfile.cjs",
+    "serve": "es-dev-server -c ../../es-dev-server.config.js",
+    "lighthouse": "gulp lighthouse --gulpfile=gulpfile.cjs"
   },
@@ -46,7 +46,7 @@ "author": {
     "@lrnwebcomponents/deduping-fix": "^2.7.7",
-    "@lrnwebcomponents/storybook-utilities": "^2.7.7",
+    "@lrnwebcomponents/storybook-utilities": "^2.7.10",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
-    "@webcomponents/webcomponentsjs": "2.4.1",
-    "concurrently": "5.1.0",
+    "@webcomponents/webcomponentsjs": "2.4.4",
+    "concurrently": "5.3.0",
     "gulp-babel": "8.0.0",
@@ -65,3 +65,3 @@ "lodash": "4.17.19",
   ],
-  "gitHead": "5b346a23a41445900c73e9b8748be86b6f7db550"
+  "gitHead": "5b8d225cec2bf64160b4f4cab0630b187fdcd2d8"
 }

responsive-utility.js

@@ -18,5 +18,3 @@ import { LitElement, html, css } from "lit-element/lit-element.js";
   render() {
-    return html`
-      <slot></slot>
-    `;
+    return html` <slot></slot> `;
   }
@@ -34,4 +32,4 @@ static get tag() {
       details: {
-        type: Array
-      }
+        type: Array,
+      },
     };
@@ -78,3 +76,3 @@ }
       xl: e.detail.xl || 1800,
-      custom: e.detail.custom || "responsive-width"
+      custom: e.detail.custom || "responsive-width",
     };
@@ -88,4 +86,4 @@ detail.observer = this._getObserver(detail);
   _getObserver(detail) {
-    return new ResizeObserver(en =>
-      en.forEach(e =>
+    return new ResizeObserver((en) =>
+      en.forEach((e) =>
         window.ResponsiveUtility.setSize(
@@ -105,3 +103,3 @@ detail,
   deleteResponiveElementEvent(e) {
-    this.details = this.details.filter(detail => e.detail !== detail);
+    this.details = this.details.filter((detail) => e.detail !== detail);
   }
@@ -108,0 +106,0 @@ /**

responsive-utility.umd.js

@@ -1,2 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/polymer-element.js"),require("@polymer/iron-resizable-behavior/iron-resizable-behavior.js"),require("@polymer/polymer/lib/legacy/class.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/polymer-element.js","@polymer/iron-resizable-behavior/iron-resizable-behavior.js","@polymer/polymer/lib/legacy/class.js"],t):t((e=e||self).ResponsiveUtility={},e.polymerElement_js,e.ironResizableBehavior_js,e.class_js)}(this,function(e,t,n,i){"use strict";function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function a(e){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return function(){var t,n,i,r=a(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var o=a(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return n=this,!(i=t)||"object"!=typeof i&&"function"!=typeof i?c(n):i}}function p(e,t,n){return(p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var i=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=a(e)););return e}(e,t);if(i){var r=Object.getOwnPropertyDescriptor(i,t);return r.get?r.get.call(n):r.value}})(e,t,n||e)}function f(){var e,t,n=(e=["\n      <style>\n        :host {\n          display: inline;\n        }\n      </style>\n      <slot></slot>\n    "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return f=function(){return n},n}window.ResponsiveUtility={},window.ResponsiveUtility.instance=null;var v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}(v,i.mixinBehaviors([n.IronResizableBehavior],t.PolymerElement));var r=d(v);function v(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,v),(e=r.call(this)).details=[],null==window.ResponsiveUtility.instance&&(window.ResponsiveUtility.instance=c(e)),e.addEventListener("iron-resize",e._onIronResize.bind(c(e))),e}return o(v,[{key:"connectedCallback",value:function(){p(a(v.prototype),"connectedCallback",this).call(this),window.addEventListener("responsive-element",this.responiveElementEvent.bind(this)),window.addEventListener("delete-responsive-element",this.deleteResponiveElementEvent.bind(this))}},{key:"disconnectedCallback",value:function(){window.removeEventListener("responsive-element",this.responiveElementEvent.bind(this)),window.removeEventListener("delete-responsive-element",this.deleteResponiveElementEvent.bind(this)),p(a(v.prototype),"disconnectedCallback",this).call(this)}},{key:"responiveElementEvent",value:function(e){var t={element:e.detail.element,attribute:void 0!==e.detail.attribute&&null!==e.detail.attribute?e.detail.attribute:"responsive-size",relativeToParent:void 0===e.detail.relativeToParent||null===e.detail.relativeToParent||e.detail.relativeToParent,sm:void 0!==e.detail.sm&&null!==e.detail.sm?e.detail.sm:900,md:void 0!==e.detail.md&&null!==e.detail.md?e.detail.md:1200,lg:void 0!==e.detail.lg&&null!==e.detail.lg?e.detail.lg:1500,xl:void 0!==e.detail.xl&&null!==e.detail.xl?e.detail.lg:1800};if("ResizeObserver"in window&&!0===t.relativeToParent){var n=new ResizeObserver(function(){window.ResponsiveUtility.setSize(t)}),i=void 0!==e.detail.parentNode&&null!==e.detail.parentNode?e.detail.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.detail.element.parentNode.host:e.detail.element.parentNode:e.detail.element;n.observe(i)}this.details.push(t),window.ResponsiveUtility.setSize(t)}},{key:"deleteResponiveElementEvent",value:function(e){for(var t=0;t<this.details.length;t++)e.detail===detail[t]&&this.details.splice(t,1)}}],[{key:"template",get:function(){return t.html(f())}},{key:"tag",get:function(){return"responsive-utility"}},{key:"properties",get:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach(function(t){l(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},p(a(v),"properties",this),{details:{type:Array}})}}]),o(v,[{key:"_onIronResize",value:function(){for(var e=0;e<this.details.length;e++)window.ResponsiveUtility.setSize(this.details[e])}}]),v}();window.customElements.define(v.tag,v),window.ResponsiveUtility.requestAvailability=function(){null==window.ResponsiveUtility.instance&&(window.ResponsiveUtility.instance=document.createElement("responsive-utility")),document.body.appendChild(window.ResponsiveUtility.instance)},window.ResponsiveUtility.setSize=function(e){var t,n=window.ResponsiveUtility._getWidth(e);t=n<e.sm?"xs":n<e.md?"sm":n<e.lg?"md":n<e.xl?"lg":"xl",void 0!==e.element.getAttribute(e.attribute)&&t===e.element.getAttribute(e.attribute)||e.element.setAttribute(e.attribute,t)},window.ResponsiveUtility._getWidth=function(e){var t=e.element;if(!0===e.relativeToParent){if(t&&void 0!==t.offsetWidth&&null!==t.offsetWidth&&t.offsetWidth>0)return t.offsetWidth;if(null!==t.parentNode)return t.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.parentNode.host?t.parentNode.host.offsetWidth:t.parentNode.offsetWidth}return window.outerWidth},e.ResponsiveUtility=v,Object.defineProperty(e,"__esModule",{value:!0})});
-//# sourceMappingURL=responsive-utility.umd.js.map
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lit-element/lit-element.js"),require("@juggle/resize-observer")):"function"==typeof define&&define.amd?define(["exports","lit-element/lit-element.js","@juggle/resize-observer"],t):t((e=e||self).ResponsiveUtility={},e.litElement_js,e.resizeObserver)}(this,function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach(function(t){r(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}();return function(){var n,i,r,o=l(e);if(t){var s=l(this).constructor;n=Reflect.construct(o,arguments,s)}else n=o.apply(this,arguments);return i=this,!(r=n)||"object"!=typeof r&&"function"!=typeof r?u(i):r}}function f(e,t,n){return(f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var i=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=l(e)););return e}(e,t);if(i){var r=Object.getOwnPropertyDescriptor(i,t);return r.get?r.get.call(n):r.value}})(e,t,n||e)}function p(){var e,t,n=(e=[" <slot></slot> "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return p=function(){return n},n}window.ResponsiveUtility={},window.ResponsiveUtility.instance=null;var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}(b,t.LitElement);var r,o,d,v=a(b);function b(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,b),(e=v.call(this)).details=[],null==window.ResponsiveUtility.instance&&(window.ResponsiveUtility.instance=u(e)),e}return r=b,d=[{key:"tag",get:function(){return"responsive-utility"}},{key:"properties",get:function(){return s(s({},f(l(b),"properties",this)),{},{details:{type:Array}})}}],(o=[{key:"render",value:function(){return t.html(p())}},{key:"connectedCallback",value:function(){f(l(b.prototype),"connectedCallback",this).call(this),window.addEventListener("responsive-element",this.responiveElementEvent.bind(this)),window.addEventListener("delete-responsive-element",this.deleteResponiveElementEvent.bind(this))}},{key:"disconnectedCallback",value:function(){window.removeEventListener("responsive-element",this.responiveElementEvent.bind(this)),window.removeEventListener("delete-responsive-element",this.deleteResponiveElementEvent.bind(this)),f(l(b.prototype),"disconnectedCallback",this).call(this)}},{key:"responiveElementEvent",value:function(e){var t={element:e.detail.element,attribute:e.detail.attribute||"responsive-size",sm:e.detail.sm||900,md:e.detail.md||1200,lg:e.detail.lg||1500,xl:e.detail.xl||1800,custom:e.detail.custom||"responsive-width"};t.observer=this._getObserver(t),t.observer.observe(t.element),this.details.push(t),window.ResponsiveUtility.setSize(t)}},{key:"_getObserver",value:function(e){return new n.ResizeObserver(function(t){return t.forEach(function(t){return window.ResponsiveUtility.setSize(e,t.contentBoxSize||t.borderBoxSize||t.contentRect||t.target?t.target.offsetWidth:0)})})}},{key:"deleteResponiveElementEvent",value:function(e){this.details=this.details.filter(function(t){return e.detail!==t})}}])&&i(r.prototype,o),d&&i(r,d),b}();window.customElements.define(d.tag,d),window.ResponsiveUtility.requestAvailability=function(){null==window.ResponsiveUtility.instance&&(window.ResponsiveUtility.instance=document.createElement("responsive-utility")),document.body.appendChild(window.ResponsiveUtility.instance)},window.ResponsiveUtility.setSize=function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=e.element,r=e.attribute,o=e.custom;t=n<e.sm?"xs":n<e.md?"sm":n<e.lg?"md":n<e.xl?"lg":"xl",i.getAttribute(o)&&n===i.getAttribute(o)||i.setAttribute(o,n),i.getAttribute(r)&&t===i.getAttribute(r)||i.setAttribute(r,t)},e.ResponsiveUtility=d,Object.defineProperty(e,"__esModule",{value:!0})});

src/responsive-utility.js

@@ -18,5 +18,3 @@ import { LitElement, html, css } from "lit-element/lit-element.js";
   render() {
-    return html`
-      <slot></slot>
-    `;
+    return html` <slot></slot> `;
   }
@@ -34,4 +32,4 @@ static get tag() {
       details: {
-        type: Array
-      }
+        type: Array,
+      },
     };
@@ -78,3 +76,3 @@ }
       xl: e.detail.xl || 1800,
-      custom: e.detail.custom || "responsive-width"
+      custom: e.detail.custom || "responsive-width",
     };
@@ -88,4 +86,4 @@ detail.observer = this._getObserver(detail);
   _getObserver(detail) {
-    return new ResizeObserver(en =>
-      en.forEach(e =>
+    return new ResizeObserver((en) =>
+      en.forEach((e) =>
         window.ResponsiveUtility.setSize(
@@ -105,3 +103,3 @@ detail,
   deleteResponiveElementEvent(e) {
-    this.details = this.details.filter(detail => e.detail !== detail);
+    this.details = this.details.filter((detail) => e.detail !== detail);
   }
@@ -108,0 +106,0 @@ /**

vscode-html-custom-data.json

@@ -5,8 +5,36 @@ {
     {
-      "name": "responsive-utility",
-      "description": "Attributes:\n\n  * `details` {`any[]`} - Stores\n\nProperties:\n\n  * `details` {`any[]`} - Stores\n\n  * `_template` {`HTMLTemplateElement | null`} - \n\n  * `_importPath` {`string`} - \n\n  * `rootPath` {`string`} - \n\n  * `importPath` {`string`} - \n\n  * `root` {`HTMLElement | ShadowRoot | StampedTemplate | null`} - \n\n  * `$` - \n\n  * `PROPERTY_EFFECT_TYPES` - ",
+      "name": "responsive-utility-element",
+      "description": "`responsive-utility-element`\nA simpler way to use responsive utility.\n\nEvents:\n\n  * `responsive-element` {`CustomEvent<{ attribute: string; custom: string; element: this; sm: number; md: number; lg: number; xl: number; }>`} - \n\n  * `responsive-element-deleted` {`CustomEvent<this>`} - \n\nAttributes:\n\n  * `responsive-width` {`number`} - width in pixels\n\n  * `responsive-size` {`string`} - size for responsive styling: xs, sm, md, lg, xl\n\n  * `sm` {`number`} - Miniumum value for small breakpoint\n\n  * `md` {`number`} - Miniumum value for medium breakpoint\n\n  * `lg` {`number`} - Miniumum value for large breakpoint\n\n  * `xl` {`number`} - Miniumum value for extra-large breakpoint\n\nProperties:\n\n  * `responsiveWidth` {`number`} - width in pixels\n\n  * `responsiveSize` {`string`} - size for responsive styling: xs, sm, md, lg, xl\n\n  * `sm` {`number`} - Miniumum value for small breakpoint\n\n  * `md` {`number`} - Miniumum value for medium breakpoint\n\n  * `lg` {`number`} - Miniumum value for large breakpoint\n\n  * `xl` {`number`} - Miniumum value for extra-large breakpoint",
       "attributes": [
         {
-          "name": "details",
-          "description": "`details` {`any[]`} - Stores\n\nProperty: details\n\nDefault: "
+          "name": "responsive-width",
+          "description": "`responsive-width` {`number`} - width in pixels\n\nProperty: responsiveWidth"
+        },
+        {
+          "name": "responsive-size",
+          "description": "`responsive-size` {`string`} - size for responsive styling: xs, sm, md, lg, xl\n\nProperty: responsiveSize\n\nDefault: xs"
+        },
+        {
+          "name": "sm",
+          "description": "`sm` {`number`} - Miniumum value for small breakpoint\n\nProperty: sm\n\nDefault: 600"
+        },
+        {
+          "name": "md",
+          "description": "`md` {`number`} - Miniumum value for medium breakpoint\n\nProperty: md\n\nDefault: 900"
+        },
+        {
+          "name": "lg",
+          "description": "`lg` {`number`} - Miniumum value for large breakpoint\n\nProperty: lg\n\nDefault: 1200"
+        },
+        {
+          "name": "xl",
+          "description": "`xl` {`number`} - Miniumum value for extra-large breakpoint\n\nProperty: xl\n\nDefault: 1500"
+        },
+        {
+          "name": "onresponsive-element",
+          "description": "`responsive-element` {`CustomEvent<{ attribute: string; custom: string; element: this; sm: number; md: number; lg: number; xl: number; }>`} - "
+        },
+        {
+          "name": "onresponsive-element-deleted",
+          "description": "`responsive-element-deleted` {`CustomEvent<this>`} - "
         }
@@ -17,7 +45,7 @@ ]
       "name": "responsive-utility",
-      "description": "Attributes:\n\n  * `details` {`any[]`} - Stores\n\nProperties:\n\n  * `details` {`any[]`} - Stores\n\n  * `_template` {`HTMLTemplateElement | null`} - \n\n  * `_importPath` {`string`} - \n\n  * `rootPath` {`string`} - \n\n  * `importPath` {`string`} - \n\n  * `root` {`HTMLElement | ShadowRoot | StampedTemplate | null`} - \n\n  * `$` - \n\n  * `PROPERTY_EFFECT_TYPES` - ",
+      "description": "Attributes:\n\n  * `details` {`any[]`} - Array of details provided by responsive elements\n\nProperties:\n\n  * `details` {`any[]`} - Array of details provided by responsive elements",
       "attributes": [
         {
           "name": "details",
-          "description": "`details` {`any[]`} - Stores\n\nProperty: details\n\nDefault: "
+          "description": "`details` {`any[]`} - Array of details provided by responsive elements\n\nProperty: details\n\nDefault: "
         }
@@ -27,12 +55,8 @@ ]
     {
-      "name": "tag",
-      "attributes": []
-    },
-    {
       "name": "responsive-utility",
-      "description": "Attributes:\n\n  * `details` {`any[]`} - Stores\n\nProperties:\n\n  * `details` {`any[]`} - Stores\n\n  * `_template` {`HTMLTemplateElement | null`} - \n\n  * `_importPath` {`string`} - \n\n  * `rootPath` {`string`} - \n\n  * `importPath` {`string`} - \n\n  * `root` {`HTMLElement | ShadowRoot | StampedTemplate | null`} - \n\n  * `$` - \n\n  * `PROPERTY_EFFECT_TYPES` - ",
+      "description": "Attributes:\n\n  * `details` {`any[]`} - Array of details provided by responsive elements\n\nProperties:\n\n  * `details` {`any[]`} - Array of details provided by responsive elements",
       "attributes": [
         {
           "name": "details",
-          "description": "`details` {`any[]`} - Stores\n\nProperty: details\n\nDefault: "
+          "description": "`details` {`any[]`} - Array of details provided by responsive elements\n\nProperty: details\n\nDefault: "
         }
@@ -39,0 +63,0 @@ ]

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

74165

increased by0.28%

Lines of code

1199

increased by1.1%

No dependency changes