@ax-design/reveal-highlight
Advanced tools
Comparing version 0.1.5 to 0.1.6
@@ -27,2 +27,2 @@ (function(a,b){"object"==typeof exports&&"undefined"!=typeof module?b(exports):"function"==typeof define&&define.amd?define(["exports"],b):(a=a||self,b(a.AxRevealHighlight={}))})(this,function(a){'use strict';// interface RevealStyle { | ||
::slotted(button) { outline:none; } | ||
</style>`,this.canvas=this.root.querySelector("canvas")}adoptedCallback(){this.disconnectedCallback(),this.connectedCallback()}disconnectedCallback(){this.boundary&&this.boundary.waitForStorage(a=>a.removeReveal(this.canvas))}connectedCallback(){if(this.boundary=this.closest(e.ElementName),!this.boundary)throw new SyntaxError("You must use "+e.ElementName+" as the boundary of acrylic!");this.boundary.waitForStorage(a=>setTimeout(()=>a.addReveal(this.canvas),0))}}f.ElementName="ax-reveal",a.register=function(){window.CSS&&CSS.registerProperty?(customElements.define(d.ElementName,d),customElements.define(e.ElementName,e),customElements.define(f.ElementName,f),CSS.registerProperty({name:"--reveal-color",syntax:"<color>",initialValue:"rgb(0,0,0)",inherits:!0}),CSS.registerProperty({name:"--reveal-opacity",syntax:"<number>",initialValue:"0.12",inherits:!0}),CSS.registerProperty({name:"--reveal-border-style",syntax:"<custom-ident>",initialValue:"full",inherits:!0}),CSS.registerProperty({name:"--reveal-border-width",syntax:"<length>",initialValue:"1px",inherits:!0}),CSS.registerProperty({name:"--reveal-fill-mode",syntax:"<custom-ident>",initialValue:"relative",inherits:!0}),CSS.registerProperty({name:"--reveal-fill-radius",syntax:"<number>",initialValue:"1.5",inherits:!0}),CSS.registerProperty({name:"--reveal-diffuse",syntax:"<custom-ident>",initialValue:"true",inherits:!0}),CSS.registerProperty({name:"--reveal-animate-speed",syntax:"<number>",initialValue:"2000",inherits:!0}),CSS.registerProperty({name:"--reveal-released-accelerate-rate",syntax:"<number>",initialValue:"6",inherits:!0})):console.warn("Your browser do NOT support `CSS.registerProperty` method, register failed!")},Object.defineProperty(a,"__esModule",{value:!0})}); | ||
</style>`,this.canvas=this.root.querySelector("canvas")}adoptedCallback(){this.disconnectedCallback(),this.connectedCallback()}disconnectedCallback(){this.boundary&&this.boundary.waitForStorage(a=>a.removeReveal(this.canvas))}connectedCallback(){if(this.boundary=this.closest(e.ElementName),!this.boundary)throw new SyntaxError("You must use "+e.ElementName+" as the boundary of acrylic!");this.boundary.waitForStorage(a=>setTimeout(()=>a.addReveal(this.canvas),0))}}f.ElementName="ax-reveal",a.register=function(){window.CSS&&CSS.registerProperty?(customElements.define(d.ElementName,d),customElements.define(e.ElementName,e),customElements.define(f.ElementName,f),CSS.registerProperty({name:"--reveal-color",syntax:"<color>",initialValue:"rgb(0,0,0)",inherits:!0}),CSS.registerProperty({name:"--reveal-opacity",syntax:"<number>",initialValue:"0.26",inherits:!0}),CSS.registerProperty({name:"--reveal-border-style",syntax:"<custom-ident>",initialValue:"full",inherits:!0}),CSS.registerProperty({name:"--reveal-border-width",syntax:"<length>",initialValue:"1px",inherits:!0}),CSS.registerProperty({name:"--reveal-fill-mode",syntax:"<custom-ident>",initialValue:"relative",inherits:!0}),CSS.registerProperty({name:"--reveal-fill-radius",syntax:"<number>",initialValue:"1.5",inherits:!0}),CSS.registerProperty({name:"--reveal-diffuse",syntax:"<custom-ident>",initialValue:"true",inherits:!0}),CSS.registerProperty({name:"--reveal-animate-speed",syntax:"<number>",initialValue:"2000",inherits:!0}),CSS.registerProperty({name:"--reveal-released-accelerate-rate",syntax:"<number>",initialValue:"6",inherits:!0})):console.warn("Your browser do NOT support `CSS.registerProperty` method, register failed!")},Object.defineProperty(a,"__esModule",{value:!0})}); |
@@ -16,3 +16,3 @@ import { AxRevealProvider, AxRevealBoundary, AxReveal } from './CustomElements.js'; | ||
syntax: '<number>', | ||
initialValue: '0.12', | ||
initialValue: '0.26', | ||
inherits: true | ||
@@ -19,0 +19,0 @@ }); |
{ | ||
"name": "@ax-design/reveal-highlight", | ||
"version": "0.1.5", | ||
"version": "0.1.6", | ||
"description": "Web component that implement Reveal Highlight of Axiom Design System.", | ||
@@ -5,0 +5,0 @@ "main": "build/main.js", |
@@ -16,3 +16,3 @@ import { AxRevealProvider, AxRevealBoundary, AxReveal } from './CustomElements.js'; | ||
syntax: '<number>', | ||
initialValue: '0.12', | ||
initialValue: '0.26', | ||
inherits: true | ||
@@ -19,0 +19,0 @@ }); |
1369751
35