Socket
Socket
Sign inDemoInstall

@lrnwebcomponents/absolute-position-behavior

Package Overview
Dependencies
Maintainers
4
Versions
67
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lrnwebcomponents/absolute-position-behavior - npm Package Compare versions

Comparing version 2.1.1 to 2.1.2

.DS_Store

147

absolute-position-behavior.es6.js
/**
* 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 };

25

gulpfile.js

@@ -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"
}
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