Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@lrnwebcomponents/responsive-utility
Advanced tools
@lrnwebcomponents/responsive-utility - npm Package Compare versions
Comparing version 2.0.8 to 2.0.9
@@ -10,52 +10,23 @@ { | ||
| { | ||
| "name": "_parentResizable", | ||
| "type": "Object | null | undefined", | ||
| "description": "The closest ancestor element that implements `IronResizableBehavior`.", | ||
| "name": "_template", | ||
| "type": "Object", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 41, | ||
| "column": 4 | ||
| "line": 7, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 44, | ||
| "column": 5 | ||
| "line": 14, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": { | ||
| "polymer": { | ||
| "observer": "\"_parentResizableChanged\"", | ||
| "attributeType": "Object" | ||
| } | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| "polymer": {} | ||
| } | ||
| }, | ||
| { | ||
| "name": "_notifyingDescendant", | ||
| "type": "boolean | null | undefined", | ||
| "description": "True if this element is currently notifying its descendant elements of\nresize.", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 50, | ||
| "column": 4 | ||
| }, | ||
| "end": { | ||
| "line": 53, | ||
| "column": 5 | ||
| } | ||
| }, | ||
| "metadata": { | ||
| "polymer": { | ||
| "attributeType": "Boolean" | ||
| } | ||
| }, | ||
| "defaultValue": "false", | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "details", | ||
| "type": "Array | null | undefined", | ||
| "type": "Array", | ||
| "description": "Stores", | ||
@@ -74,5 +45,3 @@ "privacy": "public", | ||
| "metadata": { | ||
| "polymer": { | ||
| "attributeType": "Array" | ||
| } | ||
| "polymer": {} | ||
| }, | ||
@@ -98,381 +67,5 @@ "defaultValue": "[]" | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| } | ||
| "params": [] | ||
| }, | ||
| { | ||
| "name": "attached", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 68, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 70, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "detached", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 72, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 81, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "notifyResize", | ||
| "description": "Can be called to manually notify a resizable and its descendant\nresizables of a resize change.", | ||
| "privacy": "public", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 87, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 99, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "assignParentResizable", | ||
| "description": "Used to assign the closest resizable ancestor to this resizable\nif the ancestor detects a request for notifications.", | ||
| "privacy": "public", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 105, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 117, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "parentResizable" | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "stopResizeNotificationsFor", | ||
| "description": "Used to remove a resizable descendant from the list of descendants\nthat should be notified of a resize change.", | ||
| "privacy": "public", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 123, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 130, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "target" | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_subscribeIronResize", | ||
| "description": "Subscribe this element to listen to iron-resize events on the given target.\n\nPreferred over target.listen because the property renamer does not\nunderstand to rename when the target is not specifically \"this\"", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 140, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 142, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "target", | ||
| "type": "!HTMLElement", | ||
| "description": "Element to listen to for iron-resize events." | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_unsubscribeIronResize", | ||
| "description": "Unsubscribe this element from listening to to iron-resize events on the\ngiven target.\n\nPreferred over target.unlisten because the property renamer does not\nunderstand to rename when the target is not specifically \"this\"", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 153, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 156, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "target", | ||
| "type": "!HTMLElement", | ||
| "description": "Element to listen to for iron-resize events." | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "resizerShouldNotify", | ||
| "description": "This method can be overridden to filter nested elements that should or\nshould not be notified by the current element. Return true if an element\nshould be notified, or false if it should not be notified.", | ||
| "privacy": "public", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 167, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 169, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "element", | ||
| "type": "HTMLElement", | ||
| "description": "A candidate descendant element that\nimplements `IronResizableBehavior`." | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "boolean", | ||
| "desc": "True if the `element` should be notified of resize." | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_onDescendantIronResize", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 171, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 181, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "event" | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_fireResize", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 183, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 185, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_onIronRequestResizeNotifications", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 187, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 197, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "event" | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_parentResizableChanged", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 199, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 203, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "parentResizable" | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_notifyDescendant", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 205, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 216, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [ | ||
| { | ||
| "name": "descendant" | ||
| } | ||
| ], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_requestResizeNotifications", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 218, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 257, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_findParent", | ||
| "description": "", | ||
| "privacy": "protected", | ||
| "sourceRange": { | ||
| "file": "../@polymer/iron-resizable-behavior/iron-resizable-behavior.js", | ||
| "start": { | ||
| "line": 259, | ||
| "column": 2 | ||
| }, | ||
| "end": { | ||
| "line": 271, | ||
| "column": 3 | ||
| } | ||
| }, | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| }, | ||
| "inheritedFrom": "IronResizableBehavior" | ||
| }, | ||
| { | ||
| "name": "_onIronResize", | ||
@@ -492,6 +85,3 @@ "description": "On resize, sets sizes of any detail element that has changed.", | ||
| "metadata": {}, | ||
| "params": [], | ||
| "return": { | ||
| "type": "void" | ||
| } | ||
| "params": [] | ||
| } | ||
@@ -530,3 +120,3 @@ ], | ||
| "metadata": {}, | ||
| "type": "Array | null | undefined" | ||
| "type": "Array" | ||
| } | ||
@@ -533,0 +123,0 @@ ], |
@@ -14,3 +14,3 @@ { | ||
| }, | ||
| "version": "2.0.8", | ||
| "version": "2.0.9", | ||
| "description": "Automated conversion of responsive-utility/", | ||
@@ -43,4 +43,4 @@ "repository": { | ||
| "devDependencies": { | ||
| "@lrnwebcomponents/deduping-fix": "^2.0.8", | ||
| "@lrnwebcomponents/storybook-utilities": "^2.0.8", | ||
| "@lrnwebcomponents/deduping-fix": "^2.0.9", | ||
| "@lrnwebcomponents/storybook-utilities": "^2.0.9", | ||
| "@polymer/iron-component-page": "github:PolymerElements/iron-component-page", | ||
@@ -65,3 +65,3 @@ "@polymer/iron-demo-helpers": "3.0.2", | ||
| ], | ||
| "gitHead": "e32dcb0831ec951b08cedb01a8f9b5c2e3bcfdaf" | ||
| "gitHead": "3ba5daaa4388a0e09b103784f482d49b14fb52d5" | ||
| } |
@@ -1,57 +0,35 @@ | ||
| import { storiesOf } from "@storybook/polymer"; | ||
| import * as storybookBridge from "@storybook/addon-knobs/polymer"; | ||
| import { ResponsiveUtility } from "./responsive-utility.js"; | ||
| import { StorybookUtilities } from "@lrnwebcomponents/storybook-utilities/storybook-utilities.js"; | ||
| // need to account for polymer goofiness when webpack rolls this up | ||
| var template = require("raw-loader!./demo/index.html"); | ||
| let pattern = /<body[^>]*>((.|[\n\r])*)<\/body>/im; | ||
| var array_matches = pattern.exec(template); | ||
| // now template is just the body contents | ||
| template = array_matches[1]; | ||
| const stories = storiesOf("Utility", module); | ||
| stories.addDecorator(storybookBridge.withKnobs); | ||
| stories.add("responsive-utility", () => { | ||
| var binding = {}; | ||
| // start of tag for demo | ||
| let elementDemo = `<responsive-utility`; | ||
| // mix in properties defined on the class | ||
| for (var key in ResponsiveUtility.properties) { | ||
| // skip prototype | ||
| if (!ResponsiveUtility.properties.hasOwnProperty(key)) continue; | ||
| // convert typed props | ||
| if (ResponsiveUtility.properties[key].type.name) { | ||
| let method = "text"; | ||
| switch (ResponsiveUtility.properties[key].type.name) { | ||
| case "Boolean": | ||
| case "Number": | ||
| case "Object": | ||
| case "Array": | ||
| case "Date": | ||
| method = ResponsiveUtility.properties[key].type.name.toLowerCase(); | ||
| break; | ||
| default: | ||
| method = "text"; | ||
| break; | ||
| window.StorybookUtilities.requestAvailability(); | ||
| /** | ||
| * add to the pattern library | ||
| */ | ||
| /*const Pattern = { | ||
| "of": "Pattern Library/Molecules/Layout", //Patter library path | ||
| "name": "Collapse" //Pattern name | ||
| "file": require("raw-loader!./demo/index.html"), | ||
| "replacements": [] | ||
| }; | ||
| window.StorybookUtilities.instance.addPattern(Pattern);*/ | ||
| /** | ||
| * add the live demo | ||
| */ | ||
| /*const Story = { | ||
| "of": "a11y-collpase", //component folder | ||
| "name": "a11y-collpase", //component tag | ||
| "props": A11yCollapse.properties, //component properties that will become knobs | ||
| "slots": { //slots that will become knobs | ||
| "heading": | ||
| { | ||
| "name": "heading", //slot name | ||
| "type": "String", //slot type | ||
| "value": `Click to expand me.` //slot content | ||
| } | ||
| binding[key] = storybookBridge[method]( | ||
| key, | ||
| ResponsiveUtility.properties[key].value | ||
| ); | ||
| // ensure ke-bab case | ||
| let kebab = key.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, function( | ||
| match | ||
| ) { | ||
| return "-" + match.toLowerCase(); | ||
| }); | ||
| elementDemo += ` ${kebab}="${binding[key]}"`; | ||
| } | ||
| } | ||
| const innerText = storybookBridge.text("Inner contents", "Utility"); | ||
| elementDemo += `> ${innerText}</responsive-utility>`; | ||
| return ` | ||
| <h1>Live demo</h1> | ||
| ${elementDemo} | ||
| <h1>Additional examples</h1> | ||
| ${template} | ||
| `; | ||
| }); | ||
| }, | ||
| "attr": ``, //attributes that won't become knobs | ||
| "slotted": `` //slots that won't become knobs | ||
| } | ||
| window.StorybookUtilities.instance.addLiveDemo(Story);*/ |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Number of package files
- increased by4.55%
23
Worsened metrics
- Total package byte prevSize
- decreased by-14.94%
67443
- Lines of code
- decreased by-31.6%
840
No dependency changes