@lrnwebcomponents/absolute-position-behavior
Advanced tools
Comparing version 2.1.1 to 2.1.2
/** | ||
* Copyright 2019 The Pennsylvania State University | ||
* @license Apache-2.0, see License.md for full text. | ||
*/import{html,PolymerElement}from"./node_modules/@polymer/polymer/polymer-element.js";import"./lib/absolute-position-state-manager.js";/** | ||
*/ | ||
import { html, PolymerElement } from "@polymer/polymer/polymer-element.js"; | ||
import "./lib/absolute-position-state-manager"; | ||
/** | ||
* `absolute-position-behavior` | ||
@@ -14,4 +18,8 @@ * `Abstracting the positioning behavior from paper-tooltip to be resusable in other elements` | ||
* @demo demo/index.html | ||
*/class AbsolutePositionBehavior extends PolymerElement{// render function | ||
static get template(){return html` | ||
*/ | ||
class AbsolutePositionBehavior extends PolymerElement { | ||
// render function | ||
static get template() { | ||
return html` | ||
<style>:host { | ||
@@ -25,41 +33,142 @@ display: inline-block; | ||
</style> | ||
<slot></slot>`}// properties available to the custom element for data binding | ||
static get properties(){let props={/** | ||
<slot></slot>`; | ||
} | ||
// properties available to the custom element for data binding | ||
static get properties() { | ||
let props = { | ||
/** | ||
* Element is positioned from connected to disconnected? | ||
* Otherwise setPosition and unsetPosition must be called manually. | ||
*/auto:{type:Boolean,value:!1},/** | ||
*/ | ||
"auto": { | ||
"type": Boolean, | ||
"value": false | ||
}, | ||
/** | ||
* If true, no parts of the tooltip will ever be shown offscreen. | ||
*/fitToVisibleBounds:{type:Boolean,value:!1,observer:"updatePosition"},/** | ||
*/ | ||
"fitToVisibleBounds": { | ||
"type": Boolean, | ||
"value": false, | ||
"observer": "updatePosition" | ||
}, | ||
/** | ||
* The id of the element that the tooltip is anchored to. This element | ||
* must be a sibling of the tooltip. If this property is not set, | ||
* then the tooltip will be centered to the parent node containing it. | ||
*/for:{type:String,observer:"updatePosition",reflectToAttribute:!0},/** | ||
*/ | ||
"for": { | ||
"type": String, | ||
"observer": "updatePosition", | ||
"reflectToAttribute": true | ||
}, | ||
/** | ||
* The spacing between the top of the tooltip and the element it is | ||
* anchored to. | ||
*/offset:{type:Number,value:0,observer:"updatePosition"},/** | ||
*/ | ||
"offset": { | ||
"type": Number, | ||
"value": 0, | ||
"observer": "updatePosition" | ||
}, | ||
/** | ||
* Positions the tooltip to the top, right, bottom, left of its content. | ||
*/position:{type:String,value:"bottom",observer:"updatePosition",reflectToAttribute:!0},/** | ||
*/ | ||
"position": { | ||
"type": String, | ||
"value": "bottom", | ||
"observer": "updatePosition", | ||
"reflectToAttribute": true | ||
}, | ||
/** | ||
* The actual target element | ||
*/target:{type:Object,observer:"updatePosition"},/** | ||
*/ | ||
"target": { | ||
"type": Object, | ||
"observer": "updatePosition" | ||
}, | ||
/** | ||
* The element's style | ||
*/__positions:{type:Object}};if(super.properties){props=Object.assign(props,super.properties)}return props}/** | ||
*/ | ||
"__positions": { | ||
"type": Object | ||
} | ||
} | ||
; | ||
if (super.properties) { | ||
props = Object.assign(props, super.properties); | ||
} | ||
return props; | ||
} | ||
/** | ||
* Store the tag name to make it easier to obtain directly. | ||
* @notice function name must be here for tooling to operate correctly | ||
*/static get tag(){return"absolute-position-behavior"}/** | ||
*/ | ||
static get tag() { | ||
return "absolute-position-behavior"; | ||
} | ||
/** | ||
* life cycle, element is afixed to the DOM | ||
*/connectedCallback(){super.connectedCallback();let root=this;root.__observe=!1;root.__manager=window.AbsolutePositionStateManager.requestAvailability();if(!1!==root.auto)root.setPosition()}/** | ||
*/ | ||
connectedCallback() { | ||
super.connectedCallback(); | ||
let root = this; | ||
root.__observe = false; | ||
root.__manager = window.AbsolutePositionStateManager.requestAvailability(); | ||
if (root.auto !== false) root.setPosition(); | ||
} | ||
/** | ||
* life cycle, element is ready | ||
* @returns {void} | ||
*/ready(){super.ready()}/** | ||
*/ | ||
ready() { | ||
super.ready(); | ||
} | ||
/** | ||
* Registers the element with AbsolutePositionStateManager | ||
* @returns {void} | ||
*/setPosition(){let root=this;root.__observe=!0;root.__manager.loadElement(root)}/** | ||
*/ | ||
setPosition() { | ||
let root = this; | ||
root.__observe = true; | ||
root.__manager.loadElement(root); | ||
} | ||
/** | ||
* Unregisters the element with AbsolutePositionStateManager | ||
* @returns {void} | ||
*/unsetPosition(){let root=this;root.__observe=!1;root.__manager.unloadElement(root)}/** | ||
*/ | ||
unsetPosition() { | ||
let root = this; | ||
root.__observe = false; | ||
root.__manager.unloadElement(root); | ||
} | ||
/** | ||
* Updates the element's position | ||
* @returns {void} | ||
*/updatePosition(){let root=this;if(!0===root.__observe){root.__manager.positionElement(root)}}/** | ||
*/ | ||
updatePosition() { | ||
let root = this; | ||
if (root.__observe === true) { | ||
root.__manager.positionElement(root); | ||
} | ||
} | ||
/** | ||
* life cycle, element is removed from the DOM | ||
* @returns {void} | ||
*/disconnectedCallback(){this.unsetPosition();super.disconnectedCallback()}}window.customElements.define(AbsolutePositionBehavior.tag,AbsolutePositionBehavior);export{AbsolutePositionBehavior}; | ||
*/ | ||
disconnectedCallback() { | ||
this.unsetPosition(); | ||
super.disconnectedCallback(); | ||
} | ||
} | ||
window.customElements.define( | ||
AbsolutePositionBehavior.tag, | ||
AbsolutePositionBehavior | ||
); | ||
export { AbsolutePositionBehavior }; |
@@ -79,10 +79,3 @@ const gulp = require("gulp"); | ||
}); | ||
// run polymer build to generate everything fully | ||
gulp.task("build", () => { | ||
const spawn = require("child_process").spawn; | ||
let child = spawn("polymer", ["build"]); | ||
return child.on("close", function(code) { | ||
console.log("child process exited with code " + code); | ||
}); | ||
}); | ||
// run polymer analyze to generate documentation | ||
@@ -104,3 +97,3 @@ gulp.task("analyze", () => { | ||
gulp | ||
.src("./build/es6/" + packageJson.wcfactory.elementName + ".js") | ||
.src("./" + packageJson.wcfactory.elementName + ".js") | ||
.pipe( | ||
@@ -112,10 +105,3 @@ rename({ | ||
.pipe(gulp.dest("./")); | ||
gulp | ||
.src("./build/es5-amd/" + packageJson.wcfactory.elementName + ".js") | ||
.pipe( | ||
rename({ | ||
suffix: ".amd" | ||
}) | ||
) | ||
.pipe(gulp.dest("./")); | ||
return gulp | ||
@@ -151,5 +137,2 @@ .src("./" + packageJson.wcfactory.elementName + ".js") | ||
gulp.task( | ||
"default", | ||
gulp.series("merge", "analyze", "build", "compile", "sourcemaps") | ||
); | ||
gulp.task("default", gulp.series("merge", "analyze", "compile", "sourcemaps")); |
@@ -19,3 +19,3 @@ { | ||
}, | ||
"version": "2.1.1", | ||
"version": "2.1.2", | ||
"description": "Abstracting the positioning behavior from paper-tooltip to be resusable in other elements", | ||
@@ -29,3 +29,2 @@ "repository": { | ||
"umd": "absolute-position-behavior.umd.js", | ||
"amd": "absolute-position-behavior.amd.js", | ||
"scripts": { | ||
@@ -68,3 +67,3 @@ "test": "../../node_modules/.bin/wct --configFile ../../wct.conf.json node_modules/@lrnwebcomponents/absolute-position-behavior/test/", | ||
], | ||
"gitHead": "377805ee041d6205232182b01f8e05a177ef3bf7" | ||
"gitHead": "d857f1d834ec0bd10fee57ad11f60eb37416db07" | ||
} |
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
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
355349
9095
1